/*.btn-primary{
    background-color: #265293!important;
    border-color: #265293!important;
}
.text-primary{color: #265293!important;}
.bg-primary{background-color: #265293!important;}
.form-check-input:checked{}*/
body{font-size:0.9rem;}
a.link-tai-lieu{text-decoration: none; max-width: 360px; text-overflow: ellipsis; overflow: hidden;}
a.link-tai-lieu i{font-size: 20px; margin-right:5px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border-color: #b1cce3!important;}
.ui-jqgrid tr.ui-row-ltr td{border-right-style: solid!important;}
.ui-jqgrid tr.footrow-ltr td{border-right-width: 1px!important;}
.avatar{width: 30px; height:30px;}
.fs-7{font-size: 0.7rem!important}
.fs-30{font-size: 30px !important;}
.alert{padding: 0.5rem 1rem!important}
.btn-ssm{padding: 0.2rem 0.5rem; font-size: .7rem; border-radius: 0.2rem;}
.btn-sssm{padding: 5px; font-size: .7rem; border-radius: 0.2rem;}
.form-control-ssm{min-height: calc(1em + (0.5rem + 2px)); padding: 0.11rem 0.5rem; font-size: .875rem; border-radius: 0.2rem;}
header{background: #fff; width: 100%;}
.bg-opacity-primary{background-color: rgba(38,82,148,0.8)!important}
.bg-opacity-white{background-color: rgba(255,255,255,0.3)!important}
.global-background:after{content:""; width:100%; height:100%; background:rgba(255,255,255,0.4); position: fixed; top:0; left:0; z-index: 1;}
.main{min-height:700px;}
.list-group-item--backlink{padding:0;}
.list-group-item__link{height: 40px; width: 40px; display: block; text-align: center; line-height: 40px;}
.account{}
.menu__toggle{display: block; position:fixed; z-index: 9; bottom:10px; left:60px; border:1px solid #265293; color: #fff; height:38px; width:38px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.5s}
.menu__toggle:hover{color: #fff;}
.question-icon{display: block; position:fixed; z-index: 9; bottom:10px; left:10px; border:1px solid #265293; color: #fff; height:38px; width:38px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.5s}
.paint-icon{display: block; position:fixed; z-index: 9; bottom:10px; left:110px; border:1px solid #265293; color: #fff; height:38px; width:38px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.5s}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.cursor-pointer{cursor: pointer;}
.ui-jqgrid table#congty tr.jqgrow td{vertical-align: middle;}
.ui-jqdialog-content textarea.FormElement{height:auto;}
.ui-dialog .ui-dialog-titlebar-close:before {content: "X";}
.ui-jqgrid-htable thead tr th{white-space: normal!important; text-align: center!important;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
body input:disabled,
body select:disabled {background: #f2f2f2; cursor: not-allowed;}
body input[readonly], 
body textarea[readonly]{background: #f2f2f2; border:1px solid #a6c9e2; padding: 4px 8px!important; cursor: not-allowed;}

.menu-holder .accordion-button{text-shadow: 2px 2px 2px #222;}
.btn-da-xem{display: block; position: absolute; right: 24px;}
.w100p{width:100%;}
.bg-tong{background-color:#afffbc;}
.ui-widget-content a.color-danger,
.color-danger{color:red;}
.mt-main{padding-top:4.4rem;}
.fs-10px{font-size:10px;}

.ml-5px{margin-left:5px;}

.btn-tool{bottom:10px; right:10px; position:fixed; z-index: 99;}
.list-group-horizontal>.list-group-item+.list-group-item{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.ghichu-bottom{padding:10px; text-align: left;}
.ghichu-bottom h4{color: #cd2122; font-size:14px; font-weight:600}
.ghichu-bottom p{}

.bg-primary-light {background-color: #d5ecff!important;}
.bg-warning-light{background-color: #ffd75f!important;}
.bg-warning-superlight{background-color: #fff3ce!important;}
.bg-danger-light{background-color: #ffdfe2!important;}
.bg-blue-light{background-color: #dffeff!important;}
.bg-green-light{background-color: #e1ffdf!important;}
.bg-pink-light{background-color: #ffdffd!important;}
.bg-brown-light{background-color: #ffe3df!important;}

body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default{color:#363636}

.nav-item{position: relative; padding-left:10px; padding-right:10px}
.ui-autocomplete.ui-front{z-index: 9999;}

.accordion-button::after{filter: invert(99%) sepia(0%) saturate(0%) hue-rotate(241deg) brightness(150%) contrast(101%);}
.accordion-button:not(.collapsed)::after{filter: invert(99%) sepia(0%) saturate(0%) hue-rotate(241deg) brightness(150%) contrast(101%);}

.accordion-button {
    font-size: 16px;
    padding: 10px 20px;
    font-family: Tahoma;
}
table.dataTable>tbody>tr.selected>*{box-shadow: inset 0 0 0 9999px rgb(61 116 197) !important;}
.table-bordered{border-color: #aaa;}
table.table > tbody > tr:hover{cursor: pointer; background: #FBEC88;}

.bg-header-custom{background: #5c9ccc url(../../includes/libs/phpgrid/lib/js/themes/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x}
.bg-header-custom-light{border: 1px solid #c5dbec; background: #dfeffc url(../../includes/libs/phpgrid/lib/js/themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold;
    color: #2e6e9e;}
.ui-jqgrid-titlebar, .ui-jqdialog-titlebar, .ui-dialog-titlebar{background: #265293;}
.ui-jqgrid-toppager{background: #d5ecff!important;}
.ui-jqgrid-labels{background: #d5ecff!important;}
.ui-search-toolbar{background: #d5ecff!important;}
.ui-th-column, .ui-jqgrid-pager, .jqgrid-rownum{background: #d5ecff!important;}
.ui-widget-header{background: #265293;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 1px solid #D5ECFF; background: #D5ECFF; font-weight: bold; color: #265293; }
.comiseo-daterangepicker-triggerbutton{background-image:url(../img/icon-search.png); background-repeat: no-repeat; background-position: center; width: 50px; height: 30px; border-color: #0a53be; background-color: #0a53be; border: 0; margin-top: 5px;}

#config_table{height:600px!important;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.btn-xoa-thanh-toan{font-size:1rem; height: 31px; text-decoration: none;}
.ui-jqdialog-content .CaptionTD{width:40%;}
.ui-jqdialog-content .CaptionTD.form-view-label{white-space: normal; border-right: 1px solid #ccc; border-bottom:1px solid #ccc; width:40%;}
.ui-jqdialog-content .DataTD.form-view-data{white-space: normal; border-bottom:1px solid #ccc; }

.square{width: 30px; height:30px;}
.trangthai{display: block; width:100%; height:100%; background:#fff;}
.trangthai-xuly{background: #a4d8ec}
.trangthai-nop{background: #FFC0CB}
.trangthai-hoanthanh{background: green;}
.trangthai-huy{background: #D1D1D1} 

.ketoan-trangthai{width:19px; height:19px; background:red; display: block;}
.ketoan-trangthai-hoatdong{background: #277fdd;}
.ketoan-trangthai-tamngung{background:orange;}
.ketoan-trangthai-dunghopdong{background:brown;}
.ketoan-trangthai-giaithe{background: gray}


/*Notification*/
.navbar {background-color: #ffffff; box-shadow: 0 2px 4px rgba(0,0,0,.1); }
.notification-btn {position: relative; border: none; background: none; padding: 8px 12px; border-radius: 50%; transition: background-color 0.2s; }
.notification-btn:hover {background-color: #f0f2f5; }
.notification-badge {position: absolute; top: -5px; right: -5px; background-color: #ff4757; color: white; border-radius: 50%; width: 20px; height: 20px; font-size: 12px; display: flex; align-items: center; justify-content: center; border: 2px solid white; }
.notification-dropdown {position: absolute; top: 100%; right: 0; background: white; border-radius: 8px; box-shadow: 0 8px 30px rgba(0,0,0,0.12); width: 800px; max-height: 400px; overflow-y: auto; z-index: 1050; border: 1px solid #e4e6ea; display: none; }
.notification-header {padding: 16px 20px; border-bottom: 1px solid #e4e6ea; display: flex; justify-content: between; align-items: center; }
.notification-header h6 {margin: 0; font-weight: 600; color: #1c1e21; }
.mark-all-read {color: #1877f2; text-decoration: none; font-size: 14px; font-weight: 500; padding-left:10px; }
.mark-all-read:hover {text-decoration: underline; }
.notification-item {padding: 12px 20px; border-bottom: 1px solid #f0f2f5; transition: background-color 0.2s; cursor: pointer; position: relative; }
.notification-item:hover {background-color: #f7f8fa; }
.notification-item.unread {background-color: #e7f3ff; }
.notification-item.unread::before {content: ''; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background-color: #1877f2; border-radius: 50%; }
.notification-content {padding: 10px 20px; border-top: 1px solid #e4e6ea;}
.notification-content:first-child{border-top:0;}
.notification-text {color: #1c1e21; font-size: 14px; margin-bottom: 4px; }
.notification-time {color: #65676b; font-size: 12px; }
.notification-user {font-weight: 600; color: #1877f2; }
.notification-action {color: #1c1e21; }
.notification-action .ten-cong-ty{font-weight: 600; color: #1877f2;}
.notification-columns{}
.notification-columns ul{padding-left:20px; margin-bottom: 0;}
.notification-columns ul li{border-bottom:1px dashed #ccc; list-style: none; margin-bottom:5px; padding-bottom:5px;}
.notification-columns ul li .ten-cot{font-weight: 600}
.notification-columns ul li .gia-tri-cu{color:gray; font-weight: 600}
.notification-columns ul li .gia-tri-moi{color:green; font-weight: 600}
.no-notifications {padding: 40px 20px; text-align: center; color: #65676b; }
.notification-footer {padding: 12px 20px; border-top: 1px solid #e4e6ea; text-align: center; }
.view-all-link {color: #1877f2; text-decoration: none; font-weight: 500; }
.view-all-link:hover {text-decoration: underline; }

/* Custom scrollbar */
.notification-dropdown::-webkit-scrollbar {
    width: 6px;
}

.notification-dropdown::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.notification-dropdown::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.notification-dropdown::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Animation */
.notification-dropdown.show {
    display: block;
    animation: slideDown 0.3s ease-out;
}

.notification-dropdown.hide {
    animation: slideUp 0.3s ease-out forwards;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}
/*End notification*/

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.blinkblink {
    animation: blink 1s infinite;
}

@media screen and (max-width: 1191px){
    header ul.list-group .list-group-item:nth-child(5), 
    header ul.list-group .list-group-item:nth-child(6){display: none;}
}

@media screen and (max-width: 991px){
    header ul.list-group .list-group-item:nth-child(4){display: none;}
    header ul.list-group .list-group-item{max-width:320px;}
}

@media screen and (max-width: 991px){
    header ul.list-group .list-group-item{max-width:100%;}
}
@media screen and (max-width: 575px){
    header ul.list-group .list-group-item{max-width:300px;}
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}