/* prevent the drop down icon going onto a new line for the top bar language link */
.top-bar-language-nav-link {
    min-width: 65px;
}

.notification-items {
    overflow-y: auto;
    max-height: 230px;
}

.doc-status {
    display: inline-block;
    margin-bottom: 3px;
    width: 63%;
    font-size:13px;
    max-width: 120px;
    text-align: center;
    padding: 2px 10px !important;
    border-radius: 4px;
}


.doc-status:last-child {
    margin-bottom: 0;
}

.doc-status.pendiente {
    background-color: #ffefd6;
    color: #ac581d;
}

.doc-status.rechazado {
    background-color: #f5c4c3;
    color: #a04846;
}

    .doc-status.supervisando {
        background-color: #f6f2b4;
        color: #807b34;
    }


/* bootstrap model showing two scroll bars */
html {
    overflow: visible;
}

/* main sidebar not under model */
.modal {
    z-index: 1110;
}

.form-group.required .col-form-label:after {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 3px;
}

.famfamfam-flags {
    display: inline-block;
}

.k-tooltip-error {
    border-color: #FD625E !important;
    background-color: #FD625E !important;
    color: #fefeff !important
}

.k-tooltip-warning {
    border-color: #FFBF53 !important;
    background-color: #FFBF53 !important;
    color: #fefeff !important;
}

.toast {
    background-color: #495057 !important;
}

.toast-success {
    background-color: #c9f1e8 !important;
}

#toast-container > .toast-success {
    color: #299c81 !important;
    border: 1px solid #a6dfd3 !important;
}

#toast-container > .toast-warning {
    color: #807b34 !important;
    border: 1px solid #dfdba1 !important;
}

#toast-container > .toast-info {
    color: #3675a8 !important;
    border: 1px solid #a2c3dd !important;
}

#toast-container > .toast-error {
    color: #8a2e09 !important;
    border: 1px solid #e19f84 !important;
}

.toast-error {
    background-color: #ffbea4 !important;
}

.toast-info {
    background-color: #c8e2f7 !important;
}

.toast-warning {
    background-color: #f6f2b4 !important;
}

#toast-container > div {
    opacity: 1 !important;
    box-shadow: none !important;
    color: #fefeff !important;
}

.btn-success, .btn-success:hover {
    color: #fefeff !important;
}

.bg-info {
    background-color: #0e61cc !important;
}

.k-disabled, .k-state-disabled {
    opacity: 1 !important;
    border-color: #ced4da !important;
    border: 1px solid #ced4da !important;
}

.k-picker.k-disabled {
    background-color: #e9e9ef !important;
    border: 1px solid #ced4da !important;
}

.k-input.k-invalid, .k-widget.k-input.k-invalid {
    border-color: #f5f5f5 !important;
}

#sidebar-menu ul li ul.sub-menu li a {
    padding: .4rem 1.5rem .4rem 2.3rem;
}

.card-header-indicator {
    border-bottom: 3px solid #e9e9ef;
}

body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > ul {
    width: 250px;
}

.k-calendar td.k-selected .k-link, .k-calendar td.k-state-selected .k-link {
    color: #013274 !important;
}

.card-body {
    padding: 0.5rem;
}

.k-button {
    text-transform: None !important;
}

.k-window-titlebar {
    background-color: #fff !important;
    border-bottom: 1px solid #e9e9ef !important;
    padding: 1rem;
}

.k-window-title {
    font-size: 1.09375rem;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: #495057 !important;
}

.k-button-solid-primary {
    color: #fff !important;
    background-color: #2ab57d !important;
    border-color: #2ab57d !important;
    -webkit-box-shadow: 0 2px 6px 0 rgba(42,181,125,0.5) !important;
    box-shadow: 0 2px 6px 0 rgba(42,181,125,0.5) !important;
}

    .k-button-solid-primary:hover {
        background-color: #249a6a !important;
        border-color: #229164 !important;
    }

.k-edit-buttons > .k-button-solid-base {
    color: #fff !important;
    background-color: #4ba6ef !important;
    border-color: #4ba6ef !important;
    -webkit-box-shadow: 0 2px 6px 0 rgba(75,166,239,0.5) !important;
    box-shadow: 0 2px 6px 0 rgba(75,166,239,0.5) !important;
}

    .k-edit-buttons > .k-button-solid-base:hover {
        background-color: #013274 !important;
        border-color: #3c85bf !important;
    }

.k-edit-buttons {
    justify-content: end !important;
}

.k-event, .k-task-complete {
    background-color: #00b0ff !important;
    background: #00b0ff !important;
    border-color: #4ba6ef !important;
}

.swal-overlay {
    z-index: 99999 !important;
}

.k-radio:checked {
    background-color: #4ba6ef !important;
    border-color: #4ba6ef !important;
}

.bg-secondary {
    background-color: #f2f2f2 !important;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    border-left: 0.25rem solid #249a6a;
}

.accordion-button:not(.collapsed) {
    color: #999;
    background-color: #f9f9f9;
}

.input-group-text {
    border: none !important;
    background-color: #f5f5f5 !important;
}

.tooltip {
    z-index: 9999;
}

.tooltip-inner {
    background: #013274;
    color: #fefefe !important;
    -webkit-box-shadow: 0 2px 6px 0 rgba(122,127,220,.5);
    box-shadow: 0 2px 6px 0 rgba(122,127,220,.5);
}

.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #013274;
}

.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #013274;
}

.pace .pace-activity {
    background-color: #013274 !important;
}

.k-pager-wrap .k-pager-numbers .k-selected, .k-pager-wrap .k-pager-numbers .k-selected, .k-pager-wrap .k-pager-numbers .k-selected:hover, .k-pager-wrap .k-pager-numbers .k-state-selected, .k-pager-wrap .k-pager-numbers .k-state-selected:hover {
    border-top-color: #013274 !important;
    color: #013274 !important;
}

.vertical-menu, .navbar-brand-box {
    width: 275px;
}

.footer {
    left: 275px;
}

@media (max-width: 992px) {
    .navbar-brand-box {
        width: auto;
    }

    .navbar-brand-box, .footer {
        left: 0;
    }
}

.nav-tabs .nav-link.active {
    color: #49647b;
    background-color: #fbfaff;
    border-color: #e9e9ef #e9e9ef #fbfaff;
}

.nav-link:focus, .nav-link:hover {
    color: #49647b;
}

.nav-tabs {
    border-bottom: 1px solid #e9e9ef;
}

    .nav-tabs > .nav-item > .nav-link {
        letter-spacing: 2px;
    }

    .nav-tabs .nav-link {
        background: #e9e9ef;
        border: 1px solid rgb(255, 255, 255);
    }

.border-table-request {
    border-top: 1px solid #013274 !important;
}

.border-bottom-medium {
    border-bottom: 3px solid #e9e9ef;
}

.card-header {
    padding: 0.5rem 1.25rem 0.5rem 1.25rem !important;
}

.k-master-row {
    line-height: 20px !important;
}

.card {
    word-wrap: normal !important;
}

.k-tooltip-events > .k-event {
    background-color: rgb(233, 233, 239) !important;
    border-color: rgba(197, 197, 204, 0.8) !important;
    color: #495057 !important;
}

.k-tooltip.k-popup, .k-tooltip.k-widget {
    border-color: rgb(245, 245, 245) !important;
    color: #495057 !important;
    background-color: rgb(245, 245, 245) !important;
}

.k-day {
    color: #495057 !important;
}

.k-tooltip-content {
    margin: 5px;
}

.k-list-item, .k-list-optionlabel {
    background-color: #fff !important;
}

#accordionPanelRequestDataRead > .accordion-item > .accordion-header > .collapsed,
#accordionPanelRequestDataRead > .accordion-item > .accordion-header > .accordion-button:not(.collapsed) {
    border-left: 0.25rem solid rgb(64, 141, 203) !important;
}

.pace-progress {
    z-index: 9991 !important;
}

.tab-content {
    border-left: 1px solid #e9e9ef;
    border-right: 1px solid #e9e9ef;
    border-bottom: 1px solid #e9e9ef;
    padding: 5px;
    margin-bottom: 5px;
    background: #fefeff;
}

.text-title {
    color: #49647b !important;
}

#logo-lg-login {
    height: 10vh;
}

#logo-sm-login {
    height: 5vh;
}

.app-search .form-control {
    background-color: #f8fafc;
}

.app-search .form-control {
    padding-left: 10px !important;
}

.k-input, .k-widget.k-input, .k-button-solid-base, .k-picker, .k-widget.k-picker {
    border-color: #f8fafc !important;
    background-color: #f8fafc !important;
}

.k-focus, .k-grouping-row .k-focus, .k-grouping-row .k-state-focused, .k-state-focused {
    border-color: #c7d4df !important;
}

.k-group {
    border-color: #f8fafc !important;
}

.k-list-item.k-selected, .k-list-item:hover, .k-list-item.k-selected:hover {
    color: #013274 !important;
    background-color: #f8fafc !important;
}

.k-list-group-sticky-header, .k-list-optionlabel {
    border-color: #49647b !important;
}

.k-calendar .k-today .k-link {
    color: #535151 !important;
    box-shadow: inset 0 0 0 1px #ebebeb !important;
}

.indicatorGeneral {
    background-color: #bfbfbf !important;
    padding: 4px 10px !important;
    color: #535151;
}

.indicatorSuccess {
    background-color: #c9f1e8 !important;
    padding: 4px 10px !important;
    color: #299c81 !important;
}

.indicatorError {
    background-color: #F5C4C3 !important;
    padding: 4px 10px !important;
    color: #a04846 !important;
}

.indicatorErrorHigh {
    background-color: #E78A8A !important;
    padding: 4px 10px !important;
    color: #602221 !important;
}

.indicatorInfo {
    background-color: #C8E2F7 !important;
    padding: 4px 10px !important;
    color: #3675a8;
}

.indicatorWarning {
    background-color: #ffb090 !important;
    padding: 4px 10px !important;
    color: #5e4c40 !important;
}

.indicatorWarningLow {
    background-color: #ffefd6 !important;
    padding: 4px 10px !important;
    color: #ac581d !important;
}

.indicatorPrevius {
    background: #f6f2b4 !important;
    color: #807b34 !important;
    padding: 4px 10px !important;
}

.indicatorWarningHigh {
    background: #ffbea4 !important;
    color: #8a2e09 !important;
    padding: 4px 10px !important;
}

.indicatorInfoLow {
    background: #a6d9e7 !important;
    color: #164b59 !important;
    padding: 4px 10px !important;
}

.indicatorInfoHigh {
    background: #9ecff5 !important;
    color: #293742 !important;
    padding: 4px 10px !important;
}

.indicatorSuccessLow {
    background-color: #c9f1db !important;
    padding: 4px 10px !important;
    color: #2b6143 !important;
}

.indicatorSuccessHigh {
    background-color: #b0eabe !important;
    padding: 4px 10px !important;
    color: #488757 !important;
}

.text-gray-soft {
    background: #f8fafc;
    padding: 4px 10px;
}

.text-info-soft {
    background: #ccddea;
    padding: 4px 10px;
}

.k-calendar > .k-header {
    background-color: #013274 !important;
}

.k-calendar td.k-selected .k-link, .k-calendar td.k-state-selected .k-link {
    border-color: #f8fafc !important;
    color: #495057;
    background-color: #f8fafc !important;
}

.k-calendar td.k-focus .k-link, .k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #c8e2f7;
}

body {
    font-family: system-ui !important;
    font-size: .9rem !important;
    line-height: 1.5 !important;
    color: #444 !important;
    background: #fefeff !important;
}

.k-pager-wrap {
    border-color: #f8fafc !important;
    background-color: #f8fafc !important;
}

.vertical-menu, .navbar-brand-box {
    background-color: #f8fafc !important;
    border-right: 1px solid #f8fafc;
}

.border-start {
    border-left: 1px solid #f8fafc !important;
}

.border-end {
    border-right: 1px solid #f8fafc !important;
}

#page-topbar {
    background-color: #fefeff;
    border-bottom: 1px solid #f8fafc;
}

.tag-title {
    color: #49647b;
    background: #f8fafc;
    padding: 0px 10px;
}

.nav-pills .nav-link.active {
    color: #49647b;
    background-color: #f8fafc;
    font-weight: bold;
    border: 1px solid aliceblue;
}

.auth-logo {
    padding: 20px;
}

.border-light {
    border: 5px solid #f8fafc !important;
}

.mm-active .active, .mm-active .active i, .mm-active .active svg, .mm-active > a, .mm-active > a i, .mm-active > a svg,
#sidebar-menu ul li ul.sub-menu li a:hover, #sidebar-menu ul li a:hover, #sidebar-menu ul li a:hover i, #sidebar-menu ul li a:hover svg {
    color: #013274 !important;
}

.nav-pills .nav-link {
    border-left: 1px solid #e9e9ef !important;
    border-top: 1px solid #e9e9ef !important;
    border-right: 1px solid #e9e9ef !important;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-right: 2px;
}

a {
    color: #053676;
}

    a:hover {
        color: #0554b9;
    }

.content-title {
    background: #ccddea;
    padding: .5rem !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #49647b;
}

.page-content {
    padding: 75px 10px 60px 30px;
}

.main-tag-title {
    background: #ccddea;
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    font-weight: bolder !important;
}

.background-light {
    background: #f8fafc;
    border: 5px solid #ccddea !important;
}

.btn-info {
    background-color: #013274 !important;
    border-color: #013274 !important;
    color: #fefeff !important;
}

    .btn-info:hover, .btn-primary {
        background-color: #0554b9 !important;
        border-color: #0554b9 !important;
    }

        .btn-primary:hover {
            background-color: #0e61cc !important;
            border-color: #0e61cc !important;
        }

.btn-delete {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #fefeff !important;
}

    .btn-delete:hover {
        background-color: #ff4141 !important;
        border-color: #ff4141 !important;
    }

hr {
    margin: 0 auto !important;
    opacity: 1;
    border: 0;
    height: 3px !important;
    background-image: linear-gradient(left, #fefeff, #e9e9ef, #fefeff);
    background-image: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#fefeff), to(#fefeff), color-stop(.5, #e9e9ef));
}

.badge {
    color: #fefeff;
}

.bg-primary-light {
    background-color: #1b6197 !important;
}

.k-stepper .k-step-done .k-step-indicator {
    border-color: #033375 !important;
    background-color: #033375 !important;
}

.k-stepper .k-step-current .k-step-indicator {
    border-color: #ca212f !important;
    background-color: #ca212f !important;
}

.k-stepper .k-step-indicator {
    width: 35px !important;
    height: 35px !important;
}

.k-stepper .k-step-label .k-step-text {
    max-width: calc(10em - 0px) !important;
}

.height-observation {
    min-height: 110px;
    max-height: 110px;
}

.k-chip {
    font-size: 14px !important;
}

.overflow-y {
    overflow-y: auto !important;
    overflow-x: hidden;
}

.k-tabstrip-items-wrapper {
    border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important;
    color: var(--kendo-color-on-app-surface, #3d3d3d) !important;
    background-color: #fefeff !important;
}

.k-tabstrip {
    background-color: transparent !important;
}

.k-tabstrip-items-wrapper .k-tabstrip-items .k-item.k-active {
    background-image: none;
    color: #49647b !important;
    background-color: #f8fafc !important;
    font-weight: bold !important;
    border: 1px solid aliceblue !important;
}

.k-tabstrip-items .k-item .k-link {
    color: #49647b !important;
}

.k-tabstrip-items .k-item {
    background-position: 50% 50%;
    background-color: #fefeff !important;
}

.k-tabstrip .k-content.k-active {
    border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important;
    border-top-right-radius: var(--kendo-border-radius-md, .25rem);
    border-top-left-radius: var(--kendo-border-radius-md, .25rem);
    border-left-width: 0 !important;
    border: 1px solid #ebebf1 !important;
}

.k-tabstrip:focus {
    box-shadow: none !important;
}

.k-tabstrip-left > .k-tabstrip-items-wrapper {
    height: 42em !important;
}

.k-tabstrip .k-tabstrip-items > .k-item {
    text-transform: none !important;
    width: 170px !important;
}

.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active {
    margin-right: -1px !important;
    border-right-width: 1px !important;
    border-right-color: transparent !important;
}

.k-tabstrip-items .k-item.k-hover {
    border-color: #49647b !important;
    background-color: #fefeff !important;
}

.badge {
    padding: .25em .25em !important;
    font-size: 80% !important;
}

.w-65 {
    width: 65% !important;
}

.w-5 {
    width: 5% !important;
}

.k-rounded-lg {
    border-radius: var(--kendo-border-radius-lg, .375rem) !important;
}

.k-rounded-md {
    border-radius: var(--kendo-border-radius-md, .25rem) !important;
}

.k-checkbox:checked:focus {
    border-color: #013274 !important;
}

.k-checkbox:checked {
    border-color: #013274 !important;
    background-color: #013274 !important;
}

.content-subtitle {
    background: #f6f6f9;
    color: #74788d;
    padding: .2rem !important;
}

.letter-spancing-md{
    letter-spacing: 1px;
}


.font-size-md{
    font-size: 14px !important;
}

.border-bottom-info {
    border-bottom: 2px solid #1b6197;
}

.text-info-light {
    color: #013274;
}

.highlight-text {
    background: #f6f2b4 !important;
    color: #807b34 !important;
}

.border-left-info-light {
    border-left: solid #ccddea !important;
}

.btn-outline-secondary:hover {
    background: #e3e3e3 !important;
    color: #74788d !important;
    border: 1px solid #e3e3e3 !important;
}

.btn-outline-secondary {
    padding: 4px 10px !important;
    margin-right: 5px !important;
}

.modal-backdrop.show {
    backdrop-filter: blur(6px) !important;
    background-color: rgba(0,0,0,0.3) !important;
    opacity: 1 !important;
    transition: filter 0.2s;
}

/* Blur para el modal de fondo cuando hay un modal encima */
.modal.blurred .modal-content {
    filter: blur(6px) !important;
    pointer-events: none !important; /* Evita interacción con el modal de fondo */
    user-select: none !important;
    transition: filter 0.2s;
}

/***** GRID Styles *****/

.k-grid {
    border-radius: 0.25em !important;
}

/* Mostrar divisores verticales entre columnas en el contenido del grid excepto el primer td */
.k-grid td:not(:first-child),
.k-grid .k-table td:not(:first-child) {
    border-left: 1px solid #e5e5e5 !important;
}

.k-grid-header .k-header .k-link,
.k-grid-header .k-link {
    color: #49647b !important;
    font-weight: bold;
}

.k-grid-header .k-header {
    background-color: #f8fafc !important;
}

.k-grid-header .k-i-sort-asc-sm,
.k-grid-header .k-i-sort-desc-sm {
    color: #49647b !important;
}

.k-grid-filter.k-active,
.k-grid-filter.k-state-active {
    color: #013274 !important;
}

.k-grid tr.k-alt {
    background-color: #f8f9fa !important;
}

.k-grid tr:hover,
.k-grid tr.k-alt:hover {
    background-color: #e2f2f9 !important;
}

/* Evitar colorear la columna de agrupación/jerarquía cuando la fila está seleccionada */
.k-grid tr.k-selected td:not(.k-group-cell):not(.k-hierarchy-cell) {
    background-color: #c8ddea !important;
    color: #444 !important;
    border-color: #e5e5e5 !important;
}

.k-grid tr.k-selected:hover td:not(.k-group-cell):not(.k-hierarchy-cell) {
    background-color: #b8cddb !important;
}

.k-grid .k-grouping-header .k-group-indicator .k-link {
    border-radius: 5px;
    color: #49647b !important;
    font-weight: bold;
}

.k-grouping-row p {
    color: #49647b !important;
}

.k-pager-wrap {
    border-color: #e5e5e5 !important;
}

.k-grid .k-grid-footer, .k-footer-template td {
    border-bottom: none !important;
}