@font-face {
   font-family: "DB Heavent Light";
   src: url("../../../fonts/DBHeaventt-Light.woff") format("woff"), 
          url("../../../fonts/DBHeaventt-Light.eot") format("embedded-opentype"), 
          url("../../../fonts/DBHeaventt-Light.ttf") format("truetype"), 
          url("../../../fonts/DBHeaventt-Light.svg") format("svg");
   font-weight: normal;
   font-style: normal;
}

* {
    margin:0;
    padding:0;
    font-family: 'DB Heavent Light';
    letter-spacing: 1.03px;
}

html, body {
    height:100%;
}
.fs-22px {
    font-size:22px;
}
/*.btn-check:checked+.btn, 
.btn.active, 
.btn.show, 
.btn:first-child:active, 
:not(.btn-check)+.btn:active {
    background-color: unset;
    border-color:unset;
}*/

.btn-sritrang {
    background-color: #A87BC9 !important;
    border-color: #A87BC9 !important;
    color:#fff !important;
} 
.btn-sritrang:hover {
    background-color: #8347AD !important;
    border-color: #A87BC9 !important;
    color:#fff !important;
}
.bg-sritrang { 
    background-color:  #8347AD !important;    
}

.text-sritrang {
    color:  #8347AD !important;
}
.text-lighter {
    color:  #888 !important;
}
.cursor-pointer {
    cursor:pointer;
}

.text-muted-custom {
    color:#A7A8a9;
    opacity:0.8;
}

.bg-light-sritrang{
    background-color: #ceb4d6;
    border-color: #ceb4d6;
    color: #212529 !important;
    font-size:14px!important;
}
.bg-light-sritrang:hover,
.bg-light-sritrang:active,
.bg-light-sritrang.show{
    background-color: #8347AD !important; 
    border-color: #8347AD !important; 
    color: #fff !important;    
}
.bg-light-sritrang:hover svg [fill],
.bg-light-sritrang:active svg [fill],
.bg-light-sritrang.show  svg [fill]{
    fill: #fff !important;    
}
.bg-light-danger{
    background-color: #FFF5F8;
    color: #F1416C !important;
    font-size:14px!important;
}
.bg-light-secondary {
     background-color: #EFF2F5;
    color: #7E8299!important;
    font-size:14px!important;
}
.bg-light-success {
     background-color: #E8FFF3;
    color: #50CD89 !important;
    font-size:14px!important;
}

.shadow-sm {
    box-shadow: 0 0.1rem 1rem 0.25rem rgb(0 0 0 / 5%) !important;
}
.form-control,
.form-control:focus{
    border: 1px solid #F5F8FA !important;
    background-color: #F5F8FA !important;
    box-shadow: unset !important;
    padding: 10.725px 9.5px;
}
.form-control.is-invalid, 
.was-validated .form-control:invalid {
    border-color: #dc3545 !important;
}

.black-hover:hover {
    color: #212529 !important;
} 

.back-button {
    color:#000 !important;
    max-width:160px;
    padding-top:10px;
    padding-bottom:10px;
    line-height: 1;
    width:100%;
    height:100%;
    background-color:#dbdbdd;
    border-color:#dbdbdd;
    font-size:24px;
}

    @media all and (min-width: 992px) {
            .navbar .dropdown-menu-end{ right:0; left: auto;  }
            .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
            .navbar .nav-item:hover .nav-link{ color: #fff;  }
            .navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
            .navbar .dropdown-menu.fade-up{ top:180%;  }
            .navbar .nav-item:hover .dropdown-menu{ 
                transition: .3s; 
                opacity:1; 
                visibility:visible; 
                top:100%; 
                transform: rotateX(0deg); 
                border-radius:6px;
            }
    }	

    .navbar .nav-item .dropdown-menu{ 
        box-shadow: 0px 0px 50px 0px rgb(82 63 105 / 15%) !important;
    }
    #search-request:focus {
        box-shadow: unset !important;
    }
    span.submit-action.disabled {
        cursor:not-allowed !important;
    }
    .active>.page-link, .page-link.active {
        background-color:  #A87BC9 !important;
        border-color:  #87BC9 !important;
        border-radius: 6px;
    }
    .dataTables_info {
        font-size:20px !important;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        background-color:unset !important;
        box-shadow: unset !important;
        border: unset !important;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
           background-color:unset !important;
           content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-up' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E");
    }
    .dataTables_paginate  .page-item .page-link {
        border: unset;
        padding: 3px 12px;
        font-size:20px;
    }
    .page-link:focus {
        box-shadow: unset;
    }
     .page-link:hover {
        background-color:#fff;
    }
    table * {
        font-size:20px;
    }
     table tbody * {
        font-size:19px !important;
    }
    .swal2-popup {
        width: 20em !important;
    }
    .swal2-styled.swal2-default-outline:focus {
        box-shadow: unset !important;
    }
    .dropdown-toggle::after {
        display: none;
    }
    @media screen and (max-width: 550px) {
         .dataTables_paginate{
            justify-content: center !important;
        }
        .dataTables_info {
            text-align: center !important;
        }
        .filter-container {
            justify-content: space-between !important;
            margin-top:10px;
        }
    }
    @media screen and (min-width: 550px) {
        .search-container{
            max-width: 330px;
        }
    }
    .navbar-toggler:focus {
        box-shadow:  unset !important;
    }
    .dt-buttons {
        display: none !important;
    }
    .dropdown-item:focus, .dropdown-item:hover {
        background-color: #fff;
    }
    .btn-export-table {
        width: 116px !important; 
    }
    .pagination {
        margin-bottom: 0 !important;
    }
    .navbar .dropdown-item {
        padding-left:16px;
        padding-right:16px;
    }
    .navbar .dropdown-item hr {
        margin-top:8px!important; 
        margin-bottom: 6px!important;
    }
    .navbar .dropdown-menu {
        padding-top:12px;
        padding-bottom:12px;
    }
    .log-out-container:hover a {
        font-weight:600;
    }
    #request_table {
        margin-bottom:24px;
    }