/* Variables y fuentes */
:root {
    /* Colors */
    --redPrimary: rgb(239, 51, 64);
    --redSecondary: rgb(195, 17, 30);
    --redThird: rgba(166, 62, 57, 1);
    --bluePrimary: rgba(0, 80, 221, 1);
    --blueSecondary: rgba(4, 43, 111, 1);
    --blueThird: rgba(78, 134, 232, 1);
    --blueFouth: rgb(25, 55, 90);
    --blueFive: rgba(62, 77, 157, 1);
    --blueSix: rgba(25, 55, 90, 1);
    --blueGray: rgba(62, 91, 144, 0.44);
    --bluePrimaryDegraded: rgba(0, 80, 221, 0.20);
    --grayPrimary: rgb(124, 123, 123);
    --graySecond: rgba(112, 112, 112, 0.25);
    --grayThrid: rgb(225, 230, 235);
    --blackPrimary: rgba(0, 0, 0, 1);
    --grayFour: rgba(134, 150, 168, 1);
    --orangePrimary: rgb(232, 132, 31);
    --orangeSecondary: rgba(238, 125, 61, 1);
    --primaryGreen: rgb(77, 172, 162);
    --secondGreen: rgba(73, 165, 78, 1);
}

@font-face {
    font-family: 'Monserrat-thin';
    src: url('../fonts/Montserrat-Thin.ttf');
}

@font-face {
    font-family: 'Monserrat-bold';
    src: url('../fonts/Montserrat-Bold.ttf');
}

@font-face {
    font-family: 'Monserrat-semiBold';
    src: url('../fonts/Montserrat-SemiBold.ttf');
}

@font-face {
    font-family: 'Monserrat-medium';
    src: url('../fonts/Montserrat-Medium.ttf');
}

@font-face {
    font-family: 'IvyMode-SemiBold';
    src: url('../fonts/IvyMode-SemiBold.ttf');
}

.modals-theme .modal-dialog h3 {
    font-size: 16px;
    color: var(--blueFouth);
    font-family: 'Monserrat-semiBold';
}

.modals-theme h1, h2, h3, h4, h5, h6 {
    font-family: 'Monserrat-semiBold', sans-serif;
}


.modals-theme .modal-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin: auto;
    max-width: 748px !important;
    width: 100% !important;
}

.modals-theme .k-state-default,
.modals-theme .k-state-default .k-select,
.modals-theme .k-textbox,
.modals-theme .k-textbox > input,
.modals-theme .k-dropdown-wrap,
.modals-theme .k-dropdown-wrap .k-input,
.modals-theme .k-input {
    background-color: #fff !important;
    border: none;
    box-shadow: none !important;
}

modals-theme .k-tabstrip-top > .k-tabstrip-items {
    border-bottom: none !important;
}

modals-theme .k-header,
modals-theme .k-content {
    border: none !important;
    background-color: #fff !important;
}


.modals-theme .modal-header {
    border-bottom: none !important;
}

.modals-theme .k-tabstrip-top > .k-tabstrip-items {
    border-bottom: none !important;
    box-shadow: none !important;
}

.k-content,
.k-header {
    border: none !important;
    box-shadow: none !important;
    background-color: #fff !important;
}

.k-loading.k-complete {
    border: none !important;
    background: transparent !important;
}

.k-widget * {
    box-sizing: border-box;
}

.modals-theme .form-group label {
    font-family: 'Monserrat-medium' !important;
    font-size: 12px !important;
    font-weight: 600;
    line-height: 14px !important;
    margin: 0;
    margin-bottom: 6px;
    color: var(--blueSix);
}

.modals-theme .form-check-label {
    font-family: 'Monserrat-medium' !important;
    font-size: 12px !important;
    font-weight: 600;
    line-height: 14px !important;
    margin: 0;
    margin-bottom: 6px;
    color: var(--blueSix);
}


.modals-theme .modal-content {
    padding: 32px 42px;
}

.modal-content {
    padding: 32px 42px;
}

.modal-body .container {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.modals-theme .modal-header,
.modals-theme .modal-body,
.modals-theme .modal-footer {
    padding: 0;
    border: none;
}

    .modals-theme .modal-body .container,
    .modals-theme .modal-body .demo-section {
        padding: 0;
    }


.modals-theme .modal-dialog h3 {
    font-size: 16px;
    color: var(--blueFouth);
    font-family: 'Monserrat-semiBold';
}

.modals-theme .modal-dialog .k-reset.k-tabstrip-items {
    background-color: white;
    display: flex;
    flex-wrap: wrap;
}

    .modals-theme .modal-dialog .k-reset.k-tabstrip-items li {
        margin-right: 0;
    }

        .modals-theme .modal-dialog .k-reset.k-tabstrip-items li:first-child {
            flex: 0 1 264px;
        }

        .modals-theme .modal-dialog .k-reset.k-tabstrip-items li span {
            color: var(--blueFouth);
            background-color: white;
            font-size: 16px;
            font-family: 'Monserrat-semiBold';
            text-transform: initial !important;
        }

.modals-theme .modal-dialog .k-tabstrip-top > .k-tabstrip-items > .k-item {
    border-top: none !important;
    border-bottom-width: 4px;
    border-color: white;
    background-color: white !important;
}

.modals-theme .modal-dialog .k-item.k-state-default.k-first.k-tab-on-top.k-state-active,
.modals-theme .modal-dialog .k-item.k-state-default.k-last.k-tab-on-top.k-state-active {
    border-top: none !important;
    border-bottom-width: 4px;
    border-color: var(--bluePrimary);
}

.modals-theme .k-tabstrip:focus {
    box-shadow: none;
}

.modals-theme .k-tabstrip > .k-tabstrip-items > .k-item {
    text-transform: capitalize !important;
}

.modals-theme .modal-dialog .k-content {
    padding: 0;
}



.modals-theme .form-group {
    display: flex;
    flex-direction: column;
    margin-left: 0;
}

.modals-theme .btn-primary {
    background-color: var(--bluePrimary) !important;
    border-color: var(--graySecond) !important;
}

.modals-theme .btn-danger {
    background-color: var(--redSecondary) !important;
    border-color: var(--redPrimary) !important;
}

#newDesignation .container {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}