body{font-family:Roboto, Arial, Helvetica, sans-serif;color:#555;background:#fff;font-size:12px}
.fxm{vertical-align:middle;}

.cw{color:#FFF!important;}
.bgtoanhoc{background:#ac3435!important;}.mautoanhoc{color:#ac3435!important;}
.bgvatly{background:#b76f34!important;}.mauvatly{color:#b76f34!important;}
.bghoahoc{background:#c5ae13!important;}.mauhoahoc{color:#c5ae13!important;}
.bgsinhhoc{background:#205429!important;}.mausinhhoc{color:#205429!important;}
.bgvanhoc{background:#1897d4!important;}.mauvanhoc{color:#1897d4!important;}
.bgngoaingu{background:#3854a4!important;}.maungoaingu{color:#3854a4!important;}
.bglichsu{background:#493a0b!important;}.maulichsu{color:#493a0b!important;}
.bgdialy{background:#9e1e62!important;}.maudialy{color:#9e1e62!important;}

/* light box */
.lightbox{background-color:rgba(0,0,0,0.4);display:none;height:100%;width:100%;position:fixed;top:0;z-index:333;overflow:auto;overflow-x:hidden;min-height: 100%;}
.lbox-header,.lbox-content{float:left;width:96%;padding:10px 2%;}
.lbox-header{background:#eaeaea}
.lbox-header .title,.lbox-header .close{font-size:16px;font-weight:600}
.lbox-header .close{color:#7d7d7d}
.lbox-header .close:hover{color:#333}
.lbox-content{background:#fff;padding-top:0;padding:0px;}
.lightbox-content{width:80%;margin:20px auto 20px auto;background:#fff;color:#333;max-width:1100px;}
/* END light box */

.pointer{cursor:pointer;}
.canhphai{text-align:right!important;}
.canhgiua{text-align:center!important;}
.canhtrai{text-align:left!important;}
.fleft{float:left!important;}
.fright{float:right!important;}
.w100per{width:100%!important;}
.displaynone{display:none;}
.fw600{font-weight:600;}
.clear{clear:left;}
.martop10{margin-top:10px;}
.martop20{margin-top:20px;}
.marbot10{margin-bottom:10px;}
.marright10{margin-right:10px;}
.pad0{padding:0px!important;}
.padleft5{padding-left:10px!important;}
.padleft10{padding-left:10px!important;}
.padleft20{padding-left:20px!important;}
.btn{padding:3px 8px;width:auto;line-height:1.4;text-align:center;height:auto;border-radius:3px;font-size:15px;cursor:pointer;border:1px solid #cacaca;background:#ddd;}
.btn-primary {color:#fff;background-color:#337ab7;border-color:#2e6da4;}
.btn-primary:hover {color:#fff;background-color:#286090;border-color:#204d74;}
.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad;}
.btn-default:hover{color:#333;background-color:#adadad;}

#body-wrapper{height:auto!important;float:left;width:100%;}
a{color:#1560bd;text-decoration:none}
a:active{color:#777}
a:focus{outline:1px}
#main-content{float:left;width:100%;position:relative;padding:10px;box-sizing: border-box;}
#main-content .listTable {width:100%;background:#FFF}
#main-content .listTable thead th{font-weight:700;font-size:12px;background:#98ADC7;text-align:center;text-transform:capitalize;color:#000;}
#main-content .listTable tbody{border-bottom:1px solid #ddd}
#main-content .listTable tbody tr.alt-row{background:#f3f3f3}
#main-content .listTable tbody tr.alt-row2{background:#FFF}
#main-content .listTable tbody tr.lvtColDataHover{background-color:#FFC}
#main-content .listTable td,#main-content .listTable th{line-height:1.3em;font-size:13px;vertical-align:middle;padding:5px 3px}
#main-content .listTable tfoot td .bulk-actions{padding:15px 0 5px}
/* #main-content .listTable td select{border:1px solid #ccc} */
#main-content .pagination{text-align:right;font-family:Roboto,Verdana, Arial, Helvetica, sans-serif;font-size:11px}
.pagination a{margin:0 5px 0 0;padding:5px 10px}
.pagination a.number{border:1px solid #ddd}
.pagination a.current{background:#1560bd;color:#fff!important;border-color:#1560bd!important}
.pagination a.current:hover{text-decoration:underline}

#main-content .frmTable {background:#f3f3f3}
#main-content .frmTable tbody{border-bottom:1px solid #ddd}
#main-content .frmTable  td{line-height:1.3em;font-size:12px;vertical-align:middle;padding:3px;}
#main-content .frmTable  th{line-height:1.3em;font-size:12px;vertical-align:middle;padding:3px;background:#f3f3f3}
#main-content .frmTable  tfoot td .bulk-actions{padding:15px 0 5px}

.content-box, .content-box-content{float:left;width:100%;position:relative;box-sizing:border-box;}
/* #main-content .frmTable  td select{border:1px solid #ccc} */
.frmLabel{text-align:right;font-weight:700;color:#000;font-size:12px;}
.frmText{text-align:left;color:#000;}
.frmNote{text-align:left;color:#f00;}
select{width:92%;height:30px;font-family:Roboto, Arial, Helvetica, sans-serif;font-size:12px}
input{width:90%;height:auto;padding:5px;font-family:Roboto, Arial, Helvetica, sans-serif;font-size:12px}
textarea{width:90%;height:100px;padding:3px;font-family:Roboto, Arial, Helvetica, sans-serif;font-size:12px}
.notification{position:relative;border:1px solid;background-position:10px 11px!important;background-repeat:no-repeat!important;font-size:13px;width:99.8%;padding:0}
.attention{background:#fffbcc url(../images/icons/exclamation.png) 10px 11px no-repeat;color:#666452;border-color:#e6db55}
.information{background:#dbe3ff url(../images/icons/information.png);color:#585b66;border-color:#a2b4ee}
.success{background:#d5ffce url(../images/icons/tick_circle.png);color:#556652;border-color:#9adf8f}
.error{background:#ffcece;color:#665252;border-color:#df8f8f}
.notification div{display:block;font-style:normal;line-height:1.5em;padding:10px 10px 10px 36px}
.notification.login div{color:#FF0}
.notification .close{color:#900;font-size:9px;position:absolute;right:5px;top:5px}
.input-notification{background-position:left 2px;background-repeat:no-repeat;background-color:transparent;margin:0 0 0 5px;padding:2px 0 2px 22px}
.w300{width:300px}
.w250{width:250px}
.w200{width:200px}
.w150{width:150px}
.w100{width:100px}
.w70{width:70px}
.w30{width:30px}
.w20{width:20px}
.w50{width:50px}
#header{width:100%;height:20px;font:400 11px/20px Arial;color:#000}
#header a{text-decoration:none;margin:0 20px 0 10px}
#header strong{color:#33C;margin:0 10px 0 0}
#butnadd{background:url(images/icons/create-record.png) 0 8px no-repeat;height:25px;line-height:30px;padding-left:15px}
#btn_action{padding-left:5px}
.select-small{width:50px;font-size:10px}
a:hover,a.remove-link:hover{color:#000}
.align-left,#navigate-nav,#navigate-nav li,.fleft{float:left}
.align-right,#login-wrapper #login-content p#remember-password,.fright{float:right}
.button_blue:hover,.button_gray:hover,.button_green:hover,.button_red:hover,.button:hover{text-decoration:none}
.button_blue:active,.button_gray:active,.button_green:active,.button_red:active,.button:active{padding:5px 7px 3px!important}
.ajaxloader { background: url(../images/36.gif) no-repeat}
#footer{border-top:1px solid #ccc;font-size:12px;margin:40px 0 0;padding:20px 0;width:100%;float:left;}
.btnBlue{text-align: center;height: 18px;color:#fff;border-radius: 2px !important;margin-top:10px;padding: 4px 15px 6px;cursor: pointer;background: #1560bd;border: 1px solid #1254a6;line-height: 22px;margin-right: 0;}
.btnGray{text-align: center;height: 18px;color:#fff;border-radius: 2px !important;margin-top:10px;padding: 4px 15px 6px;cursor: pointer;background: #D7D3D3;border: 1px solid #D7D3D3;line-height: 22px;margin-right: 0;}
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {z-index:10;display:none;}
a.tooltip:hover span{display:block;color:#1560BD;border:1px solid #DCA; background:#fffAF0;z-index:99999;position:absolute;right:30px;top:50px;height:20px;width:150px; text-align:center;padding-top:5px; margin:0 }

/* light box */
.lightbox{background-color:rgba(0,0,0,0.4);display:none;height:100%;width:100%;position:fixed;top:0;z-index:333;overflow:auto;overflow-x:hidden;min-height: 100%;}
.lbox-header,.lbox-content{float:left;width:96%;padding:10px 2%;}
.lbox-header{background:#eaeaea}
.lbox-header .title,.lbox-header .close{font-size:16px;font-weight:600}
.lbox-header .close{color:#7d7d7d}
.lbox-header .close:hover{color:#333}
.lbox-content{background:#fff;padding-top:0;padding:0px;}
.lightbox-content{width:90%;margin:20px auto 20px auto;background:#fff;color:#333;max-width:1100px;}
/* END light box */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.nut{text-align:center;height:18px;color:#fff;border-radius:2px!important;padding:4px 15px 4px;;cursor:pointer;background:#1560bd;border:1px solid #1254a6;line-height:22px;margin:10px 5px 10px 0px;}
.nutxam{text-align:center;height:18px;color:#fff;border-radius:2px!important;padding:4px 15px 4px;;cursor:pointer;background:#D7D3D3;border:1px solid #D7D3D3;line-height:22px;margin:10px 5px 10px 0px;}
.chon{width:150px;background-color:#fff;height:28px;line-height:28px;color:#555;border:1px solid #ccc;cursor:pointer;margin:0;vertical-align:middle;}