:root {
    --ct-blue: #7172b0;
    --ct-indigo: #727cf5;
    --ct-purple: #6b5eae;
    --ct-pink: #ff679b;
    --ct-red: #f4313f;
    --ct-orange: #fd7e14;
    --ct-yellow: #fcb900;
    --ct-green: #92c023;
    --ct-teal: #02a8b5;
    --ct-cyan: #39afd1;
    --ct-white: #fff;
    --ct-gray: #8a969c;
    --ct-gray-dark: #343a40;
    --ct-gray-100: #f7f7f7;
    --ct-gray-200: #eef2f7;
    --ct-gray-300: #dee2e6;
    --ct-gray-400: #ced4da;
    --ct-gray-500: #a1a9b1;
    --ct-gray-600: #8a969c;
    --ct-gray-700: #6c757d;
    --ct-gray-800: #343a40;
    --ct-gray-900: #313a46;
    --ct-primary: #e63742;
    --ct-secondary: #6c757d;
    --ct-success: #92c023;
    --ct-info: #7172b0;
    --ct-warning: #fcb900;
    --ct-danger: #f4313f;
    --ct-light: #f7f7f7;
    --ct-dark: #313a46;
    --ct-card-color: #000;
    --ct-primary-rgb: 230, 55, 66;
    --ct-secondary-rgb: 108, 117, 125;
    --ct-success-rgb: 146, 192, 38;
    --ct-info-rgb: 113, 114, 176;
    --ct-warning-rgb: 255, 195, 90;
    --ct-danger-rgb: 250, 92, 124;
    --ct-light-rgb: 238, 242, 247;
    --ct-dark-rgb: 49, 58, 70;
    --ct-orange-rgb: 253, 126, 20;
    --ct-cyan-rgb: 57, 175, 209;
    --ct-white-rgb: 255, 255, 255;
    --ct-black-rgb: 0, 0, 0;
    --ct-body-color-rgb: 108, 117, 125;
    --ct-body-bg-rgb: 250, 251, 254;
    --ct-font-sans-serif: "Inter", sans-serif;
    --ct-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --ct-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --ct-body-font-family: Inter, sans-serif;
    --ct-body-font-size: 0.85rem;
    --ct-body-font-weight: 400;
    --ct-body-line-height: 1.5;
    --ct-body-color: #6c757d;
    --ct-body-bg: #fff;
    --ct-border-button-radius: 40px;
    --ct-border-width: 1px;
    --ct-border-style: solid;
    --ct-border-color: #dee2e6;
    --ct-border-color-translucent: rgba(0, 0, 0, 0.175);
    --ct-border-radius: 0.25rem;
    --ct-border-radius-sm: 0.2rem;
    --ct-border-radius-lg: 0.3rem;
    --ct-border-radius-xl: 1rem;
    --ct-border-radius-2xl: 2rem;
    --ct-border-radius-pill: 50rem;
    --ct-link-color: #e63742;
    --ct-link-hover-color: #e63f4a;
    --ct-code-color: #39afd1;
    --ct-text-muted: #000;
    --ct-mark-bg: #fcf8e3;
    --ct-highlight-bg: var(--ct-mark-bg);
    --ct-table-color: #313a46;
    --ct-table-bg: #f4f4f4;
    --ct-table-border-color: #d6d8ef;
    --ct-table-striped-bg: #f3f3f3;
    --ct-table-striped-color: #313a46;
    --ct-table-active-bg: #313a46;
    --ct-table-active-color: #f7f7f7;
    --ct-table-hover-bg: #313a46;
    --ct-table-hover-color: #f7f7f7;
    --ct-pre-color: #000;
    --ct-bg-leftbar: #f7f7f7;
    --ct-nprogress-color: #EFF0F5;
}

html[data-theme=dark] {
    --ct-gray-100: #404954;
    --ct-gray-200: #37404a;
    --ct-gray-300: #464f5b;
    --ct-gray-400: #8391a2;
    --ct-gray-500: #aab8c5;
    --ct-gray-600: #ced4da;
    --ct-gray-700: #dee2e6;
    --ct-gray-800: #e3eaef;
    --ct-gray-900: #f1f1f1;
    --ct-body-bg: #343a40;
    --ct-body-color: #aab8c5;
    --ct-light: #f1f1f1;
    --ct-dark: #404954;
    --ct-light-rgb: 238, 242, 247;
    --ct-dark-rgb: 49, 58, 70;
    --ct-border-color: #464f5b;
    --ct-box-shadow: 0px 0px 35px 0px rgba(49, 57, 66, 0.5);
    --ct-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, 0.075);
    --ct-box-shadow-lg: 0 0 45px 0 rgba(0, 0, 0, 0.12);
    --ct-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --ct-component-active-color: #fff;
    --ct-component-active-bg: #727cf5;
    --ct-text-muted: #8391a2;
    --ct-blockquote-footer-color: #ced4da;
    --ct-mark-bg: #fcf8e3;
    --ct-form-text-color: var(--ct-text-muted);
    --ct-input-bg: #404954;
    --ct-input-disabled-bg: #37404a;
    --ct-input-color: #e3eaef;
    --ct-input-border-color: #4a525d;
    --ct-input-box-shadow: var(--ct-box-shadow-inset);
    --ct-input-focus-bg: #464f5b;
    --ct-input-focus-border-color: #555f6b;
    --ct-input-focus-color: var(--ct-input-color);
    --ct-input-placeholder-color: #8391a2;
    --ct-input-plaintext-color: #6c757d;
    --ct-form-check-input-bg: transparent;
    --ct-form-check-input-border: 1px solid #8391a2;
    --ct-form-check-input-checked-color: var(--ct-component-active-color);
    --ct-form-check-input-checked-bg-color: var(--ct-component-active-bg);
    --ct-form-check-input-checked-border-color: var(--ct-form-check-input-checked-bg-color);
    --ct-form-check-input-indeterminate-color: var(--ct-component-active-color);
    --ct-form-check-input-indeterminate-bg-color: var(--ct-component-active-bg);
    --ct-form-check-input-indeterminate-border-color: var(--ct-component-active-bg);
    --ct-form-switch-color: tiny-color(#464f5b, 6%);
    --ct-input-group-addon-color: var(--ct-input-color);
    --ct-input-group-addon-bg: #48515d;
    --ct-input-group-addon-border-color: var(--ct-input-border-color);
    --ct-form-select-color: var(--ct-input-color);
    --ct-form-select-bg: var(--ct-input-bg);
    --ct-form-select-disabled-color: #ced4da;
    --ct-form-select-disabled-bg: #37404a;
    --ct-form-select-disabled-border-color: ;
    --ct-form-select-indicator-color: #e3eaef;
    --ct-form-range-track-bg: #464f5b;
    --ct-form-range-track-box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, 0.1);
    --ct-form-range-thumb-box-shadow: 0 .1rem .25rem rgba(0, 0, 0, 0.1);
    --ct-form-range-thumb-active-bg: #d5d8fc;
    --ct-form-range-thumb-disabled-bg: #aab8c5;
    --ct-form-file-button-color: var(--ct-input-color);
    --ct-form-file-button-bg: #48515d;
    --ct-form-file-button-hover-bg: #434b56;
    --ct-thumbnail-bg: #464f5b;
    --ct-thumbnail-border-color: #464f5b;
    --ct-thumbnail-box-shadow: var(--ct-box-shadow-sm);
    --ct-btn-close-color: #e3eaef;
    --ct-kbd-color: #fff;
    --ct-kbd-bg: #f1f1f1;
    --ct-pre-color: #aab8c5;
    --ct-bg-leftbar: #3a444e;
    --ct-bg-topbar: #3a444e;
    --ct-bg-topbar-search: #464f5b;
    --ct-nav-user-bg-topbar: #464f5b;
    --ct-nav-user-border-topbar: #404954;
    --ct-notification-border-color: #464f5b;
    --ct-notification-bg: #464f5b;
    --ct-bg-dark-topbar: var(--ct-primary-rgb);
    --ct-bg-dark-topbar-search: rgba(255, 255, 255, 0.1);
    --ct-nav-user-bg-dark-topbar: rgba(255, 255, 255, 0.1);
    --ct-nav-user-border-dark-topbar: rgba(255, 255, 255, 0.15);
    --ct-boxed-layout-bg: #3e4853;
    --ct-help-box-light-bg: rgba(255, 255, 255, 0.1);
    --ct-nav-pills-bg: #404954;
    --ct-custom-accordion-title-color: #8391a2;
    --ct-dragula-bg: #404954;
    --ct-form-wizard-header-bg: #404954;
    --ct-text-title-color: #fff;
    --ct-page-title-color: #fff;
    --ct-card-loader-bg: #f1f1f1;
    --ct-chat-primary-user-bg: #404954;
    --ct-chat-secondary-user-bg: #404954;
    --ct-auth-bg: #404954;
    --ct-apex-grid-color: #404954;
    --ct-hero-bg: linear-gradient(to bottom, #697ded, #5e30c1);
    --ct-display-dark: block;
    --ct-display-light: none;
    --ct-bg-leftbar-gradient: linear-gradient(135deg, var(--ct-bg-leftbar) 0%, #f4f4f4 95%) !important;
    --ct-menu-item: #4d5153;
    --ct-menu-item-hover: #e63742;
    --ct-menu-item-active: #e63742;
    --ct-help-box-dark-bg: #e63742;
    --ct-bg-topnav: linear-gradient(to bottom, var(--ct-bg-leftbar), #f4f4f4);
}

.breadcrumb {
    --ct-breadcrumb-divider-color: #000 !important;
    --ct-breadcrumb-item-active-color: #000 !important;
}

body.authentication-bg {
    background-image: url("../images/teleton/fondofinal.svg") !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.content-page{
    background-image: url("../images/teleton/fondofinal.svg") !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

html[data-sidenav-color=light] {
    --ct-bg-leftbar: #fff !important;
    --ct-bg-leftbar-gradient: var(--ct-bg-leftbar);
    --ct-menu-item: #000;
    --ct-menu-item-hover: #313a46;
    --ct-menu-item-active: #313a46;
}

html[data-sidenav-color=default] {
    --ct-bg-leftbar-gradient: var(--ct-bg-leftbar);
    --ct-menu-item: #000;
    --ct-menu-item-hover: #313a46;
    --ct-menu-item-active: #313a46;
}

html[data-sidenav-color=light] .help-box {
    background-color: #6c757d;
}

html[data-sidenav-color=light] .logo.logo-light {
    display: block;
}

html[data-sidenav-color=light] .logo.logo-dark {
    display: none;
}

html[data-sidenav-color=dark] {
    --ct-bg-leftbar: #3a444e;
    --ct-menu-item: #fff;
}

html[data-sidenav-color=dark] .logo.logo-light {
    display: none;
}

html[data-sidenav-color=dark] .logo.logo-dark {
    display: block;
}

html[data-sidenav-color=default] .logo.logo-light {
    display: block;
}

html[data-sidenav-color=default] .logo.logo-dark {
    display: none;
}

html[data-sidenav-color=default] .help-box {
    background-color: #000;
}

html[data-sidenav-size=condensed]:not(.authentication-bg) {
    min-height: auto;
}

html[data-sidenav-color=light][data-sidenav-size=condensed] .side-nav .side-nav-item:hover .side-nav-link {
    background: var(--ct-bg-leftbar) !important;
    color: #000 !important;
}

html[data-sidenav-color=dark][data-sidenav-size=condensed] .side-nav .side-nav-item:hover .side-nav-link {
    background: var(--ct-bg-leftbar) !important;
}

html[data-sidenav-size=compact]:not(.authentication-bg) .logo span.logo-lg {
    display: none;
}

html[data-sidenav-size=compact]:not(.authentication-bg) .logo span.logo-sm {
    display: block;
    line-height: 70px;
    color: var(--ct-primary);
}

html[data-sidenav-size=compact]:not(.authentication-bg) .wrapper .content-page {
    margin-left: 160px !important;
}

html[data-topbar-color=dark] .navbar-custom {
    --ct-nav-user-bg-topbar: #3a444e;
    background-color: var(--ct-nav-user-bg-topbar);
    color: #fff;
}

html[data-topbar-color=dark] .button-toggle-menu, html[data-topbar-color=dark] .navbar-custom .topbar-menu .nav-link {
    color: #fff;
}

html[data-topbar-color=light] .navbar-custom {
    --ct-nav-user-bg-topbar: #fff;
    background-color: var(--ct-nav-user-bg-topbar);
    color: #3a444e;
}

html[data-topbar-color=light] .button-toggle-menu, html[data-topbar-color=light] .navbar-custom .topbar-menu .nav-link {
    color: #3a444e;
}

.active>.page-link, .page-link.active {
    --ct-pagination-active-color: #000 !important;
    --ct-pagination-active-bg: rgb(237, 237, 237) !important;
    --ct-pagination-active-border-color: #dee2e6 !important;
}

.btn-check:active+.btn, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:active {
    color: #f1f1f1;
}

:root .table, :root .table-bordered, :root .gantt {
    --ct-table-striped-color: #6c757d !important;
    --ct-table-striped-bg-custom: #fbfcff !important;
    --ct-table-striped-bg: var(--ct-table-striped-bg-custom) !important; 
    --ct-table-active-color: var(--ct-body-color) !important;
    --ct-table-active-bg-custom: #eefbef !important; /*bef0c2*/
    --ct-table-hover-color: var(--ct-body-color) !important;
    --ct-table-hover-bg-custom: #f6f6fb !important;
    --ct-table-group-separator-color: #edeff1 !important;
    --ct-table-caption-color: var(--ct-text-muted) !important;
}

.table-primary {
    --ct-table-color: #3a444e;
    --ct-table-bg: #fff;
    --ct-table-border-color: #e63742;
    color: var(--ct-table-color) !important;
    border-color: var(--ct-table-border-color);
}

.bg-gray {
    --ct-bg-opacity: 1;
    background-color: rgba(var(--ct-gray-100), var(--ct-bg-opacity)) !important;
}

.bg-cyan {
    --ct-bg-opacity: 1;
    background-color: rgba(var(--ct-cyan-rgb), var(--ct-bg-opacity)) !important;
}

.bg-orange {
    --ct-bg-opacity: 1;
    background-color: rgba(var(--ct-orange-rgb), var(--ct-bg-opacity)) !important;
}

input[data-switch=primary]+label {
    background-color: #cacaca;
} 

input[data-switch=primary]:checked+label {
    background-color: var(--ct-primary);
}

input[data-switch="success"]:checked + label {
    background-color: var(--ct-success);
}

.paginate_button .page-item .active {
    font-weight: bold;
}

.dt-button-collection {
    min-width: auto !important;
    width: auto !important;
}

.dt-button-collection > .dropdown-menu > a.dropdown-item {
    display: inline-block;
    min-width: auto !important;
    width: auto !important;
    text-align: center;
}

.dt-button-collection .dt-button:not(.dt-btn-split-drop) {
    min-width: auto !important;
}

.buttons-collection.dt-button {
    border-radius: var(--ct-border-radius) !important;
    border: 1px var(--ct-gray-600) solid !important;
    box-shadow: var(--ct-box-shadow)!important;
}

.dt-button-collection .dt-button {
    border-radius: var(--ct-border-radius) !important;
    border: 1px var(--ct-gray-600) solid !important;
}

.info-detail-box {
    background-color: var(--ct-gray-100);
    border: 1px solid var(--ct-gray-500) !important;
    color: var(--ct-gray-dark);
    flex-shrink: 1;
    margin: 20px;
}

.info-capital-disponible-box {
    border: 1px solid var(--ct-gray-500) !important;
    color: var(--ct-gray-dark);
    flex-shrink: 1;
    margin: 20px;
}

.form-check-input:disabled~.form-check-label.enable, .form-check-input[disabled]~.form-check-label.enable, .form-check-input:disabled.enable {
    cursor: default !important;
    opacity: 1 !important;
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: var(--ct-table-active-bg-custom) !important;
}

table.dataTable.table-striped>tbody>tr.odd.selected>* {
    box-shadow: inset 0 0 0 9999px var(--ct-table-active-bg-custom) !important;
}

table.dataTable.table-striped>tbody>tr.even.selected>* {
    box-shadow: inset 0 0 0 9999px var(--ct-table-active-bg-custom) !important;
}

table.dataTable tbody>tr.selected td, table.dataTable tbody>tr>.selected td {
    border-color: #ffffff !important;
}

table.dataTable>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px var(--ct-table-active-bg-custom) !important; 
    color: grey;
}

@media (min-width: 768px) {
    .no-border-bottom-xs {
        border-bottom: 0px !important;
    }
}

.arrow_box {
    position: relative;
    padding: 5px;
}
.arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(85, 85, 85, 0);
    border-right-color: #555;
    border-width: 10px;
    margin-top: -10px;
}
.arrow_box:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000000;
    border-width: 13px;
    margin-top: -13px;
}

html[data-sidenav-size=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover .side-nav-link {
    min-width: 260px;
    width: 310px;
    color:#000;
}

html[data-sidenav-size=condensed]:not(.authentication-bg) .side-nav .side-nav-item .side-nav-link .menu-icon i {
    width: 20px !important;
}

a.js-info-documento-button {
    cursor: pointer !important;
    color: var(--ct-info);
}

div.list-items-dark {
    border-bottom: 1px solid var(--ct-gray-500) !important;
    color: var(--ct-gray-dark);
    flex-shrink: 1;
    margin: 2px;
}

.leftbar-menu-user {
    color: var(--ct-menu-item) !important;
    display: block;
}

.leftbar-menu-user-rut {
    font-size: 10px !important;
    color: var(--ct-pre-color) !important;
}

.leftbar-menu-employee {
    font-size: 10px !important;
    color: var(--ct-pre-color) !important;
    display: block;
}

select.text-capitalize, select option.text-capitalize {
    text-transform:capitalize !important;
}

.border-bottom-primary {
    border-bottom: 1px solid var(--ct-primary) !important;
}

.footer-margin-fix{
    margin-bottom: 15px !important;
}

html:not(.authentication-bg) .side-nav .side-nav-item .side-nav-link.active::before, html:not(.authentication-bg) .side-nav .side-nav-item .side-nav-link.active::after {
    position: absolute;
    bottom: 0;
    width: 35px;
    content: "";
    display: block;
    border-bottom: 2px solid var(--ct-primary);
    padding-left: 10px;
}

html[data-sidenav-size=condensed]:not(.authentication-bg) .wrapper {
    min-height: 500px;
}

.modal {
    --ct-modal-width: 650px;
}

@media (min-width: 1000px){
    .modal.modal-xl {
        --ct-modal-width: 940px;
    }
}

@media (min-width: 1200px){
    .modal.modal-xl {
        --ct-modal-width: 1140px;
    }
}

@media (min-width: 1500px){
    .modal.modal-xl {
        --ct-modal-width: 1440px;
    }
}

.modal-content {
    margin-bottom: 95px;
}

.footer {
    border-top: 0px !important;
}

@media (min-width: 1142px) {
    .content-page {
        padding-top: 138px !important;
    }

    html[data-sidenav-size=condensed]:not(.authentication-bg) .content-page, html[data-sidenav-size=full]:not(.authentication-bg) .content-page {
        padding-top: 70px !important;
    }

    .logo, .leftside-menu, .navbar-custom {
        top: 68px !important;
    }
    
    html[data-sidenav-size=condensed]:not(.authentication-bg) .logo, html[data-sidenav-size=full]:not(.authentication-bg) .logo,
    html[data-sidenav-size=condensed]:not(.authentication-bg) .leftside-menu, html[data-sidenav-size=full]:not(.authentication-bg) .leftside-menu,
    html[data-sidenav-size=condensed]:not(.authentication-bg) .navbar-custom, html[data-sidenav-size=full]:not(.authentication-bg) .navbar-custom{
        top: 0 !important;
    }
}

@media (max-width: 767.98px) {
    .footer {
        left: 0!important;
        text-align: left !important;
        padding: 19px 4px 20px;
    }
}

@media (max-width: 1141.98px) {
    .topteleton {
        display: none !important;
    }
}

.form-checkbox-success .form-check-input:checked, .form-radio-success .form-check-input:checked {
    background-color: var(--ct-green);
    border-color: var(--ct-green);
}

.form-checkbox-warning .form-check-input:checked, .form-radio-warning .form-check-input:checked {
    background-color: var(--ct-yellow);
    border-color: var(--ct-yellow);
}

.form-checkbox-danger .form-check-input:checked, .form-radio-danger .form-check-input:checked {
    background-color: var(--ct-danger);
    border-color: #fa5c7c;
}

.btn-xxs {
    --ct-btn-padding-x: 0.4rem;
    --ct-btn-padding-y: 0.2rem;
}

.font-color-primary {
    color: var(--ct-primary) !important;
}

.font-color-dark {
    color: var(--ct-dark) !important;
}

.font-color-gray {
    color: var(--ct-gray-600) !important;
}

.required-fields {
    margin-left: 2px;
    margin-right: 2px;
}

/*avatar*/
.avatar-container {
    margin-top: 10px;
}

.avatar-circle {
    justify-content: center;
    align-items: center;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    border: 5px solid rgba(var(--ct-primary-rgb), 0.25);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.avatar-circle img.img-circle {
    border-radius: 50% !important;
    display: block;
}

.avatar-circle button {
    position: absolute;
    top: -12px;
    right: -12px;
}

.icon-circle {
    background-color: white;
    justify-content: center;
    align-items: center;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 5px 5px;
}

.icon-circle img.img-circle {
    display: block;
    width: 25px;
    height: 25px;
    margin: 10px 10px;
}

.icon-box {
    background-color: var(--ct-primary);
    justify-content: center;
    align-items: center;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    border: 10px solid rgba(var(--ct-primary-rgb), 0.25);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 5px 5px;
}

.icon-box .img-circle {
    color: var(--ct-white);
    display: block;
    width: 45px;
    height: 45px;
    margin: 10px 10px;
    font-size: 45px;
}

.icon-requirements {
    background-color: var(--ct-green);
    justify-content: center;
    align-items: center;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid rgba(var(--ct-success-rgb), 0.25);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0px 5px;
}

.icon-requirements .img-circle {
    color: var(--ct-white);
    display: block;
    margin: 3px 3px;
    font-size: 18px;
}

.icon-requirements-disabled {
    background-color: var(--ct-gray-600);
    justify-content: center;
    align-items: center;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid rgba(var(--ct-success-rgb), 0.25);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0px 5px;
}

.icon-requirements-disabled .img-circle {
    color: var(--ct-dark);
    display: block;
    margin: 3px 3px;
    font-size: 18px;
}

a.view-cv {
    color: var(--ct-white);
}

.alert-primary {
    --ct-alert-color: rgb(255, 255, 255);
    --ct-alert-bg: rgba(var(--ct-primary-rgb), 0.58);
    --ct-alert-border-color: rgba(var(--ct-primary-rgb), 0.25);
}

.alert-danger {
    --ct-alert-color: var(--ct-danger);
    --ct-alert-bg: rgba(250, 92, 124, 0.18);
    --ct-alert-border-color: rgba(250, 92, 124, 0.25);
}

.alert-success {
    --ct-alert-color: var(--ct-success);
}

.alert-warning {
    --ct-alert-color: var(--ct-warning);
}

.alert-info {
    --ct-alert-color: var(--ct-info);
}

.btn-primary {
    --ct-btn-color: #fff;
    --ct-btn-bg: var(--ct-primary);
    --ct-btn-border-color: #f57272;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #d06161;
    --ct-btn-hover-border-color: #c45b5b;
    --ct-btn-focus-shadow-rgb: 135, 144, 247;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #c45b5b;
    --ct-btn-active-border-color: #b85656;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #f57272;
    --ct-btn-disabled-border-color: #f57272;
}

.btn-outline-primary {
    --ct-btn-color: var(--ct-primary);
    --ct-btn-border-color: var(--ct-primary);
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: var(--ct-primary);
    --ct-btn-hover-border-color: var(--ct-primary);
    --ct-btn-focus-shadow-rgb: 114,124,245;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: var(--ct-primary);
    --ct-btn-active-border-color: var(--ct-primary);
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: var(--ct-primary);
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: var(--ct-primary);
    --ct-gradient: none;
}

.btn-danger {
    --ct-btn-color: #fff;
    --ct-btn-bg: var(--ct-danger);
    --ct-btn-border-color: #fa5c7c;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #d54e69;
    --ct-btn-hover-border-color: #c84a63;
    --ct-btn-focus-shadow-rgb: 251, 116, 144;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #c84a63;
    --ct-btn-active-border-color: #bc455d;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #fa5c7c;
    --ct-btn-disabled-border-color: #fa5c7c;
}

.btn-outline-danger {
    --ct-btn-color: var(--ct-danger);
    --ct-btn-border-color: var(--ct-danger);
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: var(--ct-danger);
    --ct-btn-hover-border-color: var(--ct-danger);
    --ct-btn-focus-shadow-rgb: 114,124,245;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: var(--ct-danger);
    --ct-btn-active-border-color: var(--ct-danger);
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: var(--ct-danger);
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: var(--ct-danger);
    --ct-gradient: none;
}

.btn-success {
    --ct-btn-color: #fff;
    --ct-btn-bg: var(--ct-success);
    --ct-btn-border-color: #8acf0a;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #7eb009;
    --ct-btn-hover-border-color: #77a608;
    --ct-btn-focus-shadow-rgb: 47,214,167;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #77a608;
    --ct-btn-active-border-color: #639b08;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #8acf0a;
    --ct-btn-disabled-border-color: #8acf0a;
}

.btn-outline-success {
    --ct-btn-color: var(--ct-success);
    --ct-btn-border-color: var(--ct-success);
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: var(--ct-success);
    --ct-btn-hover-border-color: var(--ct-success);
    --ct-btn-focus-shadow-rgb: 10,207,151;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: var(--ct-success);
    --ct-btn-active-border-color: var(--ct-success);
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: var(--ct-success);
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: var(--ct-success);
    --ct-gradient: none;
}

.btn-warning {
    --ct-btn-color: #fff;
    --ct-btn-bg: var(--ct-warning);
}

.btn-outline-warning {
    --ct-btn-color: var(--ct-warning);
    --ct-btn-border-color: var(--ct-warning);
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: var(--ct-warning);
    --ct-btn-hover-border-color: var(--ct-warning);
    --ct-btn-focus-shadow-rgb: 255,195,90;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: var(--ct-warning);
    --ct-btn-active-border-color: var(--ct-warning);
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: var(--ct-warning);
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: var(--ct-warning);
    --ct-gradient: none;
}

.btn-info {
    --ct-btn-color: #fff;
    --ct-btn-bg: var(--ct-info);
    --ct-btn-border-color: #7d7ec2;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #6d7ec2;
    --ct-btn-hover-border-color: #5d7ec2;
    --ct-btn-focus-shadow-rgb: 57, 175, 209;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #4d7ec2;
    --ct-btn-active-border-color: #4d7ec2;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #7d7ec2;
    --ct-btn-disabled-border-color: #7d7ec2;
}

.btn-outline-info {
    --ct-btn-color: var(--ct-info);
    --ct-btn-border-color: var(--ct-info);
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: var(--ct-info);
    --ct-btn-hover-border-color: var(--ct-info);
    --ct-btn-focus-shadow-rgb: 57,175,209;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: var(--ct-info);
    --ct-btn-active-border-color: var(--ct-info);
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: var(--ct-info);
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: var(--ct-info);
    --ct-gradient: none;
}

input[data-switch].nationality+label {
    width: 90px;
}

input[data-switch].nationality:checked+label:after {
    left: 68px;
}

.spinner-border {
    --ct-spinner-width: 14px !important;
    --ct-spinner-height: 14px !important;
}

.text-bg-success {
    color: var(--ct-white) !important;
    background-color: RGBA(var(--ct-success-rgb),var(--ct-bg-opacity,1))!important;
}

.text-bg-info {
    color: var(--ct-white) !important;
    background-color: RGBA(var(--ct-info-rgb),var(--ct-bg-opacity,1))!important;
}

.text-bg-danger {
    color: var(--ct-white) !important;
    background-color: RGBA(var(--ct-danger-rgb),var(--ct-bg-opacity,1))!important;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: var(--ct-primary);
    color: var(--ct-white);
}

.select2-container .select2-selection--single .select2-selection__arrow {
    height: 0px !important;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: var(--ct-input-focus-border-color);
    box-shadow: 0 0 0 0;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    float: left;
    padding-right: 3px;
    padding-left: 3px;
    margin-right: 1px;
    margin-left: 3px;
    font-weight: 700;
    background-color: var(--ct-primary);
    color: var(--ct-white);
}

.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    background-color: var(--ct-primary);
    color: var(--ct-white);
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    background-color: var(--ct-primary);
    color: var(--ct-white);
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    border-color: var(--ct-primary);
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--ct-dark);
    background-color: var(--ct-primary);
}

.select2-container.is-valid, .was-validated .select2-container:valid {
    border: 1px solid;
    border-color: #0acf97;
    padding-right: calc(2.5em + 0.9rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230acf97' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(1.375em + 0.225rem) center;
    background-size: calc(0.75em + 0.45rem) calc(0.75em + 0.45rem);
}

.select2-container.is-invalid, .was-validated .select2-container:invalid {
    border: 1px solid;
    border-color: #fa5c7c;
    padding-right: calc(2.5em + 0.9rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23fa5c7c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fa5c7c' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(1.375em + 0.225rem) center;
    background-size: calc(0.75em + 0.45rem) calc(0.75em + 0.45rem);
}

.datepicker table tr td .active.disabled:hover[disabled], .datepicker table tr td .active.disabled[disabled], .datepicker table tr td .active:active, .datepicker table tr td .active:hover, .datepicker table tr td .active:hover.active, .datepicker table tr td .active:hover.disabled, .datepicker table tr td .active:hover:active, .datepicker table tr td .active:hover:hover, .datepicker table tr td .active:hover[disabled], .datepicker table tr td .active[disabled], .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled], .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color:  var(--ct-primary) !important;
    background-image: none!important;
    color: var(--ct-white) !important;
}

.btn-action {
    padding: 0 6px !important;
    margin-left: 5px !important;
    border-radius: 10px !important;
}

.border-primary {
    --ct-border-opacity: 1;
    border-color: rgba(var(--ct-primary-rgb),var(--ct-border-opacity))!important;
}

.border-success {
    --ct-border-opacity: 1;
    border-color: rgba(var(--ct-success-rgb),var(--ct-border-opacity))!important;
}

.border-info {
    --ct-border-opacity: 1;
    border-color: rgba(var(--ct-info-rgb),var(--ct-border-opacity))!important;
}

.border-warning {
    --ct-border-opacity: 1;
    border-color: rgba(var(--ct-warning-rgb),var(--ct-border-opacity))!important;
}

.border-danger {
    --ct-border-opacity: 1;
    border-color: rgba(var(--ct-danger-rgb),var(--ct-border-opacity))!important;
}

.border-primary {
    --ct-border-opacity: 1;
    border-color: rgba(var(--ct-primary-rgb),var(--ct-border-opacity))!important;
}

.border-secondary {
    --ct-border-opacity: 1;
    border-color: rgba(var(--ct-secondary-rgb),var(--ct-border-opacity))!important;
}

.avatar-xxl {
    height: 9.0rem;
    width: 9.0rem;
}

.clasification {
    direction: rtl;
    unicode-bidi: bidi-override;
    text-align: left;
}

.clasification input[type="radio"] {
    display: none;
}

.clasification label {
    font-size: 20px;
    color: var(--ct-gray-500);
}

.clasification input[type="radio"]:checked ~ label.actionlbl {
    color: var(--ct-yellow);
}

.clasification label.actionlbl:hover,
.clasification label.actionlbl:hover ~ label.actionlbl{
    color: var(--ct-yellow);
}

.ribbon-box .ribbon-primary {
    background: var(--ct-primary);
}

.ribbon-box .card-body {
    padding: 15px;
}

.ribbon-box .ribbon.float-end {
    margin-right: -25px;
}

.text-yellow {
    color: var(--ct-yellow) !important;
}

.text-cyan {
    color: var(--ct-cyan);
}

.text-orange {
    color: var(--ct-orange);
}

.text-dark {
    color: var(--ct-dark);
}

.ribbon-box .ribbon-info {
    background: var(--ct-info);
}

.ribbon-box .ribbon-success {
    background: var(--ct-success);
}

.ribbon-box .ribbon-cyan {
    background: var(--ct-cyan);
}

.ribbon-box .ribbon-orange {
    background: var(--ct-orange);
}

.btn-orange {
    --ct-btn-color: #fff;
    --ct-btn-bg: var(--ct-orange);
    --ct-btn-border-color: #72b6f5;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #d0a461;
    --ct-btn-hover-border-color: #c48a5b;
    --ct-btn-focus-shadow-rgb: 135, 144, 247;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #c48a5b;
    --ct-btn-active-border-color: #b88256;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #f5bc72;
    --ct-btn-disabled-border-color: #f5bc72;
}

.btn-cyan {
    --ct-btn-color: #fff;
    --ct-btn-bg: var(--ct-cyan);
    --ct-btn-border-color: #72dbf5;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #61bad0;
    --ct-btn-hover-border-color: #5bb4c4;
    --ct-btn-focus-shadow-rgb: 135, 144, 247;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #5bb4c4;
    --ct-btn-active-border-color: #56adb8;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #72dbf5;
    --ct-btn-disabled-border-color: #72f1f5;
}

.top-view-teleton {
    height: 10px;
    margin-bottom: 20px;
}