.manage-status-success{
    color: #28A745 !important;
    background-color: #F3FFF6;
}
.manage-status-danger{
    background-color: #FFF4F5;
    color: #f85d6b !important;;
}
.manage-status-warning {
    color: #ffbb00 !important;
    background-color: #FFFCF2;
}

.manage-status-gradient{
    background: -webkit-linear-gradient(to right, #ffe5ad, #ffb0a8) !important;
    background: linear-gradient(to right, #ffe5ad, #ffb0a8) !important;
    color: #ff5014;
}

.manage-status-muted {
    color: #888888 !important;;
    background-color: #efefef;
}
.nav-job-manage .nav-link{
    color: #484848;
    text-align: left !important;
}

.nav-job-manage .nav-link.active{
    background: #F7F7F7 !important;
    color: black;
}
.nav-job-manage .nav-link i{
    font-size: 12px !important;
}
.nav-job-manage .nav-item{
    border-radius: 5px !important;
    padding: unset !important;
}
a{
    color: unset !important;
}
.manage-job th{
    font-size: 14px !important;
    white-space: nowrap;
}
.manage-job tr{
    border-bottom: solid 5px white;
}
.manage-job td{
    vertical-align: middle !important;
}

.manage-job input.search::placeholder{
    font-size: 14px !important;
}

.manage-job-filter:hover{
    cursor: pointer;
}
.manage-job .table-warning{
    --bs-table-bg: #fff8e4 !important;
}
.manage-job .table-success{
    --bs-table-bg: #f2fff9 !important;
}
.btn-change-tab-mobile.active{
    background-color: #e7e7e7;
    color: black !important;
    font-weight: bold;
}
.btn-change-tab-mobile.active *{
    font-weight: bold;
}


/*dinhlong*/
/*.select2{*/
/*    width: 100% !important;*/
/*}*/
/*.select2-selection{*/
/*    display: flex !important;*/
/*    align-items: center;*/
/*    min-height: 42px !important;*/
/*    border-radius: 10px;*/
/*    border: 1px solid #dee2e6!important;*/
/*}*/
/*.select2-container--default .select2-selection--single .select2-selection__arrow b,.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {*/
/*    border-width: 7px 6px 0 6px;*/
/*    border-color: #000000 transparent transparent transparent;*/
/*}*/

/*.select2-container--default .select2-selection--single .select2-selection__arrow {*/
/*    top: unset;*/
/*    right: 9px;*/
/*}*/
/*.select2-selection__rendered{*/
/*    display: flex!important;*/
/*    align-items: center;*/
/*}*/
/*.select2-dropdown--below{*/
/*    border: none;*/
/*    border-radius: 15px !important;*/
/*    padding: 10px;*/
/*    box-shadow: 0px 0px 16px -4px rgb(0 0 0 / 36%);*/
/*}*/
/*.select2-results__option{*/
/*    margin-bottom: 3px;*/
/*    padding: 10px 15px;*/
/*    border-radius: 10px !important;*/
/*}*/
/*.select2-results__option--highlighted{*/
/*    background-color: #F7F7F7 !important;*/
/*    color: black!important;*/
/*}*/
/*.select2-results__option[aria-selected=true]{*/
/*    background-color: #E9ECEF !important;*/
/*    color: black !important;*/
/*}*/
/*.select2-container--default .select2-selection--multiple .select2-selection__choice {*/
/*    margin: 0 4px 0 0;*/
/*    background-color: #F7F7F7;*/
/*}*/
/*.select2-search--inline{*/
/*    display: none;*/
/*}*/
.table-bordered tr td,.table-bordered tr th{
    border: none !important;
}
.table-cursor-pointer tr td:hover{
    cursor: pointer;
}
.daterangepicker td.in-range{
    background-color: #F7F7F7!important;
}
.daterangepicker td.active{
    color: black !important;
    background-color: #E9ECEF !important;
}
.daterangepicker .ranges li.active{
    background-color: #E9ECEF !important;
    color: black!important;
}
.daterangepicker .drp-buttons .btn.applyBtn {
    background-color: black !important;
    border: none;
    outline: none;
}
.daterangepicker.show-calendar .drp-buttons{
    display: flex !important;
    justify-content: right;
    align-items: center;
}
.daterangepicker .drp-selected{
    white-space: nowrap;
}

@media only screen and (max-width: 992px) {
    .card-box-shadow {
        border: 1px solid rgba(0, 0, 0, 0.07) !important;
        box-shadow: 0 0rem 1.1rem rgba(0,0,0,0.04)!important;
    }
}
li.select2-selection__choice {
    max-width: 100%;
    overflow: hidden;
    /*Altered two below to make word wrap work */
    word-wrap: normal !important;
    white-space: normal;
}
ul.select2-selection__rendered {
    padding-right: 12px !important;
}


/*roles permissions*/
.table-services-roles-permissions tr{
    height: 65px;
}
.table-services-roles-permissions .service-row{
    width: 90px;
}
.table-services-roles-permissions td:not(:nth-child(1)),.table-services-roles-permissions th:not(:nth-child(1)){
    text-align: -webkit-center;
}
.table-services-roles-permissions tr th:nth-child(1) {
    text-align: unset;
    word-break: break-word;
    min-width: 433px;
}

tr.shown, tr.hidden {
    display: table-row;
}

tr.hidden {
    display: none;
}
.collapse-icon{
    transition: transform 0.1s ease-in;
}
.collapse-icon.active{
    transition: transform 0.1s ease-in;
    transform: rotate(90deg);
}
td.disabled,td.disabled *{
    cursor: not-allowed !important;
}
.table>:not(caption)>*>*{
    border: none;
}
.badge-service{
    width: 110px;
}
.popover{
    border: none !important;
    box-shadow: 0px 0px 25px 10px rgba(0 0 0 / 7%);
    border-radius: 10px;
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .bs-popover-start>.popover-arrow::before{
    border-top-color: rgb(153 153 153 / 5%);
    border-right-color: rgb(153 153 153 / 5%);
    border-left-color: rgb(153 153 153 / 5%);
    border-bottom-color: rgb(153 153 153 / 5%);
}

tr.shown, tr.hidden {
    display: table-row;
}

tr.hidden {
    display: none;
}
.collapse-icon{
    transition: transform 0.1s ease-in;
}
.collapse-icon.active{
    transition: transform 0.1s ease-in;
    transform: rotate(90deg);
}
td.disabled,td.disabled *{
    cursor: not-allowed !important;
}
.table>:not(caption)>*>*{
    border: none;
}
.badge-service{
    width: 110px;
}

#overview ul.disc--green li::before {
    content: "\2022";
    color: #44CB49;
    font-weight: bold;
    display: inline-block;
    font-size: 20px;
    line-height: 1.1;
}
ul.disc--green li *{
    padding-left: 10px;
}

.card-service-overview:hover{
    max-height: 1000px!important;
}

.card-service-overview{
    transition: max-height 1s;
}

.card-service-overview:hover .buffer-animation-css{
    animation-name: show-more-animation;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes show-more-animation {
    0%   {opacity: 1; visibility: visible}
    40%  {opacity: 0;}
    41%  {visibility: hidden}
    100%  {opacity: 0;visibility: hidden;}
}

.service-highlight{
    background-color: #ffffe8;
}

#overview ul.disc--green li::before {
    content: "\2022";
    color: #44CB49;
    font-weight: bold;
    display: inline-block;
    font-size: 20px;
    line-height: 1.1;
}
ul.disc--green li *{
    padding-left: 10px;
}