body {background: #f4f4f4; }
.clr {clear: both;}
.clr2 {clear: both; height: 2px;}
.clr5 {clear: both; height: 5px;}
.clr10 {clear: both; height: 10px;}
.text20{width:20px !important; }
.text40{width:40% !important;}
.text60{width:60% !important;}
.ld-title{font-size:16px; margin-bottom:6px !important;}
.btn-to-img{background:none; border:none; outline:none}
.redcolor{color:#F00;}
.greencolor{color:#0C0;}
.btn-link{background:none; border:none; outline:none}
.btn-area{float:left;}
.smallText{font-size:10px; color:#333;}
.container {width: 1170px;}
.fleft{float:left; width:300px;}
.fright{float:right;}
.tleft{text-align:left;}
.tright{text-align:right;}
.price{text-align:right !important;}
.note{font-size:11px; color:#F00; font-style:italic;}
.form-signin {width: 320px; padding: 20px 20px 15px; margin: auto; margin-top: 60px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); }
.bangtinhthue{width:1500px;}
.trhead{vertical-align:middle !important; text-align:center; font-weight:normal;}
.tinhtrang_1{color:#F00;} /* chua nop so*/
.tinhtrang_5{color:#03F} /*da rut so*/
.tinhtrang_9{color:#C00; font-weight:bold} /*da Huy so*/
.chucvu_2{color:#03F;}
.chucvu_3{color:#F0F}
.tinhdiem_0{color:#00F} /* tinh cho đoan viên*/
.danhgia_100{color:#F00;} /* chua danh gia*/
.macdinh_1{color:#F00;} /* diêm mac dinh*/
.macdinh_2{color:#00F;} /* diêm hoat dong*/
.macdinh_3{color:#51d308;} /* diêm hoat dong*/
.is_diemtru_-1{color:#F00;} /* diem trừ*/
.lastlogin{
    float:left;
    width:70%;
    padding:13px;
    color:#fff;
    font-style:italic;
}
#preloader  {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 99;
    height: 100%;
 }
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/effect-circle.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}
/*phan trang */

.pagination{
padding: 2px;
margin: 0;
    white-space: nowrap;
    text-align: right;
}

.pagination ul{
text-align: center; /*Set to "right" to right align pagination interface*/
margin: 2px 0;
white-space: nowrap;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
    position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination a:hover, .pagination a:active{
    outline: none;
    text-decoration: none;
    color: #72afd2;
}

.pagination a.currentpage{
background-color: #337ab7;
color: #FFF !important;
border-color: #337ab7;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.pagination a.prevnext{
font-weight: bold;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}



/* custom login form*/
.login-box{
  max-width: 430px;
  width: inherit;
}
.login-box-body
{
    margin: 0 15px;
    border-radius: 10px;
    box-shadow: 0 0 1px 1px var(--tw-shadow-color,#b1b1b1);
}
.login-logo{
    text-align: center;
}
.login-title{
    color:#f9b200; text-align: center;
}