.bg_menu_top{
  background-color: #bfdbff;
}
.top-menu{
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    float:left;
    margin-right:12px;
    margin-top:3px;
    color:#3d428b;
    height:28px;
    width:auto;
    padding:0px 8px;
    border: 1px solid #bfdbff;
    z-index: 2;
    border-bottom:none;
}
.top-menu:hover{
    background-color: #e3efff;
    background-image:linear-gradient(#e3efff,#f1dc94);
    border: 1px solid lightgray;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    color:#222;
}
.bg-current-menu{
    background-color: #e3efff;
    background-image:linear-gradient(#f1dc94,#e3efff);
    border: 1px solid #bfdbff;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom:none;
}
/*-----------------------------------------*/
 
.choice-menu{
    padding:0px 4px;
    height:84px;
    width:auto;
    margin-right:3px;
    text-align:left;
    border-radius: 3px;
    background-image: url('https://appbbt.banhbathao.com/public/asset/icon/bg4.png');
    background-repeat: repeat;
    background-size: auto;
    color:#3e6aaa;
    
}
.bg1{
  background-color: #e3efff;
  color:#3d428b;
}
.bg1_2{
  background-color: #4d74a7;
  color:#000;
}
.bg2{
  background-color: #8ab1e3;
}
.bg5{
  background-color: #5781b9;
  color:#e3efff;
}
.bg55{
  background-color: #7ca7dd;
  color:#e3efff;
}
.bg6{
  background-color: #316ac5;
  color: #fff;
}
.wait{
    color:#fff;
    background-color: #5781b9;
}
.bg-img1{
    background-image: url('https://appbbt.banhbathao.com/public/asset/icon/bg1.jpg');
    background-repeat: repeat;
    background-size: auto;
    color:#222;
}
.bg-img3{
    background-image: url('https://appbbt.banhbathao.com/public/asset/icon/bg3.png');
    background-repeat: repeat;
    background-size: auto;
}
.bg-img4{
    background-image: url('https://appbbt.banhbathao.com/public/asset/icon/bg4.png');
    background-repeat: repeat;
    background-size: auto;
}
.bg-img6{
    background-image: url('https://appbbt.banhbathao.com/public/asset/icon/bg6.png');
    background-repeat: repeat;
    background-size: auto;
    color:#fff;
}
.bg-img5{
    background-image: url('https://appbbt.banhbathao.com/public/asset/icon/bg5.png');
    background-repeat: repeat;
    background-size: auto;
    color:#fff;
}
.bg-img7{
  background-image: url('https://appbbt.banhbathao.com/public/asset/icon/bg7.png');
  background-repeat: repeat;
  background-size: auto 100%;
  color:#fff;
}
.bd{
  border: 1px solid #5781b9;
}
.bdrt{
  border: 1px solid #5781b9;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.bdt-r{
  border: 1px solid #5781b9;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom: none;
}
.bdr-tn{
    border: 1px solid #5781b9;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: none;
}
.bdl{
  border-left: 1px solid #5781b9;
}
.bdt-n{
  border: 1px solid #5781b9;
  border-top: none;
}
.bdb-n{
  border: 1px solid #5781b9;
  border-bottom: none;
}
.bdr{
  border: 1px solid #5781b9;
  border-radius: 4px;
}
.bd_bt{
  border-bottom: 1px solid #5781b9;
}
.bd2l{
  border:1px double #5781b9;
}
.bdb{
  border-bottom: 1px solid #5781b9;
}
.bdt{
  border-top: 1px solid #5781b9;
}
.bdsty{
  border: 1px solid #5781b9;
  border-top:none;
}
/*--------------------BUTTON STYLE-----------------*/
.btn_gr{
  color:#3960c2;
  font-family: 'Roboto',sans-serif;
  background: #8AB1E3;
  background: linear-gradient(0deg, rgba(138, 177, 227, 1) 0%, rgba(255, 255, 255, 1) 100%);
  border: 1px solid #6098df;
  border-radius: 4px;
  height:24px;
  padding:4px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

}
.btn_bg{
    height:24px;
    width:auto;
    border:1px solid #6098df;
    border-radius: 3px;
    color:#3960c2;
    font-family: 'Roboto',sans-serif;
    background-image: url("https://appbbt.banhbathao.com/public/asset/icon/bg_btn2.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
    padding-left:8px;
    padding-right:8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.btn_bg_none{
    height:24px;
    width:auto;
    border:1px solid #6098df;
    border-radius: 3px;
    color:#3960c2;
    font-family: 'Roboto',sans-serif;
    background-image: url("https://appbbt.banhbathao.com/public/asset/icon/bg_btn2.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
    filter: grayscale(100%);
    padding-left:8px;
    padding-right:8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.tb-line-child {
  table-layout: fixed;
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  background-color: #f4f9ff;;
}

.tb-line-child td{
  border: 1px solid #66a9f7;
  vertical-align: middle;
  padding:4px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tb-line-child tr{
  cursor: pointer;
}
.tb-line-child tr:nth-child(even){background-color: #f3e8f7;}
.tb-line-child tr:hover{
  background-color: #8ab1e3;
  color:#fff;
}
#tb-line-over{
    table-layout: fixed;
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
#tb-line-over td{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #8ab1e3;
  padding:3px 0px;
  vertical-align: middle;
}

#tb-line{
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
#tb-line td{
  border: 1px solid #8ab1e3;
  padding:3px 0px;
  vertical-align: middle;
}
#tb-line-child-lg{
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  background-color: #ebf8d7;
}
#tb-line-child-lg td{
  border:1px solid #8ab1e3;
  padding:4px 0px;
  
}
#tb-line-child-lg tr:nth-child(even){background-color: #f1cfed;}
#tb-line-child {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    color:#000;
}

#tb-line-child td, #tb-line-child th {
  border: 1px solid #8ab1e3;
  vertical-align: middle;
  padding:4px 0px;
}
#tb-line-child tr:nth-child(even){background-color: #e1e8dc;}
#tb-line-child tr:hover {background-color: #5781b9; color:#fff;cursor:pointer;}
#tb-line-child th {
  font-weight: 600;
  padding:4px 0px;
  text-transform: uppercase;
  text-align: center;
  background-color: #3d3d3d;
  color: white;
}

.tb-line-child-over{
    table-layout: fixed;
    font-family: 'Tahoma', sans-serif;
    border-collapse: collapse;
}
.tb-line-child-over td{
    border: 1px solid #66a9f7;
    vertical-align: middle;
    padding:4px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tb-line-child-over tr{
    cursor: pointer;
}
.tb-line-child-over tr:nth-child(even){background-color: #e1e8dc;}
.tb-line-child-over tr:hover{
    background-color: #8ab1e3;
    color:#fff;
}
.down-select{
  position: absolute;
  display: none;
  color:#222;
  border-radius: 3px;
  border: 1px solid #5781b9;
  overflow: hidden;
  z-index: 1;
}