/*   =================   data-table  =================   */

table.data-table > thead > tr > th,
table.data-table > thead > tr > td,
table.data-table > tbody > tr > th,
table.data-table > tbody > tr > td {
    padding: 10px 10px;
}

table.data-table.table-small > thead > tr > th,
table.data-table.table-small > thead > tr > td,
table.data-table.table-small > tbody > tr > th,
table.data-table.table-small > tbody > tr > td {
    padding: 5px 5px;
}


table.data-table > thead td {
   /* background-color: #165791;
    color: #FFF;*/
}

    table.data-table > thead td > button {
        background-color: transparent;
        border: none;
        width: 100%;
        text-align: left;
        padding: 0;
        outline: none;
        cursor: pointer;
        font-weight: 500;
        /*  color: #FFF;*/
    }

table.data-table .btn-group {
    display: flex;
}

table.data-table .info {
    margin-top: 25px;
}

.table.data-table > thead > tr > th,
.table.data-table > tbody > tr > th,
.table.data-table > tfoot > tr > th,
.table.data-table > thead > tr > td,
.table.data-table > tbody > tr > td,
.table.data-table > tfoot > tr > td {
    border-top: none;
}

.table.data-table > tbody td > span.max-lines-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

table.data-table > tbody tr.info {
    background-color: #eff3f6 !important;
}

.table.data-table > tfoot {
    border: none;
}
    .table.data-table > tfoot > tr > td {
        border: none;
    }

.data-search-input .input-group-text {
    padding: 0px;
    margin: 0px;
}

.data-search-input button {
    margin: 0px;
    padding: 8px 20px;
    border: none;
    background-color: transparent;
}

/*   =================   validations  =================   */
.validation-summary-errors ul {
    list-style: none;
    margin-left: -40px;
}

.field-validation-error {
    margin-top: 10px;
    margin-bottom: 5px;
}



/*   =================   misc  =================   */

a {
    color: #58a089;
    text-decoration: none;
}

.btn-white:hover {
    border-color: #dee2e6;
}

.btn-secondary {
    color: #323a46;
    background-color: #ffffff;
    border-color: #dee2e6;
}

    .btn-secondary:hover {
        color: #323a46;
        background-color: #eff3f6;
        border-color: #dee2e6;
    }
    .btn-secondary:active, .btn-secondary:focus {
        color: #323a46;
        background-color: #dee2e6;
        border-color: #323a46;
    }

.footer {
    padding: 10px 15px 10px;
}

/*   =================   swal2  =================   */

.swal2-styled.swal2-cancel {
    color: #323a46 !important;
    background-color: #ffffff !important;
    border: solid 1px #dee2e6 !important;
}

/*   =================   Theme  =================   */

/*
Color	Hex	RGB
#cdd9a1	(205,217,161)
#b6cf89	(182,207,137)
#62b177	(98,177,119)
#58a089	(88,160,137)
#41779e	(65,119,158)

*/

:root {
    --ct-bg-leftbar-gradient: #58a089;
}

.table-light {
    --ct-table-bg: #cdd9a15c
}

.impersonate {
    width: 100%;
    height: 100%;
    border: 5px solid #ff7878;
    position: fixed;
    z-index: 100000;
    text-align: center;
    pointer-events: none;
}
.impersonate .title {
    color: #fafafa;
    text-align: center;
    font-size: small;
    background-color: #ff7878;
    margin: 0 auto;
    padding: 2px 10px 2px 10px;
    display: inline-block;
    border-radius: 0 0 10px 10px;
    pointer-events: all;
}
.impersonate .title a {
    color: #fafafa;
    text-decoration: underline;
    font-weight: 800;
}
.impersonate .title a svg {
    margin-bottom: 4px;
}

body[data-leftbar-color=gradient] .left-side-menu,
body[data-leftbar-color=gradient] .logo-box {
    background: var(--ct-bg-leftbar-gradient);
    background-image: linear-gradient(90deg, #58a089, #62b177);
}

.btn-primary {
    color: #fff;
    background-color: #62b177;
    border-color: #62b177;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #58a089;
    border-color: #58a089;
}

table.data-table > thead td > button {
    color: #6E6E6E
}

.btn-danger {
    color: #fff;
    background-color: #f76d6d;
    border-color: #f76d6d;
}

.input-validation-error {
    border-color: #ff5b5b;
}

#sidebar-menu > ul > li.menuitem-active a {
    background-color: var(--ct-body-bg);
    background-image: linear-gradient(90deg, white, --ct-body-bg);
    color: #62b177 !important;
}

.datepicker table tr td.today {
    background-color: #cdd9a1 !important;
    background-image: none !important;
    color: #fff;
}

.dropify-wrapper {
    max-width: 600px;
    line-height: 35px;
}

.dropify-wrapper .dropify-message span.file-icon {
    font-size: 26px;
}

.form-control:disabled {
    border: solid 1px #e4eaf1;
    color: #9ea7af;
}

.breadcrumb-item.active,
.breadcrumb-item.active > a {
    color: #62b177;
    font-weight: 500;
}

.alert-warning,
.alert-warning a {
    color: #b7a069;
}

.select2-dropdown {
    border: 1px solid #ced4da;
    box-shadow: 2px 2px 8px #929495;
    background-color: #FFF;
}

.empty-layout-bg {
    background: var(--ct-bg-leftbar-gradient);
    background-image: linear-gradient(90deg, #58a089, #62b177);
}

.select2-container {
    width: 100% !important;
}