/*background: url(../images/tl-body.png);
clear: left;
font-family: 'Roboto Condensed', sans-serif;
*/

/*=========================================================================================
	CSS Start
===========================================================================================*/
/* Dành cho Samsung S9 */
@media only screen and (max-width: 767px){
	
}
/* Dành cho Ipad */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
	
}
/* Dành cho Desktop */
@media only screen and (min-width: 1280px) {
	
}
body{margin:0;padding: 0;font-family: Tahoma, Geneva, sans-serif;}
a{text-decoration:none;}
header {width:100%;height:80px;background: #5ea8de;}
main {min-height: 820px;}
footer {border-top: 3px solid #aaa;background:#ccc;}

.imgshpk{background:#ebebeb;display: block; margin-left: auto; margin-right: auto;max-width: 100%;height: auto; }
.clear { clear: both }
.bg_hover :hover{
	filter: brightness(120%);
}
.bg_color{background:#0f1128;margin:0}
.bg_body{background-image: url("../images/bg.jpg");background-repeat: no-repeat;background-position: center top;font-family: "Roboto", sans-serif;}
.maintlbb{
	width:982px;
	margin-right: auto;
	margin-left: auto;
}
.header_1{width:100%}
.menuTLBB_L{width:300px;float:left;padding: 25px 0 0 0;}
.menuTLBB_R{width:680px;float:right;padding: 15px 0 0 0;}

.menuTLBB_L a{font-size: 25px;font-weight: bold;text-transform: uppercase;color: #fff;}

.menuTLBB_1R {margin: 25px 0 25px 25px;font-size:14px;text-transform:uppercase;float:right;border-radius:5px;background-color: rgba(0,0,0,0.5);}
.menuTLBB_R ul{margin:0;padding:0px 10px 15px 10px;}
.menuTLBB_R ul li{float:left;list-style:none;padding:15px 0px 15px 0px;}
.menuTLBB_R ul li a{color:#fff;font-weight:bold;font-size:14px;}
.menuTLBB_R ul li a:hover{color:#fff}
.menuTLBB_R span{color:#fff;padding:0 10px;font-weight: bold;}

.body-main{margin-top:300px;margin-bottom:50px;}

.maintlbb_body{
	width:915px;
	margin-right: auto;
	margin-left: auto;
}
.section_1{}
.tlbb_left{width:318px;float:left;margin-right:5px;}
.tlbb_right{width:592px;float:left;}

.download img{padding:0;margin:0;vertical-align: middle;}
.createTL{width:100%}
.dangkyButton{width:50%;float:left;}
.dangnhapButton{width:50%;float:left;}
.support img{padding:0;margin:0;vertical-align: middle;}
.face img{padding:0;margin:0;vertical-align: middle;}

.tlbbslide{width:100%;background-color: rgba(255,255,255,0.5);border:1px solid #FFFFCC;}
.tlbbslide img{padding:0;margin:0;vertical-align: middle;}
.tlbbslide_content {margin:5px;background:#fffef8;}

.tlbbcontent{background: #fff;padding:0 15px 50px 15px;}

.footer_tlbb h3{color:#fff;font-size:16px;text-align:center;margin:0;padding:10px;}

.menuLogin{background: #fff;padding:0px 15px 15px 15px;}

.contentID{width:100%;margin:30px 0 50px 0;}
.contentID_L{width:30%;float:left;padding-right:10px;border-right:1px solid #ccc;}
.contentID_R{width:65%;float:left}

.titleTLBB{text-align:center;margin-top:50px;}
.titleTLBB p{font-size:14px;color:#333;}
.titleTLBB h3{font-size:18px;color:#333;}
/*=========================================================================================
	FORM LOGIN
===========================================================================================*/
.formlogin {padding:0px 0px 50px 0px;width:260px;margin-left: auto; margin-right: auto;}
.formlogin h3{
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	padding: 0px 0 15px 0;
	margin-bottom: 15px;
	border-bottom: 3px solid #000;
	margin-top: 0;
}
.formlogin label{font-size:14px;width:100%;}
.formlogin input{
  display: block;
  width: 95%;
  padding: 10px 7px;
  margin-right:10px;
  margin-bottom:10px;
  font-size: 12px;
  line-height: 16px;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.button-login{text-align:center;}
.button-login button{
	padding:7px 12px;
	background-image: linear-gradient(to right,#6f42c1,#1b84e7);
	border: 0;
	padding: 10px 25px;
	color: #fff;
	text-transform: uppercase;
	margin-top:5px;
}
.button-login button:hover{filter: brightness(120%);}

.loginSub{text-align:center;margin-top:10px;}
.loginSub a{font-size:14px;color:#008800;padding-right:20px;}
.loginSub a:hover{color:#000;}
/* ==================================================
   Css List TOP
================================================== */
.tableSHPK{width:100%;font-size:14px;border-spacing:0;border-collapse: collapse;text-align:center;margin-top: 10px;}
.tableSHPK table {border-collapse: collapse;}
.tableSHPK thead {}
.tableSHPK tbody {}
.tableSHPK th {background:#DDDDDD;padding:10px;border: 1px solid #aaa;text-align:center;font-size: 13px;}
.tableSHPK td {background:#fff;padding:8px 10px;border: 1px solid #ddd;text-align:center;font-size: 13px;}

.tableSHPK img{display: block; margin-left: auto; margin-right: auto;max-width: 100%;height: auto; }
.tableSHPK .fas{padding-right:5px;}
.tableSHPK .far{padding-right:5px;}
/*=========================================================================================
	PAGE DOWNLOAD
===========================================================================================*/
.downloadTLBB{width:100%;font-size:14px;border-spacing:0;border-collapse: collapse;text-align:center;margin-top: 10px;}
.downloadTLBB table {border-collapse: collapse;}
.downloadTLBB thead {}
.downloadTLBB tbody {}
.downloadTLBB th {background:#DDDDDD;padding:10px;border: 1px solid #aaa;text-align:center;font-size: 13px;}
.downloadTLBB td {background:#fff;padding:8px 10px;border: 1px solid #ddd;text-align:center;font-size: 13px;height:25px}
.td00{font-weight:Bold;color:#996600;}
.td01{width:120px;font-weight:Bold;}
.td02{width:330px;}
.td02 a{color:#3366FF;font-size:15px;}
.td03{width:50px;}
.downloadSUB {margin-top:30px;}
.downloadSUB h3{font-weight:Bold;color:#996600;font-size: 14px;text-transform:uppercase;}
.downloadSUB ul{font-size: 14px;padding:0 0 0 15px;margin:0;}
.downloadSUB ul li{list-style-type: square;font-size: 14px;padding:7px 0;}
/*=========================================================================================
	CSS TABS
===========================================================================================*/
.tabset {margin-top:5px;}
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}
.tabset .tab-panel {
  display: none;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}
.tabset > label {
  position: relative;
  display: inline-block;
  padding: 10px 15px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}
.tabset > label:hover,
.tabset > input:focus + label {
  color: #06c;
}
.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
  color: #f00;
}
.tab-panel {
  border-top: 1px solid #ccc;
}
/*=========================================================================================
	CSS CONTENT
===========================================================================================*/

.menuLeft {padding:20px;width:200px;float:left;}
.contentRight{width:608px;float:left;border-left:1px solid #CCCCCC;padding-left:20px;padding-right: 20px;}

.accname{background:#EEEEEE;color:#000;font-size:14px;padding:12px 15px;margin-top: 16px;}
.accname span{color:#008800;}

.menuLeft_A h3{font-size:14px;text-align:center;text-transform:uppercase;padding:0;margin: 15px 0;}
.menuLeft_A p{font-size:24px;text-align:center;text-transform:uppercase;color:#ff0000;font-weight:bold;margin: 0 0 20px 0;}

.menuLeft_B ul{padding: 0;}
.menuLeft_B ul li{list-style:none;font-size:12px;padding:7px;border-top: 1px dashed #999;}
.menuLeft_B ul li a{color:#333;font-weight:bold;}
.menuLeft_B ul li a:hover{color:#0000ff;font-weight:bold;}
.menuLeft_B ul li a.active{color:#0000ff;font-weight:bold;}
.menuLeft_B i{padding-right:7px;}

.contentTitle {background:#EEEEEE;color:#000;padding:0;margin:0;font-size:14px;padding-left:20px;}
.contentTitle h3{padding:10px 0;font-size:16px;}
.contentTitle i{padding-right:5px;}

.contentTLBB{width:100%;padding:0;margin: 0 0 50px 0;}

.account_info{width:100%;padding-top:15px;font-size:14px;}
.account_info i{color:#008800; padding-right:10px;}
.account_info p {font-size:14px;color:#CC0000; font-style:italic;}
.w_left{width:35%;float:left;}
.w_right{width:65%;float:left;}

.change_password{width:300px;margin-top:25px;margin-left:auto;margin-right:auto}

/* ==================================================
   Css Nhan Vat
================================================== */
.nhanvatTLBB table{border:0;width:100%;border-collapse: collapse;}
.nhanvatTLBB thead{box-sizing: border-box;}
.nhanvatTLBB tr{border-bottom: none;}
.nhanvatTLBB th{border-bottom: 2px solid #dee2e6;border: 1px solid #dee2e6;}
.nhanvatTLBB td{border: 1px solid #dee2e6;font-size:14px;color:#000;}

.nhanvatTLBB img{width:70px;}
.nhanvatTLBB a{font-size:14px;color:#008800;text-align:center;}
.nhanvatTLBB p{font-size:14px;color:#008800;text-align:center;margin-top:50px;}
.infoNhanvat{width:532px;border:1px solid #ced4da;padding:15px;margin:15px 0;}

.infoNhanvat_L{width:150px;float:left;}
.infoNhanvat_R{width:362px;float:left;margin-left: 20px;}

.infoNhanvat_L img{width:150px;}
.infoNhanvat_R ul{margin:0;padding:0;}
.infoNhanvat_R ul li{list-style:none;font-size:14px;color:#333;padding-bottom:7px}
.infoNhanvat_R1{width:35%;float:left;text-align:right;}
.infoNhanvat_R1 i{color:#008800; padding:0 15px 0 15px;}
.infoNhanvat_R2{width:65%;float:left;}

.contentTLBB_Rb input{font-size:13px;}
.No_content{font-size:14px;text-align:center;padding:15px;}

.chucnangNV{width:100%;}
.chucnangNV_1{width:30%;float:left;text-align:center;margin-right: 15px;}
.chucnangNV_2{width:30%;float:left;text-align:center;}
.chucnangNV_3{width:30%;float:left;text-align:center;margin-left: 15px;}
.chucnangNV input{
	padding:10px 25px;
	background: #fdaf3a;
	border: 0;
	color: #000;
	text-transform: uppercase;
	margin:15px;
	width: 100%;
	font-weight:bold;
}
.chucnangNV input:hover{
	filter: brightness(120%);
}

.napCard {font-size: 14px;color: #666;margin-top: 15px;line-height: 25px;}
.napCard p{padding:0;}
.napCard a{color:#0033FF}
.napCard a:hover{color:#333}
.napCard ul{padding:0;margin:0;color:#008800;font-weight:bold;}
.napCard ul li{color:#333;margin:0 0 0 30px;padding:10px 0 0 0;font-weight:400;}

.nap_atm{border:1px solid #ced4da;padding:10px;margin:15px 0;}
.nap_atm-img{float:left;width:20%;}
.nap_atm-img img{height:130px;}
.nap_atm-info{padding-left:30px;width:65%;float:left;}
.nap_atm-info h4{color:#333;font-size:14px;font-weight:500;text-transform:uppercase;margin:5px 0 10px 0;}
.nap_atm-info-a{color:#985d11;font-size:14px;font-weight:500;padding-bottom:10px;}
.nap_atm-info-a span{color:#333;font-size:14px;font-weight:500;padding-left:20px;}
.luuy{color:#ff0000;font-size:14px;line-height:24px;}
.luuy a{color:#2113d8;}
.luuy a:hover{color:#008800;}

.tradeTLBB table{border:0;width:100%;border-collapse: collapse;}
.tradeTLBB thead{box-sizing: border-box;}
.tradeTLBB tr{border-bottom: none;}
.tradeTLBB th{border-bottom: 2px solid #dee2e6;border: 1px solid #dee2e6;}
.tradeTLBB td{border: 1px solid #dee2e6;font-size:14px;color:#000;}
.tradeTLBB p{font-size:14px;color:#008800;text-align:center;margin-top:50px;}

.TotalTLBB{padding:0 0 15px 0;font-size:14px;}
.TotalTLBB span{color:#008800; font-weight:Bold;}
/* ==================================================
   Css Thông Báo
================================================== */
/*==Css Thông Báo Loại 1==*/
.star{color:#FF0000}
.errorVali{color:#ff0000;font-size:12px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:0;}
.errorVali p{color:#ff0000;font-size:12px;margin:0;padding:0;}
.success_box{width:100%;padding:10px 0px;background: none repeat scroll 0 0 #EEFFEE;
    border: 1px solid #99CC99;font-size:14px;
    color: #006600;text-align:center;font-weight:bold}
.error_box{width:100%;padding:10px 0px;background: none repeat scroll 0 0 #FFEBE8;
    border: 1px solid #DD3C10;font-size:14px;
    color: #DD3C10;text-align:center;font-weight:bold}

/*==Css Thông Báo Loại 2==*/
.msgSH {
  padding: 10px 0px;
  text-align:center;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  margin:15px;
}

.msgSH.msgSH-success {
  background-color: rgba(227, 253, 235, 1);
  border-color: rgba(38, 179, 3, 1);
  color: rgba(60, 118, 61, 1);
}

.msgSH.msgSH-info {
  background-color: rgba(217, 237, 247, 1);
  color: rgba(49, 112, 143, 1);
  border-color: rgba(126, 182, 193, 1);
}

.msgSH.msgSH-warning {
  background-color: rgba(252, 248, 227, 1);
  border-color: rgba(177, 161, 129, 1);
  color: rgba(138, 109, 59, 1);
}

.msgSH.msgSH-danger {
  background-color: rgba(248, 215, 218, 1);
  border-color: rgba(220, 53, 69, 1);
  color: rgba(114, 28, 36,1);
}
.msgSH.msgSH-danger p{
  color: rgba(114, 28, 36,1);
}
.soban{font-size:12px;padding:10px 5px;}
.bPlayer{color:#0000FF;padding-left:5px;}
.bBanker{color:#FF0000;padding-left:5px;}
.bZ{color:#008800;padding-left:5px;}
.alertModal{text-align:center;font-size:20px;color:#008800;}
/* ==================================================
   Css INPUT
================================================== */
.formTLBB label{font-size:14px;width:100%;}
.formTLBB input{
  display: block;
  width: 95%;
  padding: 10px 7px;
  margin-right:10px;
  margin-top:10px;
  font-size: 12px;
  line-height: 16px;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.formTLBB select{
  display: block;
  width: 100%;
  padding: 10px 7px;
  margin-right:10px;
  margin-top:10px;
  font-size: 12px;
  line-height: 16px;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btnTLBB{text-align:center;}
.btnTLBB button{
	padding:10px 25px;
	background: #fdaf3a;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	margin:15px 0;
	width: 100%;
	font-weight:bold;
}
.btnTLBB button:hover{
	filter: brightness(120%);
}
.btnTLBB input{
	padding:10px 25px;
	background-image: linear-gradient(to right,#6f42c1,#1b84e7);
	border: 0;
	color: #fff;
	text-transform: uppercase;
	margin:15px 0;
	width: 100%;
	font-weight:bold;
}
.btnTLBB input:hover{
	filter: brightness(120%);
}
.btnTLBB_sub{padding:15px 0;text-transform:uppercase;}
.btnTLBB_sub a{color:#666;font-size:12px;font-weight:Bold;}
.btnTLBB_sub a:hover{color:#0000FF;}
.btnTLBB_sub span{padding:0 15px }
/*==================================================*/
/*  PHAN TRANG										*/
/*==================================================*/
.paginationSHPK {text-align:center;margin-top:25px;font-size:14px;}
.paginationSHPK ul li{list-style:none;float:left;}
.paginationSHPK strong{padding: 7px 10px;background:#1874CD;color:#fff;margin:0 3px;}
.paginationSHPK a{padding: 7px 10px;background:#DDDDDD;color:#000;margin:0 3px;}
/*==========================================================
	Css TABLE TLBB
============================================================*/
.tableTLBB{}
.tableTLBB thead tr {background:#eee}
.tableTLBB thead tr th{font-size:12px;padding:7px;line-height:14px;vertical-align: center;}
.tableTLBB tbody tr td{font-size:12px;padding:7px;line-height:14px;vertical-align: center;}
/*=========================================================================================
	CSS NAP CARD
===========================================================================================*/
.nap_atm{border:1px solid #ced4da;padding:10px;margin:15px 0;}
.nap_atm-img{float:left;width:35%;}
.nap_atm-img img{height:200px;}
.nap_atm-img p{font-size:20px;text-align:center;text-transform:uppercase;}
.nap_atm-info{padding-left:30px;width:55%;float:left;}
.nap_atm-info h4{color:#333;font-size:16px;font-weight:500;text-transform:uppercase;margin:5px 0 10px 0;}
.nap_atm-info-a{color:#985d11;font-size:16px;font-weight:500;padding-bottom:10px;}
.nap_atm-info-a span{color:#333;font-size:16px;font-weight:500;padding-left:20px;}
.napthe-note{font-size:14px;color:#333;}
.napthe-note i{padding-right:5px;color:#333;}
.napthe-note a{color:#008800;}
.napthe-note a:hover{color:#985d11;}
.napthe-note ul{padding:0;margin:0;color:#008800;}
.napthe-note ul li{color:#333;margin:0 0 0 30px;}
.luuy{color:#ff0000;font-size:14px;line-height:24px;}
.luuy a{color:#2113d8;}
.luuy a:hover{color:#008800;}
/* ==================================================
   Khoa Acc
================================================== */
/* Css Khoá Acc*/	
.get_unlock{
	color:#fff;
	font-size:12px;
	padding:5px 15px;
	background:#008800;
	text-align:center;	
}
.get_lock{
	color:#fff;
	font-size:12px;
	padding:5px 15px;
	background:#888888;
	text-align:center;
}
/*Css Check Online*/
.get_online{
	color:#fff;
	font-size:12px;
	padding:5px 10px;
	background:#008800;
	text-align:center;	
}
.get_offline{
	color:#fff;
	font-size:12px;
	padding:5px 10px;
	background:#888888;
	text-align:center;
}
.get_unlock_form{
	color:#fff;
	font-size:9px;
	padding:3px 5px;
	background:#008800;
	text-align:center;	
}
.get_lock_form{
	color:#fff;
	font-size:9px;
	padding:3px 5px;
	background:#ff0000;
	text-align:center;
}
.get_online_form{
	color:#fff;
	font-size:9px;
	padding:3px 5px;
	background:#008800;
	text-align:center;	
}
.get_offline_form{
	color:#fff;
	font-size:9px;
	padding:3px 5px;
	background:#888888;
	text-align:center;
}
.get_napbac_success{
	color:#fff;
	font-size:11px;
	padding:3px 5px;
	background:#008800;
	text-align:center;	
}
.get_napbac_waitting{
	color:#fff;
	font-size:11px;
	padding:3px 5px;
	background:#888888;
	text-align:center;
}
.get_napbac_lose{
	color:#fff;
	font-size:11px;
	padding:3px 5px;
	background:#ff0000;
	text-align:center;
}
.xoa_tlbb a{	
	background-image: linear-gradient(315deg, #990000 0%, #ff0000 74%);
	color:#fff;
	font-size:12px;
	padding:5px 7px;
}
.xoa_tlbb a:hover{	
	background-image: linear-gradient(315deg, #ff0000 0%, #990000 74%);
	color:#fff;
}