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

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: 6px 12px !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 12px;
}


/* filtro de las grillas*/

.k-filtercell-wrapper input {
    height: 100%;
    margin: auto;
    padding: 0.1rem 0.3rem;
    font-family: "TAHOMA" !important;
    font-size: 12px !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: 38px;
    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/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;
    text-transform: capitalize;
}


/*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: 14px;
    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: 1;
}
/* 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;*/*/
}