:root {
    --accent: #36578C !important;
}

.footer_invalid_license_text {
    color: var(--red) !important;
}

.general-modal-container {
    background-color: #ffff;
    border-radius: 15px;
    /*width: max-content;*/
}

.bg_trasparent {
    background-color: transparent !important;
}

.fw-bold{
    font-weight: bold !important;
}

.customTitleGrid {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/*****************************************Editado por Rusbell*******************************************/


/* Tooltip container */
.tooltip-container-right {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #333;
/*    font-weight: bold;
*/

}

    /* Tooltip text */
    .tooltip-container-right .tooltip {
        visibility: hidden;
        width: 300px;
        background: #333;
        color: #fff;
        text-align: center;
        padding: 10px;
        border-radius: 6px;
        position: absolute;
        top: 50%;
        left: 100%; /* Aparece a la derecha del contenedor */
        transform: translateY(-50%); /* Centra el tooltip verticalmente respecto al contenedor */
        opacity: 0;
        transition: opacity 0.3s ease, transform 0.3s ease;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
        font-size: 15px;
    }

        /* Flecha del tooltip apuntando hacia la izquierda */
        .tooltip-container-right .tooltip::after {
            content: "";
            position: absolute;
            top: 50%;
            left: -12px; /* Flecha a la izquierda del tooltip */
            margin-top: -5px;
            border-width: 8px;
            border-style: solid;
            border-color: transparent #333 transparent transparent; /* Flecha hacia la izquierda */
        }

    /* Mostrar el tooltip al hacer hover */
    .tooltip-container-right:hover .tooltip {
        visibility: visible;
        opacity: 1;
        transform: translateY(-50%) translateX(10px); /* Aparece con una animación suave */
    }



    /*-*************************/
.tooltip-container-left {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #333;
/*    font-weight: bold;
*/

}

    /* Tooltip text */
    .tooltip-container-left .tooltip {
        visibility: hidden;
        width: 300px;
        background: #333;
        color: #fff;
        text-align: center;
        padding: 10px;
        border-radius: 6px;
        position: absolute;
        top: 50%;
        right: 100%; /* Aparece a la izquierda del contenedor */
        transform: translateY(-50%); /* Centra el tooltip verticalmente respecto al contenedor */
        opacity: 0;
        transition: opacity 0.3s ease, transform 0.3s ease;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
        font-size: 15px;
    }

        /* Flecha del tooltip apuntando hacia la derecha */
        .tooltip-container-left .tooltip::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -12px; /* Flecha a la derecha del tooltip */
            margin-top: -5px;
            border-width: 8px;
            border-style: solid;
            border-color: transparent transparent transparent #333; /* Flecha hacia la derecha */
        }

    /* Mostrar el tooltip al hacer hover */
    .tooltip-container-left:hover .tooltip {
        visibility: visible;
        opacity: 1;
        transform: translateY(-50%) translateX(-10px); /* Aparece con una animación suave */
    }






/*.tooltip-container {
    position: relative;*/
/*    display: inline-block;
*/    
    /*cursor: pointer;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.tooltip-container .tooltip {
    visibility: hidden;
    width: 250px;
    background: #333;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    position: absolute;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    left: 50%;
    top: 130%;
}

.tooltip-container .tooltip::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
}

.tooltip-container:hover .tooltip {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(5px);
}*/


/*//rendimiento*/
/*.BordesBottom {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}*/
.Rendimiento {
    /*background-color: red;*/
    display: flex;
    width: auto;
    /*justify-content: space-between;*/
    justify-content: space-evenly;
    text-align: center;
}

.Rendimiento-responsive {
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
}

footer {
    color: white;
    background-color: #006092 !important;
    border: none !important;
    text-align: center;
    /*font-size: 15px;*/
}

/*body{
    height:100%;
}*/

.redimiento-label-style {
    align-content: center;
    justify-content: center;
}

    .redimiento-label-style h6 {
        font-weight: 600;
        font-size: 0.8125rem;
        font-style: normal;
        line-height: normal;
    }

.elementRendimiento {
    width: 200px;
    padding-bottom: 0px;
    height: 160px;
    display: flex;
    justify-content: center;
    color: #000;
    font-family: "Roboto Serif";
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.elementRendimiento-responsive {
    height: 148px;
}
/*//Licencia*/
.Licencia {
    border: solid #B7B5BA 2px !important;
    /*background-color: wheat;*/
    width: auto !important;
}

.fechasLicencia {
    background-color: gold;
    height: 45% !important;
    align-items: center;
    text-align: center;
    padding: 3px;
    /*font-size: 13px;*/
    font-size: 70% !important;
    border-radius: 5px;
}

.k-switch-on:disabled .k-switch-track, .k-switch-on.k-disabled .k-switch-track {
    background-color: white !important;
}

.labelValueStyle {
    font-size: 75% !important;
    padding: 1% 2% 0% 2% !important;
    /*background-color: peru;*/
}

.labelsLicenceStyle {
    display: flex;
    font-size: 75% !important;
    color: black !important;
    padding: 1% 2% 0% 2% !important;
    /*background-color: olive;*/
}

.btn-licencia {
    align-content: center;
    text-align: center;
    border-radius: 15px !important;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1.1, 1.1);
    }
}

.btn-licencia:hover {
    /*  background-color: #0d6efd !important;
    color: #002966 !important;*/
    animation: zoom-in-zoom-out both 1s cubic-bezier(0.22, 0.61, 0.36, 1)
}

.buttonLicence {
    padding-top: 25px !important;
    display: flex !important;
    justify-content: center !important;
}

.k-card-body p {
    margin: 0;
}

/*modal detalles */

.MoveRight {
    display: flex;
    justify-content: left;
}


.separacion {
    padding: 0px 10px 0px 50px;
}

.separacion2 {
    padding: 50px 50px 50px 50px;
}

.InputsOnlyReadDetails {
    /*border-radius: 5px;*/
    border: 2px solid #025C8B;
    /*width: auto;
    color: #757F88;
    font-size: 17px;
    font-weight: 600;*/
}

.InputsDataDetails {
    /*border-radius: 5px;*/
    /*border: 1px solid #D9D9D9;*/
    /*width: 250px;*/
    /*height: 38px;*/
    color: #757F88;
    /*font-size: 14px;*/
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}


.page-header-actions {
    top: 30% !important;
    right: 0px !important;
}

/*.TextDetailsData {
    color: #757F88;
    font-size: 17px;
    padding: 10px;
    font-weight: 600;
}*/
/*
.labelsInformationDetails {
    color: #000;
    font-family: 'Roboto Serif', sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
*/


/*editar la imagen del icono*/

.k-icon-CrearNuevo {
    background-image: url("../../img/./icons_toggle_btns/add.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    /*margin-left: 3px;*/
    /*margin-right: 3px;*/
    /*padding: 9% !important;*/
}

/*ANIMACION*/
button:hover > span > div > .k-icon-CrearNuevo {
    animation-name: grow-shrink;
    animation-duration: 1s;
}


/*.k-i-file {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='0 0 13 15' fill='none'%3E%3Cpath d='M10.875 1.25V0H9.625V1.25H8.375V0H7.125V1.25H5.875V0H4.625V1.25H3.375V0H2.125V1.25H0.875V13.125C0.875 13.6223 1.07254 14.0992 1.42417 14.4508C1.77581 14.8025 2.25272 15 2.75 15H10.25C10.7473 15 11.2242 14.8025 11.5758 14.4508C11.9275 14.0992 12.125 13.6223 12.125 13.125V1.25H10.875ZM7.125 10.625H3.375V9.375H7.125V10.625ZM9.625 8.125H3.375V6.875H9.625V8.125ZM9.625 5.625H3.375V4.375H9.625V5.625Z' fill='%230078B7'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;*/
/*    width: 20px;
    height: 20px;*/
/*margin-left: 3px;*/
/*margin-right: 3px;*/
/*padding: 9% !important;*/
/*}*/


ul:hover > li > span > div > .k-i-file {
    animation: ring-animation 300ms;
}

@keyframes ring-animation {

    30% {
        /*transform: scale(1.2);*/
        transform: rotate(30deg);
    }
}


/*.k-i-file::before {
    content: none !important;
}
*/
.AnchoVistaPorDefecto {
    width: auto !important;
    padding-left: 10px !important;
    padding-right: 0 !important;
}

    .AnchoVistaPorDefecto div {
        padding-right: 10px;
    }

.k-filter-menu-container div .k-button-solid-primary {
    font-weight: normal !important;
}

    .k-filter-menu-container div .k-button-solid-primary:hover {
        background-color: #4296FF !important;
    }

/*.toolBar-filters-container button span .k-i-gear {
    margin-right: 5px;
}*/
.btn_Filtros {
    width: 200px !important;
}

.fast_filters_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 1C13.5523 1 14 1.44772 14 2V5L10.25 8C10.25 9.16839 10.25 15 10.25 15L5.75 13.5C5.75 13.5 5.75 9.23864 5.75 8L2 5V2C2 1.44772 2.44772 1 3 1H13Z' fill='%230078B7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    margin-right: 3px;
}

.fast_filters_arrow_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.18774 3.9375L0.875244 5.25L7.00024 11.375L13.1252 5.25L11.8127 3.9375L7.00024 8.75L2.18774 3.9375Z' fill='%23025C8B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    margin-right: 3px;
}

.EstructureModalEditarHijos {
}

.btn_buscar_modal {
    background-color: #0078B7 !important;
    border-radius: 5px;
    color: white;
}

.centrar {
    display: flex !important;
    justify-content: center !important;
    align-content: center;
    align-items: center;
}

.scrollable-pane {
    max-width: 800px !important;
    min-width: 500px !important;
}

.scrollable-pane-table {
    display: flex !important;
    justify-content: center !important;
    align-content: center;
    width: 100%;
}

.LabelPermisosRolesSplitter {
    font-size: 20px;
    font-weight: 600;
    padding: 20px 20px 20px 20px;
    background-color: #F5F7F8;
}

.modal-respons {
    /*left: 0 !important;*/
    /*    min-width: 53rem;
    min-height: 30rem !important;*/
    /*left: 0px !important;*/
    /*right: 50% !important;*/
    /*   top: 0px !important;
    position: static;
    transform: none !important;*/
    /*height: -webkit-fill-available;*/
}

.BtnConfigurationScroll {
    padding: 0px !important;
    background-color: white;
    max-height: 500px !important;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
}

.modify_toolbar {
    border-style: none;
    border: none;
    display: flex;
    align-items: end;
    align-content: center;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
    padding: 0 !important;
    align-items: center;
    background-color: transparent;
}

/*Esto edita ellipse footer*/
.PageFooter_containerCustom {
    display: flex;
    justify-content: space-between;
    padding: 8px;
    width: 158px;
    padding-top: 25px;
    z-index: 999999;
    -webkit-box-shadow: 0px 1px 1px rgb(50 50 50 / 75%);
    -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 1px rgb(50 50 50 / 75%);
    position: fixed;
    /* border-top: 70px black; */
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #225f91 !important;
    border-top: 0px solid #202020;
    color: black !important;
}

/*.k-i-lock {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' viewBox='0 0 22 24' fill='none'%3E%3Cpath d='M18.0443 8.50955V7.04435C18.0443 3.15386 14.8904 0 10.9999 0C7.10945 0 3.95564 3.15386 3.95564 7.0443V8.5095C2.10481 9.45402 0.93891 11.3556 0.936646 13.4335V18.4652C0.939995 21.5206 3.41604 23.9967 6.47145 24H15.5284C18.5838 23.9966 21.0599 21.5206 21.0632 18.4652V13.4335C21.061 11.3556 19.8951 9.45402 18.0443 8.50955ZM10.9999 3.01899C13.223 3.01899 15.0252 4.82119 15.0252 7.0443V7.89868H6.97463V7.0443C6.97463 4.82119 8.77683 3.01899 10.9999 3.01899ZM18.0443 18.4652C18.0443 19.8546 16.9179 20.981 15.5285 20.981H6.4715C5.08205 20.981 3.95569 19.8546 3.95569 18.4652V13.4335C3.95569 12.0441 5.08205 10.9177 6.4715 10.9177H15.5285C16.9179 10.9177 18.0443 12.0441 18.0443 13.4335V18.4652V18.4652Z' fill='%235C5C5C'/%3E%3Cpath d='M10.4968 13.9366H11.5031C12.3368 13.9366 13.0126 14.6125 13.0126 15.4461C13.0126 16.2798 12.3368 16.9556 11.5031 16.9556H10.4968C9.66313 16.9556 8.9873 16.2798 8.9873 15.4461C8.9873 14.6125 9.66313 13.9366 10.4968 13.9366Z' fill='%235C5C5C'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
}

    .k-i-lock:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_405_1666)'%3E%3Cpath d='M19.0443 8.50955V7.04435C19.0443 3.15386 15.8905 0 12 0C8.10951 0 4.9557 3.15386 4.9557 7.0443V8.5095C3.10487 9.45402 1.93897 11.3556 1.93671 13.4335V18.4652C1.94006 21.5206 4.4161 23.9967 7.47151 24H16.5285C19.5839 23.9966 22.06 21.5206 22.0633 18.4652V13.4335C22.0611 11.3556 20.8952 9.45402 19.0443 8.50955ZM12 3.01899C14.2231 3.01899 16.0253 4.82119 16.0253 7.0443V7.89868H7.97469V7.0443C7.97469 4.82119 9.77689 3.01899 12 3.01899ZM19.0443 18.4652C19.0443 19.8546 17.918 20.981 16.5285 20.981H7.47156C6.08211 20.981 4.95575 19.8546 4.95575 18.4652V13.4335C4.95575 12.0441 6.08211 10.9177 7.47156 10.9177H16.5285C17.918 10.9177 19.0443 12.0441 19.0443 13.4335V18.4652Z' fill='%23374957'/%3E%3Cpath d='M11.4969 13.9366H12.5032C13.3369 13.9366 14.0127 14.6125 14.0127 15.4461C14.0127 16.2798 13.3369 16.9556 12.5032 16.9556H11.4969C10.6633 16.9556 9.98743 16.2798 9.98743 15.4461C9.98743 14.6125 10.6633 13.9366 11.4969 13.9366Z' fill='%23374957'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_405_1666'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: contain;
    }

    .k-i-lock::before {
        content: none !important;
    }

.k-i-unlock {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='24' viewBox='0 0 20 24' fill='none'%3E%3Cpath d='M14.4998 8.00105H6.00035V7.22809C6.00077 4.89316 7.89393 3.0007 10.2289 3.00112C11.7662 3.0014 13.1823 3.83619 13.9268 5.18119C14.3288 5.90545 15.2419 6.16667 15.9662 5.76465C16.6904 5.36263 16.9517 4.44956 16.5496 3.72529C14.6148 0.233989 10.2159 -1.02766 6.72456 0.907258C4.42671 2.18077 3.00082 4.60091 3.00054 7.22809V8.608C1.16147 9.54651 0.00298228 11.436 0.000732422 13.5007V18.5004C0.00406033 21.5364 2.46437 23.9967 5.50036 24H14.4998C17.5358 23.9967 19.9961 21.5364 19.9994 18.5004V13.5007C19.9962 10.4647 17.5358 8.00438 14.4998 8.00105ZM16.9997 18.5004C16.9997 19.881 15.8804 21.0002 14.4998 21.0002H5.50041C4.1198 21.0002 3.00059 19.881 3.00059 18.5004V13.5007C3.00059 12.1201 4.1198 11.0009 5.50041 11.0009H14.4998C15.8804 11.0009 16.9997 12.1201 16.9997 13.5007V18.5004Z' fill='%235C5C5C'/%3E%3Cpath d='M9.50014 13.9999H10.5001C11.3284 13.9999 12 14.6714 12 15.4998C12 16.3281 11.3284 16.9997 10.5001 16.9997H9.50014C8.67178 16.9997 8.00024 16.3281 8.00024 15.4998C8.00024 14.6714 8.67178 13.9999 9.50014 13.9999Z' fill='%235C5C5C'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
}

    .k-i-unlock:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_405_1506)'%3E%3Cpath d='M16.4998 8.00096H8.00032V7.22799C8.00074 4.89307 9.8939 3.00061 12.2288 3.00103C13.7662 3.00131 15.1822 3.8361 15.9268 5.18109C16.3288 5.90536 17.2419 6.16658 17.9661 5.76456C18.6904 5.36254 18.9516 4.44947 18.5496 3.7252C16.6147 0.233897 12.2158 -1.02776 8.72453 0.907167C6.42668 2.18068 5.00079 4.60082 5.00051 7.22799V8.6079C3.16144 9.54642 2.00295 11.4359 2.0007 13.5006V18.5003C2.00403 21.5363 4.46434 23.9966 7.50033 23.9999H16.4998C19.5357 23.9966 21.9961 21.5363 21.9994 18.5003V13.5006C21.9961 10.4646 19.5358 8.00429 16.4998 8.00096ZM18.9996 18.5003C18.9996 19.8809 17.8804 21.0001 16.4998 21.0001H7.50038C6.11976 21.0001 5.00056 19.8809 5.00056 18.5003V13.5006C5.00056 12.12 6.11976 11.0008 7.50038 11.0008H16.4998C17.8804 11.0008 18.9996 12.12 18.9996 13.5006V18.5003Z' fill='%23374957'/%3E%3Cpath d='M11.5001 13.9998H12.5C13.3284 13.9998 13.9999 14.6714 13.9999 15.4997C13.9999 16.3281 13.3284 16.9996 12.5 16.9996H11.5001C10.6717 16.9996 10.0002 16.3281 10.0002 15.4997C10.0002 14.6714 10.6717 13.9998 11.5001 13.9998Z' fill='%23374957'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_405_1506'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: contain;
    }

    .k-i-unlock::before {
        content: none !important;
    }*/

.inputSuplidor {
    display: flex;
    /*    width: 485px !important;
*/ min-width: 360px;
    width: 150% !important;
}

.textAreaMedidas {
    min-height: 50px;
    max-height: 95px;
}

.textAreaMedidasBig {
    min-height: 100px;
    max-height: 150px;
}

.textAreaMedidasFija {
    min-height: 50px !important;
    max-height: 50px !important;
    height: 50px !important;
    border-color: #ced4da !important;
}

.alertWidthSuplidor {
    max-width: 300px !important;
}

.btn_buscar_CompromisoDePago {
    width: 15%;
    display: flex;
    flex-direction: row-reverse;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    flex-wrap: row;
}

.justificarText {
    text-align: justify !important;
}

label {
    font-family: "Roboto Serif", sans-serif !important;
    /*color: black;*/
}

.chekcsPermisos {
    padding-left: 25px;
    padding-top: 20px;
}

.HeaderPermisos {
    padding: 5px;
    background-color: white;
    border-radius: 20px;
}


.k-grid .k-table-th > .k-radio, .k-grid .k-table-th > .k-radio-wrap, .k-grid .k-table-th > .k-checkbox, .k-grid .k-table-th > .k-checkbox-wrap, .k-grid td > .k-radio, .k-grid td > .k-radio-wrap, .k-grid td > .k-checkbox, .k-grid td > .k-checkbox-wrap, .k-grid .k-table-td > .k-radio, .k-grid .k-table-td > .k-radio-wrap, .k-grid .k-table-td > .k-checkbox, .k-grid .k-table-td > .k-checkbox-wrap {
    vertical-align: initial !important;
    border-color: white;
}

.k-checkbox.k-rounded-md {
    border-radius: 3px !important;
}

.k-form-legend {
    color: black !important;
    border-color: black !important;
}
/************************************/
/********************************************Yansel************************************/
* {
    /*outline: solid 1px red;*/
    /*z-index: inherit ;*/
}

.site-menu {
    font-size: 15px !important;
}

/*Tiene que ponerce en el menú o navigation del AC*/
ul.site-menu {
    font-size: 15px;
}
/*
.k-grid .k-cell-inner .k-grid-filter, .k-grid .k-cell-inner .k-header-column-menu, .k-grid .k-cell-inner .k-grid-header-menu {
    position: absolute !important;
}*/

.page-content {
    height: 84vh;
    overflow: auto;
    /*background-color: none!important;*/
    background-image: url("../../images/blue-bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
    background-position-y: bottom;
    padding: 0 15px !important;
}

.adm-description {
    color: rgba(0, 0, 0, 0.63);
    font-family: "Roboto Serif", sans-serif !important;
    /*text-align: initial;*/
    /*font-size: 0.9375rem;*/
    /*font-size: 18px;*/
    /* font-style: normal;
    font-weight: 400;
    line-height: normal;
    line-height: normal;*/
}

.k-content .container-fluid div div div {
    border: none;
    margin-left: 0 !important;
    text-transform: capitalize;
}

.k-content .container-fluid div div {
    /*border: 1px solid #F0F4FF;*/
    /*Es te caombio afecta al modal /ControlBancario/Transacciones el grd no se ve correctamente. */
    width: 100%;
    justify-content: center;
    align-items: center;
}

/*.k-content .container-fluid div div:hover {
    background-color: #F0F4FF !important;
}*/
.k-checkbox:checked, .k-checkbox.k-checked {
    /*margin-right: 10px;*/
    /*    width: 20px;
    height: 20px;*/
}

.k-panelbar-content div div div div p {
    margin: 5px;
}

.k-list-ul-custom {
    display: flex;
    justify-content: center;
    width: 100%;
}

.k-list-il-custom {
    margin: 10px;
    height: 55px;
    border: 1px solid #F0F4FF;
    width: 100%;
    padding: 0 !important;
    border-radius: 10px;
    background-color: #F0F4FF;
}

    .k-list-il-custom:hover {
        background-color: #CEE7FF;
    }

.k-list-span-custom {
    display: flex;
    width: 100%;
    text-align: center !important;
    justify-content: center;
    font-weight: 600;
    color: #025C8B;
}

.filters {
    width: 400px;
}

.k-list-content {
    /*Daña el estilo de las listas Modal de retenciones de pago /ControlBancario/CartaRetenciones*/
    max-height: 30vh;
    width: auto;
}

.k-list {
    width: auto;
}

.k-panelbar .k-panelbar-content {
    padding: 0 !important;
}

.k-button-group {
    /*width: 100% !important;*/
    padding: 0 5px;
    /*margin: 23px 0;*/
    border-radius: 1.125rem !important;
}

.k-input-inner ~ .k-button-solid-base, .k-input-inner > .k-button-solid-base {
    height: auto;
}


.k-button.k-selected {
    background-color: #00578C !important;
    color: white !important;
    font-weight: 300 !important;
    /*border-radius: 10px !important;*/
}

.navbar-inverse .site-navbar-small .site-navbar {
    background-color: #225f91 !important;
}

.k-listview {
    background-color: #F8F9FB !important;
}

.k-card-body {
    border: none !important;
    gap: 1px !important;
    /*border-radius: 0 0 16px 16px;*/
}

.k-splitbar.k-splitbar-horizontal.k-splitbar-static-horizontal {
    display: none;
}

.k-grid-header {
    /*border-color: none;*/
    height: 40px !important;
}

.k-grid .k-grid-header {
    /*Detalle de cheque, arreglo*/
    background-color: #0078B7;
    /*Para arreglar tituos columnas*/
    border: solid 1px #0078B7;
    /*padding: 0;*/
}

    .k-grid .k-grid-header .k-table-th {
        background-color: #0078B7;
        font-size: 16px;
        vertical-align: middle !important;
        /*no necesario, eliminar si todo está bien.*/
        border-radius: 0;
        /*text-align: justify;*/
        border-color: transparent !important;
        z-index: 0;
    }


.k-grid-header {
    /*display: inline-block !important;*/
}

.Module-solicitudCheque .k-grid .k-table-th {
    color: #000 !important;
}

.k-grid .k-table-th {
    color: #FFF;
    font-family: "Roboto Serif", sans-serif;
    /*font-optical-sizing: auto;*/
    font-style: normal;
    /*font-weight: 500;*/
}

.k-window-content .container-fluid .k-grid .k-grid-header {
    /* Problemas en el modal del grid /ControlBancario/Transacciones*/
    /* Le quitaaré el bg, porque los grid con los modales  */
    /*background-color: #ebebeb;*/
    border-color: #ebebeb;
}

.container-fluid {
    border-radius: 15px;
}

.k-grid .k-grid-content {
    background-color: #ffff;
    border-top-style: groove;
    border-color: #EAEAEB !important;
    border-width: thin;
    height: auto;
}
/*
.k-grid-content {
    overflow: auto !important;
}*/

.k-minCard-title {
    color: #000;
    font-family: "Roboto Serif", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.k-minCard-subtitle {
    color: #7C8282;
    font-family: "Roboto Serif", sans-serif;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 0.875rem; /* 175% */
}

.Ip-view-general-user {
    color: #7C8282;
    font-family: "Roboto Serif", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100px;
    background-color: #F8F9FB !important;
    /*padding-right: 12px;*/
}

.ViewDetails-label {
    color: #000;
    font-family: "Roboto Serif", sans-serif !important;
    text-align: center;
    /*font-family: Inter;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

.txt-default-label, .k-panelbar .k-panelbar-item {
    color: #000 !important;
    font-family: "Roboto Serif", sans-serif !important;
    text-align: center !important;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
}

.k-panelbar-header > .k-link {
    padding: 10px !important;
    color: #025C8B !important;
}

.k-table-td {
    color: #000;
    font-family: "Roboto Serif", sans-serif !important;
    font-optical-sizing: auto;
    font-size: 14px;
    font-style: normal;
}

.badge {
    font-size: 14px !important;
    padding: 0 !important;
}

.Shadow_border {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
}

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

.k-i-sort-asc-small::before {
    color: white;
}

.k-i-sort-desc-small::before {
    color: white;
}

.k-table-th {
    padding: 0 0 0 7px;
}

body {
    background-color: #006092 !important;
}

.marging_icon {
    margin-left: 10px;
    text-align: end !important;
}


.page-title {
    color: #0078B7;
    font-family: "Roboto Serif", sans-serif;
    font-size: 1.7rem !important;
    /*font-style: normal;*/
    font-weight: 700 !important;
    line-height: normal;
}

.page-description {
    color: rgba(0, 0, 0, 0.63) !important;
    text-align: initial !important;
    font-style: normal !important;
    line-height: normal !important;
}

.line-button-none {
    border-bottom-style: none !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
    text-shadow: none !important;
}

.backg-transp {
    background-color: #f8f9fb !important;
}

.k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active {
    background-color: #aecfff !important;
    padding: 21px 0 !important;
}

/*
.k-i-arrow-rotate-ccw {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cg clip-path='url(%23clip0_231_1717)'%3E%3Cpath d='M16.5024 8H12.058L13.578 6.50375C12.9202 4.33375 10.9113 2.75 8.50244 2.75C5.86244 2.75 3.68466 4.64 3.258 7.125H1.45355C1.88911 3.66875 4.87577 1 8.50244 1C11.3913 1 13.8447 2.70625 14.9647 5.13875L16.5024 3.625V8ZM3.66689 10.135C4.50244 11.9637 6.33355 13.25 8.50244 13.25C10.8224 13.25 12.778 11.7887 13.5069 9.75H15.3824C14.5913 12.7688 11.818 15 8.50244 15C5.85355 15 3.56022 13.5563 2.34244 11.4388L0.502441 13.25V8.875H4.94689L3.66689 10.135Z' fill='%230078B7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_231_1717'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
}

    .k-i-arrow-rotate-ccw::before {
        content: none !important;
    }*/

button:hover > span > div > .k-i-arrow-rotate-ccw {
    animation-name: grow-shrink;
    animation-duration: 1s;
}

@keyframes grow-shrink {
    30% {
        transform: scale(1.2);
    }

    40% {
        transform: scale(1);
        transform: rotate(360deg);
    }
}

/*.k-i-arrow-rotate-ccw::before {
    content: none;
}*/

.k-menu-link {
    justify-content: space-between;
    height: 30px;
    /*padding: 0 !important;*/
}
/*
.k-i-columns {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_204_838)'%3E%3Cpath d='M2.3333 12.8332C2.10332 12.8338 1.87551 12.7888 1.66304 12.7007C1.45057 12.6127 1.25766 12.4835 1.09547 12.3204L0.194802 11.5189C0.0792341 11.4159 0.00933054 11.2711 0.000469447 11.1166C-0.00839165 10.962 0.0445156 10.8102 0.147552 10.6947C0.250589 10.5791 0.395315 10.5092 0.549891 10.5003C0.704468 10.4915 0.856234 10.5444 0.971802 10.6474L1.89639 11.4722C1.94931 11.5317 2.01385 11.5797 2.08601 11.6132C2.15818 11.6468 2.23645 11.6652 2.31601 11.6674C2.39557 11.6696 2.47474 11.6555 2.54864 11.6259C2.62254 11.5964 2.68961 11.552 2.74572 11.4956L4.84572 9.49416C4.90057 9.43838 4.96608 9.39419 5.03836 9.36424C5.11063 9.33429 5.18819 9.31919 5.26643 9.31983C5.34466 9.32046 5.42197 9.33683 5.49374 9.36796C5.56552 9.39908 5.6303 9.44433 5.68424 9.501C5.73817 9.55767 5.78015 9.62462 5.80769 9.69785C5.83522 9.77108 5.84774 9.8491 5.8445 9.92727C5.84127 10.0054 5.82234 10.0822 5.78885 10.1529C5.75536 10.2236 5.70799 10.2868 5.64955 10.3388L3.5583 12.3303C3.39717 12.4905 3.20604 12.6174 2.99585 12.7037C2.78565 12.7899 2.56051 12.8339 2.3333 12.8332ZM13.4166 12.2498H7.5833C7.42859 12.2498 7.28022 12.1884 7.17082 12.079C7.06143 11.9696 6.99997 11.8212 6.99997 11.6665C6.99997 11.5118 7.06143 11.3634 7.17082 11.254C7.28022 11.1446 7.42859 11.0832 7.5833 11.0832H13.4166C13.5713 11.0832 13.7197 11.1446 13.8291 11.254C13.9385 11.3634 14 11.5118 14 11.6665C14 11.8212 13.9385 11.9696 13.8291 12.079C13.7197 12.1884 13.5713 12.2498 13.4166 12.2498ZM2.3333 8.16649C2.10332 8.1671 1.87551 8.12209 1.66304 8.03408C1.45057 7.94607 1.25766 7.8168 1.09547 7.65374L0.170886 6.72916C0.0646267 6.61914 0.00582994 6.47179 0.00715902 6.31884C0.0084881 6.1659 0.0698366 6.01959 0.177991 5.91143C0.286146 5.80328 0.432453 5.74193 0.585401 5.7406C0.73835 5.73927 0.885701 5.79807 0.995719 5.90433L1.92089 6.82891C2.03193 6.9351 2.17966 6.99436 2.3333 6.99436C2.48695 6.99436 2.63467 6.9351 2.74572 6.82891L4.84572 4.82749C4.95773 4.72059 5.10762 4.66256 5.26241 4.66617C5.41721 4.66978 5.56423 4.73474 5.67114 4.84674C5.77804 4.95875 5.83607 5.10864 5.83246 5.26344C5.82885 5.41824 5.7639 5.56526 5.65189 5.67216L3.5583 7.66366C3.39717 7.82385 3.20604 7.95072 2.99585 8.037C2.78565 8.12328 2.56051 8.16728 2.3333 8.16649ZM13.4166 7.58316H7.5833C7.42859 7.58316 7.28022 7.5217 7.17082 7.41231C7.06143 7.30291 6.99997 7.15454 6.99997 6.99983C6.99997 6.84512 7.06143 6.69675 7.17082 6.58735C7.28022 6.47795 7.42859 6.41649 7.5833 6.41649H13.4166C13.5713 6.41649 13.7197 6.47795 13.8291 6.58735C13.9385 6.69675 14 6.84512 14 6.99983C14 7.15454 13.9385 7.30291 13.8291 7.41231C13.7197 7.5217 13.5713 7.58316 13.4166 7.58316ZM2.3333 3.49983C2.10332 3.50043 1.87551 3.45542 1.66304 3.36741C1.45057 3.2794 1.25766 3.15013 1.09547 2.98708L0.194802 2.18558C0.0792341 2.08254 0.00933054 1.93782 0.000469447 1.78324C-0.00839165 1.62866 0.0445156 1.4769 0.147552 1.36133C0.250589 1.24576 0.395315 1.17586 0.549891 1.167C0.704468 1.15813 0.856234 1.21104 0.971802 1.31408L1.89639 2.13891C1.94931 2.19835 2.01385 2.24633 2.08601 2.2799C2.15818 2.31346 2.23645 2.33191 2.31601 2.33409C2.39557 2.33628 2.47474 2.32216 2.54864 2.29261C2.62254 2.26305 2.68961 2.21869 2.74572 2.16225L4.84805 0.160828C4.9611 0.0601861 5.10884 0.00742294 5.26006 0.0136833C5.41129 0.0199436 5.55416 0.0847373 5.6585 0.194379C5.76284 0.30402 5.82048 0.449925 5.81925 0.601275C5.81801 0.752625 5.758 0.89757 5.65189 1.0055L3.5583 2.997C3.39717 3.15719 3.20604 3.28405 2.99585 3.37033C2.78565 3.45661 2.56051 3.50062 2.3333 3.49983ZM13.4166 2.9165H7.5833C7.42859 2.9165 7.28022 2.85504 7.17082 2.74564C7.06143 2.63624 6.99997 2.48787 6.99997 2.33316C6.99997 2.17845 7.06143 2.03008 7.17082 1.92068C7.28022 1.81129 7.42859 1.74983 7.5833 1.74983H13.4166C13.5713 1.74983 13.7197 1.81129 13.8291 1.92068C13.9385 2.03008 14 2.17845 14 2.33316C14 2.48787 13.9385 2.63624 13.8291 2.74564C13.7197 2.85504 13.5713 2.9165 13.4166 2.9165Z' fill='%23374957'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_204_838'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    margin-right: 6px;
}

    .k-i-columns::before {
        content: none !important;
    }

.k-i-file-excel {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2 2C2 0.895313 2.89531 0 4 0H9V5H14V14C14 15.1031 13.1031 16 12 16H4C2.89531 16 2 15.1031 2 14V2Z' fill='%2387BD9B'/%3E%3Cpath d='M9.00002 5V0L14 5H9.00002Z' fill='%230A4D21'/%3E%3Cpath d='M6.34313 12.836C6.05513 12.836 5.91113 12.776 5.91113 12.656C5.91113 12.626 5.91713 12.593 5.92913 12.557C5.94113 12.521 5.95613 12.482 5.97413 12.44L7.18913 9.533L6.14513 6.896C6.11513 6.818 6.10013 6.758 6.10013 6.716C6.10013 6.65 6.13013 6.599 6.19013 6.563C6.25613 6.521 6.36413 6.5 6.51413 6.5H6.95513C7.07513 6.5 7.18013 6.515 7.27013 6.545C7.36013 6.569 7.42313 6.638 7.45913 6.752L8.07113 8.732L8.75513 6.68C8.78513 6.596 8.84213 6.545 8.92613 6.527C9.01613 6.509 9.12713 6.5 9.25913 6.5H9.66413C9.92813 6.5 10.0601 6.557 10.0601 6.671C10.0601 6.713 10.0361 6.788 9.98813 6.896L8.89913 9.551L10.0421 12.44C10.0781 12.53 10.0961 12.602 10.0961 12.656C10.0961 12.776 9.95513 12.836 9.67313 12.836H9.26813C9.08813 12.836 8.96513 12.821 8.89913 12.791C8.83313 12.755 8.78213 12.686 8.74613 12.584L8.03513 10.433L7.25213 12.575C7.21013 12.683 7.15613 12.755 7.09013 12.791C7.02413 12.821 6.90413 12.836 6.73013 12.836H6.34313Z' fill='%230A4D21'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    margin-right: 1rem;
}

    .k-i-file-excel::before {
        content: none !important;
    }

.k-i-file-pdf {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2 2C2 0.895313 2.89531 0 4 0H9V5H14V14C14 15.1031 13.1031 16 12 16H4C2.89531 16 2 15.1031 2 14V2Z' fill='%2380B7E5'/%3E%3Cpath d='M9 5V0L14 5H9Z' fill='%2300437A'/%3E%3Cpath d='M3.42 12.014C3.14 12.014 3 11.937 3 11.783V7.38001C3 7.19334 3.08633 7.10001 3.259 7.10001H4.47C4.98333 7.10001 5.36367 7.22834 5.611 7.48501C5.863 7.74167 5.989 8.12667 5.989 8.64001C5.989 9.14867 5.863 9.53367 5.611 9.79501C5.36367 10.0517 4.98333 10.18 4.47 10.18H4.085V11.783C4.085 11.937 3.945 12.014 3.665 12.014H3.42ZM4.085 9.26301H4.47C4.64733 9.26301 4.76867 9.21401 4.834 9.11601C4.904 9.01801 4.939 8.85934 4.939 8.64001C4.939 8.42067 4.904 8.26201 4.834 8.16401C4.76867 8.06601 4.64733 8.01701 4.47 8.01701H4.085V9.26301Z' fill='%2300437A'/%3E%3Cpath d='M6.83064 12C6.65797 12 6.57164 11.9067 6.57164 11.72V7.38001C6.57164 7.19334 6.65797 7.10001 6.83064 7.10001H8.09064C8.72064 7.10001 9.18264 7.29834 9.47664 7.69501C9.77531 8.09167 9.92464 8.71001 9.92464 9.55001C9.92464 10.39 9.77531 11.0083 9.47664 11.405C9.18264 11.8017 8.72064 12 8.09064 12H6.83064ZM7.65664 11.083H8.09764C8.35897 11.083 8.54331 10.964 8.65064 10.726C8.76264 10.488 8.81864 10.096 8.81864 9.55001C8.81864 9.00401 8.76264 8.61201 8.65064 8.37401C8.54331 8.13601 8.35897 8.01701 8.09764 8.01701H7.65664V11.083Z' fill='%2300437A'/%3E%3Cpath d='M11.0486 12.014C10.7686 12.014 10.6286 11.937 10.6286 11.783V7.38001C10.6286 7.19334 10.715 7.10001 10.8876 7.10001H12.7916C12.927 7.10001 12.9946 7.21667 12.9946 7.45001V7.66701C12.9946 7.90034 12.927 8.01701 12.7916 8.01701H11.7136V9.17201H12.7286C12.864 9.17201 12.9316 9.28867 12.9316 9.52201V9.73901C12.9316 9.97234 12.864 10.089 12.7286 10.089H11.7136V11.783C11.7136 11.937 11.5736 12.014 11.2936 12.014H11.0486Z' fill='%2300437A'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    margin-right: 1rem;
}

    .k-i-file-pdf::before {
        content: none;
    }*/

.k-i-file-excel {
    color: green;
}

.k-i-file-pdf {
    color: red;
}

.k-menu-expand-arrow {
    display: none;
}

.search_box_container {
    position: inherit !important;
    /*display: flex;*/
    /*position: absolute;*/
    top: 0 !important;
    right: 0 !important;
    /*width: 100%;*/
}

.b-red {
    background-color: red;
}

.k-grid-aria-root {
    background-color: #F8F9FB;
    padding: 0 1rem;
}

.k-grid-md .k-grouping-header {
    border-radius: 15px 15px 0 0;
}

.k-grouping-header > .k-grouping-drop-container {
    padding: 0.5rem !important;
}

.k-pager-info {
    flex-direction: row-reverse;
    justify-content: flex-end !important;
}

.space_betweens {
    width: 100%
}


button:hover > span > div > .k-i-info-circle {
    animation-name: zoom-efect;
    animation-duration: 1s;
}

@keyframes zoom-efect {
    30% {
        transform: scale(1.2);
    }

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

button:hover > span > .k-i-gear {
    animation-name: grow-shrink;
    animation-duration: 1s;
}

.margin0 {
    margin: 0;
}

.k-overlay {
    background-color: rgb(0, 0, 0, 0.3);
    !important;
    backdrop-filter: blur(5px) !important;
    opacity: initial;
}
/*
.form-group {
    display: flex;
    padding: 0px !important;
}
*/
.card-header-soli-cheque {
    padding: 0px 15px;
    color: #000 !important;
    background-color: #F6F6F6 !important;
    font-weight: 400;
}

.windw-title-custom {
    /*background-color: red !important;*/
}

.probando {
    background-color: aqua;
}

.modalEditar-content {
    display: flex;
    justify-content: space-between;
    /*  color: #37485C;
    font-family: 'Roboto Serif', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
 
        width: 100vh; */
}

.EstructureModalEditar {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    justify-content: space-between;
    /*gap: 15px;*/
}

.prueb1 {
    width: 30px;
}

.EstructureModalEditarAround {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    justify-content: space-around;
    /*gap: 15px;*/
}

.FirstContentBackgModal {
    padding: 20px 0px 0px 0px;
    background-color: #FFFFFF;
    border-radius: 25px;
    height: 71.1vh;
}

.separadorDosComponents {
    justify-content: space-between;
    width: 100% !important;
    padding: 0px 5px 5px 0;
}

.SecundContentBackgModal {
    padding: 15px 10px 0 15px;
    background-color: #F8F9FB;
    border-radius: 25px;
    height: inherit;
}

.font-label-for-inputs {
}

.TopListViewReport {
    width: 100%;
    background-color: #0078B7;
    color: white;
    padding: 10px;
}

.estruc-modal-content {
    display: flex;
    flex-direction: column;
    width: 50%;
    gap: 15px;
}

#RazonComercial {
    width: 500px;
}




-img-content {
    display: flex;
    gap: 30px;
    align-items: flex-end;
    /*padding: 0.25rem !important;*/
    /*align-content:*/
}

/*.modalEditar-info-content {
    color: #37485C !important;
    font-family: 'Roboto Serif', sans-serif !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600 !important;*/
/*gap: 30px;*/
/*}*/

/*Pantalla de carga*/
.k-loader-container-overlay k-overlay-light {
    backdrop-filter: blur(20px) !important;
}
/*
.b, strong {
    color: #000;
}*/

.adm-title {
    color: #0078B7 !important;
    font-family: "Roboto Serif", sans-serif;
    font-weight: 600;
}

.adm-title-cards {
    display: flex;
    justify-content: center;
    line-height: normal;
    color: #0078B7 !important;
    font-family: "Roboto Serif", sans-serif;
}

.Separator-style {
    color: #0078B7;
    font-weight: 600;
}

.k-i-chevron-left {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 10.9999H9L12.29 7.70994C12.3837 7.61697 12.4581 7.50637 12.5089 7.38451C12.5597 7.26265 12.5858 7.13195 12.5858 6.99994C12.5858 6.86793 12.5597 6.73722 12.5089 6.61536C12.4581 6.4935 12.3837 6.3829 12.29 6.28994C12.1026 6.10369 11.8492 5.99915 11.585 5.99915C11.3208 5.99915 11.0674 6.10369 10.88 6.28994L6.59 10.5899C6.21441 10.9633 6.00223 11.4704 6 11.9999C6.00487 12.526 6.21684 13.029 6.59 13.3999L10.88 17.6999C10.9732 17.7925 11.0838 17.8658 11.2054 17.9157C11.3269 17.9655 11.4571 17.9909 11.5885 17.9905C11.7199 17.99 11.8499 17.9637 11.9712 17.913C12.0924 17.8623 12.2024 17.7882 12.295 17.6949C12.3876 17.6017 12.4609 17.4911 12.5107 17.3696C12.5606 17.248 12.586 17.1178 12.5856 16.9864C12.5851 16.855 12.5588 16.725 12.508 16.6038C12.4573 16.4825 12.3832 16.3725 12.29 16.2799L9 12.9999H19C19.2652 12.9999 19.5196 12.8946 19.7071 12.707C19.8946 12.5195 20 12.2651 20 11.9999C20 11.7347 19.8946 11.4804 19.7071 11.2928C19.5196 11.1053 19.2652 10.9999 19 10.9999Z' fill='%23374957'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    color: transparent;
    border: 1px #D9D9D9 solid;
    margin-right: 5px;
}

    .k-i-chevron-left:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 10.9999H9L12.29 7.70994C12.3837 7.61697 12.4581 7.50637 12.5089 7.38451C12.5597 7.26265 12.5858 7.13195 12.5858 6.99994C12.5858 6.86793 12.5597 6.73722 12.5089 6.61536C12.4581 6.4935 12.3837 6.3829 12.29 6.28994C12.1026 6.10369 11.8492 5.99915 11.585 5.99915C11.3208 5.99915 11.0674 6.10369 10.88 6.28994L6.59 10.5899C6.21441 10.9633 6.00223 11.4704 6 11.9999C6.00487 12.526 6.21684 13.029 6.59 13.3999L10.88 17.6999C10.9732 17.7925 11.0838 17.8658 11.2054 17.9157C11.3269 17.9655 11.4571 17.9909 11.5885 17.9905C11.7199 17.99 11.8499 17.9637 11.9712 17.913C12.0924 17.8623 12.2024 17.7882 12.295 17.6949C12.3876 17.6017 12.4609 17.4911 12.5107 17.3696C12.5606 17.248 12.586 17.1178 12.5856 16.9864C12.5851 16.855 12.5588 16.725 12.508 16.6038C12.4573 16.4825 12.3832 16.3725 12.29 16.2799L9 12.9999H19C19.2652 12.9999 19.5196 12.8946 19.7071 12.707C19.8946 12.5195 20 12.2651 20 11.9999C20 11.7347 19.8946 11.4804 19.7071 11.2928C19.5196 11.1053 19.2652 10.9999 19 10.9999Z' fill='white'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: contain;
        width: 20px;
        height: 20px;
        animation: zoom-efect 0.5s;
        background-color: #374957;
    }

    .k-i-chevron-left::before {
        content: none !important;
    }

.k-i-chevron-right {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.0001 11.9999C17.9952 11.4738 17.7832 10.9708 17.4101 10.5999L13.1201 6.29995C12.9327 6.1137 12.6792 6.00916 12.4151 6.00916C12.1509 6.00916 11.8974 6.1137 11.7101 6.29995C11.6163 6.39291 11.5419 6.50351 11.4912 6.62537C11.4404 6.74723 11.4143 6.87794 11.4143 7.00995C11.4143 7.14196 11.4404 7.27266 11.4912 7.39452C11.5419 7.51638 11.6163 7.62698 11.7101 7.71995L15.0001 10.9999H5.00006C4.73484 10.9999 4.48049 11.1053 4.29295 11.2928C4.10542 11.4804 4.00006 11.7347 4.00006 11.9999C4.00006 12.2652 4.10542 12.5195 4.29295 12.707C4.48049 12.8946 4.73484 12.9999 5.00006 12.9999H15.0001L11.7101 16.2899C11.5218 16.4769 11.4154 16.731 11.4145 16.9964C11.4136 17.2618 11.5181 17.5166 11.7051 17.7049C11.892 17.8932 12.1462 17.9996 12.4115 18.0005C12.6769 18.0014 12.9318 17.8969 13.1201 17.7099L17.4101 13.4099C17.7856 13.0366 17.9978 12.5295 18.0001 11.9999Z' fill='%23374957'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    color: transparent;
    border: 1px #D9D9D9 solid;
    margin-right: 5px;
}

    .k-i-chevron-right:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.0001 11.9999C17.9952 11.4738 17.7832 10.9708 17.4101 10.5999L13.1201 6.29995C12.9327 6.1137 12.6792 6.00916 12.4151 6.00916C12.1509 6.00916 11.8974 6.1137 11.7101 6.29995C11.6163 6.39291 11.5419 6.50351 11.4912 6.62537C11.4404 6.74723 11.4143 6.87794 11.4143 7.00995C11.4143 7.14196 11.4404 7.27266 11.4912 7.39452C11.5419 7.51638 11.6163 7.62698 11.7101 7.71995L15.0001 10.9999H5.00006C4.73484 10.9999 4.48049 11.1053 4.29295 11.2928C4.10542 11.4804 4.00006 11.7347 4.00006 11.9999C4.00006 12.2652 4.10542 12.5195 4.29295 12.707C4.48049 12.8946 4.73484 12.9999 5.00006 12.9999H15.0001L11.7101 16.2899C11.5218 16.4769 11.4154 16.731 11.4145 16.9964C11.4136 17.2618 11.5181 17.5166 11.7051 17.7049C11.892 17.8932 12.1462 17.9996 12.4115 18.0005C12.6769 18.0014 12.9318 17.8969 13.1201 17.7099L17.4101 13.4099C17.7856 13.0366 17.9978 12.5295 18.0001 11.9999Z' fill='white'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: contain;
        width: 20px;
        height: 20px;
        animation: zoom-efect 0.5s;
        background-color: #374957;
    }

    .k-i-chevron-right::before {
        content: none !important;
    }

/*.k-grid .k-cell-inner > .k-link {
    display: block !important;
}*/

.backg-white {
    background-color: white;
}
/*
.scroll-view {
    overflow: auto;
    overflow-y: auto;
}*/

k-centered-edit {
    position: static !important;
    top: 0 !important;
    left: 0 !important;
    transform: translate(10px, 10px);
}

.gap-32 {
    gap: 32px;
}


.detailsView_body th {
    background-color: #ebebeb !important;
    color: #000 !important;
}

.k-grid-header-wrap, .k-grid-footer-wrap {
    margin: 0px !important;
}

.input-with-icon {
    background-color: white;
    display: flex;
    width: 100%;
    /*justify-content: space-between;*/
}


.back-blue {
    background-color: #0078B7;
}

.soli-cheque-arrgl {
    grid-template-rows: none !important;
}

.form-check {
    position: static !important;
    padding: 0 !important;
}

.tabla-gid {
    display: grid;
    grid-template-columns: 2fr 2fr;
    gap: 5px;
}

.responsive-inputs {
    display: flex;
    /*width: 50%;*/
}

@media (max-width:1800px) { /* big landscape tablets, laptops, and desktops */

    .tabla-gid {
        display: flex;
        flex-wrap: wrap;
    }

    /*    .responsive-input {
        width: 60%;
    }*/

}
/*Este estilo daña el responsive*/
/*@media (max-width:1300px) {
    .toolBar-search-container {
        width: 20% !important;
    }
}*/


@media (max-width:1440px) {

    .responsive-inputs {
        width: 100%;
        /*background-color: red;*/
        display: flex;
        justify-content: space-between;
    }

    /*    .elementRendimiento-responsive {
        height: 130px !important;
    }*/
}

/*@media only screen and (min-device-width: 1440px) {

}*/

.animaion-card {
    transition: all 2.3s ease-in-out !important;
}

.k-grid .k-grid-container {
    flex-direction: column;
}

/*.edit-card-Rol label {
    background-color: #FFFFFF;
    color: #00578C !important;
    font-family: "Roboto Serif", sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 0 !important;
}*/

.gap-18 {
    gap: 18px;
}

.initial-data-loader .k-loader-container-overlay.k-overlay-light {
    opacity: 0.5;
}

.align-to-end div {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.width-for-report {
    width: 100%
}

.k-grid-content-sticky > span > .btn_grid {
    border: none !important;
    padding: 1px;
}

   /* .k-grid-content-sticky > span > .btn_grid:hover {
        background-color: transparent !important;
    }*/

.k-input-inner ~ .k-icon-button {
    border: none !important;
    border-radius: 0;
    /*padding: 0;*/
}

    .k-input-inner ~ .k-icon-button:hover {
        background-color: transparent !important;
    }

.k-input-md > .k-button.k-input-button .k-input-md ~ .k-button.k-input-button {
    border: none !important;
    padding: 0;
}

.trv-nav .k-menu .k-item > .k-link > .k-icon {
    width: 17px;
}

.k-button-md .k-icon-button .k-button-icon {
    /*margin: 2px;*/
    min-width: 20px !important;
    min-height: 20px !important;
}

.file_container {
    height: max-content;
}

/*.k-i-file-config {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_625_35)'%3E%3Cpath d='M21 15H18C17.2044 15 16.4413 15.3161 15.8787 15.8787C15.3161 16.4413 15 17.2044 15 18V21H4.5C4.10218 21 3.72064 20.842 3.43934 20.5607C3.15804 20.2794 3 19.8978 3 19.5V4.5C3 4.10218 3.15804 3.72064 3.43934 3.43934C3.72064 3.15804 4.10218 3 4.5 3H14.5C14.8978 3 15.2794 2.84196 15.5607 2.56066C15.842 2.27936 16 1.89782 16 1.5C16 1.10218 15.842 0.720644 15.5607 0.43934C15.2794 0.158035 14.8978 0 14.5 0L4.5 0C3.30653 0 2.16193 0.474106 1.31802 1.31802C0.474106 2.16193 0 3.30653 0 4.5L0 19.5C0 20.6935 0.474106 21.8381 1.31802 22.682C2.16193 23.5259 3.30653 24 4.5 24H16.485C17.6781 23.9997 18.8223 23.5257 19.666 22.682L22.682 19.666C23.5257 18.8223 23.9997 17.6781 24 16.485V11.506C24 11.1082 23.842 10.7266 23.5607 10.4453C23.2794 10.164 22.8978 10.006 22.5 10.006C22.1022 10.006 21.7206 10.164 21.4393 10.4453C21.158 10.7266 21 11.1082 21 11.506V15Z' fill='%235C5C5C'/%3E%3Cpath d='M20.9629 0.999794C20.5627 1.01153 20.169 1.10444 19.8058 1.2729C19.4426 1.44136 19.1173 1.68186 18.8499 1.97979L10.7139 11.0728C11.6273 11.206 12.4857 11.5903 13.1934 12.1829C13.9011 12.7755 14.4303 13.553 14.7219 14.4288L23.1219 6.02879C23.6731 5.47632 23.9827 4.72774 23.9827 3.94729C23.9827 3.16685 23.6731 2.41827 23.1219 1.86579C22.8383 1.58429 22.5011 1.36259 22.1302 1.21383C21.7593 1.06507 21.3624 0.992288 20.9629 0.999794Z' fill='%235C5C5C'/%3E%3Cpath d='M9.28804 13.0669C6.97104 13.5129 5.82304 16.0929 5.32504 17.7009C5.27808 17.8508 5.26708 18.0096 5.29294 18.1645C5.31881 18.3195 5.3808 18.4661 5.4739 18.5926C5.567 18.7191 5.68859 18.8219 5.82882 18.8927C5.96905 18.9634 6.12398 19.0002 6.28104 18.9999H10C10.4172 19 10.8297 18.9131 11.2113 18.7447C11.593 18.5764 11.9353 18.3303 12.2165 18.0222C12.4977 17.7141 12.7115 17.3508 12.8444 16.9554C12.9772 16.56 13.0261 16.1413 12.988 15.7259C12.9349 15.3015 12.7947 14.8926 12.5762 14.5249C12.3577 14.1572 12.0657 13.8386 11.7183 13.589C11.371 13.3393 10.9758 13.1641 10.5577 13.0743C10.1395 12.9845 9.70725 12.982 9.28804 13.0669Z' fill='%235C5C5C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_625_35'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
}

    .k-i-file-config:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_625_35)'%3E%3Cpath d='M21 15H18C17.2044 15 16.4413 15.3161 15.8787 15.8787C15.3161 16.4413 15 17.2044 15 18V21H4.5C4.10218 21 3.72064 20.842 3.43934 20.5607C3.15804 20.2794 3 19.8978 3 19.5V4.5C3 4.10218 3.15804 3.72064 3.43934 3.43934C3.72064 3.15804 4.10218 3 4.5 3H14.5C14.8978 3 15.2794 2.84196 15.5607 2.56066C15.842 2.27936 16 1.89782 16 1.5C16 1.10218 15.842 0.720644 15.5607 0.43934C15.2794 0.158035 14.8978 0 14.5 0L4.5 0C3.30653 0 2.16193 0.474106 1.31802 1.31802C0.474106 2.16193 0 3.30653 0 4.5L0 19.5C0 20.6935 0.474106 21.8381 1.31802 22.682C2.16193 23.5259 3.30653 24 4.5 24H16.485C17.6781 23.9997 18.8223 23.5257 19.666 22.682L22.682 19.666C23.5257 18.8223 23.9997 17.6781 24 16.485V11.506C24 11.1082 23.842 10.7266 23.5607 10.4453C23.2794 10.164 22.8978 10.006 22.5 10.006C22.1022 10.006 21.7206 10.164 21.4393 10.4453C21.158 10.7266 21 11.1082 21 11.506V15Z' fill='%23374957'/%3E%3Cpath d='M20.9629 0.999794C20.5627 1.01153 20.169 1.10444 19.8058 1.2729C19.4426 1.44136 19.1173 1.68186 18.8499 1.97979L10.7139 11.0728C11.6273 11.206 12.4857 11.5903 13.1934 12.1829C13.9011 12.7755 14.4303 13.553 14.7219 14.4288L23.1219 6.02879C23.6731 5.47632 23.9827 4.72774 23.9827 3.94729C23.9827 3.16685 23.6731 2.41827 23.1219 1.86579C22.8383 1.58429 22.5011 1.36259 22.1302 1.21383C21.7593 1.06507 21.3624 0.992288 20.9629 0.999794Z' fill='%23374957'/%3E%3Cpath d='M9.28804 13.0669C6.97104 13.5129 5.82304 16.0929 5.32504 17.7009C5.27808 17.8508 5.26708 18.0096 5.29294 18.1645C5.31881 18.3195 5.3808 18.4661 5.4739 18.5926C5.567 18.7191 5.68859 18.8219 5.82882 18.8927C5.96905 18.9634 6.12398 19.0002 6.28104 18.9999H10C10.4172 19 10.8297 18.9131 11.2113 18.7447C11.593 18.5764 11.9353 18.3303 12.2165 18.0222C12.4977 17.7141 12.7115 17.3508 12.8444 16.9554C12.9772 16.56 13.0261 16.1413 12.988 15.7259C12.9349 15.3015 12.7947 14.8926 12.5762 14.5249C12.3577 14.1572 12.0657 13.8386 11.7183 13.589C11.371 13.3393 10.9758 13.1641 10.5577 13.0743C10.1395 12.9845 9.70725 12.982 9.28804 13.0669Z' fill='%23374957'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_625_35'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: contain;
    }*/

/*    .k-i-file-config::before {
        content: none !important;
    }*/
/*
.k-i-copy {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_625_39)'%3E%3Cpath d='M17.0001 4.879L12.1211 0H5.00012C4.20447 0 3.44141 0.31607 2.8788 0.87868C2.31619 1.44129 2.00012 2.20435 2.00012 3V19H17.0001V4.879ZM5.00012 16V3H10.0001V7H14.0001V16H5.00012ZM22.0001 9.879V24H7.00012V21H19.0001V6.879L22.0001 9.879Z' fill='%235C5C5C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_625_39'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
}

    .k-i-copy:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg id='fi-bs-copy-alt' clip-path='url(%23clip0_625_39)'%3E%3Cpath id='Vector' d='M17.0001 4.879L12.1211 0H5.00012C4.20447 0 3.44141 0.31607 2.8788 0.87868C2.31619 1.44129 2.00012 2.20435 2.00012 3V19H17.0001V4.879ZM5.00012 16V3H10.0001V7H14.0001V16H5.00012ZM22.0001 9.879V24H7.00012V21H19.0001V6.879L22.0001 9.879Z' fill='%23374957'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_625_39'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: contain;
    }

    .k-i-copy::before {
        content: none !important;
    }*/

.page-subTitle {
    color: #0078B7;
    font-family: "Roboto Serif", sans-serif;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    /*background-color: red;*/
}

.btn_permisos > .k-i-eye {
    background-image: none !important;
}

    .btn_permisos > .k-i-eye::before {
        /*content*/
    }


.k-i-calendar {
    color: #0078B7;
}

/*.k-i-calendar{
    content: none !important;
}*/

.page-content > div {
    min-height: auto;
}

.borderEnModales {
    border-radius: 5px
}

.k-i-check-circle:hover {
    animation-name: zoom-efect;
    animation-delay: 1s;
}


/*Esto le da un tamaño mask grande a los iconos*/

/*.k-i-calculator::before, .fa-money:before, .k-i-envelope::before, k-i-edit-tools::before, .k-i-track-changes::before, .k-i-file-report::before {
    font-size: 20px;*/
/*color: rgb(94, 94, 94);*/
/*}*/

.btnWithIconRigth {
    border-radius: 50px 0 50px 0 !important;
}

.btnWithIconLeft {
    border-radius: 0px 50px 0px 50px !important;
}

.mh-130px {
    max-height: 130px;
}

.site-footer {
    z-index: 2;
    height: 35px !important;
  /*  position: fixed;*/
    bottom: 0;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.actions_container {
    /*background-color: white;*/
}

[class*=" fa-"], [class^=fa-] {
    font-size: 14px;
}


.k-table-td > span > button > span {
    font-size: 17px !important;
    height: 12px;
}

    .k-table-td > span > button > span:hover {
        font-size: 21px !important;
    }

.bg_for_grid {
    background-color: white;
    padding: 0 0 15px 0;
    border-radius: 15px;
}

.k-dropdownlist-popup {
    height: auto !important;
}

.style_for_form {
    gap: 15px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
}

.k-grid .k-grid-md .k-hierarchy-cell > .k-icon, .k-grid .k-grid-md .k-drag-cell > .k-icon, .k-grid-md .k-hierarchy-cell > .k-icon, .k-grid-md .k-drag-cell > .k-icon {
    align-content: center;
}

/********************************************Yansel*d***********************************/
/*borde center label seleccion de un registro center una tabla*/
.k-grid .k-table-th:focus, .k-grid .k-table-th.k-focus, .k-grid td:focus, .k-grid td.k-focus, .k-grid .k-table-td:focus, .k-grid .k-table-td.k-focus, .k-grid .k-master-row > td:focus, .k-grid .k-master-row > td.k-focus, .k-grid .k-grouping-row > td:focus, .k-grid .k-grouping-row > td.k-focus, .k-grid .k-detail-row > td:focus, .k-grid .k-detail-row > td.k-focus, .k-grid .k-group-footer > td:focus, .k-grid .k-group-footer > td.k-focus, .k-grid .k-master-row > .k-table-td:focus, .k-grid .k-master-row > .k-table-td.k-focus, .k-grid .k-grouping-row > .k-table-td:focus, .k-grid .k-grouping-row > .k-table-td.k-focus, .k-grid .k-detail-row > .k-table-td:focus, .k-grid .k-detail-row > .k-table-td.k-focus, .k-grid .k-group-footer > .k-table-td:focus, .k-grid .k-group-footer > .k-table-td.k-focus, .k-grid .k-grid-pager:focus, .k-grid .k-grid-pager.k-focus {
    box-shadow: none !important;
}

.reference_link_item {
    cursor: pointer;
}

    .reference_link_item:hover {
        text-decoration: underline;
    }

.k-switch-label-on, .k-switch-label-off {
    display: inline;
}

.k-pager-md {
    padding-block: 0 !important;
    padding-inline: 15px !important;
    display: flex;
    flex-direction: row-reverse;
}

.k-switch-label-on {
    left: 7px;
    /*color: #ffffff;*/
    text-transform: uppercase;
}

.k-switch-label-off {
    right: 5px;
    /*color: #424242;*/
    text-transform: uppercase;
}

.k-switch-thumb-wrap {
    /*left: 80% !important;*/
}

.k-switch-md.k-switch-off .k-switch-thumb-wrap {
    /*left: 20px;*/
}

.k-switch-md.k-switch-on .k-switch-thumb-wrap {
    /*left: calc(100% - 10px) !important;*/
}

.k-switch-md .k-switch-track {
    /*height: 38px;*/
    width: 100%;
    /*margin-left: 5px;*/
}

.k-switch-on .k-switch-track {
    background-color: white;
}

.k-switch-on .k-switch-thumb {
    background-color: #025C8B !important;
}

.k-switch-md .k-switch-thumb {
    width: 20px;
    height: 20px;
}

/*tooltip*/

.tooltip-validation-error {
    color: white;
    background-color: red;
    display: block;
    padding: 4px;
}

.tooltip-border.k-tooltip {
    border-radius: 12px !important;
}

.validation-error.k-tooltip {
    background-color: red;
    border-radius: 12px 12px 0 0;
}

    .validation-error .k-tooltip .k-callout {
        border-top-color: red;
    }

.grid_cell_validation {
    color: white;
    background-color: rgba(243, 23, 0, 0.7);
}


.k-tooltip-positive .k-tooltip {
    background-color: #E7FAEA;
    border-radius: 12px !important;
    color: black;
    padding: 10px;
}

    .k-tooltip-positive .k-tooltip .k-callout {
        border-top-color: #E7FAEA;
    }

.k-tooltip-warning .k-tooltip {
    background-color: #FEF8EB;
    border-radius: 12px !important;
    color: black;
    padding: 10px;
}

    .k-tooltip-warning .k-tooltip .k-callout {
        border-top-color: #FEF8EB;
    }

.k-tooltip-error .k-tooltip {
    background-color: #FBEFEB;
    border-radius: 12px !important;
    color: black;
    padding: 10px;
}

    .k-tooltip-error .k-tooltip .k-callout {
        border-top-color: #FBEFEB;
    }

/*End Tooltips*/
.k-splitter {
    border-color: transparent;
}

.w-fit {
    width: fit-content;
}

/*Recordar quitar, ya  que daña el estilo de lo grids.*/
.k-toolbar {
    background-color: transparent;
}

.MontoLabel {
    color: green !important;
    font-weight: bold !important;
    font-size: 12px;
}

.MontoRedLabel {
    color: red !important;
    font-weight: bold !important;
    font-size: 12px;
}

/*.MontoInput {
    height: 34px;
}*/

.MontoInput > input.k-input-inner {
    color: green !important;
    font-weight: bold !important;
    /*font-size: 12px;*/
    text-align: right;
}

color-lightblue {
    color: rgb(72, 79, 134) !important;
}

.bg_red {
    color: white;
}

.bg_blue {
    color: #429AC8 !important;
}

.bg_green {
    color: #00CC13 !important;
}

.bg_white {
    background-color: white !important;
}

bg_white_without_important {
    background-color: white;
}

/*El color del txt en compras e inventario, es de color azul pero esta propiedad lo pone blanco (ComprasInventario/TransaccionesInventario/Formulario/Entradas)*/

.bg_primary {
    background-color: #f8f9fa !important;
}

.img-fluid {
    max-width: 100%;
    /*height: auto !important;*/
}

.img-circle {
    /*object-fit: cover !important;*/
    border-radius: 50%;
}

.profile-user-img {
    border: 3px solid #adb5bd;
    margin: 0;
    padding: 3px;
    width: 100px;
    object-fit: cover;
}

    .profile-user-img:hover {
        border: 3px solid #54575aab;
    }


.img-fluid {
    max-width: 100%;
    height: auto;
}

.k-listview-header {
    /*padding: 20px 28px;*/
    text-transform: uppercase;
    font-family: "Roboto Serif", sans-serif !important;
}

.k-card {
    padding: 10px;
    /*border-width: 0 0 1px 0;*/
    /*box-shadow: none;*/
    border-radius: 1.125rem !important;
    background-color: white;
}

.k-tilelayout-item-body {
    border-radius: 1.125rem !important;
    background-color: #F8F9FB !important;
}

.k-card:last-child {
    /*  border-bottom: 0;*/
}

.avatar img {
    width: 30px !important;
    height: 30px !important;
    object-fit: cover;
}


.k-card .k-card-image {
    max-width: unset;
}

.k-card-horizontal > .k-card-image:last-child {
    border-radius: 0;
}

.k-card-subtitle {
    font-size: 1em;
}

.card-date {
    font-size: 0.85em;
    color: #bababa;
}

.k-grid .k-alt {
    background-color: #fff;
}

.k-master-row .k-grid-content-sticky {
    background-color: white;
    border-top-color: transparent;
}

.k-alt:hover {
    /*sI TODO SALE BIEN ELIMINAR "GRID" */
    /* background-color: rgb(236, 236, 236) !important;*/

    background-color: #FFFDCE !important;
}

.k-grid tr.k-selected > td {
    color: white !important;
}

.btn_green {
    background-color: rgb(0, 158, 15);
    color: white !important;
}

    .btn_green:hover {
        background-color: rgb(85, 190, 95);
        color: white !important;
    }

/*MODIFICADO POR RUSBEL (Background de los botones (no el de iconos))*/
.btn_blue {
    border: 1px solid #D9D9D9;
    /*background-color: rgba(255, 255, 255, 1) !important;     este es 1*/

    color: rgba(2, 92, 139, 1) !important;
}

    .btn_blue:hover {
        background-color: #36578C;
        color: white;
    }

.icon_red {
    color: red !important;
}

.btn_yellow {
    background-color: darkorange;
    color: white;
}

    .btn_yellow:hover {
        background-color: orange;
        color: white;
    }

.btn_full {
    width: 100%;
}

.img-zoom {
    transition: transform .2s
}

    .img-zoom:hover {
        transform: scale(0.8);
    }

/*//editado por rusbel*/
.k-button-solid-base.k-selected {
    /*border-color: #f7f7f7;*/
}
/*
.k-button-solid-error {
    border-color: #dc3545 !important;
    color: #dc3545 !important;
    background-color: white !important;
    border-radius: 50px;
}

    .k-button-solid-error:hover {
        color: white !important;
        background-color: #c82333 !important;
    }*/

.k-master-row:hover .k-grid-content-sticky {
    background-color: #FEE5A0;
}

.k-grid .k-alt:hover {
    background-color: #FEE5A0;
}

.k-filter-menu-container button {
    border-radius: 21px;
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
    color: white;
}

.k-cell-inner .k-grid-filter, .k-cell-inner .k-header-column-menu, .k-cell-inner .k-grid-header-menu {
    position: static;
    -webkit-margin-end: 0.5rem;
    margin-inline-end: 3.5rem;
}

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu, .k-grid-header .k-grid-header-menu {
    bottom: 0;
    top: 0.125rem;
}

.k-window-content {
    /*background-color: none!important;*/
    background-image: url("../../images/blue-bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
    /*background-position: bottom;*/
    background-color: rgb(233, 236, 237);
    color: #000 !important;
    font-family: "Roboto Serif", sans-serif !important;
    /*border-radius: 5px !important;*/


    transition: transform 0.3s ease-in-out;
}

.k-modal-backdrop {
    transition: opacity 0.3s ease-in-out;
}

    .k-modal-backdrop.k-show {
        opacity: 1;
    }

.k-modal-content {
    transition: transform 0.3s ease-in-out;
}

    .k-modal-content.k-show {
        transform: translateY(0px); /* Modal visible */
    }

    .k-modal-content.k-hidden {
        transform: translateY(-500px); /* Modal oculto */
    }

.k-tabstrip {
    transition: all 0.3s ease-in-out;
}

    .k-tabstrip .k-tabstrip-content {
        transition: all 0.3s ease-in-out;
    }

        .k-tabstrip .k-tabstrip-content.k-hidden {
            opacity: 0;
            height: 0;
        }

        .k-tabstrip .k-tabstrip-content.k-active {
            opacity: 1;
            height: auto;
        }


.card-footer {
    background-color: white;
    border-radius: 0 0 15px 15px !important;
    padding: 20px;
    display: flex;
    justify-content: space-between;
}

.card-footer-alter {
    width: 100%;
    background-color: white;
    border-radius: 0 0 15px 15px !important;
    padding: 20px 0 0 0;
    display: flex;
    justify-content: space-between;
}

.k-form-field .k-form-field-wrap div .card-footer {
    background: transparent !important;
}

@font-face {
    font-display: "Gotham Medium Regular";
    src: url("/Fonts/Gotham Medium Regular.ttf"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

@font-face {
    font-display: "Gotham Bold Regular";
    src: url("/Fonts/Gotham Bold Regular.ttf"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

.k-grid-right {
    text-align: right !important;
}

.k-grid-justify {
    text-align: center !important;
}

table tbody tr .k-grid-right {
    padding-right: 20px !important;
}

.grid-padding-header {
    padding-right: 4.5em !important
}

.simple-grid-padding-header {
    padding-right: 17px !important
}

.k-grid-header .k-with-icon, .k-grid-header .k-filterable {
    padding-right: 0px;
}

/* non-sortable headers */
.k-grid th.k-grid-justify {
    text-align: center;
}

/* sortable headers */
th.k-grid-justify .k-cell-inner > .k-link {
    justify-content: center;
}

/* RIGHT */

/* non-sortable headers */
.k-grid th.k-grid-right {
    text-align: right;
}

/* sortable headers */
th.k-grid-right .k-cell-inner > .k-link {
    justify-content: right;
    /*justify-content: left;*/
}

.k-grid-justify.grid-justify-padding-right {
    padding-right: 3em !important;
}

/* unbound and non-filterable columns */
.k-grid-header th.k-grid-right.grid-right-padding {
    padding-right: 3em;
}

    /* filterable grid, sortable non-filterable columns */
    .k-grid-header th.k-grid-right.grid-right-padding > .k-cell-inner {
        margin-right: 0;
    }


.k-grid-header .k-grid-filter.k-active,
.k-grid-header .k-header-column-menu.k-active,
.k-grid-header .k-hierarchy-cell .k-icon.k-active {
    color: black;
    background-color: #d4e7ff !important;
}

/*Set de las fuentes del sistema globalmente*/
button {
    font-style: normal;
    /*-webkit-font-smoothing: antialiased;*/
    /*-webkit-text-stroke-width: 0px;*/
    /*-moz-osx-font-smoothing: grayscale;*/
}

.k-grid {
    font-style: normal;
    border: none;
    background-color: transparent !important;
    /*-webkit-font-smoothing: antialiased;*/
    /*Hace que se vea borroso el grid*/
    /*-webkit-text-stroke-width: 0.2px;*/
    /*-moz-osx-font-smoothing: grayscale;*/
    /*    border: none;
    height: auto;*/
}

.grid_header {
    font-style: normal;
    /*-webkit-font-smoothing: antialiased;*/
    /*-webkit-text-stroke-width: 0.2px;*/
    /*-moz-osx-font-smoothing: grayscale;*/
}

.k-drawer-content {
    padding: 1px !important;
}

.k-grouping-header {
    background-color: white !important;
    color: #939393;
}
/*Custom css componentes*/
/*EDICION del CSS del BOTON CREAR NUEVO - editado por Rusbel*/

.btn_white {
    border: 1px solid #D9D9D9 !important;
    background-color: rgba(255, 255, 255, 1) !important;
    color: #025C8B !important;
    border-radius: 50px !important;
    width: auto;
    height: 34px;
}

.btn_hover:hover {
    background-color: #CEE7FF !important;
}

.btn_delete {
    /* border: 1px solid #D9D9D9 !important; */
    background-color: rgb(223, 82, 82) !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    width: auto;
    height: 33px;
}

.btn_cancel {
    /* border: 1px solid #D9D9D9 !important; */
    background-color: #667C97 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    width: auto;
    height: 33px;
}

.pane-content-table {
    width: 1500px !important;
}

.btn_white_circle {
    border: 1px solid #D9D9D9 !important;
    /*background-color: rgba(255, 255, 255, 1) !important;     este es 1*/
    background-color: rgba(255, 255, 255, 1) !important;
    color: #025C8B !important;
    border-radius: 100% !important;
    width: 35px !important;
    height: 35px !important;
}

.btn_white:hover {
    background-color: #CEE7FF !important;
}

.btn_white_circle:hover {
    background-color: #CEE7FF !important;
}

.icon_container > span {
    font-size: 28px;
    margin-right: 0;
}


.grid-action-button_container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    color: #025C8B !important;
    font-family: "Roboto Serif", sans-serif !important;
    gap: 10px;
    padding: 0 6px;
}




.action_buttom {
    padding: 0.375rem 0.75rem;
    border-radius: 0 !important;
    background-color: white;
    color: #025C8B; /*color de la letras*/
}

.action_buttom_blue {
    padding: 0.175rem 1.75rem;
    background-color: white;
    border: #939393 solid 1px;
    color: #1975C2; /*color de la letras*/
    border-radius: 0px;
}

.action_buttom_blue {
    padding: 0.175rem 1.75rem;
    background-color: white;
    border: #939393 solid 1px;
    color: #1975C2; /*color de la letras*/
    border-radius: 0px;
}

.button_borders {
    border-radius: 14px !important;
}

.WithoutBorders {
    border: 0;
    border-radius: 0;
}

.grid-action-button > img {
    width: 24px;
}

.grid-action-button > span > .icon_container > img {
    width: 15px;
}

    .grid-action-button > span > .icon_container > img:hover {
        background-color: #212529;
    }

.grid-action-button > span.k-button-text {
    display: contents;
}


/*Modificacion del dropdown*/
.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    background-color: white;
    border-color: #939393 !important;
    color: #939393 !important;
    border-radius: .215rem;
}

/*Mosidicacion del padding del menu*/
.k-menu.k-menu-horizontal:not(.k-context-menu) {
    border-radius: 0 !important;
    padding: 0;
    gap: 2px;
}

.k-textarea {
    /*  border-radius: 0px;
    border-color: #939393 !important;
    color: #939393 !important;*/
}

.k-grid-search {
    /* background-color: #1B74BB;*/
    color: gray;
    position: inherit !important;
    /*padding: 16px;*/
    right: -1px;
}


    .k-grid-search:hover {
        background-color: #CEE7FF;
    }

.k-grid-pager {
    width: 100%;
    border: none;
    /*background: #F1F4F5;*/
    /*Los grid se ven mejor con este estilo*/
    border-radius: 0 0 15px 15px;
    flex-direction: row-reverse !important;
}

.k-pager-nav.k-link, .k-pager-refresh {
    border-color: #939393;
    color: #5191C8;
    background-color: #ffffff;
    border-radius: 0;
    transition: 0.3s;
}

.k-textbox.k-invalid, .k-textbox.k-state-invalid, .k-textbox.ng-invalid.ng-touched, .k-textbox.ng-invalid.ng-dirty {
    border-color: #dc3545 !important;
}

.card-footer > button[class="btn btn-info k-button telerik-blazor"] {
    padding: 0.375rem 2.75rem;
    background-color: white;
    border: #939393 solid 1px;
    color: #939393;
    border-radius: 0px;
}

.k-i-filter::before {
    content: "\e006" !important;
}

.k-combobox .k-dropdown-wrap {
    background-color: white;
    border-color: #939393 !important;
    border-right-width: 0;
    border-right-style: none;
    color: #939393 !important;
    border-radius: 0;
    box-sizing: border-box;
    height: 2.573rem;
    font-weight: 300;
    border-color: #e4eaec;
    box-shadow: none;
    transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
    -webkit-appearance: none;
}

body{
    overflow-y: hidden !important;
}

.body {
    overflow: hidden;
}

.h-75vh {
    padding: 15px;
}

.k-combobox .k-dropdown-wrap .k-select {
    background-color: #1B74BB !important;
    color: white !important;
}

.k-datepicker .k-picker-wrap, .k-datepicker .k-dateinput-wrap, .k-timepicker .k-picker-wrap, .k-timepicker .k-dateinput-wrap, .k-datetimepicker .k-picker-wrap, .k-datetimepicker .k-dateinput-wrap, .k-dateinput .k-picker-wrap, .k-dateinput .k-dateinput-wrap {
    border-color: #939393 !important;
    color: #939393 !important;
    background-color: #ffffff;
    border-radius: 21px;
}


.k-picker-wrap .k-select {
    background-color: #1B74BB !important;
    color: white !important;
}

.k-calendar .k-selected .k-link {
    border-color: #1B74BB;
    color: #ffffff;
    background-color: #1B74BB;
}

.k-numerictextbox .k-numeric-wrap {
    border-color: #939393 !important;
    color: #939393 !important;
    background-color: #ffffff;
    border-radius: 0;
}

.select_input {
    background-color: white;
    border-color: #939393 !important;
    color: #939393 !important;
    border-radius: 0;
}

.select_borders {
    border-radius: 14px !important;
}
/*Details View*/
.detailsView_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
    width: 100%;
    background-color: white;
    border-radius: 15px;
    margin-bottom: 20px;
    padding: 30px;
    border-color: #053E7A;
    border: 0;
    box-shadow: 0 15px 30px 0 rgba(165, 165, 165, 0.2), 0 15px 30px 0 rgba(150, 150, 150, 0.19);
}

.detailsView_actions {
    display: flex;
    padding: 4px;
    border-bottom: 1px solid black;
    justify-content: end;
}

.detailsView_body {
    display: grid;
    grid-template-columns: 50% 50%;
}

.containerBody {
    width: 100%;
    background-color: white;
    border-radius: 15px;
    margin-bottom: 20px;
    padding: 30px;
    border-color: #053E7A;
    border: 0;
    /*        box-shadow: 0 15px 30px 0 rgba(165, 165, 165, 0.2), 0 15px 30px 0 rgba(150, 150, 150, 0.19);*/
}

.header {
    /* width: 100%; */
    font-family: "Roboto Serif", sans-serif !important;
    background-color: #2d76b5;
    font-weight: 600;
    padding: 7px;
    border-radius: 15px 15px 0 0;
    color: white;
    font-size: 20px;
    /* margin-bottom: 10px; */
    text-align: center;
}

.file {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 15px;
}

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


.k-numerictextbox span.k-input-spinner.k-spin-button {
    display: none;
}

.pane-content {
    padding: 0 24px;
    /*style:background-color:fuchsia;*/
}

/*Cambios a las notificaciones*/
.stock-info-message {
    font-size: 14px !important;
}

.k-notification-error {
    border-color: #f8d7da;
    color: black;
    background-color: white;
}

.k-notification-warning {
    border-color: #fada5e;
    color: black;
    background-color: white;
}

.k-i-error::before {
    color: rgb(247, 49, 49);
    font-size: 2rem;
    margin-top: 0.35rem;
}

.k-i-error {
    color: rgb(247, 49, 49);
    font-size: 2rem;
    margin-top: 0.35rem;
}

.k-notification-success {
    color: black;
    background-color: white;
}

.k-notification-wrap .k-i-check {
    color: rgb(100, 190, 56);
    font-size: 2rem;
    margin-top: 0.25rem;
}

.k-notification-wrap .k-i-success::before {
    color: rgb(100, 190, 56);
    font-size: 2rem;
    margin-top: 0.25rem;
}

.k-notification-wrap .k-i-success {
    color: rgb(100, 190, 56);
    font-size: 2rem;
    margin-top: 0.25rem;
}


.k-notification-info {
    color: black;
    background-color: white;
}

.k-notification-wrap .k-i-information {
    color: rgb(190, 229, 235);
    font-size: 2rem;
    margin-top: 0.25rem;
}

    .k-notification-wrap .k-i-information::before {
        color: rgb(103, 217, 235);
        font-size: 2rem;
        margin-top: 0.25rem;
    }

.k-notification-wrap .k-i-information {
    color: rgb(103, 217, 235);
    font-size: 2rem;
    margin-top: 0.25rem;
}

.k-selected {
    background-color: #CCD8FD !important;
    color: black !important;
    font-weight: bold;
}

.k-master-row.k-selected {
    background-color: #FEE5A0;
}

.k-master-row.k-alt.k-selected {
    background-color: #FEE5A0;
}

.k-grid th.k-selected, .k-grid td.k-selected, .k-grid tr.k-selected > td {
    color: black !important;
    background-color: #FEE5A0;
}

/*thead {
    background-color: #36578C !important;
    color: white !important;
    font-weight: bold !important;

}
*/

.k-columnmenu-item-content {
    padding: 8px !important;
}

}
/*legend poner una altura al boton del input buscar */
.k-input-icon {
    /*height: 2.4rem;*/
}

/*.k-command-cell .k-icon:hover {
    color: rgb(94, 94, 94);
    font-size: 1.8rem;
    transition: ease 0.3s;
}
*/
.k-command-cell .k-icon.k-i-delete:hover {
    color: red;
}

.k-command-cell .k-icon.k-i-edit:hover {
    color: #36578C;
}

.k-tabstrip .k-content {
    overflow-x: hidden;
}

.k-menu-group, .k-menu.k-context-menu {
    border-radius: 8px;
}

.k-popup {
    border-radius: 0 !important;
    margin: 0;
    padding: 0px !important;
    border-width: 1px;
    border-style: none;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.validation-message {
    color: red !important;
    font-size: 14px !important;
}

.align_content_center_row {
    display: flex !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: center !important;
    overflow-y: auto;
}

.flex-direction-row {
    display: inline-flex;
    flex-direction: column;
}

.bg_gray_color {
    background-color: rgb(229, 229, 229) !important;
}

    .bg_gray_color > .k-command-cell.k-grid-content-sticky {
        background-color: rgb(229, 229, 229) !important;
    }

.bg_gray_level2 {
    background-color: rgb(236, 236, 236) !important;
}

.k-tabstrip-items-wrapper .k-item {
    color: black;
    background-color: white;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    margin-bottom: 0px;
}

.list-group-item.dropdown-item #notification {
    white-space: unset;
}

.k-card-header {
    color: #0078B7;
    font-family: "Roboto Serif", sans-serif;
    font-style: normal;
    line-height: normal;
    border-color: rgba(0, 0, 0, 0.125);
    border-radius: 15px;
    background-color: transparent;
    /*    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;*/
    border-style: none !important;
    /*Con este cambio el adm dashboar no se ve bien*/
    padding: 0px !important;
}

.card-header {
    color: #0078B7 !important;
    font-family: "Roboto Serif", sans-serif;
    background-color: transparent;
}

.alt-card-header {
    background-color: #f8f9fa !important;
}

background-color: #f8f9fa;
.k-grid .k-table-row {
    background-color: #fafafa;
}

.telerik-blazor.fa-spinner:hover {
    font-size: 16px;
}

.k-button.telerik-blazor > span.k-button-text {
    display: contents;
}

.k-scheduler-row .k-heading-cell {
    background-color: rgb(54, 87, 140) !important;
    color: white !important;
    text-transform: capitalize;
}

.k-scheduler-toolbar .k-nav-current .k-icon {
    color: rgb(25, 117, 194);
}

.k-calendar-thead .k-calendar-tr .k-calendar-th {
    color: black;
}

.full-width {
    min-width: 100% !important;
    width: 100% !important;
}

.cursor_container {
    cursor: pointer;
}

.grid_cell_validation {
    border-color: red;
    border-width: 1px;
}

.hover_shadow_div {
    transition: 0.3s;
}

    .hover_shadow_div:hover {
        box-shadow: 0px 1px 4px;
        cursor: pointer;
    }

.NoEdition_container {
}

    .NoEdition_container > label {
        margin-right: 2.05rem;
    }

#form_editor_btn_edit {
}

.config_header {
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .config_header > img {
        width: 120px;
        height: 80px;
    }

.module_image {
    width: 38px;
    height: 38px;
}

.btn_return_icon {
    font-size: 20px;
}

.k-grid-justify .k-cell-inner .k-link .k-column-title {
    margin: auto;
}

.k-grid-right .k-cell-inner .k-link .k-column-title {
    margin: 0;
}

.k-pager-nav.k-link, .k-pager-refresh {
    border-color: #dee2e6;
    color: #fff;
    background-color: #3562F6;
    border-radius: 50%;
}

.k-pager-numbers .k-link.k-selected {
    border-color: transparent;
    color: #ffffff;
    background-color: #0d6efd;
}

.k-pager-numbers .k-link {
    border-radius: 50%;
    padding: 0.375rem 0.375rem;
    border-width: 1px;
    border-style: solid;
}

/*Dialog Componennt*/

@keyframes open-frame {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.95);
    }

    50% {
        transform: scale(0.97);
    }

    75% {
        transform: scale(0.93);
    }

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

@keyframes OpenIconAnimation {
    from {
        font-size: 20px;
        font-weight: 600;
    }

    to {
        font-size: 74px;
        font-weight: 600;
    }
}

.alert-header {
    display: flex;
    flex-direction: column;
    height: 157px;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.loading-container {
    display: flex;
    flex-direction: row;
}

.message_user_name {
    font-size: 16px;
    text-align: left;
    margin: 8px;
}

.alert-img {
    height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
    animation: OpenIconAnimation ease 0.5s;
}

.alert-close {
    width: 30px;
    height: 30px;
    color: rgb(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Dosis", sans-serif;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    line-height: 30px;
    transition: color 0.5s;
    margin-left: auto;
    margin-right: 5px;
    margin-top: 5px;
}

.alert-close-circle {
    width: 30px;
    height: 30px;
    background: #e4eae7;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17.5px;
    margin-top: -15px;
    margin-right: -15px;
    font-family: "Dosis", sans-serif;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
    line-height: 30px;
    transition: background 0.5s;
    margin-left: auto;
}

    .alert-close-circle:hover {
        background: #fff;
    }

.alert-close:hover {
    color: rgb(0, 0, 0, 0.5);
}

.alert-body {
    padding: 30px 30px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.alert-title {
    font-size: 18px !important;
    font-family: "Robot serif", sans-serif;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 5px;
    color: #222;
    align-self: center;
}

.alert-message {
    font-size: 15px !important;
    color: #666;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: justify;
    float: left;
    line-height: 1.6;
    align-self: center;
}

.alert-button {
    min-width: 140px;
    height: 35px;
    border-radius: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: white;
    border: none;
    cursor: pointer;
    transition: background 0.5s;
    padding: 0 15px;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .alert-button:focus {
        outline: 0;
    }

.question-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 12px;
}

.confirm-button {
    min-width: 100px;
    height: 35px;
    border-radius: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: white;
    border: none;
    cursor: pointer;
    transition: background 0.5s;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .confirm-button:focus {
        outline: 0;
    }

.cancel-button {
    min-width: 100px;
    height: 35px;
    border-radius: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: white;
    border: none;
    cursor: pointer;
    padding: 0;
    margin-right: 10px;
    line-height: 1.6;
    transition: background 0.5s;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .cancel-button:focus {
        outline: 0;
    }



.error-bg {
    color: #d85261;
}

.success-bg {
    color: #2dd284;
}

.warning-bg {
    color: #fada5e;
}

.question-bg {
    color: #779ecb;
}

.info-bg {
    color: #88cef7;
}



/*Clases para los iconos*/

.error-icono {
}

.info-icono {
}

.warning-icono {
}

.success-icono {
}

.question-icono {
}

.alert-Error {
    border-left: 5px solid #F8132C;
}

.alert-Confirm {
    border-left: 5px solid #008FFF;
}

.alert-Alert {
    border-left: 5px solid #FFD600;
}

/*.alert-warning {
    border-left: 5px solid #FFD600;
}*/

.alert-Success {
    border-left: 5px solid rgb(100, 219, 167);
}

.alert-Info {
    border-left: 5px solid #008FFF;
}


.error-timer {
    background: rgb(219 84 99 / 20%);
    backdrop-filter: blur(3px);
}

.warning-timer {
    background: rgb(248 221 110 / 20%);
    backdrop-filter: blur(3px);
}

.success-timer {
    background: rgb(100 219 167 / 20%);
    backdrop-filter: blur(3px);
}


.question-timer {
    background: rgb(121 156 200 / 20%);
    backdrop-filter: blur(3px);
}


.info-timer {
    background: rgb(195 229 249 / 20%);
    backdrop-filter: blur(3px);
}



/*ScrollBar*/

/* Track */
::-webkit-scrollbar-track {
}


/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #898B8D;
}


/*EDITADO POR RUSBEL*/
.k-button-solid-base {
    background-color: white !important;
    color: #215b8a !important;
    border-radius: 50px;
    /*height: 40px;*/
    font-size: 1rem;
    text-align: center;
    font-style: normal;
    font-family: "Roboto Serif", sans-serif !important;
    border: 1px solid #D9D9D9 !important;
}


.k-button-solid-info {
    background-color: white !important;
    color: #215b8a !important;
    border-radius: 50px;
    /*height: 40px;*/
    font-size: 1rem;
    text-align: center;
    font-style: normal;
    font-family: "Roboto Serif", sans-serif !important;
    border: 1px solid #D9D9D9 !important;
}

.k-button-solid-light {
    background-color: white !important;
    color: #215b8a !important;
    border-radius: 50px;
    /*height: 40px;*/
    font-size: 1rem;
    text-align: center;
    font-style: normal;
    font-family: "Roboto Serif", sans-serif !important;
    border: 1px solid #D9D9D9 !important;
}

.k-button {
    font-family: "Roboto Serif", sans-serif !important;
}

.k-table-td .k-button {
    padding: 0px;
}

@media (max-width: 1199.98px) {
    .page-aside-left .page-aside + .page-main {
        margin-left: 260px !important;
    }
}


/*    .k-button-solid-secondary:hover {
        background-color: #CEE7FF !important;
    }*/
.k-button-solid-base:hover {
    background-color: #CEE7FF !important;
}

.k-button-solid-light:hover {
    background-color: #CEE7FF !important;
}

.k-button-solid-info:hover {
    background-color: #CEE7FF !important;
}

.k-button.k-selected:hover {
    background-color: #00578C !important;
}


/*EDITADO POR Yansel Para cambiar los botones*/
.k-button-solid-primary, .k-button-outline-error, .k-button-solid-warning, .k-button-solid-success {
    border-radius: 50px;
    font-family: "Roboto Serif", sans-serif !important;
}

.fast_filters_container_button > .k-button-solid-base {
    border-radius: 21px;
}

.k-button-solid-base:focus {
    box-shadow: none !important;
}

.k-grid-toolbar {
    border-style: none;
    border: none;
    display: flex;
    /*align-items: end;*/
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
}

.toolBar-search-container {
    display: flex;
    justify-content: end;
    /*user-select modifico para que en 1024 no se mezclara con los filtros*/
    width: 30%;
}

.toolBar-filters-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
/*.k-toolbar-md {
    padding: 0.5rem 0 !important;
}*/

.k-toolbar::before {
    content: none !important;
}

.grid-action-button > span > .icon_container {
    height: 100.5% !important;
    border-radius: 21px 0 0 21px;
    background-color: transparent !important;
}

    .grid-action-button > span > .icon_container:hover {
        animation-name: zoom-efect;
        animation-duration: 1s;
    }



    /*Los iconos de los botones de Filtro se dañan al poner ellipse margin*/
    .grid-action-button > span > .icon_container > span {
        font-size: 16px;
        /*margin-left: 5px;*/
        /*margin-top: 3px;*/
    }

.panel {
    /* border-radius: 15px !important;
    min-height: 75vh !important;*/
    margin-bottom: 0 !important;
    min-height: auto !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: 0 !important;
    /*height: 80vh;*/
    overflow: auto;
}

.panel-body {
    padding: 0 !important;
}

/*Buttom paginado*/
span .k-icon.k-i-caret-alt-down.k-button-icon {
    color: #053E7A;
}

.k-button-md.k-icon-button {
    /*Con este estilo los botones con iconos se ven mal, -pero donde? -los botones debajo de los GRID
    */
    /*padding: 3px;*/
}

/*windows icons (close...)*/
.k-window-action > .k-button-md.k-icon-button > .k-button-icon {
    color: #fff;
}

:root {
    --accent: #36578C !important;
}

/*.k-primary {
    background-color: #36578C !important;
    border-color: #36578C !important;
}
.k-dialog-titlebar {
    background-color: #36578C !important;
}
.k-item {
    color: #36578C !important;
}*/

.k-input-inner {
    /*padding: 0.275rem 0.25rem !important;*/
    /*transition: all 0.3s ease-in-out;*/
}

.MontoInputRed > input.k-input-inner {
    color: red !important;
    font-weight: bold !important;
    /*font-size: 12px;*/
    text-align: right;
}

color-lightblue {
    color: rgb(72, 79, 134) !important;
}

.bg_red {
    /*background-color: red !important;*/
    color: red;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}


.img-fluid {
    max-width: 100%;
    height: auto;
}

.k-listview-header {
    /*padding: 20px 28px;*/
    text-transform: uppercase;
}

.k-card:last-child {
    /*  border-bottom: 0;*/
}

.k-card .k-card-body,
.k-card .k-card-actions {
    padding: 1rem;
    display: block;
}

.k-card .k-card-image {
    max-width: unset;
}

.k-card-horizontal > .k-card-image:last-child {
    border-radius: 0;
}

.card-date {
    font-size: 0.85em;
    color: #bababa;
}

.k-window-title {
    font-family: "Roboto Serif", sans-serif;
    font-weight: 700;
    align-items: center;
    gap: 5px
}

.k-window-titlebar {
    /*Y porque no, con esto no hay scroll en los reportes*/
    /*padding-block: 0 !important;*/
    /*End*/
    border-radius: 15px 15px 0 0;
    border-width: 0 0 1px;
    background-color: #f7f7f7 !important;
    min-height: 3rem !important;
    color: black !important;
    border-style: solid;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
}

.k-alt:hover {
    /* si todo funciona bien ELIMINAR*/
    /*background-color: rgb(236, 236, 236) !important;*/
}

.k-grid tr.k-selected > td {
    color: white !important;
}

.btn_green {
    background-color: rgb(0, 158, 15);
    color: white !important;
}

    .btn_green:hover {
        background-color: rgb(85, 190, 95);
        color: white !important;
    }

.btn_red {
    background-color: darkred;
    /*color: white !important;*/
}

    .btn_red:hover {
        background-color: red;
        /*color: white !important;*/
    }

.btn_blue {
    background-color: #1975C2;
    color: white;
}

    .btn_blue:hover {
        background-color: #36578C;
        color: white;
    }

.btn_yellow {
    background-color: darkorange;
    color: white;
}

    .btn_yellow:hover {
        background-color: orange;
        color: white;
    }

.btn_Medium {
    width: 100%;
}

.img-zoom {
    transition: transform .2s
}

    .img-zoom:hover {
        transform: scale(1.2);
    }

.k-button-solid-base.k-selected {
    border-color: #f7f7f7;
}

.k-master-row.k-alt .k-grid-content-sticky {
    background-color: #ebeef0;
}

.k-master-row:hover .k-grid-content-sticky {
    background-color: #FEE5A0;
}

.k-grid .k-alt:hover {
    background-color: #FEE5A0;
}

.k-grid th, .k-grid td {
    /*padding: 0px    !important;*/
    border: none !important;
    height: 20px;
    border-bottom: 0.5px solid #CED3DB !important;
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
    color: white;
}


/*
.k-tabstrip-items .k-item {
    background-color: white;
    color: rgb(54, 87, 140);
}*/

@font-face {
    font-display: "Gotham Medium Regular";
    src: url("/Fonts/Gotham Medium Regular.ttf"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

@font-face {
    font-display: "Gotham Bold Regular";
    src: url("/Fonts/Gotham Bold Regular.ttf"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

.k-grid-header .k-grid-filter.k-active,
.k-grid-header .k-header-column-menu.k-active,
.k-grid-header .k-hierarchy-cell .k-icon.k-active {
    color: black;
    background-color: #d4e7ff !important;
}

.k-drawer-content {
    padding: 1px !important;
}


.k-grouping-header {
    background-color: white !important;
    color: #939393;
}
/*Custom css componentes*/
.icon_container {
    background-color: #8E9296;
    width: 100%;
    align-items: center;
    display: flex;
    /*padding: 6px;*/
    /*  background-color: #8E9296; color del background del icono
    background-color: rgba(255, 255, 255, 1) !important;
    background-color: #8E9296 !important; 
    width: 100%;*/
}

    .icon_container > span {
        font-size: 28px;
    }

.action_buttom_blue {
    padding: 0.175rem 1.75rem;
    background-color: white;
    /*border: #939393 solid 1px;*/
    border: #8B0202 solid 1px;
    border-radius: 1px;
}

.button_borders {
    border-radius: 14px !important;
}

.WithoutBorders {
    border: 0;
    border-radius: 0;
}

.grid-action-button > img {
    width: 24px;
}


.grid-action-button > span.k-button-text {
    display: contents;
}

div.k-grid-header, div.k-grid-footer {
    /*background-color: white;*/
}

.btn_grid {
    /*Para que los botones no tengan el background blanco*/
    /*    color: black;
    border: none;
        */
    background: transparent !important;
}

/*Modificacion del dropdown*/
.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    background-color: white;
    border-color: #939393 !important;
    color: #939393 !important;
    border-radius: .215rem;
}

.k-menu:not(.k-context-menu) > .k-item {
    color: #025C8B;
}

.k-grid-search > span {
    /* background-color: #1B74BB;*/
    color: gray;
    position: relative;
    padding: 16px;
    right: -1px;
}


.k-pager-nav.k-link, .k-pager-refresh {
    border-color: #939393;
    color: #5191C8;
    background-color: #ffffff;
    border-radius: 0;
}

.k-textbox.k-invalid, .k-textbox.k-state-invalid, .k-textbox.ng-invalid.ng-touched, .k-textbox.ng-invalid.ng-dirty {
    border-color: #dc3545 !important;
}

.card-footer > button[class="btn btn-info k-button telerik-blazor"] {
    padding: 0.375rem 2.75rem;
    background-color: white;
    border: #939393 solid 1px;
    color: #939393;
    border-radius: 0px;
}

.k-i-filter::before {
    content: "\e006" !important;
}

.k-combobox .k-dropdown-wrap {
    background-color: white;
    border-color: #939393 !important;
    border-right-width: 0;
    border-right-style: none;
    color: #939393 !important;
    border-radius: 0;
    box-sizing: border-box;
    height: 2.573rem;
    font-weight: 300;
    border-color: #e4eaec;
    box-shadow: none;
    transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
    -webkit-appearance: none;
}


    .k-combobox .k-dropdown-wrap .k-select {
        background-color: #1B74BB !important;
        color: white !important;
    }

.k-datepicker .k-picker-wrap, .k-datepicker .k-dateinput-wrap, .k-timepicker .k-picker-wrap, .k-timepicker .k-dateinput-wrap, .k-datetimepicker .k-picker-wrap, .k-datetimepicker .k-dateinput-wrap, .k-dateinput .k-picker-wrap, .k-dateinput .k-dateinput-wrap {
    border-color: #939393 !important;
    color: #939393 !important;
    background-color: #ffffff;
    border-radius: 21px;
}

.k-picker {
    /*border-radius: 15px;*/
}

.k-picker-wrap .k-select {
    background-color: #1B74BB !important;
    color: white !important;
}


.k-calendar .k-selected .k-link {
    border-color: #1B74BB;
    color: #ffffff;
    background-color: #1B74BB;
}

.k-numerictextbox .k-numeric-wrap {
    border-color: #939393 !important;
    color: #939393 !important;
    background-color: #ffffff;
    border-radius: 0;
}

.k-button.k-input-button {
    background-color: transparent;
    color: #000;
    border: none;
}

.k-picker-solid {
    background-color: white;
}

.k-button.k-input-button:active, .k-button.k-input-button.k-active {
    border-color: #fff;
    color: #ffffff;
    /* background-color: #1975C2; */
    /* box-shadow: inset 0 2px 2px 0 rgb(0 0 0 / 6%); */
}

.k-button.k-input-button:hover, .k-button.k-primary.k-hover {
    color: #36578C;
    border: none;
}


.select_input {
    background-color: white;
    border-color: #939393 !important;
    color: #939393 !important;
    border-radius: 0;
}

.select_borders {
    border-radius: 14px !important;
}
/*Details View*/
.detailsView_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
    width: 100%;
    background-color: white;
    border-radius: 15px;
    margin-bottom: 20px;
    padding: 30px;
    border-color: #053E7A;
    border: 0;
    box-shadow: 0 15px 30px 0 rgba(165, 165, 165, 0.2), 0 15px 30px 0 rgba(150, 150, 150, 0.19);
}

.containerBody {
    width: 100%;
    background-color: white;
    border-radius: 15px;
    margin-bottom: 20px;
    padding: 20px
    /*Demaciado padding*/
    /*padding: 30px;*/
    border-color: #053E7A;
    border: 0;
    /*        box-shadow: 0 15px 30px 0 rgba(165, 165, 165, 0.2), 0 15px 30px 0 rgba(150, 150, 150, 0.19);*/
}

/*.header {
    width: 100%;
    background-color: #36578C;
    padding: 7px;
    border-radius: 15px;
    color: white;
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
}
*/
.listItem {
    display: flex;
    font-family: "Roboto Serif", sans-serif;
    /*font-weight:700;*/
    justify-content: space-between;
    padding: 1px;
    border-radius: 15px;
}

.file {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 15px;
}



.k-numerictextbox span.k-input-spinner.k-spin-button {
    display: none;
}

.pane-content {
    padding: 0 24px;
}

/*Cambios a las notificaciones*/
.stock-info-message {
    font-size: 14px !important;
}

.k-notification-error {
    border-color: #f8d7da;
    color: black;
    background-color: white;
}

.k-i-error::before {
    color: rgb(247, 49, 49);
    font-size: 2rem;
    margin-top: 0.35rem;
}

.k-i-error {
    color: rgb(247, 49, 49);
    font-size: 2rem;
    margin-top: 0.35rem;
}

.k-notification-success {
    color: black;
    background-color: white;
}

.k-notification-wrap .k-i-check {
    color: rgb(100, 190, 56);
    font-size: 2rem;
    margin-top: 0.25rem;
}

.k-notification-wrap .k-i-success::before {
    color: rgb(100, 190, 56);
    font-size: 2rem;
    margin-top: 0.25rem;
}

.k-notification-wrap .k-i-success {
    color: rgb(100, 190, 56);
    font-size: 2rem;
    margin-top: 0.25rem;
}




.k-notification-info {
    color: black;
    background-color: white;
}

.k-notification-wrap .k-i-information {
    color: rgb(190, 229, 235);
    font-size: 2rem;
    margin-top: 0.25rem;
}

    .k-notification-wrap .k-i-information::before {
        color: rgb(103, 217, 235);
        font-size: 2rem;
        margin-top: 0.25rem;
    }

.k-notification-wrap .k-i-information {
    color: rgb(103, 217, 235);
    font-size: 2rem;
    margin-top: 0.25rem;
}

.k-selected {
    background-color: #CCD8FD !important;
    color: black !important;
    font-weight: bold;
}

.k-grid th.k-selected, .k-grid td.k-selected, .k-grid tr.k-selected > td {
    color: black !important;
    background-color: #FEE5A0;
}
/*
thead {
    background-color: #36578C !important;
    color: white !important;
    font-weight: bold !important;
}
*/
.k-grid-header-sticky {
    /*background-color: #36578C !important;*/
    color: white;
    font-weight: bold !important;
    z-index: auto !important;
}

.k-columnmenu-item-content {
    padding: 8px !important;
}

.k-command-cell .k-icon.k-i-delete:hover {
    color: red;
}

.k-command-cell .k-icon.k-i-edit:hover {
    color: #36578C;
}

.k-tabstrip .k-content {
    overflow-x: hidden;
}

.k-menu-group, .k-menu.k-context-menu {
    border-radius: 8px;
}

.k-popup {
    border-radius: 0 !important;
    margin: 0;
    padding: 0px !important;
    border-width: 1px;
    border-style: none;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.align_content_center_row {
    display: flex !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: center !important;
    overflow-y: auto;
}

.flex-direction-row {
    display: inline-flex;
    flex-direction: column;
}

.bg_gray_color {
    background-color: rgb(229, 229, 229) !important;
}

    .bg_gray_color > .k-command-cell.k-grid-content-sticky {
        background-color: rgb(229, 229, 229) !important;
    }

.bg_gray_level2 {
    background-color: rgb(236, 236, 236) !important;
}


.k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected {
    border-bottom-color: transparent;
    color: rgb(45, 80, 220);
    font-weight: bold;
    border-bottom-color: rgb(45, 80, 220) !important;
    border-bottom-width: 4px !important;
    border-color: transparent;
}

.k-tabstrip-items-wrapper .k-item {
    color: black;
    background-color: white;
}

.list-group-item.dropdown-item #notification {
    white-space: unset;
}


.k-button.telerik-blazor > span.k-button-text {
    display: contents;
}

.k-scheduler-row .k-heading-cell {
    background-color: rgb(54, 87, 140) !important;
    color: white !important;
    text-transform: capitalize;
}

.k-scheduler-toolbar .k-nav-current .k-icon {
    color: rgb(25, 117, 194);
}

.full-width {
    min-width: 100% !important;
    width: 100% !important;
}

.grid_cell_validation {
    border-color: red;
    border-width: 1px;
}

.hover_shadow_div {
    transition: 0.3s;
}

    .hover_shadow_div:hover {
        box-shadow: 0px 1px 4px;
        cursor: pointer;
    }

.NoEdition_container {
}

    .NoEdition_container > label {
        margin-right: 2.05rem;
    }

#form_editor_btn_edit {
}

.config_header {
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .config_header > img {
        width: 120px;
        height: 80px;
    }

.module_image {
    width: 38px;
    height: 38px;
}

.btn_return_icon {
    font-size: 20px;
}

.k-grid-justify .k-cell-inner .k-link .k-column-title {
    margin: auto;
}

.k-grid-right .k-cell-inner .k-link .k-column-title {
    margin: 0;
}

.k-pager-nav.k-link, .k-pager-refresh {
    border-color: #dee2e6;
    color: #fff;
    background-color: #013cff;
    border-radius: 50%;
    transition: 0.3s;
}

.k-pager-numbers .k-selected {
    border-color: transparent !important;
    color: #ffffff !important;
    /*background-color: #0d6efd !important;*/
}

.k-pager-md .k-pager-numbers-wrap .k-button {
    border-radius: 50%;
    /*padding: 0;*/
    border-width: 1px;
    border-style: solid;
}

.k-pager-numbers-wrap {
    padding: 5px;
    gap: 2px;
}

.k-pager-nav, .k-pager-refresh {
    border-color: transparent !important;
    color: #ffffff !important;
    background-color: #00578C !important;
}
/*Dialog Componennt*/
.alert-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    padding: 0px auto;
    left: 0;
    top: 0;
    overflow: hidden;
    position: fixed;
    /*se descomentó este backgound porque en generación de archivo de comprobantes fiscales, la alerta no tiene background*/
    /*se comentó porque le quita el color al background de cada alerta*/
    background: rgb(0, 0, 0, 0.3);
    backdrop-filter: blur(3px);
    z-index: 123456678;
}

@keyframes open-frame {
    0% {
        transform: scale(0.90);
    }

    25% {
        transform: scale(0.95);
    }

    50% {
        transform: scale(0.97);
    }

    75% {
        transform: scale(0.93);
    }

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

@keyframes open-frame-modal {
    /*Abre hacia los lados*/
    /*0% {
        opacity: 0;
        transform: translateX(-500px);
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }*/
    /*Abre desde el centro*/

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

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

@keyframes OpenIconAnimation {
    from {
        font-size: 20px;
    }

    to {
        font-size: 74px;
    }
}

.k-centered {
    position: static !important;
    transform: translate(0%, 0%);
}

.alert-frame {
    background: #fff;
    min-height: 200px;
    min-width: 400px;
    box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.2);
    border-radius: 10px;
    animation: open-frame 0.3s linear;
    z-index: 999999;
    transition: min-height ease 0.3s;
}

.loading-container {
    display: flex;
    flex-direction: row;
}

.message_user_name {
    font-size: 14px;
    text-align: left;
    margin: 8px;
}

.alert-img {
    height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
    animation: OpenIconAnimation ease 0.5s;
}

.alert-close {
    width: 30px;
    height: 30px;
    color: rgb(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Dosis", sans-serif;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    line-height: 30px;
    transition: color 0.5s;
    margin-left: auto;
    margin-right: 5px;
    margin-top: 5px;
}

.alert-close-circle {
    width: 30px;
    height: 30px;
    background: #e4eae7;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17.5px;
    margin-top: -15px;
    margin-right: -15px;
    font-family: "Dosis", sans-serif;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
    line-height: 30px;
    transition: background 0.5s;
    margin-left: auto;
}

    .alert-close-circle:hover {
        background: #fff;
    }

.alert-close:hover {
    color: rgb(0, 0, 0, 0.5);
}

.alert-body {
    padding: 0px 30px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.alert-title {
    font-size: 18px !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 5px;
    color: #222;
    align-self: center;
}

.alert-warning_message {
    font-size: 15px !important;
    color: #666;
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-size: 15px;
    text-align: left;
    margin-bottom: 35px;
    line-height: 1.6;
    align-self: flex-start;
}

.alert-button {
    min-width: 140px;
    height: 35px;
    border-radius: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: white;
    border: none;
    cursor: pointer;
    transition: background 0.5s;
    padding: 0 15px;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/*dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddLOGINddddddddddddddddddddddddddddddddddddddddddddddddddddddd*/


.btn_user_login {
    display: flex !important;
    color: white !important;
}

    .btn_user_login:hover {
        background-color: #F7921C !important;
        display: flex;
    }


.alert-button:focus {
    outline: 0;
}

.question-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 12px;
}

.confirm-button {
    min-width: 100px;
    height: 35px;
    border-radius: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: white;
    border: none;
    cursor: pointer;
    transition: background 0.5s;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .confirm-button:focus {
        outline: 0;
    }

.cancel-button {
    min-width: 100px;
    height: 35px;
    border-radius: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: white;
    border: none;
    cursor: pointer;
    padding: 0;
    margin-right: 10px;
    line-height: 1.6;
    transition: background 0.5s;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .cancel-button:focus {
        outline: 0;
    }

.error-bg {
    color: #d85261;
}

.success-bg {
    color: #2dd284;
}

.warning-bg {
    color: #fada5e;
}

.question-bg {
    color: #779ecb;
}

.info-timer {
    background: rgb(195 229 249 / 20%);
}

.info-bg {
    color: #88cef7;
}

.warning-row {
    color: black;
    !important;
    background-color: #FFF3CD !important;
}

/*ScrollBar*/
/*::-webkit-scrollbar {
    width: 8px;
    background: #F1F1F1;
}*/

/* Track */
::-webkit-scrollbar-track {
}

/* Handle */
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    /*background: #ADB5BC*/
}

.fast_filters_container_button > .k-button-solid-base {
    border-radius: 21px;
}


.grid-action-button > span > .icon_container {
    height: 101%;
    border-radius: 21px 0 0 21px;
}




/*windows icons (close...)*/
span.k-icon.k-i-close.k-button-icon {
    color: #000;
}

/*Buttom Documentation*/
button.telerik-blazor.k-button.action_buttom_blue.WithoutBorders.k-button-solid.k-rounded-md.k-button-rectangle.k-button-md.k-button-solid-base.k-icon-button {
    background-color: #fff !important;
}

/*Exportar Buttom*/

ul.k-reset.k-header.k-menu.telerik-blazor.k-menu-horizontal.btn.btn-primary {
    border-radius: 21px;
    border-color: #3562F6;
    background: transparent;
}

.btn-primary.focus, .btn-primary.hover, .btn-primary:focus, .btn-primary:hover {
    box-shadow: none;
    border-color: #3562F6 !important;
}

/*border focus grid*/
.k-grid td.k-focus, .k-grid th.k-focus, .k-grid th:focus, .k-grid .k-master-row > td:focus, .k-grid .k-grouping-row > td:focus, .k-grid .k-detail-row > td:focus, .k-grid .k-group-footer > td:focus, .k-grid .k-grid-pager.k-focus, .k-grid .k-grid-pager:focus {
    box-shadow: none;
}

/*grid row hover*/
.k-master-row:hover .k-grid-content-sticky, .k-grid .k-alt:hover, .k-master-row.k-selected, .k-master-row:hover {
    background-color: #FFFDCE;
    transition: 200ms linear;
}

.k-grid tbody > tr:not(.k-detail-row):hover, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
    background-color: #FFFDCE;
    transition: 200ms linear;
}
/*grid row Selected*/
.k-grid th.k-selected, .k-grid td.k-selected, .k-grid tr.k-selected > td, .k-grid th.k-selected, .k-grid td.k-selected, .k-grid tr.k-selected > td {
    color: black !important;
    background-color: #FFFDCE !important;
}
/*Arrow*/
.k-combobox > .k-button-solid-base {
    border-color: transparent;
    background-color: transparent;
}
/*grouping*/
.k-grouping-header {
    border: none !important;
}

    .k-grouping-header .k-group-indicator {
        border-radius: 21px;
    }
/*header*/
thead {
    background-color: #EBEBEB !important;
    color: #212529 !important;
    font-weight: bold !important;
    border: none;
    border-style: none !important;
    border-radius: 10px;
}

    thead > tr > th:first-child {
        border-radius: 15px 0 0 15px;
        color: #212529;
        background: #EBEBEB;
    }
/*

/*Card Header*/
.card {
    border-radius: 15px;
    /*Hace que se vea borroso todo*/
    /*No se modificó de hidden a auto porque algunos modales sin este estili se veian borroso*/
    overflow-y: auto;
    font-family: 'Roboto Serif', sans-serif;
}

.card-header {
    border-radius: 15px 15px 0 0 !important;
}
/*Tabs*/
.k-tabstrip-content {
    border: none !important;
    border-radius: 0 0 12px 12px !important;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border: none;
    background-color: white;
}

.k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus {
    outline: none;
}

.k-grid-toolbar .k-grid-search {
    border-radius: 21px !important;
}

.fast_filters_container_button .k-button-solid-base:hover, .k-button-solid-base.k-hover {
    border-color: #3562F6;
    background-color: transparent;
    color: #3562F6;
}


.card-user {
    border-radius: 0 !important;
    background-color: #F8F9FB !important;
}

.k-tilelayout {
    padding: 0 !important;
    background-color: transparent !important;
    align-content: center;
    justify-content: center;
    /* display:flex;
    flex-wrap:wrap;
    flex-direction:column;*/
}

.k-tilelayout-item {
    border-radius: 1.125rem;
}

.k-form-field {
    margin-top: 1rem;
}

.k-pager-nav.k-link:hover, .k-pager-refresh:hover, .k-hover.k-pager-nav.k-link, .k-hover.k-pager-refresh {
    border-color: #d6d9dc;
    color: white;
    background-color: #0026a3
}

.k-window-content, .k-prompt-container {
    border-radius: 0 0 15px 15px !important;
    border-radius: 15px;
}

.k-window {
    border-color: transparent;
    /*color: #212529;*/
    background-color: transparent;
    animation-name: open-frame-modal;
    animation-duration: 0.3s;
    /*width: auto;*/
    /*max-width: 995px !important;*/
    /*Animación fallida*/
    /*transition: width 0.5s ease-in-out, height 0.5s ease-in-out, top 0.5s ease-in-out, left 0.5s ease-in-out;*/
}

.k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
    box-shadow: none;
}

.k-tabstrip-items-wrapper .k-item.k-hover {
    border-color: transparent;
    color: #0a58ca;
}

.k-tabstrip-items-wrapper .k-item:active {
    border-color: transparent;
}

/*breadcrumbs*/
.k-breadcrumb-link, .k-breadcrumb-root-link {
    text-decoration: none !important;
}


/*Visualizador de reportes*/
.trv-menu-large {
    border-style: none !important;
    border-radius: 15px;
    background-color: #EBEBEB !important;
    padding: 5px;
}

.trv-error-message {
    font-size: 28px !important;
    position: relative;
    display: block;
    background-color: #fff;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    margin: auto;
}

    .trv-error-message::after {
        content: "";
        -webkit-animation: ssc-loading 3s infinite;
        animation: ssc-loading 1.3s infinite;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 150px;
        top: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        z-index: 1;
        --background: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.3)),to(transparent));
        background: linear-gradient(90deg,transparent,#36578C90,transparent);
    }

@keyframes ssc-loading {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}


.container-border {
    border-radius: 12px;
}

.page-header {
    padding: 0 !important;
}

.container-border {
    border-radius: 15px;
}


/*Spinner personalizado*/
.windows-spinner {
    box-sizing: border-box;
    color: #3A5489;
    width: 60px;
    height: 60px;
    padding: 3px;
    overflow: visible;
}

    .windows-spinner > circle {
        fill: none;
        stroke: currentColor;
        cx: 50%;
        cy: 50%;
        r: 50%;
        stroke-width: 6px;
        stroke-linecap: round;
        transform-origin: center;
    }


.trv-pages-area-kendo-tooltip {
    border-radius: 6px;
    border-color: ##025CE2 !important;
    background-color: #025CE2 !important;
    padding: 6px !important;
}

.trv-pages-area-kendo-tooltip-title {
    font-size: 16px !important;
    font-weight: bold !important;
}

.trv-pages-area-kendo-tooltip-text {
    font-size: 14px !important;
}

/*apartir defs aqui section cambia*/


.width-for-report div.k-window-content {
    padding: 0 !important;
}

/*.t-font-icon, .trv-report-viewer .k-icon:not(.fa):not(.k-resize-handle), .trv-report-viewer .k-tool-icon, .trv-report-viewer .k-button-group .k-tool-icon, .trv-report-viewer .k-colorpicker .k-tool-icon, .trv-send-email .k-icon, .trv-search .k-icon {
    background-image: revert !important;
}*/

.k-card-horizontal {
}

.k-listview-item > .k-card-horizontal {
    border-radius: 0 !important;
}

.k-tabstrip > container-fluid > form-group {
    /*margin-left: 15px;*/
}

.form-control:disabled, .form-control[readonly] {
    /*background-color: white !important;*/
    border: 0;
}

.form-editor-label {
    font-size: 14px;
}

.k-table-td > span > div > .k-button-solid-base {
    border: none !important;
}

.gradient-bg-animation {
    /*height: 200px;*/ /*La altura dependerá de lo que requieras*/
    /*background: rgb(189, 189, 189);*/ /*Usamos un background por defecto*/
    /*background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(255,143,38,1) 0%, rgba(150,126,197,1) 48%, rgba(0,255,222,1) 100%);
    background-size: 300% 100%;*/ /*Asignamos un ancho para el background del 300% y altura 100%*/
    /*animation: gradient 15s ease infinite;*/ /*'gradient' es el nombre de la animación que crearemos, tarda en completarse 15s y vuelve a empezar infinitamente*/
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.col-form-label {
    color: #37485C;
}

.font-color-white{
    color: white !important;
}
/*Innicio!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*.dashboard-content {
    width: 100%;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    background-color: red;
}*/
/*Drop Zone*/
.dropzone-over .k-dropzone-inner {
    border: 2px dashed;
}


.bg_for_forms {
    border-radius: 15px;
    background: linear-gradient(180deg, rgba(0, 96, 146, 0.08) 0%, rgba(0, 29, 44, 0.08) 100%);
}


.px-18 {
    padding-inline: 18px !important;
}

.gap-11 {
    /*Se dañan los dashboards*/
    /*display: flex;*/
    gap: 11px;
}

/* Con este stilo las columnas estaticas se justifican*/

.k-grid-header-sticky {
    text-align: center !important;
    /* align-content: flex-start; */
}

.k-master-row .k-grid-content-sticky {
    text-align: center;
}