*:focus {
  outline:none !important;
  box-shadow:none !important;
}

html, body {
    font-family: Arial, sans-serif;
	font-size:14px;
	background-color: #FCFAFB;
	color:rgb(80,80,80);
	height: 100vh;
}

a, a:hover, a:link, a:visited , a:active, a:focus {
  text-decoration:none;  
}

a, a:hover {
  color: rgb(132,174,35);
}

pre {
  margin-bottom: 20px !important;	
}	

video {
  margin-left:10px;	
}	

.btn-close {
  scale:0.8;
}	

.bg-header {
  color:rgb(80,80,80);
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  background-color: rgb(233,237,243);
  margin: 10px 0px 10px 0px;
  padding:8px;
  border: 1px solid rgb(214,225,243); 
  border-radius: 5px;
  text-shadow: 2px 2px 4px rgb(160,160,160);
}

.bg-header-sub {
  font-size:1.30rem;  
  margin-top:20px;
  margin-bottom:10px;	
  font-weight:bold;		
}

.bg-fontsm, .bg-fontsm * {
  font-size: 0.9rem !important;	
}

.bg-font-menu, .bg-font-menu * {
  font-size: 0.9rem !important;	
}

.bg-card-image {
  height: 150px;
  object-fit: cover;
}

.bg-card-text {
  max-height: 4.5rem;
  overflow: hidden;
}



.bg-exception {
   background: url(../images/base_exc.png) no-repeat center center;
   min-height: 225px;
   padding-top: 36px;
}	

.dropdown-menu {
  background: linear-gradient(to right, rgb(180,180,180) 0%, rgb(236,236,236) 100%);
  opacity:0.8 !important;
}

.dropdown-item.active, .dropdown-item:active {
  color: rgb(60, 60, 60);
  background-color: rgb(250, 250, 250);
}

@media (min-width: 576px) {
  .dropdown:hover > .dropdown-menu {
	display: block;
  }
}

.page-link {
  color: #869f11;
}

.page-link:hover {
  color: #869f11;
}

.page-item.active .page-link {
  background-color: #869f11;
  border-color: #869f11;
}

.page-item.active .page-link:hover {
  color: rgb(224,224,224);
}

.bg-card-header {
  color: rgb(224, 230, 236);
  font-size:1.2rem;
  font-weight:bold;
}

.bg-invite {
  background: url(../images/bg_orange.png) no-repeat center right;
}
	
.bg-use {
  background: url(../images/bg_green.png) no-repeat center right;
}

.bg-code {
  background: url(../images/bg_pink.png) no-repeat center right;
}
	
.bg-card-body {
  padding:10px;	
  font-size:12px;
}	

.card-header-label {
  color: rgb(255, 180, 10);
}

.card-header-date {
  color: rgb(200, 200, 200);	
  font-size:0.8em;		    
}	

.bg-footer {
  background-color: #292c2f;
  color: rgb(200, 200, 200);  
  text-align:center;
  font-size:0.8rem;
  padding:20px;
}	

#bg-scroll {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 30px;
  z-index: 99;
  background-color: #869f11;
}
 
.bg-con-side {
  background: rgb(230,236,240);
  padding:10px;
  min-height: 100vh;
}

.bg-ulside {

}
  
.bg-ulside li a, .bg-ulside li a:hover {
  color: rgb(80, 80, 80);
}

.bg-ulside li.active a {
  color: #84ae23;
  background-color: rgb(245,250,252);
}

.bg-ulside li:hover {  
  background-color:rgb(244, 244, 244);
} 
 
.bg-label-side {
  background: url(../images/bullet_16.png) 10px center no-repeat, rgb(233,237,243);
  margin-bottom:10px;
  padding:5px 5px 5px 40px;
  font-weight:bold;
  border: 1px solid rgb(214,225,243); 
  border-radius: 5px;
  
}

.bg-list {
  margin: 0px 0px 10px 15px;
  padding-left:0px;
}

.bg-list li {  
  line-height: 180%;
}

.bg-list li a {

}

.bg-list li a:hover {
}

.bg-list li p {
  margin: 5px 0px 5px 15px; 
}

.bg-list li ul {
  padding-left:15px;
}

.bg-list-none {
  padding-left:15px;
}

.bg-bold {
  font-weight:bold;	
}

.bg-italic {
  font-style: italic;
}

.bg-red, .bg-function {
  color: #c80000;
}

.bg-orange, .bg-emp {
  color: #ff970a;
}

.bg-blue {
  color:#9fc6ff;
}

.bg-pink, .bg-param {
  color: #eea9f5;
}

.bg-green {
  color: rgb(0,160,0);
}

.bg-gray {
  /*color: rgb(178, 181, 190);*/
}

.bg-color {
  color: rgb(236,236,236);
}

.bg-color-dark {
  color: rgb(60,60,60);
}

.bg-info {
  color:#708090;
  background:none !important;
}

.bg-comment {
  color: #8292a2;
}

.bg-bg-orange {
  background-color: rgb(255,170,0) !important;
}

.bg-bg-blue {
  background-color: rgb(190,220,225) !important;
}

.bg-bg-green {
  background-color: rgb(180,220,80) !important;
}

.bg-bg-pink {
  background-color: rgb(244,216,244) !important;
}

.bg-bg-brown {
  background-color: rgb(180,130,10) !important;
}

.bg-bg-color-dark {
  background-color: rgb(60,60,60) !important;
}

.bg-wnd-scr {
  margin-bottom:20px;
  padding: 10px 10px 5px 10px;
  background: rgb(236,236,236);
  border: 1px solid rgb(224,224,224);
  border-radius: 0px 8px 8px 8px;
  overflow:auto;  
}

.bg-wnd-warning {
  background: #ffffff;
  margin-bottom:15px;
  padding:10px;
  border: 1px solid rgb(255,180,10);
  border-radius:8px;
  /*display:inline;*/
}

.bg-wnd-dos {
  padding: 10px;
  margin-bottom:10px;
  line-height: 16px;
  color: #ececec;
  background: #272822;
  overflow:auto;
  border: none;
  border-radius: 4px;  
}

.bg-frame {
  border: 2px solid rgb(210, 230, 255); 
  outline: 4px solid rgb(236,236,236);
  
/*
  background-color: rgb(210, 230, 255);
  margin-bottom:20px;  
  padding: 2px;
  border: 4px solid rgb(236,236,236);
*/  
}


.bg-table {
  font-size:0.9rem;
  margin-bottom: 1rem;
  line-height:24px;
}

.bg-table caption {
  background: linear-gradient(to right, rgb(20,20,20) 0%, rgb(120, 120, 120) 100%);
  color:#ececec;
  font-weight:bold;
  caption-side: top;
  text-align: center;
  padding:5px;
}

.bg-table th, .bg-table td {
  padding: 5px;
  border: 1px solid rgb(224,224,224);
}

.bg-table th {
  text-align: center;
}

.bg-table th:nth-of-type(odd) { 
  background-color:rgb(220,220,220);
}

.bg-table th:nth-of-type(even) {
  background-color: rgb(230,230,230);
}

.bg-table td {
  text-align: left;
}

.bg-table tr {
}

.bg-table tr:nth-of-type(even) {
  background-color:rgb(242,242,242);
}

.bg-table tr:nth-of-type(odd) { 
  background-color: #ffffff;
}

.bg-labsample, .bg-labdef {
  background: linear-gradient(to right, rgb(67,52,18) 0%, rgb(130, 100, 35) 100%);
  color:rgb(242,242,242);
  font-weight:bold;
  margin: 0rem;
  /*padding:2px 40px 0px 10px;*/
  padding:0px 10px;
  font-family: Arial, sans-serif;
  font-size:16px;
  border-radius: 5px 5px 0px 0px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3), 0 3px 10px 0 rgba(0,0,0,0.29);
}

.bg-labdef {
  background-color: rgb(150, 150, 150);
  font-size:14px;
  padding:2px 10px;
}

.img-fluid {
  margin-bottom: 20px !important;	
}	

.bg-fluid {
  max-width: 100%;
  height: auto;	
}	

.bg-tablehcol th {
  border: 1px solid #848484;
  color:#ececec;
}  

.bg-tablehcol th:nth-child(even){
  background-color: rgb(70,70,70);  
}

.bg-tablehcol th:nth-child(odd) {
  background-color:#531d58;
}

.bg-numin {
  padding: 2px 5px;	
  width:400px;
  background: rgb(210, 230, 250);
  border:none;
}	

.bg-cstd {
  color: #00bfff;
  font-size:0.8rem;
}

.bg-makro {
  color: #FF970A;
  font-size:0.8rem;
}

.bg-ad-con, .bg-linkline {
  background: rgb(236,236,236);
  padding:8px;
  font-size:0.9rem;
}	

.bg-linkline {
  background: linear-gradient(to right, rgb(20,20,20) 0%, rgb(60, 60, 60) 100%);
  color:rgb(200,200,200);
}	

.bg-clear {
  clear: both !important;
}

.bg-vid-con {
  padding:5px;
  margin-bottom:10px;
}

.bg-vid-frame {
  border: 4px solid rgb(224,224,224);
}

.bg-vid-pl-con {
 margin: 0px 0px 10px 10px;
 padding:5px;  
 background: rgb(236,236,236);
 min-width:260px;
 width: 100%;
 height:400px; 
 overflow-y:auto; 
 overflow-x:hidden; 
 font-size:11px;
 border: 4px solid rgb(224,224,224);
}

.bg-vid-pl {
  margin-left:0px;	
  padding-left:0px;
  list-style-type:none;
}	

.bg-vid-pl li {
  cursor:pointer;
  margin-bottom:2px;
  padding:4px;
  text-align:left; 
  background-color: rgb(224,224,224);
  border:1px solid rgb(244,244,244);
  height:56px;
}  

.bg-vid-pl li:hover {
  background-color: rgb(240, 220, 134);
  border:1px solid rgb(224,224,224);
}
  
.bg-vid-pl li img {
  float:left; 
  margin-right:10px;
  border: 1px solid rgb(180,180,180);
}  

.bg-form-header {
  font-weight:bold;
  background: url(../images/bullet_16.png) 10px center no-repeat, rgb(236,236,236);
  margin-bottom: 10px;
  padding: 8px;  
  border: 1px solid rgb(224,224,224);
  border-radius: 5px;
  text-align:center;
}
		
.bg-list-admin {
  list-style: none;
  margin: 0px 0px 10px 10px;
  padding-left:0px;
}

.bg-list-admin li {  
  line-height: 200%; 
}

.bg-list-admin li a {
  padding-left:10px;
}

.bg-list-admin li a:hover {
  background-color: rgb(236,236,236);  
}

.bg-list-admin li a.active {
  color:rgb(80,180,80);
}

.bg-tablef td:first-child {
  text-align: center;
}

.bg-tablec td:not(:first-child) {
  text-align: center;
}

.bg-ok, .bg-no {
  font-size:16px;
  color:rgb(60,220,20);  
}	

.bg-no {
  color:rgb(255,0,0);  
}	

.bg-col-dark {
  background: rgb(60,60,60) !important;
  color:#ececec;
}  

.bg-table-icon tr {
  height:40px;
  /*line-height: 1.6;*/
}	

.bg-table-icon td {
  background: url(../images/bullet_10.png) 10px 12px no-repeat;
  padding-left:30px;
}

/*
.bg-ul-icon {
  list-style: url(../images/bullet_10.png);
}
*/

.bg-center {
  text-align:center !important;	
}	

/* ************** */
.tabs-container {
  /*margin-bottom:20px !important; */
} 	

.tabs-menu {
  font-size:11px;
  list-style: none !important;
  padding: 0px;  
  margin:0px;
}

.tabs-menu li {
  float: left;
  margin-right: 0px;
  /*background: linear-gradient(to bottom, rgb(70,100,100) 0%, rgb(20,50,50) 100%);*/
  background: linear-gradient(to bottom, rgb(100,100,100) 0%, rgb(20,20,20) 100%);
  /*background-color: rgb(60,60,60);*/
  border-top: 1px solid rgb(100,100,100);
  border-right: 1px solid rgb(120, 120, 120);
  border-left: 1px solid rgb(20,20,20); 
  border-radius: 6px 6px 0px 0px;
  padding:5px;
}

.tabs-menu li.current {
  background: linear-gradient(to bottom, rgb(236,236,236) 0%, rgb(172,172,172) 100%);
  border-top: 1px solid rgb(224,224,224);
  border-right: 1px solid rgb(224,224,224);
  border-left: 1px solid rgb(224,224,224);
}

.tabs-menu li a {
  padding: 5px;
  text-decoration: none; 
  color: rgb(236,236,236);
}

.tabs-menu li a:hover {
  color: #35b02d;
}

.tabs-menu .current a {
  color: #35b02d;
  font-weight:bold;
}

.tab {
  border: 1px solid #d4d4d1;
  background-color: #fff;
  float: left;
  margin-bottom: 20px;
  height:250px;
  background-color: #f8f8f8;
}

.tab-content {
  display: none;
  min-height:560px;
  width:100%;
  margin:5px 0px 0px 0px;
  padding:0px;
}

.bg-font11 {
  font-size:11px;	
}	

.bg-font12 {
  font-size:12px;	
}	

.bg-font14 {
  font-size:14px;	
}

.bg-font16 {
  font-size:16px;	
}

.bg-font-light {
  color: rgb(236,236,2366);	
}	

.bg-checkg, .bg-checkr {
  color: rgb(0,160,0);
  font-size:14px;
  font-weight:bold;  
  margin-right:8px;  
}

.bg-checkr {
  color: rgb(220,0,0);
}

/*
.bg-btn {
  font-size:12px;
  color: rgb(236, 236, 236);
  border: 1px solid rgb(160,190,18);
  border-radius:5px;
  cursor:pointer;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
  background: linear-gradient(to top, rgb(90,90,0) 0%, rgb(150,160,12) 100%);
}

.bg-btn:hover {
  color: rgb(236, 236, 236);
  background: linear-gradient(to top, rgb(150,180,16) 0%, rgb(170,200,20) 100%);
  border: 1px solid rgb(160,190,18);
}
*/


.bg-btn, .bg-btnsm, .bg-btnxs, .bg-btnsm-g, .bg-btnsm-b {
  font-size:12px;
  color: rgb(236, 236, 236);
  border: 1px solid rgb(134, 160, 16);
  cursor:pointer;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
  flex: 1 1 auto;
  transition: 0.5s;
  background-size: 200% auto;
  background-image: linear-gradient(to right, rgb(20, 20, 20) 0%, rgb(134, 160, 16) 51%, rgb(20, 20, 20) 100%);
  /*background-image: linear-gradient(to right, #869f11 0%, #adcd16 51%, #869f11 100%);*/
  padding:5px 10px 5px 10px !important;
}

.bg-btn:hover, .bg-btnsm:hover, .bg-btnxs:hover, .bg-btnsm-g:hover, .bg-btnsm-b:hover {
  background-position: right center;
  color: rgb(248, 248, 248);
}

.bg-btnsm, .bg-btnsm-g, .bg-btnsm-b {
  font-size:11px;
  border-radius:5px;
/*padding:5px 10px 5px 10px !important;*/
  margin-bottom:2px;  
}

.bg-btnxs {
  font-size:11px;
  border-radius:5px;
}

.bg-btnsm-g {
  background-image: linear-gradient(to right, rgb(120, 120, 120) 0%, rgb(160, 160, 160) 51%, rgb(160, 160, 160) 100%);	
  border: 1px solid rgb(140, 140, 140) !important;
}

.bg-btnsm-b {
  background-image: linear-gradient(to right, #dea709 0%, #f0c64f 51%, #dea709 100%);	
  border: 1px solid rgb(230, 190, 50) !important;
}

.basic_m {
  padding:7px !important;	
}	

.bg-div-img-top {
  float:right;
  margin-left:10px;  
  max-width:480px;
}	

.bg-hidden { display:none; }

.bg-inline {
  display: inline;
}

.ul-li-mb-5 li {  
  margin-bottom:5px;
}