.tb-collapse {border-collapse: collapse; }
.tb-td-th-col-collapse {border-collapse: collapse; }
.wfull {width: 100%;}
.bd1-blk { border:1px solid black;}
.bd-n {border: none;}
.bd1-grey { border:1px #C9C9C9;}
.br20 {border-radius: 20px;}
.br10 {border-radius: 10px;}
.br5 {border-radius: 5px;}

.bg-khaki {background-color: #DAB728;}
.bg-lgrey {background-color: #C9C9C9;}
.bg-dgrey {background-color: #A5A5A5;}
.bg-whi {background-color: #fff;}
.bg-blk {background-color: #000;}

.f-whi {color: #fff;}
.f-blk {color: #000;}
.pd2 {padding: 2.5px;} .pd2r {padding-right: 2.5px;} .pd2l {padding-left: 2.5px;} .pd2t {padding-top: 2.5px;} .pd2b {padding-bottom: 2.5px;}
.pd5 {padding: 5px;} .pd5r {padding-right: 5px;} .pd5l {padding-left: 5px;} .pd5t {padding-top: 5px;} .pd5b {padding-bottom: 5px;}
.pd10 {padding: 10px;} .pd10r {padding-right: 10px;} .pd10l {padding-left: 10px;} .pd10t {padding-top: 10px;} .pd10b {padding-bottom: 10px;}
.pd20 {padding: 20px;} 
.pd20 {padding: 20px;}
.pd25 {padding: 25px;}
.pd50 {padding: 50px;}
.pd75 {padding: 75px;}

.w50 {width: 50px;} .w80 {width: 80px;} .w100 {width: 100px;} .w120 {width: 120px;}.w150 {width: 150px;}
.w200 {width: 200px;} .w250 {width: 250px;} .w300 {width: 300px;} .w350 {width: 350px;} .w400 {width: 400px;} .w450 {width: 450px;} .w500 {width: 500px;}

.w100p {width: 100%;}
.h100 {height: 100px;} 
.h150 {height: 150px;} 
.h200 {height: 200px;} 
.h300 {height: 300px;}
.h350 {height: 350px;}
.h400 {height: 400px;} 
.h500 {height: 500px;} 

.ofxh {overflow-x: hidden;}
.ofxs {overflow-x: scroll;}

.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}

.dis-il {display: inline;} 
.dis-ib {display: inline-block;} 
.dis-b {display: block;}
.fl {float: left;}.fr {float: right;}

.mar25 {margin: 25px;} .mar25r {margin-right: 25px;} .mar25l {margin-left: 25px;}.mar25t {margin-top: 25px;} .mar25b {margin-bottom: 25px;}
.mar10 {margin: 10px;} .mar10r {margin-right: 10px;} .mar10l {margin-left: 10px;}.mar10t {margin-top: 10px;} .mar10b {margin-bottom: 10px;}
.mar5 {margin: 5px;}  .mar5r {margin-right: 5px;} .mar5l {margin-left: 5px;} .mar5t {margin-top: 5px;} .mar5b {margin-bottom: 5px;}
.mar3 {margin: 3px;}  .mar3r {margin-right: 3px;} .mar10l {margin-left: 3px;} .mar3t {margin-top: 3px;} .mar10t {margin-bottom: 3px;}

.bs{box-shadow: 0 0 15px  #669999; }
.bs1{box-shadow: 0 0 5px  #000; } /*dark*/
.bs2{box-shadow: 0 0 5px  #F2F2F2; } /*light*/
.bs3{box-shadow: 0 3px 10px  #D7D7D7; } /*medium*/

.btn1{box-shadow: 0 0 2px  #ddd;border: none; border-radius: 5px;background-color: #DFDFDF; color: #000;padding: 5px;}
.btn1:hover{box-shadow: 0 0 2px  #ddd;border: none; border-radius: 5px;background-color: #2B7C9D; color: #fff;padding: 5px;}
.btn2{box-shadow: 0 0 2px  #ddd;border: none; border-radius: 5px;background-color: #2080CB; color: #fff;padding: 5px;}
.btn2:hover{box-shadow: 0 0 2px  #ddd;border: none; border-radius: 5px;background-color: #00BDFF; color: #fff;padding: 5px;}
.btn3{box-shadow: 0 0 2px  #ddd;border: none; border-radius: 5px;background-color: #000000; color: #fff;padding: 5px; max-width:100%;}
.btn3:hover{box-shadow: 0 0 2px  #ddd;border: none; border-radius: 5px;background-color: #DBDBDB; color: #000;padding: 5px;max-width:100%;}

.btn4{box-shadow: 0 0 2px  #ddd;border: none; border-radius: 5px;background-color: #2080CB; color: #fff;padding: 5px; padding-right: 10px; padding-left: 10px;}
.btn4:hover{box-shadow: 0 0 4px  #ddd;border: none; border-radius: 5px;background-color: #000; color: #fff;padding: 5px; padding-right: 10px; padding-left: 10px;}

.btn5{box-shadow: 0 0 2px  #ddd;border: none; border-radius: 5px;background-color: #ffe3e3; color: #b12626;padding: 5px; padding-right: 10px; padding-left: 10px;}
.btn5:hover{box-shadow: 0 0 4px  #ddd;border: none; border-radius: 5px;background-color: #fab7b7; color: #b12626;padding: 5px; padding-right: 10px; padding-left: 10px;}

.btn6{box-shadow: 0 0 2px  #ddd;border: none; border-radius: 5px;background-color: #b1ff12; color: #000;padding: 5px; padding-right: 10px; padding-left: 10px;}
.btn6:hover{box-shadow: 0 0 4px  #ddd;border: none; border-radius: 5px;background-color: #54ff13; color: #000;padding: 5px; padding-right: 10px; padding-left: 10px;}


.blink {animation: blinker 2s linear infinite;}
@keyframes blinker {50% {opacity: 0;}}


img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;

-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
-ms-user-drag: none;
user-drag: none;}


.w3-modal{z-index:3;display:none;padding-top:100px; position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-xlarge{font-size:24px!important}
.w3-display-topright{position:absolute;right:0;top:0}


.tbox-label{font-family: Roboto, Arial, sans-serif;font-size: 14px;line-height: 22px; box-shadow: 0 0 8px  #bbb;border-bottom:3px solid #888888;}
.tbox-label:hover, .tbox-label:focus {border-bottom:3px solid #e9d400; transition-timing-function: ease-in-out; transition:  .10s ;box-shadow: 0 0 5px  #bbb;}

.tbox {padding: 0;margin: 0;outline: none;border: none;font-family: Roboto, Arial, sans-serif;font-size: 14px;line-height: 22px;color: #666;box-shadow: 0 0 8px  #bbb;border-bottom:3px solid #888888;border-radius: 5px;padding: 3px 10px;margin: 3px 0;box-sizing: border-box;}
.tbox:hover, .tbox:focus {border-bottom:3px solid #ff8300; transition-timing-function: ease-in-out; transition:  .10s ;box-shadow: 0 0 5px  #bbb;}

.tupper {text-transform: uppercase;}


/* <<----------switch----------->> */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


/* >>>------switch--------<<<*/