a{
    text-decoration: none;
    font-size: 12px;
}
ul,li{
    text-decoration: none;
}
.t-cl-dark{
    color:#222; 
    font-size: 12px;
}
.t-cl-light{
    color:#fff; 
    font-size: 12px;
}
span{
    font-size: 10px;
}
table{
    width: 100%;
    border-collapse: collapse;
}
td{
    padding:3px 0px;
    font-size: 12px;
    vertical-align: middle;
}
.textUpcase{
  text-transform: uppercase;
  font-weight: 600;
}
.textSmall{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #3d428b;
  text-align: justify;
}
.inp_red{
  border-radius:3px;color:#fff;background-color:#f00;padding:3px 5px; font-size:16px; font-weight:bold;
}
input,select,textarea{
    font-family: Arial, Helvetica, sans-serif;
    padding:2px 0px;
    border-radius: 2px;
    width:100%;
    border:1px solid lightgray;
    font-size: 12px;
    
}
input[type="number"]{
  text-align: right;
}
input[type="checkbox"]{
  width:auto;
  text-align:right;
  padding:0
}
.in_lag{
  padding:5px;
  border: 1px solid #5781b9;
  font-size: 14px;
  font-weight: 600;
  text-align: right;
}
.in_lag2{
  padding:3px;
  border: 1px solid #5781b9;
  font-size: 16px;
  font-weight: 800;
  text-align: right;
}
.lag{
  padding:5px;
  border: 1px solid #5781b9;
  text-align:right;
  font-size: 12px;
  border-top:none;
  border-bottom: none;
  background-color: #fff;
}
.div-select{
  display: block;
  background-color:#fff;
  border-radius: 3px;
  border: 1px solid lightgray;
}
.input-field{
  border:none;
  padding:2px;
  background-color: none;
}
.input-field:focus{
  outline: none;
  background-color: none;
}
.bg_action{
  background-color: #f2d3f5;
}
.icon {
  position: absolute;
  margin-left:-15px;
  font-size: 12px;
  padding:3px 0px;
  width: auto;
  text-align: right;
  color:#5781b9;
  cursor: pointer;
}
.img_hover:hover{
    filter: brightness(150%);
}
.img_bdr_32{
  width:36px;
  height:36px;
  border-radius:50%;
  border:2px solid #f1c01f;
  object-fit: cover;
}
form{
  padding:0;
}
.title-layout{
  float:left; width:auto; padding:4px 5px;
  cursor: pointer;
}
.title-layout img{
  height:14px;
  width:14px;
}
.TabHd:hover{
  background-image: url('https://appbbt.banhbathao.com/public/asset/icon/bg_hv_s.png');
  background-repeat: repeat;
  background-size: auto 100%;
  color:#333;
}
.btn_bg:hover{
  background-image: url('https://appbbt.banhbathao.com/public/asset/icon/bg_hv_s.png');
  background-repeat: repeat;
  background-size: auto 100%;
  color:#222;
}
.btn_gr:hover{
  background-image: url('https://appbbt.banhbathao.com/public/asset/icon/bg_hv_s.png');
  background-repeat: repeat;
  background-size: auto 100%;
  color:#222;
}
.action_ch_top{
  z-index: 1;
  margin-top: -1px;
}
.times{float:right; width:20px; padding:4px 0px; cursor: pointer; text-align:center;}
.tb-none{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;     
  border-collapse: collapse;
  width: 100%;
}
.tb-none td{
  padding:2px;
}
.tb-none td input{
  padding:2px 0px;
}

  .tb-line-ch{
    table-layout: fixed;
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    font-size:12px;
    width:100%;
  }
  .tb-line-ch td{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #8ab1e3;
    padding:3px 0px;
  }
  
  #tb-line-hh{
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
  }
  
  #tb-line-hh td{
    border: 1px solid lightgray;
    padding:5px 2px;
  }
  
  #tb-nline{
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
  }
  #tb-nline th{
    text-transform: uppercase;
    text-align: center;
    background-color: #5781b9;
    color:#ddd;
    font-weight: 600;
    
  }
  #tb-nline td, #tb-nline th{
    padding:3px 0px;
  }
  #tb-bt{
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
  }
  #tb-bt td{
    padding:2px 0px;
    font-size: 12px;
    color: #222;
  }
  #tb-searh{
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    font-size: 12px; 
  }
  #tb-search th{
    background-color: #e3efff;
  }
  #tb-search td, #tb-search th{
    padding:3px 0px;
    border:1px solid #bbb;
  }
  #tb-search tr:nth-child(even){background-color: #fcf6fe;}
  
  #tb-search tr:hover {background-color: #e3efff;}
  #tb-search td select{
    border:none;
  }
  #tb-search td input{
    
    border:none;
    width:98%;
  }
  #tb-search td input:focus{
    outline: none;
    width:98%;
  }
  
  #tb-searh-hh{
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    font-size: 12px; 
  }
  
  #tb-search-hh td{
    vertical-align: middle;
    border:1px solid #bbb;
  }
  #tb-search-hh tr{
    padding:0px;
  }
  #tb-search-hh tr:nth-child(even){background-color: #fcf6fe;}
  
  #tb-search-hh tr:hover {background-color: #e3efff;}
  #tb-search-hh td select{
    padding:2px 0px;
    border:none;
  }
  #tb-search-hh td input{
    padding:2px 0px;
    border:none;
    width:95%;
  }
  #tb-search-hh td input:focus{
    outline: none;
    width:95%;
  }
  .bdn_bt{
    border-bottom: none;
  }
  .bdn{
    border:none;
    outline: none;
  }
  .bdbt_dot{
    border-bottom: 1px dotted lightgray;
    padding:5px 0px 2px 5px;
    display:flex;
    margin-top:3px;
  }
  p{
    padding:4px 0px;
    text-align: justify;
    font-size: 13px;
  }
  h1{
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
  }
  h2{
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
  }
  h3{
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
  }
  .text-bold-upcase{
    text-transform: uppercase;
    text-align:center;
    font-size:12px;
    font-weight: 600;
    padding:5px 0px;
    color:#222;
  }
  .text-strong{
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color:#f00;
    
  }
  .note{
    font-style: italic;
    font-size: 12px;
    color: #5781b9;
  }
  .note-error{
    font-style: italic;
    font-size: 12px;
    color: #f00;
  }
  .icon_small{
    width: 16px;
  }
  img{
    vertical-align: middle;
    object-fit: cover;
  }
.central-object{
    display: flex;
    align-items: center;
    justify-content: center;
}
.central-h{
  display: flex;
  justify-content: center;
}
.central{
  text-align:center;
}
.text-middle{
  display: flex;
  align-items: center;
}
.fll{float:left;}
.flr{float:right;}
.ml{margin-left:5px;}
.mr{margin-right:5px;}
.clear{
  clear:both;
}
.icon-close{
  font-size:10px;
  color:#222;
  cursor: pointer;
  width:15px;
  height:15px;
  display: flex;
    align-items: center;
    justify-content: center;
}
.icon-close:hover{
  border: 1px solid #bebcbc;
  border-radius: 2px;
  height:14px; width:14px;
}
.fa-times:hover{
  color:#f00;
}
.r90{
  transform: rotate(90deg);
}
  /*---------------BACKGROUND------------------*/
img{
  cursor: pointer;
}
.divChoice{
  cursor: pointer;
  padding:3px 0px;
}
.divChoice:hover{
  background-color: #316ac5;
}

.nbg{
  background:none;
}
.cl_move{
  cursor: move;
}
.cl_bold{
  font-weight: 600;
  background-color: #faf5dc;
  color:#000;
}
.cl_wait{
  background-color: #d8fde7;
}
.cl_print{
  background-color: #faf1f7;
}
.bg-grdi{
  background: rgb(238,174,202);
  background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
}

.bg0{
  background-color: #e8edfa;
  color: grey;
}
.bg{
  background-color: #fff;
  color:#222;
}
.bg00{
  background-color: #ffffe0;
  color:#222;
}

.bg1_1{
  background-color: #e8edfa;
  color: #3d428b;
}
.bg1>input,select{
  color:#222;
}
.bg4{
  background-color: #f5f7f9;
}

.bg6>input{color:#fff;}
.bg6>select{color:#fff;}
.bg7{
  background-color: #ffffe1;
  color:#222;
}
.bg8{
  background-color: #f8f8f8;
  color:#5781b9;
}
.bg9{
  background-color: #fafad2;
  color:#000;
}
.bg10{
  background-color: #557eb4;
  color:#fff;
}
.bg-current-menu-2{
  background-image: url('https://appbbt.banhbathao.com/public/asset/icon/bg4_hover.png');
  padding:1px 5px;
  border: 1px solid #ebbd26;
}
/*-------------------------------------------*/
button:focus{
  outline: none;
  
}
button{
  height:23px;
}
/*------------------BUTTON STYLE--------------------*/
  .btn{
    cursor: pointer;
    text-align: center;
    padding:2px 8px;
    color:#3d428b;
    border:1px solid #6098df;
    border-radius:3px;
    background-image: radial-gradient(circle, #fff, #e3efff);
}
.btn:hover{
    background-image: radial-gradient(circle, #fff, #fff);
}

.btn1{
  cursor: pointer;
    text-align: center;
    padding:2px 8px;
    color:#3d428b;
    border:1px solid #6098df;
    border-radius:3px;
    background-image: radial-gradient(circle, #fff, #e3efff,#8ab1e3);
}
.btn1:hover{
    background-image: radial-gradient(circle, #fff, #e3efff);
}
.btn2{
  cursor: pointer;
  text-align: center;
  padding:2px 12px;
  color:#3d428b;
  border:1px solid #6098df;
  border-radius:3px;
  background-image: radial-gradient(circle, #fff, #e3efff,#e3efff,#8ab1e3);
}
.btn2:hover{
  background-image: radial-gradient(circle, #fff, #e3efff);
}
.btn-close{
    padding:6px; 
    width:auto;
    text-align:center;
    border: 1px solid none;
}
.btn-close:hover{
    border: 1px solid lightgray;
}
.btn_bgn{
  padding:3px 5px;
  text-align: center;
  color:#222222;
  display:flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.btn_bgn:hover{
  background-color: #b3d7f3;
  border:1px solid #0078d7;
  padding:2px 3px;
}
.btn_bgn>img{
  height:14px;
  width: 14px;
  margin-right:5px;
}
.btn_gr>img{
  height:14px;
  width:14px;
  object-fit: cover;
}
/*-------------------------------------------------------------------*/
/*--------------------------BORDER STYLE------------------------------*/
.bd-none{
  border:none;
}
.bdtn{
  border-top:none;
}


.bdr-gray{
 border-right: 1px solid lightgray;
}
.bd-right{
  border-right: 1px solid lightgray;
}


.bd-gray{
  border: 1px solid lightgray;
}
.top-bd-none{
  border-top: none; 
}

.bdr2{
  border-radius: 5px;
  border:2px solid #eca454;
}
.boxsd{
  box-shadow: 3px 3px 5px gray;
}
.btn-simg{
  width:12px;
  height:12px;
  padding:3px;
  cursor: pointer;
}
.btn-simg:hover{
  filter: brightness(105%);
}
.btn-img{
  object-fit: cover;
  vertical-align: middle;
  height:auto;
  width:auto;
  cursor: pointer;
}
.btn-img:hover{
  filter: brightness(110%);
}
/*-------------------------------------------------------------------*/
.divlogo{
  position: fixed;
  top:0px;
  left:4px;
  height:40px;
  width:40px;
  text-align:center;
  z-index: 99;
  
}
.logo{
  width:32px;
  height:32px;
  border-radius: 50%;
  box-shadow: 3px 2px 8px lightgray;
  cursor: pointer;
}
.line_h{
  float:left; height:68px; width:1px; border-left:1px solid lightgray;margin:0px 2px;
}
.line_gray{
  border-top:1px solid lightgray; height:2px;
}
.bottom-button-form{
  margin-top:6px;
  width:100%;
}
.hide{
  display: none;
}
.show{
  display: block;
}
.slider {
  font-size: 0;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
.slides {
  display: inline-block;
  
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
  color:#222;
}
.slides img {
  vertical-align: middle;
}
.textover{
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.fredb{
  color:#f00;font-size:1em; font-weight:bold;text-align:right;padding:2px 5px;
  background-color: #fff;
}

.down-select>.content-sl{
  padding:3px;
  max-height: 250px;
  overflow-y: auto;
  
}
.middle_size_b{
  font-family: 'Tahoma', sans-serif;
  font-size: 1.2em;
  font-weight: 800;
  width:100px;
  text-align:right;
}
.lag_size_b{
  font-family: 'Tahoma', sans-serif;
  font-size: 1.5em;
  font-weight: 800;
}
.sl_div{
  padding:5px 3px;
  text-align:left;
  color:#222;
}
.sl_div:hover {background-color: #e3efff;}
.new2{
  border: 0.5px solid #00f;
}
.canvasQR{
  width:45mm;
  height:20mm;
  color:#000;
  background-color: #fff;
}