::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#FFF;-webkit-box-shadow:inset 1px 1px 2px #fff;border:1px solid #fff}
::-webkit-scrollbar-thumb{background:#c7c7c7;-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4)}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.3)}
::-webkit-scrollbar-thumb:active{background:#fff;-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3)}
.form-group {  margin-bottom: 0.6rem;}
.form-group label {    margin-bottom: .2rem;}
.btn-tool {color:#333 !important}
.card-header{background:rgba(0,0,0,.03); padding: 0.7rem  0.5rem 0.5rem 1.5rem;}
.content-wrapper {  padding-top: 20px; padding-bottom:50px; text-align:left}
.form-group{text-align:left}
.form-group label:not(.form-check-label):not(.custom-file-label) { }
.card-body-sm { padding: 0.8rem 1.25rem !important;}
.select2-container {-ms-flex: 1 1 auto;  flex: 1 1 auto;   width: 1% !important;   margin-bottom: 0;}
/*.ctrSelect2 {padding:0; }
.ctrSelect2 .select2-container--default .select2-selection--single { border: none; height: calc(2.25rem );}
@media(max-width:767px) {
    .select2-container { width: 100% !important}
}*/
.table td, .table th{border: 1px solid #dee2e6;font-size: 18px;}
.clear{clear:both}
.divcontent{padding-top:0;padding-bottom:10px}
.CommonTable,.commontable,.commonTable{padding:0;margin:0;width:100%;border-collapse:collapse}
.CommonTable td,.commontable td,.commonTable td{text-align:left}
.HeaderTD2,.headerTD2,.headertd2{text-align:center;vertical-align: middle; padding:8px;font-size: 1.1rem; font-weight: 400;border-radius:20px 20px 0 0;background-color:#6c757d;color:#fff}
.HeaderTD,.headerTD,.headertd{text-align:left; vertical-align: middle; color:#fff;border-bottom:1px solid #e7ded3!important;border-right:1px solid #e7ded3!important;font-size: 1rem; font-weight: 400;background:#6c757d;line-height:150%;border-top:1px solid #6c757d!important;border-left:1px solid #e7ded3!important;border:none!important}
.DataTD,.dataTD,.DataTd{text-align:left;font-size:16px;border:1px solid #e7ded3;padding:6px;background-color:#eef0f3;padding:5px 10px 5px 10px}
.ContentTD,.contentTD{text-align:left;font-size:16px;color:#333;border:1px solid #e7ded3;padding:6px;background-color:#fff;padding:5px 10px 5px 10px}
.FormTD,.formTD{text-align:left;font-size:16px;border:1px solid #e7ded3;padding:5px 10px;color:#444;background-color:#eee}
.CenterTD{text-align:center}
.RightTD{text-align:right!important;padding-right:10px}
.capabc{font-weight:700;color:#0c1e60;padding:3px 10px;font-size:16px}

tr.HeaderTD th{text-align:center;vertical-align: middle; color:#fff;border-bottom:1px solid #e7ded3!important;border-right:1px solid #e7ded3!important;padding:8px 10px;font-size: 1rem; font-weight: 400;background:#6c757d;line-height:150%;border-top:1px solid #6c757d!important;border-left:1px solid #e7ded3!important}
tr.HeaderTD td{text-align:center;vertical-align: middle; color:#fff;border-bottom:1px solid #e7ded3!important;border-right:1px solid #e7ded3!important;padding:8px 10px;font-size: 1rem; font-weight: 400;background:#6c757d;line-height:150%;border-top:1px solid #6c757d!important;border-left:1px solid #e7ded3!important}
tr.DataTD td{text-align:left;font-size:16px;border:1px solid #e7ded3;padding:6px;background-color:#eef0f3;padding:5px 10px 5px 10px}
tr.DisableTD td{text-align:left;font-size:16px;color:#496082;border:1px solid #e7ded3;padding:6px;background-color:#f4f7fb;padding:5px 10px 5px 10px}
tr.ContentTD td{text-align:left;font-size:16px;border:1px solid #e7ded3;padding:6px;background-color:#fff;padding:5px 10px 5px 10px}
.FormTD,.formTD{text-align:left;font-size:16px;border:1px solid #e7ded3;padding:5px 10px;color:#444;background-color:#eee}
.CenterTD{text-align:center!important}
.RightTD{text-align:right!important;padding-right:10px}
.capabc{font-weight:700;color:#0c1e60;padding:3px 10px;font-size:16px}
.divinline{margin:auto;min-width:700px;display:inline-block}
.formcom{padding:5px 0;margin:0;background:#eee;border:1px solid #e7ded3;text-align:left}
.formcom .item,.formcom .items{overflow:hidden;clear:both;padding-top:5px;padding-bottom:5px;border-bottom:1px solid #ccc}
.formcom .item .colsp{display:inline-block;padding-left:10px}
.formcom .item:last-child,.formcom .row .item{border-bottom:0}
.formcom .item .divlable,.formcom .items .divlable{width:25%;text-align:right;float:left;padding-right:10px;padding-top:7px;font-size:13px}
.formcom .item .divinput,.formcom .items .divinput{width:75%;float:right;text-align:left}
.formcom .item .divinput .lable,.formcom .items .divinput .lable{padding-top:7px}
.formcom .item .divbutton{text-align:center;padding:5px}
.divinput input[type=text],.divinput input[type=email],.divinput input[type=url],.divinput input[type=password],.divinput textarea,.divinput select{max-width:98%;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #eee;border-bottom:1px solid #eee}
.divinput input[type=text],.divinput input[type=email],.divinput input[type=url],.divinput input[type=password]{width:50%}
.btform{display:inline-block;color:#fff!important;padding:7px 30px;font-weight:400;border:none;border-radius:5px;text-transform:uppercase}
@media(max-width:767px) {
.hdfield{display:none}
.divinline{width:100%!important;min-width:auto}
}
@media(max-width:500px) {
.divinline{width:100%!important}
.container{padding-right:8px;padding-left:8px}
.row{margin-right:-8px;margin-left:-8px}
.formcom .item{padding:5px}
.formcom .item .divlable{text-align:left;padding-bottom:5px}
.formcom .item .divlable,.formcom .item .divinput{width:100%}
.divinput input[type=text],.divinput input[type=email],.divinput input[type=url],.divinput input[type=password]{width:80%}
.bdright{padding-left:8px;padding-right:8px}
}
@media(max-width:500px) {
.divinput input[type=text],.divinput input[type=email],.divinput input[type=url],.divinput input[type=password]{width:100%}
.hdfieldx,.hdfield{display:none}
}
.divCapbold{font-weight:700;font-size:18px;padding:1px 8px 8px;clear:both;overflow:hidden;height:30px;border-bottom:1px solid #e7ded3}
.custom-combobox{position:relative;display:inline-block}
.custom-combobox-toggle{position:absolute!important;top:0;bottom:0;margin-left:-1px;padding:0}
.custom-combobox-input{margin:0;padding:5px 10px}
ul.token-input-list li{list-style-type:none;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem}
ul.token-input-list{width:98%!important}
.token-input-input-token input{width:60%!important;border:none!important}
footer{background:#424a5d;padding:20px 0;color:#fff;text-align:center;margin:50px 0 0;font-size:18px}
.modal-header{background:#dbac69;border-bottom:none;color:#fff;font-weight:900;padding:5px 5px 3px}
.modal-header .modal-title{font-weight:500;padding:5px 10px;font-size:16px}
.modal-header .close{margin:-3px 5px;color:#fff!important;opacity:1;font-size:35px;padding:0 5px}
.modal-body{position:relative;padding:0 4px 4px;background:#fff; text-align:left}
.modal-body .formcom{background:#fff}
.modal-dialog{margin:30px auto}
.form-control{-webkit-box-shadow:none!important;box-shadow:none!important;font-size:16px!important;border:1px solid #ccc!important}
.ui-datepicker-month,.ui-datepicker-year{color:#000}
.btn-group-xs>.btn,.btn-xs{padding:3px 5px;font-size:16px}
.logined{padding:15px 0 0}
.toplichild{clear:both;overflow:hidden;display:block;width:250px;padding:7px 0}
.toplichild a{overflow:hidden;padding:0 5px 0 10px !important;float:left;width:85%}
.toplichild a img{border-radius:50%;width:40px;margin-right:5px;float:left;border:1px solid #3b3e42}
.toplichild a span{color:#679811;font-weight:700;float:left;padding:10px 0 0;display:inline-block}
.toplichild .setchild{float:right;padding:7px 10px 0 0;font-size:16px;cursor:pointer}


.div_paging{padding:10px;float:right;width:100%}
.paging{margin:15px 0;clear:both}
.paging a{padding:5px 10px;background-color:#56b35a;text-decoration:none;color:#fff;margin:1px;font-size:16px}
.paging a:hover,a.pagefocus{background-color:#ed145b;color:#fff}
a.Pgblu{color:#004377}
.pageblog{color:#004377}
.clbold{font-weight:400}
.csspaging{padding:5px;font-size:16px}
.gpchar{font-size:20px}
.csspaging a{color:#000;font-weight:700;display:block;height:25px;width:25px;padding:2px 0}

.linkicontop {}
.linkicontop .d-block{font-size:12px}
.notifNum{position:absolute;top:0;right:10px;padding:0 3px;background-color:red;color:#fff;font-size:11px;border-radius:5px}
.notif-item{background:#fff;display:inline-block;clear:both;width:100%;padding:5px 5px 5px 10px;text-align:left;font-size:14px}
.notif-item:hover{background-color:#eee}
.seeAll{background:#e3e3e3;border-top:solid 0 #ddd;padding:5px;text-align:center;font-size:12px}
.notif-unread{background:#eee;display:inline-block;clear:both;width:100%;padding:5px 5px 5px 10px;border-bottom:solid 1px #ddd;text-align:left;font-size:14px}
.notif-date{display:inline;font-size:12px;float:right}
.avatarMenu{width:1.5em;border-radius:50%;border:solid 1px #aaa}
.divAvatar{cursor:pointer}
.navbar-nav .nav-item{font-size:16px!important}

.adminleft .nav-link{font-size:14px;padding: 0.35rem 0.7rem;}
.adminleft .nav-treeview .nav-treeview .active{font-size:16px;background:#fff !important}
.centeralign {
   text-align: center;
   vertical-align: middle; 
}
.VerticalColumn {
        width: 80px;
        height: 55px;
        font: bold;
        vertical-align: bottom;
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }