/* Pilas!!! hay que unificar esto con Angel y Eylin*/

/* Quita el botón "Cancelar" del diálogo de Syncfusion
   cuando el cuadro tiene la clase sin-cancel */
.sin-cancel .e-footer-content .e-btn:not(.e-primary) {
    display: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.bs-header {
    font-size: 14px;
}

img.icon-bs {
    width: 45px;
}

/*#region Base*/
input [type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-grilla {
    padding: 5px 0px;
    border-radius: 0px !important;
}

    .input-grilla > input {
        border: 0px !important;
    }

.input-grilla-tk {
    margin-left: -10px;
    margin-right: -10px;
    width: 100%;
    height: 21px;
}

.cursor-wait {
    cursor: wait !important;
}


/*#region Fuera de los Diseños del front end*/

.lista-empresas {
    height: 191px;
    overflow: scroll;
    margin-bottom: 0.5rem;
}

/*#region Formulario Modal*/

.zona-register-1-frm {
    flex: 1;
    overflow: hidden;
}

/*#endregion*/

/*#region responsive*/
.formVerificarDisp {
    display: flex !important;
    opacity: 100% !important;
    position: relative;
    width: 100%;
    height: 100vh !important;
    align-items: center;
    justify-content: center
}
/*#endregion*/

/*#region cajas de texto*/

.form-control {
    border-radius: 0px !important;
}

.text-red {
    color: red !important;
}

/*#endregion*/

/*#region DatePicker*/

.k-dateinput-wrap > input {
    min-width: 85px;
}

.k-datepicker-disable > button {
    display: none;
}

.k-datepicker-disable > span {
    max-width: 82px;
    margin-left: auto
}

/**alinear derecha Datapiker*/
.secrigth .k-datepicker-disable > span {
    margin-left: 0
}
/*#endregion*/
/*#region Menu*/
.accordion-button:not(.collapsed) {
    background-color: #FFFFFF;
}

.isDisabled a {
    cursor: not-allowed;
}

.isDisabled {
    border-width: 1px !important;
    pointer-events: none;
    opacity: 0.60;
}


/*#endregion*/

/*#region Modal*/

.modal-backdrop {
    position: relative !important;
}

.modal-content {
    box-shadow: 0px 0px 20px 2px rgba(78, 78, 77, 0.75);
}

.text-modal--footer {
    font-size: 0.71rem;
    color: #000080;
    font-family: 'SEGOEUIB';
}

.k-overlay {
    background-color: #00000036 !important;
    opacity: 1 !important;
}


/*#endregion*/

/*#region Dialogo Confirmación Telerik*/

.k-dialog-buttongroup > button {
    padding: 2px 18px !important;
}

/*Region lista de filtros*/

.k-list {
    height: 100%;
    border-width: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    outline: 0;
    position: relative;
    overflow: hidden;
}

    .k-list *,
    .k-list ::after,
    .k-list ::before {
        box-sizing: border-box;
    }

.k-popup.k-list-container {
    margin-top: 5px;
}

.k-list-content {
    border-color: inherit;
    flex: 1 1 auto;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.k-list-content {
    border-color: inherit;
    flex: 1 1 auto;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.k-list-ul {
    margin: 0;
    padding: 0;
    border-width: 0;
    border-color: inherit;
    height: auto;
    list-style: none;
}

.k-list-md .k-list-item,
.k-list-md .k-list-optionlabel {
    padding: 4px 8px;
}

.k-list-item,
.k-list-optionlabel {
    font-family: 'VERDANA';
    border: 0;
    outline: 0;
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
    gap: 4px;
    position: relative;
    transition-property: color, background-color, outline-color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: ease;
}

.k-reset {
    font-family: 'Verdana';
}

/********/


/*#endregion*/

/*#region Arrastrar y Soltar */

.draggable {
    cursor: grab;
}

    .draggable:active {
        cursor: grabbing;
    }

.dragging {
    cursor: grabbing;
}

.can-drop {
    color: #0277A7;
    outline: 3px dashed #0E78A4;
    box-shadow: 0 0 0 8px #BEDAFF;
    animation: 1s animateBorderOne ease infinite;
}
/*Animación para el borde del div*/
@keyframes animateBorderOne {
    to {
        outline-color: #5EC8F4;
        box-shadow: 0 0 0 8px #C2D9F2;
    }
}

/*#endregion*/

/*#region Opcion deshabilitado*/

.disiabled-opt {
    filter: grayscale(.95);
    pointer-events: none;
    cursor: pointer;
}

    .disiabled-opt h2 {
        color: #bfbfbf !important;
    }

/*endregion*/

.mainLogo span {
    font-size: 26px;
    font-family: "SEGOEUI" !important;
}

.bs-text {
    font-size: 13px !important;
}

.k-window-titlebar {
    border-color: transparent !important;
}

/*.w-110 {
    width: 110px;
}*/

.body-modal-modal {
    padding: 10px;
}

.sac-readonly {
    pointer-events: none;
}

.dark-blue {
    color: #00008B;
    font-family: "SEGOEUIB" !important;
}

.modal.show {
    background: #0000001f;
    position: fixed !important;
    width: 100%;
    height: 100%;
}

.k-numeric-wrap > .k-select {
    display: none;
}


/*#region SacListView*/

.sac-list-view {
    font-family: "SEGOEUI" !important;
    font-size: 11px !important;
}

    .sac-list-view ul li {
        margin-top: 0px !important;
        cursor: default;
        padding: 2px 0px;
        padding-left: 5px;
    }

/*#endregion*/

/*Ocultar header para grillas de telerik y SaCGrid*/
.k-grid-not-headers > .k-grid-header,
.k-grid-not-headers-SacGrid > .thead-grilla-u {
    display: none !important;
}

.k-grid-customize-field {
    text-align: right;
}
/*#region Scroll*/
::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}

::-webkit-scrollbar-button {
    width: 8px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background: #95B1D6;
    border: 1px none #ffffff;
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #6E99D2;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #1E92CD;
    }

::-webkit-scrollbar-track {
    background: #eee;
    border: 65px none #ffffff;
    border-radius: 34px;
}

    ::-webkit-scrollbar-track:hover {
        background: #eee;
    }

    ::-webkit-scrollbar-track:active {
        background: #eee;
    }

::-webkit-scrollbar-corner {
    background: transparent;
}


/*#endregion*/


/*#region Formas de Pago*/

.accordion-body ul li {
    display: block;
}


/*#endregion*/

.check-custom {
    width: 13px !important;
    height: 13px !important;
    border-radius: 0 !important;
}


/*#endregion*/


/*#endregion*/


/*#region Colores*/

.HotTrack {
    color: #0066CC !important;
}

/*.bold {
    font-family: tahoma-bold;
}
*/
.navy {
    color: #000080 !important;
}

.dark-green {
    color: #006400 !important;
}


/*#endregion*/

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


/*#region Grillas*/

.zone-grilla {
    padding: 0 !important;
    width: 100% !important;
    height: 100%;
    position: relative;
}

    .zone-grilla .k-grid-toolbar > button {
        margin-left: 0 !important;
    }

.k-master-row.k-alt .k-grid-content-sticky,
.k-master-row.k-alt .k-grid-row-sticky {
    background: #E6EFFF;
}

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

.grilla.modal-body.body-list {
    border: 0;
    margin: 0 !important;
}

.modal-body .k-grid.telerik-blazor {
    border-color: #6E99D2 !important;
    flex: 1;
    height: 100% !important;
}

div#FrmVentasAlistadoClientes .modal-custom-list {
    grid-template-rows: auto auto 1fr auto !important;
}

div#FrmVentasAlistadoClientes .text-filtro {
    color: #522AFD;
    font-family: 'segoeuib';
    font-weight: 600;
}
/*Boton cuando se agrupa una columna*/
.k-group-indicator .k-button-flat {
    opacity: 1 !important;
}

.k-reset {
    font-weight: normal;
}

/*clases para fijar el texto en columnas fijas*/
.k-master-row {
    background: white;
}

.k-grid-content table, .k-grid-content-locked table {
    background: #d4e6fc;
}

.k-grid .k-grouping-row td:not(.k-group-cell) {
    overflow: visible;
    position: sticky;
    left: 0;
    z-index: 2;
    width: 108%;
    display: flex;
}
/* header de la grilla*/

.td-eliminar {
    max-width: 15px !important;
    padding: 0px !important;
    margin: 0px !important;
    text-align: center;
    color: #1A6E99;
}

.header-grilla {
    color: #424242;
    background: linear-gradient(0deg, rgba(240, 244, 252, 1) 0%, rgba(223, 234, 250, 1) 100%);
    border-bottom-width: 1px;
    border-width: 0px 0px 2px 0px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 17px;
    border-width: 0;
    border-style: solid;
    border-color: inherit;
}

.k-dropdown.k-header {
    background: transparent;
}

.k-grid-header,
.k-grid-footer {
    padding-right: 7px !important;
}


/* fondo del th, para crear el degradado de la grilla */

.th-background {
    background: linear-gradient(0deg, rgba(209, 226, 247, 1) 0%, rgba(230, 240, 252, 1) 80%);
    border-color: #6E99D2 !important;
}


/* paddgin del td de la grilla */

.p-grilla {
    padding: 5px 5px !important;
}

.p-grilla-small {
    padding: 4px !important;
}

.k-grid-none td {
    border-width: 0 0 1px 1px !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: rgb(255 255 255) !important;
}

.k-cell-inner > .k-link {
    padding: 4px 4px !important;
}

.k-grouping-header {
    padding: 4px 0.32rem !important;
}

.k-group-indicator {
    padding: 0.1rem 0.3rem;
}

.k-input {
    padding: 0 !important;
    height: 21.6px;
    margin-right: 0px !important;
    border: 0;
    overflow: visible;
}

.k-button {
    padding: 2px 8px !important;
    border: 1px solid;
    border-radius: 3px;
    height: 100%;
    /*margin-left: 2px;*/
}

    .k-button:hover {
        transform: scale(.99) !important;
    }

.k-dropdown-wrap.k-state-default {
    height: 22px;
    font-size: 11px;
    border: none;
    background-color: transparent;
}


/* modo eidcion*/

.p-0 > select {
    height: 25px;
}

.k-grid-edit-cell input {
    font-size: 12px;
}

.k-dateinput {
    font-size: 11px;
    font-family: "TAHOMA" !important;
}

div.NewZon1-input > div:nth-child(1) .k-widget {
    padding-left: 0px !important;
}

    div.NewZon1-input > div:nth-child(1) .k-widget .k-picker-wrap {
        background: transparent !important;
        border: none;
    }





/*  caja del filtrar    */

.k-animation-container-shown,
.k-animation-container > .k-popup {
    font-size: 11px;
    font-family: "SEGOEUI";
}

.k-grid,
.k-grid-table {
    font-family: "TAHOMA" !important;
    font-size: 11px !important;
}

.k-header {
    padding: 5px 12px;
}

.k-datepicker {
    padding: 0px !important;
    gap: 2px;
}


/* filas de las grilla*/

.k-grid th,
.k-grid td {
    padding: 4px 10px;
}


/* filtro de las grillas*/

.k-filtercell-wrapper input {
    height: 100%;
    margin: auto;
    padding: 0.1rem 0.3rem;
    font-family: "TAHOMA" !important;
    font-size: 11px !important;
}

.k-filtercell-operator span {
    padding: 0px !important;
    margin: 0px;
    vertical-align: middle !important;
}

.k-filter-row > th {
    padding: 3px 4px;
    background-color: #EBF5FF !important;
}

.k-filtercell-wrapper > .k-dropdown {
    padding: 0px !important;
}

.k-dropdown-operator .k-dropdown-wrap .k-select:hover,
.k-filtercell .k-filtercell-operator > .k-button.k-clear-button-visible:hover {
    background: linear-gradient(0deg, rgba(233, 230, 202, 1) 0%, rgba(227, 228, 214, 1) 45%, rgba(228, 228, 213, 1) 56%, rgba(255, 211, 159, 0) 100%);
    border: 1px #A0BEE4 solid;
}

.k-dropdown-operator .k-dropdown-wrap .k-select,
.k-filtercell .k-filtercell-operator > .k-button.k-clear-button-visible {
    height: 20px;
    width: calc( 0.35em + 0.75rem);
    color: #424242;
    background-color: transparent;
    border: none;
    border-radius: 2px;
}

.k-grid-toolbar > button {
    font-size: 11px;
    font-family: "SEGOEUI";
    height: 30px;
    align-items: center !important;
    margin-left: 8px;
}

.k-toolbar {
    padding: 0.1rem 0.1rem;
}

    .k-toolbar > button {
        background: linear-gradient(to bottom, #e3edf9 0%, #d7e8ff 40%, #b9d7ff 41%, #d8e5f6 100%);
    }

.grillListado {
    flex: 1;
    padding-bottom: 40px;
    height: 100%
}

    .grillListado .k-grid-toolbar {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 1;
        padding: 4px !important;
        border: 1px solid rgba(0, 0, 0, 0.08);
    }

.body-dlgListQuery .grillListado .k-grid-toolbar {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    justify-content: end;
    padding: 4px !important;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.body-dlgListQuery .grillListado .k-grouping-header .k-indicator-container {
    text-align: center !important;
}
/*Icono param exportar excel grilla telerik*/
.k-i-file-excel::before {
    content: "" !important;
    background-image: url(../../icons/botones/x16/Icono16_Excel.png);
    background-size: 17px;
    width: 20px;
    height: 20px;
    margin-top: 4px;
    top: 0;
    background-repeat: no-repeat;
}

.k-input-spinner {
    display: none;
}

@keyframes fade-blink {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.blink {
    animation: fade-blink 1s linear infinite;
}


/*#endregion*/


/*#region TextBoxNumeri*/

.rightAlign input {
    text-align: right;
}

.decimales {
}


/*#endregion*/


/*#region Listado General*/

.body-dlgListarGeneral {
    padding: 0.4rem !important;
}

.body-dlgListQuery {
    padding: 0.4rem !important;
}

.txtBuscarDlgListarGeneral {
    width: 100%;
    height: 28px;
}

    .txtBuscarDlgListarGeneral input {
        font-size: 14px !important;
        font-family: "TAHOMA" !important;
    }

.label-panelusuario {
    display: flex;
    text-align: left;
    align-items: center;
    right: 0;
    color: navy;
    font-size: 12px;
    font-family: 'VERDANA';
}

/*#endregion*/


/*puntos suspensivos en los td de la grilla*/

.k-grid-table td {
    white-space: nowrap;
    text-overflow: ellipsis;
}


/*Hover de la grilla*/

.k-alt:hover td,
.k-master-row:hover td {
    background-color: #FFFBD8;
    cursor: pointer;
}

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


/*Active de los td grilla*/

.k-grid td.k-state-selected,
.k-grid tr.k-state-selected > td,
.k-master-row.k-state-selected.k-alt .k-grid-content-sticky,
.k-master-row.k-state-selected.k-alt .k-grid-row-sticky {
    background: linear-gradient(0deg, rgba(255, 207, 108, 1) 0%, rgba(255, 226, 157, 1) 100%);
}


/*Estilos de la nueva grilla*/

.grilla-unica {
    border: 1px solid;
}

.thead-grilla-u {
    display: revert;
    color: #424242;
    background: linear-gradient(0deg, rgba(240, 244, 252, 1) 0%, rgba(223, 234, 250, 1) 100%);
}

/*.grilla-unica tbody tr td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}*/

.p-0 .k-checkbox {
    margin-left: auto !important;
    margin-right: auto;
}

td.k-cursor-pointer.p-grilla {
    border-left: 0px;
}

td.p-grilla {
    height: 23px;
}

tr.aviso-grilla td {
    border: 1px solid #9EB6CE;
    border-left: none;
}

.aviso-grilla .k-cursor-pointer {
    border-left: 1px solid #9eb6ce80;
    text-align: center;
}

tr.aviso-grilla {
    height: 22px;
    background: #e9f0f9ab;
}

.master-row td.k-cursor-pointer:first-child {
    padding: 0 4px !important;
}

/*Calendario */

.k-datepicker .k-select,
.k-timepicker .k-select,
.k-datetimepicker .k-select,
.k-dateinput .k-select {
    background: linear-gradient(to bottom, #e3edf9 0%, #d7e8ff 40%, #b9d7ff 41%, #d8e5f6 100%);
    padding: 2px 2px;
    border: 1px solid;
    border-color: #60A4D2;
    border-radius: 3px;
    height: 100%;
    margin-left: 2px;
}

.k-datepicker.embrace-flex {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr auto;
    width: 100% !important;
    gap: 2px;
}

    .k-datepicker.embrace-flex .k-dateinput,
    .k-datepicker.embrace-flex input.k-input-inner {
        width: 100% !important;
    }

/*Color de fondo de los iconos*/
.coloriconos {
    color: #1A6E99 !important;
}
/*Color de la barra del progresbar*/
.k-progressbar .k-state-selected {
    background-color: #1A6E99;
}

/*Toast*/

/*Fondo del mensaje Toast Corecto*/
.e-toast-container .e-toastCorrecto .e-toast-message .e-toast-content {
    color: #343a40 !important;
    background-color: #BEDAFF !important;
}
/*Fondo del mensaje Toast Informativo*/
.e-toast-container .e-toastInformativo .e-toast-message .e-toast-content {
    color: white !important;
    background-color: #0575C8 !important;
}
/*Fondo del mensaje Toast Advertencia*/
.e-toast-container .e-toastAdvertencia .e-toast-message .e-toast-content {
    color: white !important;
    background-color: #DD6400 !important;
}
/*Fondo del mensaje Toast Error*/
.e-toast-container .e-toastError .e-toast-message .e-toast-content {
    color: white !important;
    background-color: #861B2D !important;
}


/*ToggleButton*/

/*Color de fondo del togglebutton*/
.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
    background-color: #1E92CD !important;
    border-color: transparent !important;
    color: #fff;
}
/*cuadrado*/
.e-switch-wrapper.square .e-switch-inner,
.e-switch-wrapper.square .e-switch-handle {
    border-radius: 0 !important;
}

/*Color botón de limpiar del SacTextButton*/
.color-clear-button {
    color: #aec9d3 !important;
}

    .color-clear-button:hover {
        color: #00A1DE !important;
    }

.pantalla-inicio {
    display: flex;
    flex-direction: column;
}
/*Boton agg empresa*/
.btn-agregar-empresa {
    font-size: 26px;
    color: #0B769D !important;
}

    .btn-agregar-empresa:hover {
        color: red !importan;
    }

.modal-backdrop.show {
    opacity: 0 !important;
}

.date-custom {
    font-family: Prototype;
    color: #136ca0;
    font-size: 14px;
    position: absolute;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 12px;
}

/*border para titulos de las grillas*/
.border-h3 {
    border-top: 1px solid #6e99d2;
    border-bottom: 0px !important;
    border-left: 1px solid #6e99d2;
    border-right: 1px solid #6e99d2;
}

/*Alinear  a la derecha el titulo de la columna  en las grillas de telerik*/
.title-right-grillas {
    margin-top: auto !important;
    margin-bottom: auto !important;
    text-align: right !important;
    width: 100%;
    justify-content: end;
}

/*Alinear  al centro el titulo de la columna  en las grillas de telerik*/
.title-center-grillas {
    margin-top: auto !important;
    margin-bottom: auto !important;
    text-align: center !important;
    width: 100%;
    justify-content: center;
}

span.k-column-title {
    width: 100%;
}
/*Input de la grilla de generar compra*/
.text-input-grilla {
    border: 0 !important;
    padding: 0.25rem !important;
}

    .text-input-grilla:focus {
        border: 0 !important;
        padding: 0.25rem !important;
    }
/*Formulario 104 input sin borde*/
.input-frm104 .p-0 div:nth-child(1), .input-frm104 .p-0 input {
    border: 1px transparent solid !important
}

.toggle-row tr:nth-child(even) {
    background-color: #eee !important;
}

.selected-row {
    background-color: rgba(255, 207, 108, 1) !important;
}


/*Color de la columna desc en las grillas*/
.color-rojo-grilla {
    color: #8B0000 !important;
}

    .color-rojo-grilla input {
        color: #8B0000;
    }
/*Color de la  column Total en las grillas*/
.color-azul-grilla {
    color: #00008B;
}

    .color-azul-grilla input {
        color: #00008B;
    }

/*Color verder en las grillas*/
.color-verde-grilla {
    color: #006400;
}

    .color-verde-grilla input {
        color: #006400;
    }

/*Color celeste para la columna de las grillas*/
.color-celeste-grilla {
    background-color: #F0F8FF;
}

    .color-celeste-grilla input {
        background-color: #F0F8FF;
    }
/*Color naranje grillas pago recaps*/
.color-naranja-grilla {
    color: #FF8C66;
}

    .color-naranja-grilla input {
        color: #FF8C66;
    }
/*Color de fondo de la celda en la grilla*/
.c-fondo-celda-grilla {
    background-color: #FECF6E;
}
/*Separacion entre controles dentro de un tab*/
.cam-ext1 {
    flex: 0 145px;
}

/*Ocultar texto en grilla*/
.texto-oculto-grilla {
    color: transparent !important;
}
/*Negrita para Input SacNumericUpDown*/
.bold-input {
    font-family: "tahoma-bold" !important;
}

/*Pinta la  fila en la grilla SacGrid q esta seleccionada*/
.selected-row {
    background-color: rgba(255, 207, 108, 1) !important;
}

    .selected-row input {
        background: transparent;
        border-color: transparent !important;
    }

        .selected-row input:focus {
            background: white;
            border-color: #2590fb !important;
        }

.color-columna-editable {
    background-color: #FFD976 !important;
    /*  opacity: 70% !important;*/
    /*  border-color: #FFF794 !important;*/
}

/*Tamaño imagens para modal select semestre*/
.img-select-semestre {
    width: 30px;
    height: 26px;
}

/*Splitter*/
/*color de fondo al cambiar el tamaño del panel*/
.k-splitter-overlay.k-overlay {
    background: transparent !important;
}

.splitter-anexos {
}

.k-splitbar {
    /*color: #424242;*/
    /*background-image: url(https://i.ibb.co/FzJKKXQ/Dise-o-sin-t-tulo.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 200px;*/
    margin-right: -1px;
    margin-left: 1px;
    width: 6px !important;
    color: #0092D5;
    background-color: #E7F0FA;
    background-image: radial-gradient(#7e9ec791 6%, transparent 11%), radial-gradient(#7e9ec791 11%, transparent 11%), radial-gradient(#7e9ec791 13%, transparent 11%);
    background-size: 14px 11px;
    background-position: -1px 0, -5px 0, -3.5px 28px;
}

    .k-splitbar:hover {
        color: #377795;
        background-color: #D9E8FA;
    }

/*Boton de exportar a excel y navegacion en una misma fila grilla telerik*/
.k-pager-wrap.k-grid-pager, .sf-pager {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    height: 39px;
    background: transparent;
    border: 0;
    padding: 4px !important;
    margin-left: 150px;
    width: calc(100% - 302px);
}

select.k-dropdownlist.k-picker.k-picker-md.k-picker-solid {
    display: none !important;
}

ul.k-pager-numbers {
    display: flex !important;
}
/*Barra de navegación sin el btnexportar excel*/
.grillListado:not(.grilla-con-btnexportar) .k-pager-wrap.k-floatwrap.telerik-blazor.k-grid-pager, .grillListado:not(.grilla-con-btnexportar) .sf-pager {
    position: relative;
    width: 100%;
    margin: 0;
    background: #FAFAFA;
}

.grillListado:not(.grilla-con-btnexportar) {
    padding: 0 !important;
}
    /*Grilla  modal sin boton exportar*/
    .grilla-modal-sinBoton:not(.grilla-con-btnexportar) .k-pager-wrap.k-floatwrap.telerik-blazor.k-grid-pager, .grillListado:not(.grilla-con-btnexportar) .sf-pager {
        position: relative;
        width: 100%;
        margin: 0;
        background: #FAFAFA;
    }

.grilla-sin-barra .k-toolbar {
    display: none;
}

.BtnStyle-5 i:hover {
    /* color: red !important;*/
}

.btn-list.btn-toggle-seleccionado {
    background: #FAF0E6;
    border: 1px solid #FB8C3C !important;
}

/*Clases para el control de Synfusion SfCalendar -  modalDlgSelectSemana*/
.e-calendar .e-content td.e-week-number {
    background: #D0E0F4;
    color: #212529;
    font-size: 12px;
    font-family: seguisb;
    font-style: normal;
}

.e-calendar .e-content .e-week-number span {
    color: black;
}

/* Flecha hacia la derecha del boton drop-acciones*/
.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 4.885em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}
/*Clase para ubicar en el centro de la pantalla el dialogo de syncfusion*/
.e-dlg-container {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
}

/* Estilos de la cabecera */
.k-grid-table-SacGrid thead {
    position: sticky;
    top: 0;
    z-index: 2;
}
/* Estilos del cuerpo */
.k-grid-table-SacGrid tbody {
    overflow: auto; /* Añade un desplazamiento vertical si es necesario */
    max-height: 200px; /* Altura máxima del cuerpo de la tabla */
}

/*Colorear borde de la fila seleccionada en SacGrid*/
.selected-row-edit {
    outline: 1px solid #FE7F00 !important;
    /*border: 1px solid #FE7F00 !important;*/ */
}

.grillListado.grillaQuery .k-pager-wrap.k-grid-pager, .sf-pager {
    position: absolute;
    bottom: 0;
    right: 557px !important;
    z-index: 1;
    height: 39px;
    background: transparent;
    border: 0;
    padding: 4px !important;
    margin-left: 0px !important;
    width: calc(100% - 570px);
}

/*Animacion para boton mas servicios - en FrmMain*/
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 5px rgba(39, 149, 193, 0.5);
    }

    50% {
        transform: scale(1.1);
        box-shadow: 0 0 15px rgba(74, 167, 221, 1);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 5px rgba(194, 217, 242, 0.5);
    }
}

.animacionservicios {
    animation: pulse 1.5s infinite;
}


/* Estilo del texto (tooltip) */
.tooltip-text {
    display: none; /* Inicialmente oculto */
    position: absolute;
    margin-left: -100px;
    margin-top: 8px;
    font-size: 12px;
    color: #333;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    transition: opacity 0.5s ease-in-out;
}

/* Clase para mostrar el texto */
.show-tooltip {
    display: inline-block !important; /* Mostrar el texto */
    opacity: 1 !important;
    transition: opacity 0.5s ease-in-out !important;
}

/*Flecha para tootlTipo*/
.tooltip-text::after {
    content: "";
    position: absolute;
    top: 40%;
    left: 96%;
    transform: rotate(-90deg); /* Posicionar alado del tooltip */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px; /* Triángulo hacia arriba */
    border-color: rgba(255, 255, 255, 0.8) transparent transparent transparent;
}

.mh-335 {
    max-height: 335px !important;
}

/*Estilo para sfCaldendar para el dialogo DlgCambioFechaCiclos*/
.calendario-ciclos .e-calendar {
    min-width: 207px !important;
    max-width: 200px !important;
    border: #7CA2D5 1px solid;
}

    .calendario-ciclos .e-calendar .e-footer-container, .e-bigger.e-small .e-calendar .e-footer-container {
        background-color: rgba(0, 0, 0, 0);
        border-top: 1px solid #dee2e6;
        cursor: default;
        display: inline-block;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 5px;
        text-align: center;
        width: 100%;
    }

    .calendario-ciclos .e-calendar .e-header.e-month, .e-bigger.e-small .e-calendar .e-header.e-month {
        padding: 0px 0 0px 2px;
    }

    .calendario-ciclos .e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title {
        cursor: pointer;
        display: inline-block;
        float: left;
        font-size: 12px;
        font-weight: 100;
        text-align: left;
    }

    .calendario-ciclos .e-calendar .e-content table {
        float: unset !important;
        margin: auto;
        padding: 4px 0px;
    }

    .calendario-ciclos .e-calendar .e-content span.e-day, .e-bigger.e-small .e-calendar .e-content span.e-day {
        border: none;
        font-size: 14px;
        font-weight: 400;
        height: 32px;
        line-height: 20px;
        width: 32px;
    }

    .calendario-ciclos .e-calendar .e-content.e-month td, .e-bigger.e-small .e-calendar .e-content.e-month td {
        height: 20px;
        padding: 0;
    }

.calendario-ciclos .e-week-header th {
    color: #343A40 !important;
    font-size: 11px !important;
    line-height: 2;
    text-transform: uppercase;
    font-family: 'seguisb';
}

.calendario-ciclos .e-calendar th, .e-bigger.e-small .e-calendar th {
    font-weight: 500;
    height: 20px;
    text-transform: none;
}

.calendario-ciclos .e-calendar .e-content span.e-day, .e-bigger.e-small .e-calendar .e-content span.e-day {
    border: none;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.calendario-ciclos .e-calendar .e-content.e-month td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
    line-height: 20px;
}

.calendario-ciclos .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td, .e-bigger.e-small .e-calendar .e-content.e-year td, .e-bigger.e-small .e-calendar .e-content.e-decade td {
    height: 36px;
    padding: 2px;
}

    .calendario-ciclos .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
        font-weight: 400;
        height: 30px;
        line-height: 30px;
        width: 30px;
    }

.calendario-ciclos .e-footer-container {
    display: none !important;
}
/*Desabilitar saclistview*/
.disabled-div .sac-list-view {
    color: #999 !important;
    pointer-events: none;
    border: 1px solid #cbc2c2 !important;
    background: #D4D4D4 !important;
    color: #6D6D6D !important;
}

/*Clase disabled-div para ubicar color de borde gris de la grilla telerik*/
.disabled-div .k-grid.telerik-blazor {
    border-color: #999 !important;
}
.disabled-div .telerik-blazor {
    pointer-events: none;
}

/*Clase disabled-div para ubicar color de borde gris de la grilla sac-grid*/
.disabled-div .grilla-unica {
    border-color: #999 !important;
    pointer-events: none;
}
.disabled-div .grilla-unica .k-grid-table-SacGrid thead th {
        border-color: #999 !important;
        background: #e0e0e0;
        pointer-events: none;
    }
.disabled-div .grilla-unica .k-grid-table-SacGrid .selected-row {
        background-color: #E0E0E0 !important;
        background: #e0e0e0;
    }
.disabled-div .grilla-unica .k-grid-table-SacGrid .selected-row-edit {
        background: #e0e0e0;
    }



/*Añadir estas reglas después de cargar Bootstrap*/
/* Desactivar la transición del borde en inputs Bootstrap */
.form-control {
    transition: none !important;
}

    .form-control:focus {
        box-shadow: none;
    }

.accordion-button {
    transition: none !important;
}

    .accordion-button:focus {
        box-shadow: none;
    }

/* Global: desactiva la animación del collapse en toda la app */
.collapsing {
    transition: none !important;
}

/* Quitar TODA la transición de los checkboxes/radios */
.form-check-input {
    transition: none !important;
}

.form-switch .form-check-input {
    transition: none !important;
}

/* SFCalendario */
.e-calendar .e-header.e-month, .e-bigger.e-small .e-calendar .e-header.e-month {
    padding: 4px 0 4px 12px;
}

.e-calendar .e-footer-container, .e-bigger.e-small .e-calendar .e-footer-container {
    background-color: rgba(0, 0, 0, 0);
    border-top: 1px solid #dee2e6;
    cursor: default;
    display: inline-block;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 4px;
    text-align: center;
    width: 100%;
}

/* Clases para redimensionar las columnas en el SacGrid*/
.sg-resizer {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    touch-action: none;
}

/* Al arrastrar, evitar la selección de texto */
.sg-resizing * {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    cursor: col-resize !important;
}

/*Elimina border color de texto de los input en el SacGrid cunado tenga la clase input-sin-estilo*/
.k-grid-table-SacGrid .input-sin-estilo input {
    color: transparent;
    border: transparent !important;
}

.k-grid-table-SacGrid .input-sin-estilo {
    color: transparent;
}

    .k-grid-table-SacGrid .input-sin-estilo input:focus {
        box-shadow: none !important; /* elimina la sombra al enfocar */
    }

/*Clases para TelerikDateTimePicker*/
.k-popup .k-actions, .k-popup .k-action-buttons, .k-popup .k-columnmenu-actions, .k-popup .k-action-buttons {
     margin-top: 0px;
}
.k-datetime-container .k-datetime-wrap {
    width: 25em;
    overflow: hidden;
}
.k-checkbox.sincheckTelerik::before {
    content: none;
}
/*Estilo para grilla de telerik en FrmConcilicacion*/
table tr.tr-conciliado td {
    background-color: #F0F8FF !important;
}

.k-grid.conciliacion td {
    border-width: 1px;
    vertical-align: middle;
    padding: 2px 10px;
}

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

/*Clase para filtro de tipo de operacion en FrmConciliacion*/
/* contenedor: dropdown + botón */
.filter-ddl {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    position: relative;
}

/* el dropdown ocupa el espacio disponible */
.filter-ddl__input {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    max-width: 103px;
}

/* el texto del ddl con ... */
.filter-ddl__input .k-input-inner,
.filter-ddl__input .k-input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filter-ddl__btn {
    flex: 0 0 auto;
    position: relative;
    z-index: 5; 
}
.filter-ddl__input .k-icon {
    width: 175px!important;
}
/*Modificar Min-Width columna cuando tiene decimales en SacGrid - DlgConfigCalcBanera*/
.column-porcentaje-bananera col:nth-child(8) {
    min-width: 50px !important;
    width: 50px !important;
}