﻿.table td, .table th {  border: 1px solid #dee2e6;}
.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) { }
.form-group label {    display: inline-block;    margin-bottom: .3rem;}

.form-group {    margin-bottom: 0.3rem;}
.form-group .select2-container{   width:100% !important;}
.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;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;color:#fff;border-bottom:1px solid #e7ded3!important;border-right:1px solid #e7ded3!important;padding:8px 10px;font-size: 1.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}
/*.btn-primary,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{background:#b68348!important;border-color:#8a6132!important}*/
.dropdown-toggle::after{
    display:none;
}
.dropdown-item:hover{
    cursor:pointer;
}
.cmdViewUser {
    cursor: pointer;
}
.cmdView {
    cursor: pointer;
}
tr.HeaderTD th {
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #e7ded3 !important;
    border-right: 1px solid #e7ded3 !important;
    padding: 8px 10px;
    font-size: 1.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:left;color:#fff;border-bottom:1px solid #e7ded3!important;border-right:1px solid #e7ded3!important;padding:8px 10px;font-size: 1.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:20px}
.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:20px;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}


.dropdown-toggle::after {
    display: none;
}

.dropdown-item:hover {
    cursor: pointer;
}
img {
    object-fit: cover;
}
.avatar, .honor-icon {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 1px solid #CCCCCC
}
.avatarView, .fileView {
    min-width: 200px;
    max-width: 300px;
}
.disabled {
    pointer-events: none;
    opacity: 0.5;
}
.modal-body {
    min-height: 200px;
    max-height: 90vh;
    overflow-y: auto;
}
