:root {
    --color-primario: #090f5b;
    --color-secundario: #f6f420;
    --color-primario-var1: #090f5b;
    --kt-toolbar-height: 0px;
    --kt-toolbar-height-tablet-and-mobile: 0px;
    --success: #457d54;
    --danger: #c52827;
    --warning: #ffb514;
    --primary: #3758f9;
    --info: #2a69b8;
    --toolbar-bg: #fff;
    --template-bg-dark-3: hsl(var(--hue),40%,97%);
    --template-bg-dark-50: hsl(var(--hue),40%,50%);
    --bs-modal-header-padding: 1.60rem 1.75rem;
    --bs-app-bg-color: #edf2f7;
    --spacing-base: 1em;
    --spacing-xs: calc(var(--spacing-base) * 10 / 16);
    --spacing-2xl: calc(var(--spacing-base) * 2);
    --spacing-xl: calc(var(--spacing-base) * 1.5);
    --wva-color-modulo: #63e6be;
}

@font-face {
    font-family: 'KoHo';
    src: url('../fonts/KoHo/KoHo-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'KoHo';
    src: url('../fonts/KoHo/KoHo-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: 'KoHo';
    src: url('../fonts/KoHo/KoHo-ExtraLightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 200;
}

@font-face {
    font-family: 'KoHo';
    src: url('../fonts/KoHo/KoHo-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: 'KoHo';
    src: url('../fonts/KoHo/KoHo-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'KoHo';
    src: url('../fonts/KoHo/KoHo-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: 'KoHo';
    src: url('../fonts/KoHo/KoHo-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'KoHo';
    src: url('../fonts/KoHo/KoHo-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'KoHo';
    src: url('../fonts/KoHo/KoHo-SemiBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'KoHo';
    src: url('../fonts/KoHo/KoHo-SemiBoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 600;
}

html, body {
    font-size: 14px !important;
    font-weight: normal;
    font-family: 'KoHo', sans-serif !important;
    background: #f5f5f5;
    color: #000;
}

.body-app {

}

.h-130px {
    height: 130px !important;
}

.custom-bg-login {
    background-image: url(../../assets/images/backgrounds/bg-login.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.custom-form-login {
    background-color: var(--color-primario) !important;
    background-image: url(../../assets/images/backgrounds/strip1_white8.svg);
    background-repeat: repeat;
}

.aside.aside-dark {
    background-color: #090f5b;
}

.aside.aside-dark .aside-logo {
    background-color: #090f5b;
}

.app-sidebar-logo-minimize {
    display: none;
}

#kt_aside_logo {
    position: relative;
}

#kt_aside_logo::after {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    width: calc(100% - 50px);
    left: 25px;
    bottom: -10px;
    height: 1px;
    z-index: 10;
    border-top: 1px dashed #393945;
}

#kt_aside:not(.noshadow)::after {
    content: "";
    /* z-index: -1; */
    border-radius: 40px 0px 0px 0px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin-top: 30px;
    margin-right: -1183px;
    width: 1200px;
    background-color: rgb(255 255 255 / 0.1);
}
.form-check.form-check-solid .form-check-input {
    background-color: #d7d7d7;
}

.aside-dark .menu .menu-item .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g), .aside.aside-dark .aside-toggle svg [fill]:not(.permanent):not(g),
.aside-dark .menu .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: #ffffff;
}

.aside-dark .menu .menu-item .menu-link.active, .aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active), .aside-dark .menu .menu-item.hover > .menu-link:not(.disabled):not(.active) {
    /*background-color: #0b5b56;
    background-image: linear-gradient(to bottom, #0c645f 0%, #0b5b56 100%);*/
    background-color: rgba(255, 255, 255, 0.08) !important;
    background-image: none;
}

.aside-dark .menu .menu-item .menu-link.active .menu-icon i, .menu-state-icon-primary .menu-item .menu-link.active .menu-icon i {
    color: #fff;
}

.header-fixed .header {
    background: linear-gradient(to bottom, #fff 0%, #dddddd 100%);
    border-bottom: 1px solid #bdbdbd;
}

.dashboard-wid-wrap {
    padding: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #eee;
}

.dashboard-wid-content a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 15px 10px;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    border: #d8d8d8 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 4px rgba(000, 000, 000, 0.1) inset;
    -webkit-box-shadow: 0 0 4px rgb(0 0 0 / 10%) inset;
    box-shadow: 0 0 3px rgb(0 0 0 / 10%) inset;
    text-align: center;
}

#kt_aside_menu .menu-item .menu-link {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
    font-size: 14px;
}

.dasboard-icon-title {
    display: block;
    padding-top: 10px;
    font-weight: bold;
    font-size: 16px;
}

.dashboard-wid-content a:hover {
    color: var(--color-primario);
    background: rgb(229, 229, 229);
    background: -moz-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229, 229, 229, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
}

.loadingGeneral {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    text-align: center;
    margin: 0 auto;
    z-index: 99999;
    background-color: rgba(250, 250, 250, 0.72);
}

.modal-footer {
    justify-content: center;
}

.fadeInUp {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 150px auto 50px auto;
}

.loadingGeneral .lds-ellipsis {
    margin: auto;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
}

.lds-ellipsis > div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--color-primario);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.loadingGeneral .lds-ellipsis::after {
    content: 'Un momento por favor ';
    color: #717171;
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    width: 220px;
    top: -15px;
    left: -60px;
}

.lds-ellipsis > div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis > div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis > div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis > div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

.label-day {
    background: linear-gradient(#fff, #fff 1em, #e7e7e7);
    height: 40px;
    width: 40px;
    border: 1px solid #989898;
    font-size: 18px;
}

.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i, .aside-dark .menu .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon i {
    color: #fff;
}

#kt_wrapper {
    background: #090f5b;
}

#kt_header {
    border-radius: 35px/50px 0px 0px 0px;
}

#kt_content {
    background: #f1f5f9;
    margin-bottom: 25px;
}

.stepper.stepper-pills .stepper-item.current .stepper-line {
    background-color: var(--color-primario);
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check, .stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check {
    display: inline-block;
    color: var(--color-primario) !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
    font-weight: 500;
}
.app-sidebar-logo-default {
    width: 100%;
}
.ribbon.ribbon-center .ribbon-label {
    top: 0;
    transform: translateX(-50%) translateY(-4px);
    left: 50%;
    border-bottom-right-radius: 0.475rem;
    border-bottom-left-radius: 0.475rem;
}

.table {
    color: #000;
}

table.dataTable > thead > tr > th, table.table > thead > tr > th, table.table > tbody > tr > th {
    font-weight: 700;
    font-size: 14px;
    background: linear-gradient(to bottom, #f1f1f1 0%, #dbdbdb 100%);
    padding: 10px 8px;
    border: 1px solid #ccc;
    border-top: 1px solid #ddd;
}

table.table.table-sm > thead > tr > th {
    padding: 7px 8px !important;
}

.dataTable th, .dataTable td {
    padding: 6px 8px !important;
    border: 1px solid #ccc;
    border-bottom-width: 0 !important;
    vertical-align: middle;
}

table.dataTable {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0px !important;
}

table.dataTable thead tr:not(.filter) th:first-child {
    border-radius: 6px 0 0 0;
}

.dataTables_scrollBody > .table > thead {
    display: none;
}

table.dataTable thead tr th:last-child {
    border-radius: 0 6px 0 0;
}

.dataTables_wrapper .row.paginador {
    padding-right: 5px;
    padding-left: 5px;
    border-width: 1px 1px 1px 1px;
    border-style: none solid solid solid;
    border-color: -moz-use-text-color rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221);
    border: 1px solid #ccc;
    border-image: none;
    border-collapse: separate;
    border-radius: 0 0 0.42rem 0.42rem;
    background: linear-gradient(to bottom, rgb(241, 241, 241) 0%, rgb(219, 219, 219) 100%) repeat scroll 0% 0% transparent;
    border-top: 0;
    align-items: center;
}

.table.table-sm td, .table.table-sm th, .table.table-sm tr {
    font-size: 12px;
}

div.dataTables_wrapper div.dataTables_paginate {
    padding: 0;
    display: inline-block;
}

.dataTables_wrapper .page-item .page-link {
    height: 30px;
    min-width: 30px;
    font-size: 12px;
}

.dataTables_wrapper .pagination .previous, .dataTables_wrapper .pagination .next {
    background-color: #F3F6F9;
}

table.table-bordered {
    border-bottom: 1px solid #ccc !important;
}

table.table-bordered.table-rounded {
    border-radius: .475rem;
}

table.table-bordered tbody tr td, table.table-bordered thead tr th {
    border: 1px solid #ccc;
    border-bottom: 0;
}

table.table-rounded thead tr th:first-child {
    border-top-left-radius: .475rem;
}

table.table-rounded thead tr th:last-child {
    border-top-right-radius: .475rem;
}

.w-40por {
    width: 40%;
}

.btn-del-horario {
    background: #f00 !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 0 .475rem 0 0 !important;
}

.variante1 {
    background: #A9F5F2;
}

.variante2 {
    background: #F5A9BC;
}

.variante3 {
    background: #5882FA;
}

.variante4 {
    background: #F3E2A9;
}

.variante5 {
    background: #A9F5F2;
}

.variante6 {
    background: #A9F5F2;
}

.variante7 {
    background: #A9F5F2;
}

.variante8 {
    background: #A9F5F2;
}

.variante9 {
    background: #A9F5F2;
}

.variante10 {
    background: #A9F5F2;
}

.variante11 {
    background: #A9F5F2;
}

.variante12 {
    background: #A9F5F2;
}

.alert-variante1 {
    color: rgb(0 74 71);
    background-color: #A9F5F2;
    border-color: #A9F5F2;
}

.alert-variante2 {
    color: rgb(255 0 0);
    background-color: #F5A9BC;
    border-color: #F5A9BC;
}

.alert-variante3 {
    color: rgb(0 0 0);
    background-color: #5882FA;
    border-color: #5882FA;
}

.alert-variante4 {
    color: rgb(66 51 0);
    background-color: #F3E2A9;
    border-color: #F3E2A9;
}

.alert-variante5 {
    color: #000000;
    background-color: #E6E6E6;
    border-color: #E6E6E6;
}

.alert-variante6 {
    color: #005000;
    background-color: #A9F5A9;
    border-color: #A9F5A9;
}

.alert-variante7 {
    color: #A9F5F2;
    background-color: #A9F5F2;
    border-color: #A9F5F2;
}

.alert-variante8 {
    color: #A9F5F2;
    background-color: #A9F5F2;
    border-color: #A9F5F2;
}

.alert-variante9 {
    color: #A9F5F2;
    background-color: #A9F5F2;
    border-color: #A9F5F2;
}

.alert-variante10 {
    color: #A9F5F2;
    background-color: #A9F5F2;
    border-color: #A9F5F2;
}

.alert-variante11 {
    color: #A9F5F2;
    background-color: #A9F5F2;
    border-color: #A9F5F2;
}

.alert-variante12 {
    color: #A9F5F2;
    background-color: #A9F5F2;
    border-color: #A9F5F2;
}


/*table.table-rounded tbody tr:last-child td:first-child {
    border-bottom-left-radius: .475rem;
}
table.table-rounded tbody tr:last-child td:last-child {
    border-bottom-right-radius: .475rem;
}*/
table.table-bordered tbody tr td {
    vertical-align: middle;
}

table.table thead tr th {
    font-weight: 700;
}

table.table tfoot tr th {
    background: linear-gradient(to bottom, #f1f1f1 0%, #dbdbdb 100%);
    min-height: 36px;
    height: 36px;
    border: 1px solid #ccc;
}

table.table tfoot {
    border-radius: 0 0 .475rem .475rem;
}

table.table tfoot tr th:first-child {
    border-bottom-left-radius: .475rem;
}

table.table tfoot tr th:last-child {
    border-bottom-right-radius: .475rem;
}

.aside-dark .menu .menu-item .menu-section {
    color: #d7d7d7 !important;
}

.btn.btn-flush.btn-icon {
    width: auto;
    height: auto;
}

.bg-primariovar1 {
    background: var(--color-primario-var1) !important;
}

.dataTables_wrapper .dataTables_pager {
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

div.dataTables_wrapper div.dataTables_length {
    display: inline-block;
    margin-right: 20px;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    color: #333;
}

.input-daterange .input-group-text {
    min-height: 100%;
    border-radius: 0;
}

.col-form-label {
    color: #333;
    font-weight: 600;
}

.card-custom-style1 {
    /*background: linear-gradient(to bottom, #f1f1f1 0%, #dbdbdb 100%);*/
    background: linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);

}

.card-custom-style1 .card-header {
    border-bottom-color: #989898 !important;
}

.aside-dark .menu .menu-item .menu-link .menu-icon i, .aside-dark .menu .menu-item .menu-link .menu-title,
.menu-admision .menu-item .menu-link .menu-title, .aside .aside-menu .menu-admision .menu-item .menu-link .menu-title{
    color: #dedede;
}


.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-bullet .bullet, .aside-dark .menu .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-bullet .bullet {
    background-color: #ffffff;
}




.datepicker {
    width: 265px;
    padding: 10px;
    border-radius: 0.42rem;
}

.datepicker table {
    width: 100%;
}

.datepicker td, .datepicker th {
    font-size: 1rem;
    font-weight: regular;
    width: 33px;
    height: 33px;
    border-radius: 0.42rem;
}

.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;
}

.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
    cursor: pointer;
}

.datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next {
    font-weight: 500;
    color: #3F4254;
}

.datepicker tbody tr > td {
    width: 35px;
    height: 35px;
}

.datepicker tbody tr > td.day {
    color: #7E8299;
    font-weight: 400;
}

.datepicker tbody tr > td.day.old {
    color: #7E8299;
}

.datepicker tbody tr > td.day.selected, .datepicker tbody tr > td.day.selected:hover, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.active:hover {
    background: var(--color-primario);
    color: #ffffff;
}

.aside-dark .menu .menu-item.hover > .menu-link:not(.disabled):not(.active) {
    background: rgba(0, 0, 0, .3);
}
.menu-admision .menu-item .menu-link {
    position: relative;
}
.aside-dark .menu .menu-item .menu-link.active {
    position: relative;
}

/*.aside-dark .menu .menu-item .menu-link.active::after {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    border-right-color: #f1f5f9;
    border-top-width: 22px;
    border-bottom-width: 22px;
    content: " ";
    position: absolute;
}*/
.aside-dark .menu .menu-item .menu-link.active::after,
.menu-admision .menu-item .menu-link.active::after{
    content: "";
    width: 20px;
    height: 80px;
    margin-right: -46px;
    -webkit-animation: .1s active-side-menu-chevron-animation ease-in-out .1s;
    animation: .1s active-side-menu-chevron-animation ease-in-out .1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23f1f5f8'/%3E%3C/svg%3E");
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin-top: auto;
    margin-bottom: auto;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
}

.menu-admision .menu-item .menu-link.active::after{
    -webkit-animation: .1s active-side-menu-chevron-animation-2 ease-in-out .1s;
    animation: .1s active-side-menu-chevron-animation-2 ease-in-out .1s;
    opacity: 1;
    margin-right: -7px;
}
.menu-column {
    overflow: hidden;
}
.menu-admision .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-admision .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background-color: rgba(255, 255, 255, 0.08) !important;
    background-image: none;
}
.bg-login-tableft {
    background-color: #0b5b56;
    background-image: linear-gradient(to bottom, #0c645f 0%, #0b5b56 100%);
}

.bg-login-tableft::before {
    content: '';
    background: #f1f2f7;
    width: 60%;
    height: 28%;
    bottom: 0;
    left: 0;
    position: absolute;
}

.box-libro {
    background-image: linear-gradient(180deg, #dddbd1, #d2dbdc);
}

.alert.alert-custom.alert-default {
    background-color: #F3F6F9;
    border-color: #F3F6F9;
}

.bg-libro1 {

    background: #2a5379;
}

.landing-header {
    height: 70px;
    background: linear-gradient(to bottom, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.mt_-80 {
    margin-top: -80px !important;
}

.content-form-libro {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
}

.box-logo a {
    height: 70px;
    align-items: center;
    justify-content: center;
    vertical-align: baseline;
    display: flex;
    padding: 0 13px;
    background: #090F5B;
    position: relative;
}

.box-logo a::after {
    content: '';
    position: absolute;
    background: url(/assets/images/backgrounds/logo-after-libro.png);
    background-position: center bottom;
    bottom: -70px;
    left: 0;
    width: 100%;
    height: 70px;
    background-repeat: no-repeat;
}

.form-control, .form-select {
    border: 1px solid #c5c6c9!important;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: auto;
    height: calc(1.5em + 1.3rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 150px;
    height: calc(1.5em + 1.3rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 1.3rem + 2px);
    padding: 0.65rem 1rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #3F4254;
    background-color: #ffffff;
    border: 1px solid #E4E6EF;
    border-radius: 0.42rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 1.3rem);
    padding: 0.65rem 1rem;
    line-height: 1.5;
    content: "Seleccionar";
    border-radius: 0 0.42rem 0.42rem 0;
    width: 100%;
    text-align: center;
    color: #fff;
    border-color: #0095e8;
    background-color: #0095e8 !important;
    cursor: pointer;
}

.custom-file-label:after {
    float: left;
}

.archivos-items {
    min-height: auto;
    cursor: pointer;
    border-radius: .475rem !important;
    border: 0;
    padding: 0;
    background-color: transparent;
    text-align: left;
}

.archivos-items, .archivos-items * {
    box-sizing: border-box;
}

.archivos-items .archivo-item {
    display: flex;
    align-items: center;
    margin-top: .75rem;
    border-radius: .475rem;
    padding: .5rem 1rem;
    background-color: #e1e1e1;
}

.archivos-items .archivo-item .archivo {
    flex-grow: 1;
}

.archivos-items .archivo-item .archivo .archivo-nombre {
    font-size: .9rem;
    font-weight: 500;
    color: #000000;
    text-overflow: ellipsis;
    margin-right: .5rem;
}

.stepper.stepper-custom.stepper-pills .stepper-item {
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
    color: #B5B5C3;
}

.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title {
    color: #000000;
}

.stepper .stepper-item {
    position: relative;
}

.stepper.stepper-custom .stepper-item::before {
    position: absolute;
    content: '';
    width: calc(100% + 30px);
    height: 4px;
    background: #dddddd;
    bottom: -15px;
    left: -15px;
}

.stepper .stepper-item.current::before {
    background-color: var(--color-primario);
}

.stepper.stepper-pills .stepper-item.current .stepper-icon {
    background-color: var(--color-primario);
}

.custom-file.style-2 {
    width: 100%;
}

.custom-file.style-2 .custom-file-input {
    width: 100%;
}

.custom-file.style-2 .custom-file-label::after {
    right: 0;
    left: auto;
    width: auto;
}

.btn-group-sm > .btn.btn-icon, .btn.btn-icon.btn-sm {
    height: calc(1.2em + 1.1rem + 2px) !important;
    width: calc(1.5em + 1.1rem + 2px) !important;
}

.table td:first-child, .table th:first-child, .table tr:first-child {
    padding-left: .75rem;
}

.bg-celda {
    background: linear-gradient(to bottom, #f1f1f1 0%, #dbdbdb 100%);
}

.login-decorador {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: -40px;
    background-color: #fff;
    width: 100px;
    height: 100px;
    border-top-right-radius: 25px;
    z-index: 1;
    -webkit-transform: rotate(
            50deg) skew(
            15deg);
    transform: rotate(
            50deg) skew(
            15deg);
    -webkit-box-shadow: 15px -15px 30px -20px #000;
    box-shadow: 15px -15px 30px -20px #000;
}

.login-logo {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 150px;
    height: 150px;
    -webkit-box-shadow: 0 12px 30px -5px #000;
    box-shadow: 0 12px 30px -5px #000;
    transform: translate(-50%, 0);
}

.login-logo::after {
    content: "";
    display: block;
    width: 112px;
    height: 112px;
    border-radius: 40px;
    position: absolute;
    background-color: #fff;
    top: 78px;
    -webkit-transform: rotate(
            36deg) skew(
            -20deg);
    transform: rotate(
            36deg) skew(
            -20deg);
    -webkit-box-shadow: 15px 15px 39px -22px #000;
    box-shadow: 15px 15px 39px -22px #000;
}

.login-logo .login-logo-image {
    width: 120px;
    height: 120px;
    z-index: 1;
    margin: 20px 0;
    border: 0;
    outline: 0;
    -o-object-fit: contain;
    object-fit: contain;
}

.tns-fadeIn {
    animation: fadeIn 5s;
    -webkit-animation: fadeIn 5s;
    -moz-animation: fadeIn 5s;
    -o-animation: fadeIn 5s;
    -ms-animation: fadeIn 5s;
    animation-fill-mode: forwards;
}

ul.breadcrumbs {
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    line-height: 0px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    height: 32px;
    margin-bottom: 30px;
}

ul.breadcrumbs li {
    position: relative;
    margin: 0px 0px;
    padding: 0px;
    list-style: none;
    list-style-image: none;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    border-left: 1px solid #ccc;
    transition: 0.3s ease;
}

ul.breadcrumbs li.first:hover a {
    color: #fff;
    background: #0b605b;
}

ul.breadcrumbs li:before {
    content: "";
    position: absolute;
    right: -9px;
    top: -1px;
    z-index: 20;
    border-left: 10px solid #efefef;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    transition: 0.3s ease;
}

ul.breadcrumbs li:after {
    content: "";
    position: absolute;
    right: -10px;
    top: -1px;
    z-index: 10;
    border-left: 10px solid #ccc;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
}

ul.breadcrumbs li.first:hover::before {
    border-left: 10px solid #0b605b;
}

ul.breadcrumbs li.active span {
    color: #fff;
    background: #0A1659;
}

ul.breadcrumbs li.first {
    border-left: none;
}

ul.breadcrumbs li.first a {
    font-size: 18px;
    padding-left: 20px;
    border-radius: 5px 0px 0px 5px;
}

ul.breadcrumbs li.last:before {
    display: none;
}

ul.breadcrumbs li.last:after {
    display: none;
}

ul.breadcrumbs li.last span {
    padding-right: 20px;
    border-radius: 0px 40px 40px 0px;
}

ul.breadcrumbs li a, ul.breadcrumbs li span {
    display: block;
    font-size: 12px;
    line-height: 30px;
    color: #000000;
    padding: 0px 15px 0px 25px;
    text-decoration: none;
    border: 1px solid #ddd;
    white-space: nowrap;
    overflow: hidden;
    background: linear-gradient(to left, #f1f1f1 0%, #fff 100%);
    font-weight: 600;
    transition: 0.3s ease;
}

.overlay .overlay-layer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .05);
    transition: all .3s ease;
    opacity: 0;
    display: none;
}

.overlay.overlay-block .overlay-layer {
    transition: all .3s ease;
    opacity: 1;
    display: flex;
}

.overlay.overlay-block {
    cursor: wait;
}

.overlay {
    position: relative;
}

#cal {
    -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
    margin-top: 30px;
}

#cal .cal-header {
    cursor: default;
    height: 50px;
    position: relative;
    color: rgb(255, 255, 255);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
    text-shadow: rgb(135 38 12) 0px -1px 0px;
    text-transform: capitalize;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(61 150 64)), to(rgb(19 105 88)));
}

#cal .cal-header span {
    display: inline-block;
    line-height: 50px;
    font-size: 20px;
}

#cal .cal-header .hook {
    width: 9px;
    height: 30px;
    position: absolute;
    bottom: 80%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #ececec;
    background: -moz-linear-gradient(right top, #fff, #827e7d);
    background: -webkit-gradient(linear, right top, right bottom, from(#fff), to(#827e7d));
    box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.65);
}

.right.hook {
    right: 15%;
}

.left.hook {
    left: 15%;
}

#cal .cal-header .button {
    width: 50px;
    text-align: center;
    position: absolute;
    cursor: pointer;
}

#cal .cal-header .left.button {
    left: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    border-right: 1px solid #fff;
}

#cal .cal-header .right.button {
    right: 0;
    top: 0;
    border-left: 1px solid #fff;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

#cal .cal-header .button:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#176e55), to(#010403))
}

#cal .cal-header .month-year {
    letter-spacing: 1px;
    width: 100%;
    text-align: center;
}

#cal table {
    background: #fff;
    border-collapse: collapse;
}

#cal td {
    color: #2b2b2b;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #e6e6e6;
    cursor: default;
}

#calendario table thead > tr > th {
    width: 14.29%;
}

#calendario table thead > tr > th {
    border: 0;
}

#calendario .table.table-head-bg thead tr, #calendario .table.table-head-bg thead th {
    border-bottom: 0;
    letter-spacing: 1px;
    color: #000;
    background: linear-gradient(to bottom, #fff 0%, #dddddd 100%);
}

.label-day {
    background: linear-gradient(#fff, #fff 1em, #e7e7e7);
    height: 40px;
    width: 40px;
    border: 1px solid #989898;
    font-size: 18px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
}

.label-day.w1 {
    height: 25px;
    width: 25px;
    font-size: 12px;
}

#cal #days td {
    height: 26px;
    line-height: 26px;
    text-transform: uppercase;
    font-size: 90%;
    color: #9e9e9e;
}

#cal #days td:not(:last-child) {
    border-right: 1px solid #fff;
}

#cal #cal-frame td.today {
    background: #ededed;
    color: #8c8c8c;
    box-shadow: 1px 1px 0px #fff inset;
    -moz-box-shadow: 1px 1px 0px #fff inset;
    -webkit-box-shadow: 1px 1px 0px #fff inset;
}

#cal #cal-frame td:not(.nil):hover {
    color: #fff;
    text-shadow: #6C1A07 0px -1px;
    background: #CD310D;
    background: -moz-linear-gradient(top, #b32b0c, #cd310d);
    background: -webkit-gradient(linear, left top, left bottom, from(#b32b0c), to(#cd310d));
    -moz-box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
}

#cal #cal-frame td span {
    font-size: 80%;
    position: relative;
}

#cal #cal-frame td span:first-child {
    bottom: 5px;
}

#cal #cal-frame td span:last-child {
    top: 5px;
}

#cal #cal-frame table.curr {
    float: left;
}

#cal #cal-frame table.temp {
    position: absolute;
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.circulo {
    width: 20px;
    height: 20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #088A08;
    float: left;
    margin-right: 5px;
}

.circulo.libre {
    background: #088A08;
}

.circulo.no-disponible {
    background: #777;
}

.circulo.ocupado {
    background: #AF0000;
}

.backdrop-td::after {
    content: '';
    position: absolute;
    width: 100%;
    z-index: 11;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/assets/images/backgrounds/strip2_black8.svg);
    background-repeat: repeat;
    -webkit-backdrop-filter: grayscale(.5);
    backdrop-filter: grayscale(.5);
    background-color: rgba(255, 255, 255, 0.4);
}

.backdrop-capa {
    position: relative;
}

.backdrop-capa::after {
    content: '';
    position: absolute;
    width: 100%;
    z-index: 11;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/assets/images/backgrounds/strip2_black8.svg);
    background-repeat: repeat;
    -webkit-backdrop-filter: grayscale(.5);
    backdrop-filter: grayscale(.5);
    background-color: rgba(255, 255, 255, 0.4);
}

.block .card-header {
    background-color: #f9f9f9;
    background-image: url(/assets/images/backgrounds/strip2_black8.svg);
    min-height: 50px;
}

.card.card-bordered {
    border: 1px solid #d3d3d3;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
    color: #000;
}

.select2-container--bootstrap5 .select2-dropdown {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
    border-radius: 0.475rem;
    padding: 1rem 0;
    background-color: #fff;
    border: 1px solid #0c625d;
    border-top: 0;
}

.input-group-fcbx .select2-container .select2-selection--single {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-fcbx .input-group-text {
    border: 0;
}

.input-group-fcbx input.form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.bloquearcapa {
    content: '';
    position: absolute;
    width: 100%;
    z-index: 11;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/assets/images/backgrounds/strip2_black8.svg);
    background-repeat: repeat;
    -webkit-backdrop-filter: grayscale(.5);
    backdrop-filter: grayscale(.5);
    background-color: rgba(255, 255, 255, 0.6);
}

#calendario .table td:last-child {
    padding-right: .75rem;
}

.table-td-relative td {
    position: relative;
}

.table td, .table th, .table tr {
    font-size: 14px;
}

.bg-cgra-1 {
    background: linear-gradient(to bottom, #085d08 0%, #55AA55 300%);
}

/*-------------------------
	The clocks
--------------------------*/
#clock {
    width: 370px;
    padding: 15px;
    margin: 0;
    position: relative;
    border-radius: 10px;
    box-sizing: content-box;
}

#clock:after {
    content: '';
    position: absolute;
    width: 400px;
    height: 20px;
    border-radius: 100%;
    left: 50%;
    margin-left: -200px;
    bottom: 2px;
    z-index: -1;
}


#clock .display {
    text-align: center;
    padding: 40px 20px 40px;
    border-radius: 6px;
    position: relative;
    height: 54px;
    box-sizing: content-box;
}


/*-------------------------
	Light color theme
--------------------------*/


#clock.light {
    background-color: #f3f3f3;
    color: #272e38;
}

#clock.light:after {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

#clock.light .digits div span {
    background-color: #272e38;
    border-color: #272e38;
}

#clock.light .digits div.dots:before,
#clock.light .digits div.dots:after {
    background-color: #272e38;
}

#clock.light .alarm {
    background: url('../img/alarm_light.jpg');
}

#clock.light .display {
    background-color: #dddddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) inset, 0 1px 1px #fafafa;
}


/*-------------------------
	Dark color theme
--------------------------*/


#clock.dark {
    background-color: #272e38;
    color: #fff;
}

#clock.dark:after {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

#clock.dark .digits div span {
    background-color: #cacaca;
    border-color: #cacaca;
}

#clock.dark .alarm {
    background: url('../img/alarm_dark.jpg');
}

#clock.dark .display {
    background-color: #0f1620;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) inset, 0 1px 1px #2d3642;
}

#clock.dark .digits div.dots:before,
#clock.dark .digits div.dots:after {
    background-color: #cacaca;
}


/*-------------------------
	The Digits
--------------------------*/


#clock .digits div {
    text-align: left;
    position: relative;
    width: 28px;
    height: 50px;
    display: inline-block;
    margin: 0 4px;
}

#clock .digits div span {
    opacity: 0;
    position: absolute;

    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s;
}

#clock .digits div span:before,
#clock .digits div span:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
}

#clock .digits .d1 {
    height: 5px;
    width: 16px;
    top: 0;
    left: 6px;
}

#clock .digits .d1:before {
    border-width: 0 5px 5px 0;
    border-right-color: inherit;
    left: -5px;
}

#clock .digits .d1:after {
    border-width: 0 0 5px 5px;
    border-left-color: inherit;
    right: -5px;
}

#clock .digits .d2 {
    height: 5px;
    width: 16px;
    top: 24px;
    left: 6px;
}

#clock .digits .d2:before {
    border-width: 3px 4px 2px;
    border-right-color: inherit;
    left: -8px;
}

#clock .digits .d2:after {
    border-width: 3px 4px 2px;
    border-left-color: inherit;
    right: -8px;
}

#clock .digits .d3 {
    height: 5px;
    width: 16px;
    top: 48px;
    left: 6px;
}

#clock .digits .d3:before {
    border-width: 5px 5px 0 0;
    border-right-color: inherit;
    left: -5px;
}

#clock .digits .d3:after {
    border-width: 5px 0 0 5px;
    border-left-color: inherit;
    right: -5px;
}

#clock .digits .d4 {
    width: 5px;
    height: 14px;
    top: 7px;
    left: 0;
}

#clock .digits .d4:before {
    border-width: 0 5px 5px 0;
    border-bottom-color: inherit;
    top: -5px;
}

#clock .digits .d4:after {
    border-width: 0 0 5px 5px;
    border-left-color: inherit;
    bottom: -5px;
}

#clock .digits .d5 {
    width: 5px;
    height: 14px;
    top: 7px;
    right: 0;
}

#clock .digits .d5:before {
    border-width: 0 0 5px 5px;
    border-bottom-color: inherit;
    top: -5px;
}

#clock .digits .d5:after {
    border-width: 5px 0 0 5px;
    border-top-color: inherit;
    bottom: -5px;
}

#clock .digits .d6 {
    width: 5px;
    height: 14px;
    top: 32px;
    left: 0;
}

#clock .digits .d6:before {
    border-width: 0 5px 5px 0;
    border-bottom-color: inherit;
    top: -5px;
}

#clock .digits .d6:after {
    border-width: 0 0 5px 5px;
    border-left-color: inherit;
    bottom: -5px;
}

#clock .digits .d7 {
    width: 5px;
    height: 14px;
    top: 32px;
    right: 0;
}

#clock .digits .d7:before {
    border-width: 0 0 5px 5px;
    border-bottom-color: inherit;
    top: -5px;
}

#clock .digits .d7:after {
    border-width: 5px 0 0 5px;
    border-top-color: inherit;
    bottom: -5px;
}


/* 1 */

#clock .digits div.one .d5,
#clock .digits div.one .d7 {
    opacity: 1;
}

/* 2 */

#clock .digits div.two .d1,
#clock .digits div.two .d5,
#clock .digits div.two .d2,
#clock .digits div.two .d6,
#clock .digits div.two .d3 {
    opacity: 1;
}

/* 3 */

#clock .digits div.three .d1,
#clock .digits div.three .d5,
#clock .digits div.three .d2,
#clock .digits div.three .d7,
#clock .digits div.three .d3 {
    opacity: 1;
}

/* 4 */

#clock .digits div.four .d5,
#clock .digits div.four .d2,
#clock .digits div.four .d4,
#clock .digits div.four .d7 {
    opacity: 1;
}

/* 5 */

#clock .digits div.five .d1,
#clock .digits div.five .d2,
#clock .digits div.five .d4,
#clock .digits div.five .d3,
#clock .digits div.five .d7 {
    opacity: 1;
}

/* 6 */

#clock .digits div.six .d1,
#clock .digits div.six .d2,
#clock .digits div.six .d4,
#clock .digits div.six .d3,
#clock .digits div.six .d6,
#clock .digits div.six .d7 {
    opacity: 1;
}


/* 7 */

#clock .digits div.seven .d1,
#clock .digits div.seven .d5,
#clock .digits div.seven .d7 {
    opacity: 1;
}

/* 8 */

#clock .digits div.eight .d1,
#clock .digits div.eight .d2,
#clock .digits div.eight .d3,
#clock .digits div.eight .d4,
#clock .digits div.eight .d5,
#clock .digits div.eight .d6,
#clock .digits div.eight .d7 {
    opacity: 1;
}

/* 9 */

#clock .digits div.nine .d1,
#clock .digits div.nine .d2,
#clock .digits div.nine .d3,
#clock .digits div.nine .d4,
#clock .digits div.nine .d5,
#clock .digits div.nine .d7 {
    opacity: 1;
}

/* 0 */

#clock .digits div.zero .d1,
#clock .digits div.zero .d3,
#clock .digits div.zero .d4,
#clock .digits div.zero .d5,
#clock .digits div.zero .d6,
#clock .digits div.zero .d7 {
    opacity: 1;
}


/* The dots */

#clock .digits div.dots {
    width: 5px;
}

#clock .digits div.dots:before,
#clock .digits div.dots:after {
    width: 5px;
    height: 5px;
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
}

#clock .digits div.dots:after {
    top: 34px;
}


/*-------------------------
	The Alarm
--------------------------*/


#clock .alarm {
    width: 16px;
    height: 16px;
    bottom: 20px;
    background: url('../img/alarm_light.jpg');
    position: absolute;
    opacity: 0.2;
}

#clock .alarm.active {
    opacity: 1;
}


/*-------------------------
	Weekdays
--------------------------*/


#clock .weekdays {
    font-size: 12px;
    position: absolute;
    width: 100%;
    top: 10px;
    left: 0;
    text-align: center;
}


#clock .weekdays span {
    opacity: 0.2;
    padding: 0 10px;
}

#clock .weekdays span.active {
    opacity: 1;
}


/*-------------------------
		AM/PM
--------------------------*/


#clock .ampm {
    position: absolute;
    bottom: 40px;
    right: 20px;
    font-size: 12px;
}

/*-------------------------
		clock date
--------------------------*/


#clock .date {
    font-size: 14px;
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
    text-align: center;
    text-transform: uppercase;
}


/*-------------------------
		END CLOCK
--------------------------*/
.marquee {
    flex: 0 0 5.5vh;
    font-size: 4vh;
    border-width: 3px 0 0 0;
    border-style: groove;
    font-weight: bold;
    overflow: hidden;
}

.marquee div {
    display: flex;
    align-items: center;
    /* display: block; */
    /* width: 200%; */
    height: 5.5vh;
    position: absolute;
    overflow: hidden;
    animation: marquee-animation 30s linear infinite;
}

.marquee div {
    animation: marquee-animation 67s linear infinite;
}

.marquee span {
    float: left;
    /* width: 50%; */
    margin-left: 100vw;
    margin-right: 100vw;
    white-space: nowrap;
    overflow: hidden;
}

.form-group:not(.error) .wva_mensaje_error, .wva_mensaje_error {
    display: none;
}

.form-group.error .wva_mensaje_error, .error .wva_mensaje_error {
    font-size: .925rem;
    color: #f1416c;
    font-weight: 600;
    padding: 0 2px;
    display: block !important;
}

.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background-image: url(../img/fullscreen_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 5px;
    z-index: 999;
    cursor: pointer;
}

.bx-shadow-2 {
    box-shadow: rgb(67 156 60 / 40%) -5px 5px, rgb(67 156 60 / 30%) -10px 10px, rgb(67 156 60 / 20%) -15px 15px, rgb(67 156 60 / 10%) -20px 20px, rgb(67 156 60 / 5%) -25px 25px;
    transition: all .3s ease-in;
}

.hover-noshadow:hover {
    box-shadow: none;
}

.info-box-turn .symbol-label {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.info-box-turn .symbol-label i {
    color: #fff;
}

.info-box-turn.backdrop-capa {
    background: #b1b1b1 !important;
}

.turn-fs-body {
    font-size: 3vh;
}

.lista-turn {
    padding: 5vh 10vh;
}

.llamar-turno {
    animation: anima-llamar-turno 1s 3 ease-in;
}

.is_single .right.contains_turn_view .call_lists {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.is_single .right.contains_turn_view .call_lists #divlista {
    flex: 1 0 70%;
}

.is_single .right.contains_turn_view .call_lists #divlistareuniones {
    flex: 0 1 30%;
    border-top: 0.4vh solid #fff;
}

.page-admision {
    background-image: url('/assets/images/backgrounds/bg-admision-home.png');
    background-size: 75% 100%;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #fff;
}

.card-svgwhite {
    background: rgba(255, 255, 255, .9);
    box-shadow: -25px 0 30px -15px rgb(0 0 0 / 15%), 25px 0 30px -15px rgb(0 0 0 / 15%);
}

.separator.separator-content {
    display: flex;
    align-items: center;
    border-bottom: 0;
    text-align: center;
}

.separator.separator-content::before, .separator.separator-content::after {
    content: " ";
    width: 50%;
    border-bottom: 1px solid #989898;
}

.separator.separator-content::before {
    margin-right: 1.25rem;
}

.separator.separator-content::after {
    margin-left: 1.25rem;
}

.wva_input_component, .wva_chb_component, form-input-file, form-cbo, form-textarea {
    position: relative;
    display: block;
}

.wva_input_component input[type=text], .wva_input_component input[type=email], .wva_input_component input[type=tel], form-textarea textarea, .wva_chb_component {
    width: 100%;
    height: 48px;
    padding: 14px 16px;
    -webkit-appearance: none;
    box-shadow: 0 0 0 1px #868f9e;
    border: unset !important;
    background-color: #fff;
    border-radius: 6px !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #202e44 !important;
    cursor: text;
    transition: box-shadow .2s linear, color .2s linear;
    outline: unset;
}

.wva_textarea_component textarea {
    height: auto;
}

.wva_chb_component {
    box-shadow: none;
}

.wva_chb_component.sin-label {
    padding-left: 0;
}

.wva_input_component input[type=text]::placeholder {
    visibility: hidden;
}

.wva_cbo_input_component label, .wva_input_component label, form-cbo > label, .wva_textarea_component label, .wva_chb_component > label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 14px 16px;
    background-color: transparent;
    -webkit-transition: top .2s ease-in-out, font-size .2s ease-in-out, color .2s ease-in-out,;
    transition: top .2s ease-in-out, font-size .2s ease-in-out;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #666;
    margin: 0;
    pointer-events: none;
}

.wva_input_component > input:focus ~ label, .wva_input_component > input:not(:placeholder-shown) ~ label,
.wva_cbo_component.focusin label, .wva_chb_component > label, .wva_textarea_component > textarea:focus ~ label,
.wva_textarea_component > textarea:not(:placeholder-shown) ~ label {
    top: -12px;
    font-size: 13px;
    line-height: 18px;
    padding: 0 4px;
    margin-left: 12px;
    background: #fff;
    color: #525252;
    font-weight: 700;
}

.wva_input_component > input:focus::placeholder, .wva_textarea_component > textarea:focus::placeholder {
    visibility: visible;
}

form-cbo.wva_cbo_component:not(.focusin) > label {
    visibility: hidden;
}

form-cbo.wva_cbo_component.focusin > label {
    top: -12px;
    font-size: 13px;
    line-height: 18px;
    padding: 0 4px;
    margin-left: 12px;
    background: #fff;
    color: #525252;
    font-weight: 700;
    z-index: 3;
    visibility: visible;
}

form-cbo.wva_cbo_component .selection .form-select {
    box-shadow: 0 0 0 1px #868f9e !important;
    border: unset !important;
    padding: 13px 16px;
}

.select2-container--bootstrap5 .select2-dropdown {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
    padding: 1rem 0;
    background-color: #fff;
    border: 1px solid #868f9e;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: -2px;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
    color: #000;
    font-weight: 500;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
    color: #666;
}

.wva_input_component input[type=text].is-invalid {
    border-color: #F64E60;
    padding-right: calc(1.5em + 1.3rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F64E60' viewBox='0 0 12 12'%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='%23F64E60' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.325rem) center;
    background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}

form-cbo.wva_cbo_component.focusin > label {
    top: -12px;
    font-size: 13px;
    line-height: 18px;
    padding: 0 4px;
    margin-left: 12px;
    background: #fff;
    color: #525252;
    font-weight: 700;
    z-index: 3;
    visibility: visible;
}

.table-variante2 thead tr th {
    background: rgb(69, 125, 84) !important;
    border-color: rgb(255 255 255) !important;
    color: #fff !important;
}
.ps-timeline-sec {
    position: relative;
    background: #f1f5f9;
}
.ps-timeline-sec .container {
    position: relative;
    padding: 0!important;
    max-width: 95%;
}
@media screen and (max-width: 767px) {
    .ps-timeline-sec .container ol:before {
        background: #348e80;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: 130px !important;
        left: 36px !important;
    }
    .ps-timeline-sec .container ol:after {
        background: #348e80;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: inherit !important;
        left: 36px;
    }
    .ps-timeline-sec .container ol.ps-timeline {
        margin: 130px 0 !important;
        border-left: 2px solid #348e80;
        padding-left: 0 !important;
        padding-top: 120px !important;
        border-top: 0 !important;
        margin-left: 25px !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li {
        height: 220px;
        float: none !important;
        width: inherit !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
        width: 70px;
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child {
        margin: 0;
        bottom: 0 !important;
        height: 120px;
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
        bottom: 40px !important;
        width: 40% !important;
        margin-left: 25px !important;
        margin-top: 0 !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
        width: 100%;
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
        margin-bottom: 0 !important;
        top: 20px;
        width: 50% !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span {
        left: 0 !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
        position: absolute !important;
        bottom: 150px !important;
        width: 30% !important;
        float: left !important;
        margin-left: 35px !important;
        margin-bottom: 0 !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
        margin: 0 auto !important;
        width: 80% !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
        position: absolute !important;
        bottom: 115px !important;
        width: 30% !important;
        float: left !important;
        margin-left: 35px !important;
        margin-bottom: 0 !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li p {
        text-align: left !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-top: 0px !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-top {
        width: 60% !important;
        float: right !important;
        right: 0;
        top: -40px;
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
        width: 60% !important;
        float: right !important;
        right: 0;
        top: -40px;
    }
}
.ps-timeline-sec .container ol:before {
    background: #348e80;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    left: 8px;
    top: 49.5%;
}
.ps-timeline-sec .container ol:after {
    background: #348e80;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    right: 8px;
    top: 49.5%;
}
.ps-timeline-sec .container ol.ps-timeline {
    margin: 390px 0;
    padding: 0;
    border-top: 3px solid #DDDBDB;
    list-style: none;
}
.ps-timeline-sec .container ol.ps-timeline li {
    float: left;
    width: 25%;
    padding-top: 30px;
    position: relative;
}
.ps-timeline-sec .container ol.ps-timeline li span {
    width: 25px;
    height: 25px;
    background: transparent;
    text-align: center;
    color: #df8625;
    font-style: normal;
    position: absolute;
    top: -10px;
    left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.status img{
    background: url(/assets/images/iconos/svgs/status-none.svg) no-repeat;
    width: 20px;
    height: 20px;
    border: 0;
    padding: 0 20px 20px 0;
    margin-top: -8px;
    margin-left: 2px;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
    content: "";
    color: #348e80;
    width: 2px;
    height: 50px;
    background: #348e80;
    position: absolute;
    top: -50px;
    left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
    content: "";
    color: #348e80;
    width: 8px;
    height: 8px;
    background: #348e80;
    position: absolute;
    bottom: 90px;
    left: 44%;
    border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
    content: "";
    color: #348e80;
    width: 2px;
    height: 50px;
    background: #348e80;
    position: absolute;
    bottom: -50px;
    left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
    content: "";
    color: #348e80;
    width: 8px;
    height: 8px;
    background: #348e80;
    position: absolute;
    top: 90px;
    left: 44%;
    border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 130px;
    width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
    display: table;
    margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
    position: absolute;
    margin-top: 60px;
    width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
    display: table;
    margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li p {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 100px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    position: absolute;
    margin-top: 35px;
}
.status-controller table.timeline-horizontal {
    font-size: 13px; }
.status-controller table.timeline-horizontal tr td {
    padding: 0; }
.status-controller table.timeline-horizontal svg {
    margin-left: 12px;
    margin-bottom: 32px;
    width: 33px;
    height: 33px; }
.status-controller table.timeline-horizontal .step-details td {
    vertical-align: baseline;
    position: relative; }
.status-controller table.timeline-horizontal .step-details td img {
    background: url(/assets/images/iconos/svgs/status-none.svg) no-repeat;
    position: absolute;
    left: 48%;
    margin-top: -14px;
    padding: 0 25px 25px 0; }
.status-controller table.timeline-horizontal .step-details td div.timeline-border-left {
    border: 3px solid #DDDBDB;
    background-color: #DDDBDB;
    margin-top: -6px;
    width: 50%; }
.status-controller table.timeline-horizontal .step-details td div.timeline-border-right {
    border: 3px solid #DDDBDB;
    background-color: #DDDBDB;
    margin-top: -6px;
    width: 50%;
    float: right; }
.status-controller table.timeline-horizontal .step-details td.done img {
    background: url(/assets/images/iconos/svgs/status-done.svg) no-repeat;
    padding: 0 25px 25px 0; }
.status-controller table.timeline-horizontal .step-details td.done div.timeline-border-left {
    border: 3px solid #7CBF23;
    background-color: #7CBF23; }
.status-controller table.timeline-horizontal .step-details td.done div.timeline-border-right {
    border: 3px solid #7CBF23;
    background-color: #7CBF23; }
.status-controller table.timeline-horizontal .step-details td.in-progress img {
    background: url(/assets/images/iconos/svgs/status-in-progress.svg) no-repeat;
    padding: 0 25px 25px 0; }
.status-controller table.timeline-horizontal .step-details td.in-progress div.timeline-border-left {
    border: 3px solid #F8981D;
    background-color: #F8981D; }
.status-controller table.timeline-horizontal .step-details td.in-progress div.timeline-border-right {
    border: 3px solid #DDDBDB;
    background-color: #DDDBDB; }
.status-controller table.timeline-horizontal .step-details td.canceled img {
    background: url(/assets/images/iconos/svgs/status-canceled.svg) no-repeat;
    padding: 0 25px 25px 0; }
.status-controller table.timeline-horizontal .step-details td.canceled div.timeline-border-left {
    border: 3px solid #DC3545;
    background-color: #DC3545; }
.status-controller table.timeline-horizontal .step-details td.canceled div.timeline-border-right {
    border: 3px solid #DDDBDB;
    background-color: #DDDBDB; }
.status-controller table.timeline-horizontal .step-icon td svg path {
    fill: #DDDBDB; }
.status-controller table.timeline-horizontal .step-icon td.done svg path {
    fill: #8CC63F; }
.status-controller table.timeline-horizontal .step-icon td.in-progress svg path {
    fill: #F8981D; }
.status-controller table.timeline-horizontal .step-icon td.canceled svg path {
    fill: #DC3545; }
.status-controller table.timeline-horizontal .step-icon td:first-child svg {
    margin-right: 0px; }
.status-controller table.timeline-horizontal .step-icon td:last-child svg {
    margin-right: 0px; }

.editable-click, a.editable-click, .border-editable, a.editable-click:hover {
    border-bottom: solid 2px #353132;
    padding: 0 10px;
}
.form-control-editable, .form-select-editable {
    border-color: #ddd;
    border-bottom: solid 2px #353132;
    border-radius: 6px;
    display: inline-block;
    width: auto;
    height: 30px;
    min-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    color: #0000ff;
}
.form-control-editable:focus, .form-select-editable:focus {
    border-bottom: solid 2px #0088cc;
}
a.editable-click:hover {
    border-bottom-color: #0088cc;
}
.table-formato-pdf td {
    border: 1px solid #00000a!important;
    padding: 7px 10px;
}
.table-formato-pdf tbody tr:last-child td {
    border-bottom: 1px solid #00000a!important;
}

.gradereport-grader-table .cell {
    border: 1px solid #ccc;
    border-top-width: 0;
    border-left-width: 0;
    padding: 4px 5px;
    vertical-align: middle;
    white-space: nowrap;
}

.gradeitemheader{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    vertical-align: bottom;
}

table.gradereport-grader-table tr > th:first-child, table.gradereport-grader-table tr > td:first-child {
    position: sticky;
    left: 265px;
}
table.gradereport-grader-table thead tr > th {
    position: sticky;
    top: 64px;
}
table.gradereport-grader-table thead tr:nth-child(2) > th {
    top: 93px;
}
table.gradereport-grader-table thead tr:nth-child(3) > th {
    top: 122px;
}
table.gradereport-grader-table tbody tr > td {
    background: #fff;
}
.wva-tabs-style1 li a {
    border: 3px solid var(--color-primario);
    padding: 15px 28px!important;
    background-color: #f9f9f9!important;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    z-index: 0;
    color: #000;
    font-weight: 500;
}
.wva-tabs-style1 li a::before,
.wva-tabs-style1 li a::after {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    height: calc(100% + 3px);
    width: 44px;
    background-color: #f9f9f9;

}
.wva-tabs-style1 li a::before {
    left: -24px;
    transform: skew(-25deg, 0deg);
    border-left: 3px solid #c3c3c3;
}
.wva-tabs-style1 li a::after {
    right: -24px;
    transform: skew(25deg, 0deg);
    border-right: 3px solid #c3c3c3;
}

.wva-tabs-style1 li a::before {
    border-radius: 8px 0 0 0;
}
.wva-tabs-style1 li a::after {
    border-radius: 0 8px 0 0;
}
.wva-tabs-style1 li a.active {
    background: var(--color-primario)!important;
    z-index: 2;
    color: #ffffff!important;
    border-bottom-color: #ffffff!important;

}
.wva-tabs-style1 li a.active::before,
.wva-tabs-style1 li a.active::after{
    background: var(--color-primario);
    border-bottom: 3px solid #ffffff;
}
.wva-tabs-style1 li a.active::before{
    border-left: 3px solid var(--color-primario);
}
.wva-tabs-style1 li a.active::after{
    border-right: 3px solid var(--color-primario);
}
.nav-line-tabs {
    border-bottom-color: #054232;
}

.wva-btn {
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-weight: 500;
    overflow: hidden;
    border-radius: 4px;
    border: 5px solid #eef4f1!important;
}
.wva-btn::before{
    position: absolute;
    content: '';
    left: 110%;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    background: rgba(0,0,0,.08);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    transform: skewX(-25deg);
}
.wva-btn .txt{
    position: relative;
    z-index: 2;
}
.wva-btn.wva-btn-success {
    background: var(--success);
}
.wva-btn.wva-btn-danger {
    background: var(--danger);
}
.wva-btn.wva-btn-dark {
    background: #1f3047;
}
.wva-btn.wva-btn-primary {
    background: var(--primary);
}
.wva-btn:hover {
    color: #FFFFFF;
}
.wva-btn:hover::before {
    left: 0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.wva-btn.wva-btn-success:hover::before {
    background: #43b97e;
}
.wva-btn.wva-btn-danger:hover::before {
    background: #f1416c;
}
.wva-btn.wva-btn-dark:hover::before {
    background: #000000;
}
.wva_input_component, .wva_chb_component, form-input-file, form-cbo, form-textarea {
    position: relative;
    display: block;
}
.wva_input_component input[type=text], .wva_input_component input[type=password],  .wva_input_component input[type=number], .wva_input_component input[type=email], .wva_input_component input[type=tel], form-textarea textarea, .wva_chb_component {
    width: 100%;
    height: 48px;
    padding: 14px 16px;
    -webkit-appearance: none;
    box-shadow: 0 0 0 1px #868f9e;
    border: unset !important;
    background-color: #fff;
    border-radius: 6px !important;
    font-style: normal;
    font-size: 1.05rem !important;
    line-height: 20px !important;
    color: #202e44 !important;
    cursor: text;
    transition: box-shadow .2s linear, color .2s linear;
    outline: unset;
}
.wva_textarea_component textarea {
    height: auto;
}

.wva_chb_component.sin-label {
    padding-left: 0;
}
.wva_input_component input[type=text]::placeholder, .wva_input_component input[type=password]::placeholder,
.wva_input_component input[type=email]::placeholder,  .wva_input_component input[type=number]::placeholder{
    visibility: hidden;
}
.wva_cbo_input_component label, .wva_input_component label, form-cbo > label, .wva_textarea_component label, .wva_chb_component>label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 14px 16px;
    background-color: transparent;
    -webkit-transition: top .2s ease-in-out, font-size .2s ease-in-out, color .2s ease-in-out,;
    transition: top .2s ease-in-out, font-size .2s ease-in-out;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #666;
    margin: 0;
    pointer-events: none;
}
.wva_input_component>input:focus  ~ label, .wva_input_component>input:not(:placeholder-shown) ~ label,
.wva_cbo_component.focusin label, .wva_chb_component > label, .wva_textarea_component>textarea:focus ~ label,
.wva_textarea_component>textarea:not(:placeholder-shown) ~ label{
    top: -12px;
    font-size: 13px;
    line-height: 18px;
    padding: 0 4px;
    margin-left: 12px;
    background: #fff;
    color: #525252;
    font-weight: 700;
}
.wva_input_component>input:focus::placeholder, .wva_textarea_component>textarea:focus::placeholder {
    visibility: visible;
}
form-cbo.wva_cbo_component:not(.focusin) > label {
    visibility: hidden;
}
form-cbo.wva_cbo_component.focusin > label {
    top: -12px;
    font-size: 13px;
    line-height: 18px;
    padding: 0 4px;
    margin-left: 12px;
    background: #fff;
    color: #525252;
    font-weight: 700;
    z-index: 3;
    visibility: visible;
}
form-cbo.wva_cbo_component .selection .form-select {
    box-shadow: 0 0 0 1px #868f9e!important;
    border: unset !important;
    padding: 13px 16px;
}

form-input-file .custom-file {
    width: 100%;
}
form-input-file .custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 1.3rem + 4px);
    margin-bottom: 0;
}
form-input-file .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 1.3rem + 4px);
    margin: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: all;
    cursor: pointer;
}
form-input-file .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 1.3rem + 4px);
    padding: 0.65rem 1rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #3F4254;
    background-color: #ffffff;
    border: 1px solid #868f9e;
    border-radius: 0.42rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}
form-input-file .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 1.3rem + 4px);
    padding: 0.65rem 1rem;
    line-height: 1.5;
    color: #000000;
    content: "Seleccionar";
    background-color: #cdcdcd;
    border-left: inherit;
    border-radius: 0 0.42rem 0.42rem 0;
    font-weight: 600;
}
form-input-file>label {
    position: absolute;
    left: 0;
    -webkit-transition: top .2s ease-in-out, font-size .2s ease-in-out, color .2s ease-in-out;
    margin: 0;
    pointer-events: none;
    top: -12px;
    font-size: 13px;
    line-height: 18px;
    padding: 0 4px;
    margin-left: 12px;
    background: #fff;
    color: #525252;
    font-weight: 700;
    z-index: 3;
}
.select2-container--bootstrap5 .select2-dropdown {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0 ,0.2);
    padding: 1rem 0;
    background-color: #fff;
    border: 1px solid #868f9e;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: -2px;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
    color: #000;
    font-weight: 400;
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
    color: #666;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) {
    padding: 13px 16px;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-search.select2-search--inline .select2-search__field {
    margin-top: 0;
}
.wva_input_component input[type=text].is-invalid {
    border-color: #F64E60;
    padding-right: calc(1.5em + 1.3rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F64E60' viewBox='0 0 12 12'%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='%23F64E60' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.325rem) center;
    background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
    box-shadow: 0 0 0 1px var(--danger);
}
.bg-success {
    background: var(--success)!important;
}
.text-success {
    color: var(--success)!important;
}
.text-danger {
    color: var(--danger)!important;
}
.text-warning {
    color: var(--warning)!important;
}
.text-info {
    color: var(--info)!important;
}
.wva_msj_error {
    color: var(--danger);
}
.btn {
    font-weight: 700;
}
.modal-header {
    padding: 1.2rem;
}
.form-control, .form-control.form-control-solid, .form-control:active, .form-control.form-control-solid:active {
    border-color: var(--bs-gray-400)!important;
}
.wva-subhead{
    background: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(var(--toolbar-bg)),to(var(--template-bg-dark-3)));
    background-image: -o-linear-gradient(var(--toolbar-bg),var(--template-bg-dark-3));
    background-image: linear-gradient(var(--toolbar-bg),var(--template-bg-dark-3));
    -webkit-box-shadow: 0 2px 10px -8px var(--template-bg-dark-50);
    box-shadow: 0 2px 10px -8px var(--template-bg-dark-50);
    color: var(--template-text-dark);
    left: 0;
    min-height: 43px;
    padding: 8px 1rem;
    position: sticky;
    right: 0;
    top: 0;
    width: auto;
    z-index: 5;
}
form-input-file .custom-file {
    width: 100%;
}
form-input-file .custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 1.3rem + 4px);
    margin-bottom: 0;
}
form-input-file .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 1.3rem + 4px);
    margin: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: all;
    cursor: pointer;
}
form-input-file .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 1.3rem + 4px);
    padding: 0.65rem 1rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #3F4254;
    background-color: #ffffff;
    border: 1px solid #868f9e;
    border-radius: 0.42rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}
form-input-file .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 1.3rem + 4px);
    padding: 0.65rem 1rem;
    line-height: 1.5;
    color: #000000;
    content: "Seleccionar";
    background-color: #cdcdcd;
    border-left: inherit;
    border-radius: 0 0.42rem 0.42rem 0;
    font-weight: 600;
}
form-input-file>label {
    position: absolute;
    left: 0;
    -webkit-transition: top .2s ease-in-out, font-size .2s ease-in-out, color .2s ease-in-out;
    margin: 0;
    pointer-events: none;
    top: -12px;
    font-size: 13px;
    line-height: 18px;
    padding: 0 4px;
    margin-left: 12px;
    background: #fff;
    color: #525252;
    font-weight: 700;
    z-index: 3;
}
.form-check-image.filter-gray:not(.active) .form-check-wrapper img {
    filter: grayscale(1);
    transition: filter 0.3s ease-in;
}
.form-check-image.filter-gray:hover .form-check-wrapper img {
    filter: none;
}

#lista_utiles_secciones_listings .item-actions {
    margin-right: 1em;
    display: inline-block;
}
#lista_utiles_secciones_listing .wva-actionmenu {
    white-space: nowrap;
}
#lista_utiles_secciones_listing .listitem>div .item-actions .action-hide {
    display: inline;
}
#lista_utiles_secciones_listings ul li {
    border: 1px solid rgba(0,0,0,.125);
}
#lista_utiles_secciones_listings>#List>ul>li>ul>li:not(:first-child) {
    border-top: 0!important;
}
.listitem[data-selected="1"]>div>div>div>a.list-item-link{
    font-weight: 700;
}
ul.wva-results-items {
    position: absolute;
    top: 100%;
    margin-top: -1px;
    width: 100%;
    z-index: 99;
    background: #fff;
    margin: 0;
    list-style: none;
    transition: none;
    padding: 0;
    border: 1px solid #bfc8c9;
}
ul.wva-results-items li {
    padding: 6px 12px;
    transition: 0.2s background;
    cursor: pointer;
}
ul.wva-results-items li.selected {
    background: rgba(0, 0, 0, 0.08);
}
ul.wva-results-items li:hover {
    background: #e6f0f2;
}
ul.wva-results-items li + li {
    border-top: 1px solid #bfc8c9;
}
@keyframes anima-llamar-turno {
    0% {
        background: #f5f31e;
    }
    50% {
        background: #fff;
    }
    100% {
        background: #f5f31e;
    }
}

@keyframes marquee-animation {
    0% {
        left: 0;
    }

    100% {
        left: -3167px;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    0% {
        transform: translate3d(0, 40px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

@keyframes lds-ellipsis4 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes active-side-menu-chevron-animation {
    to {
        margin-right: -6px;
        opacity: 1
    }
}
@keyframes active-side-menu-chevron-animation-2 {
    to {
        margin-right: -6px;
        opacity: 1
    }
}

@media (min-width: 1200px) {
    .w-xl-60 {
        width: 60% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-90 {
        width: 90% !important;
    }

    .w-xl-40 {
        width: 40% !important;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        min-width: 250px;
    }
}

@media screen and (min-width: 1600px) {
    .body-app .container, .body-app .container-lg, .body-app .container-md, .body-app .container-sm, .body-app .container-xl, .body-app .container-xxl {
        width: 97%;
        max-width: 97%;
    }

    .modal-xxl {
        max-width: 80%;
    }
}

@media (min-width: 992px) {
    .footer-fixed .footer {
        position: fixed;
        height: 60px;
        z-index: 97;
        -webkit-box-shadow: 0px 0px 28px 0px rgb(82 63 105 / 13%);
        box-shadow: 0px 0px 28px 0px rgb(82 63 105 / 13%);
        bottom: 0;
        right: 0;
        left: 265px;
        justify-content: center;
    }

    .footer-fixed .content {
        padding-bottom: 60px;
    }

    .aside .aside-logo {
        height: 75px;
    }

    [data-kt-aside-minimize="on"] #kt_aside_logo .app-sidebar-logo-minimize {
        display: inline-block;
    }

    [data-kt-aside-minimize="on"] .aside.aside-hoverable:hover .aside-logo .app-sidebar-logo-minimize {
        display: none !important;
    }


}

@media (max-width: 992px) {
    div.dataTables_wrapper div.dataTables_filter input {
        min-width: auto;
    }
}

@media print {
    .no-print {
        display: none !important;
    }
}