/*#Region BACKGROUND FONDO DE LA WEB*/
:root {
    --background-primario: #081D2E;
    --background-caja: linear-gradient(135deg, rgba(227, 239, 253, 1) 0%, rgba(233, 240, 249, 1) 62%, rgba(233, 240, 249, 1) 100%);
    --background-variado: linear-gradient(to bottom, #e3edf9 0%, #d7e8ff 40%, #b9d7ff 41%, #d8e5f6 100%);
    --bg-linearg-df98ff7ff5f7: to bottom, #e8f1fc 0, #e9f1fc 50%, #d4e3f4 51%, #e6effb 100%;
    --bg-linearg-div: to bottom, #e5efff 0, #e2eeff 20%, #d4e6ff 21%, #e5f1ff 100%;
    --bg-linearg-barra-titulo-modal: to bottom, #e6effc 0, #e0edff 25%, #bfd7ff 26%, #ddeafd 100%;
    --background-hover: top, #ffebb0 0%, #ffebb0 40%, #ffd96d 41%, #ffd96d 100%;
    --background-active: to bottom, #ffbc66 0%, #ffad44 40%, #fb8d3c 41%, #fecc60 100%;
    --bg-linear6fe6fe: repeating-linear-gradient(149deg, #d3e6fe, #d3e6fe);
    --bg-webkit-gdt-bb096d: top, #ffebb0 0, #ffebb0 40%, #ffd96d 41%, #ffd96d 100%;
    --bg-webkit-gdt-btnanclado: right, #CDE2F8 0, #CDE2F8 40%, #D6DBCD 70%, #D6DBCD 100%;
    --bg-red: #B00B00;
    --bg-ffb: #e5effb;
    /*Color fuente*/
    --text-bluelight: #15428B;
    --text-navy: #000080;
    /*Bordes */
    --border-9d2: #6E99D2;
    --border-body: 1.3px solid #71a3e6;
    --border-hover: 1px solid #ffd96d;
    --border-gray: 1px solid #d9d9d9;
    --border-6ce: #9eb6ce;
    /**/
    --color-3e1: #7894BA;
    --color-4d2: #60a4d2;
}

html,
body,
section,
.lateral-menu,
.menuOff,
.nav--sidebar,
.circle-users,
div#btn-search,
#flush-heading12 > button {
    background: var(--background-primario) !important;
}

input::placeholder {
    color: gray; /* Cambia el color del placeholder a gris */
    opacity: 1; 
}

.sub-m-nivel3 {
    background: #fff
}

.btn__menu {
    background: transparent;
}

.accordion-item {
    background-color: white;
}

img.mood-iconsDark {
    display: none;
}

i.mood-iconsDarki {
    display: none !important;
}

.bg-ffb {
    background: var(--bg-ffb);
}

.bor-6ce {
    border: 1px solid var(--border-6ce);
}

/*-end-*/
/*#region Scroll*/

*::-webkit-scrollbar {
    width: 8px !important;
    height: 10px !important;
    background-color: #f5f5f5;
}

*::-webkit-scrollbar-track {
    background-color: #DDE6EE;
}

*::-webkit-scrollbar-thumb {
    background-color: #e7f0fa;
    background: #95B1D6;
}

* {
    /*Config para mozilla*/
    scrollbar-width: thin;
    scrollbar-color: #95B1D6 #e7f0fa;
}

    *:hover {
        /*Config para mozilla*/
        scrollbar-width: thin;
        scrollbar-color: #95B1D6 #e7f0fa;
    }

/*#endregion*/

/*Ventana Emergente*/
div.main-Search {
    background: var(--bg-linear6fe6fe);
}

/*-end-*/

.elipse {
    background: #c2dcfd;
}

.text-filtro,
button.BtnTop {
    background: #ecf3fd
}

.nav-link.btn-dropdown.active {
    border: 0 !important;
    background: -webkit-linear-gradient(var(--bg-webkit-gdt-bb096d)) !important;
}

.btn-focus:focus {
    background: linear-gradient(to bottom, #ffd374 0, #ffd374 40%, #ffd374 41%, #fecc60 100%) !important;
}

.nav-link.icons-titulos.skw-line,
.icons-titulos.skw-line::after,
.under-tabs {
    background: linear-gradient(0deg, #aacaf0 0, #aacaf0 85%, #b8d6fb 87%, #b8d6fb 100%);
}

.content__notify-row {
    background: #fff;
}

.line_gris {
    background: #c3c4c5 !important
}

.back__grises:hover,
.e-schedule .e-agenda-view .e-appointment:hover {
    background: linear-gradient(0deg, rgba(255, 197, 77, 1) 0%, rgba(255, 220, 141, 1) 100%);
}

.back__white {
    background: transparent
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent !important
}

.label__login:after {
    background: #7a7a7a;
}

.label__login:before {
    background: #b6b6b6;
}

.ContectImprimir ul li:hover,
.mainReportes ul li:hover {
    background: -webkit-linear-gradient(var(--bg-webkit-gdt-bb096d));
}

span.text-mail2 {
    background: #e8f0fa;
}

.icons-titulos.skw-line.active,
.icons-titulos.skw-line.active:hover {
    background: linear-gradient(0deg, rgba(229, 240, 252, 1) 0, rgba(229, 240, 252, 1) 80%, rgba(233, 240, 250, 1) 82%, rgba(255, 255, 255, 1) 100%) !important;
}

.funtion-only-frm.position-absolute {
    background: #e5effb;
    box-shadow: -1px -2px 5px -1px #6e99d2;
    border: 1px solid #d9d9d9;
}

/*#endregion*/

/*#Region COLOR DE FUENTES*/
#visualizar span,
.icons-fondo,
.btn-grilla,
.content__notify-new h3,
.circle-naranje,
.numero__notifi h6,
.circle-naranje,
h3.title-users,
.text-filtro,
.filtro-busqueda h4,
span.text-modal--footer,
button.BtnTop,
.h3-tab,
.table th,
.iconOpen i,
.part-content,
.zon1-text h5,
.zon1-text-retencionesr h5,
.h5-custom,
.h5-custom1,
.alerta__loading h2,
.text_concidencia,
.btn__principal h6,
a.link__vermas-content,
.font-segoeuiLighter,
.h5-check,
.button__viewMore,
.line-h3,
.btn-1 button.btn p,
.option1 p,
.k-window-title.k-dialog-title,
.font-td,
.e-btn,
/* cronograma */
/*Color fuente*/
.e-tbar-btn-text,
.e-icons,
.e-tbar-btn,
.e-tbar-btn-text,
.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td,
.e-schedule .e-vertical-view .e-date-header-wrap table tbody td,
.e-header-cells span,
.e-empty-event,
.e-schedule .e-vertical-view .e-clone-time-indicator,
.e-schedule .e-vertical-view .e-current-time,
.e-title-text {
    color: navy !important;
}

h5.modal-title {
    color: #15428B !important;
}

.a-link {
    color: #4CBDEE !important;
}

.btn__bars i {
    color: #5E5E61;
}

.body-carpetas ul li a, .opcion-submenu-2 a {
    color: #4f4f4f;
}

/*.opcion-submenu-2 a{
    color: #4f4f4f;
    font-size: .72rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding-right: 3px;
    font-family: "VERDANA" !important
}*/

span.icon__arrow,
.menuOff .title__button {
    color: #00116e;
}

/*-end-*/
.c-black {
    color: #000 !important
}

.blue-claro {
    color: #2a6acc !important
}

.text__opentabs {
    color: var(--text-bluelight);
}

h3.title__viewtabs {
    color: var(--text-navy);
}

h3.description__viewtabs {
    color: #5f6368;
}

.tollbar-minimize .icons-controls span {
    color: #15428B;
}

/**Tabs internos*/

.titulo-controls-formule {
    color: var(--text-navy) !important;
}

    .titulo-controls-formule.active {
        color: var(--text-bluelight) !important;
    }

h6.titulo-controls-formule span {
    color: #16419f;
}


.icons-titulos {
    color: var(--text-bluelight) !important;
}

.numero__notifi a {
    color: #585858;
}

.name__users label {
    color: #fff;
}

h3.title-users i:hover {
    color: #fdae4f
}

label.datos__users {
    color: #7a7a7a;
}

.filling__date {
    color: #707070
}

::-webkit-input-placeholder {
    color: #000
}

:-moz-placeholder {
    color: #000
}

::-moz-placeholder {
    color: #000
}

:-ms-input-placeholder {
    color: #000
}

.tabs a.active,
.text__black,
.table td,
.blackText {
    color: #000;
}

.text-filtro2 {
    color: #02f !important;
}

.text-modal--footer {
    color: #391285
}

span.span-email {
    color: #0026ae
}

.right-inner-addon i {
    color: #ccc
}

#myTab li.nav-item button i,
.tab-universal li.nav-item button i {
    color: #fff;
}

.img-checklist {
    color: #128ec3;
}

.label__login {
    color: #45779f;
}

.filBtn1 strong {
    color: #969696;
}

.linkBtn {
    color: #fff
}

    .linkBtn a {
        color: #007bff !important;
    }

.filBtn1 .form-check {
    color: #fff !important;
}

.textPrincipal {
    color: #6c6c6c;
}

.text-gris {
    color: #9a9a9a !important
}

.gris {
    color: #b1b3b4 !important
}

input.grisInput {
    border: 4px solid #d4d4d4;
    color: #d4d4d4;
    background: #dde7f2
}

.grisDate {
    border-color: #bebebe !important;
    background: #d4d4d4;
    color: #9a9a9a
}

.grisSelect {
    border-color: #bebebe !important;
    background: #d4d4d4;
    color: #9a9a9a
}

.fa-check {
    color: #ffd556;
}

.ocul-1,
.switch input[type=checkbox]:checked + label .ocul-2,
.switch input[type=checkbox]:checked + label .ocul-1,
.opciones__rating.calificar h3,
span.text-black {
    color: #000;
}

.ocul-2 {
    color: var(--color-4d2);
}

.grey-content span {
    color: #818385
}

.date__notfy {
    color: #6a6a6a;
}

.content__notify-new h4 {
    color: #5c5c5c;
}

h6.hour__notify {
    color: #5c5c5c;
}

.btn__principal i {
    color: #028fd0;
}

.numberRojo {
    color: red !important
}

.style__btnModal button {
    color: #1d4a90;
}

.panel__header i {
    color: #878787;
}

.i-lke .d-flex .fa-thumbs-up:hover {
    color: #0078a4
}

.i-lke .d-flex .fa-thumbs-down:hover {
    color: #1e8cf9
}

/*#endregion*/

/*#Region AGRUPADOS: BG, COLOR, BORDER*/
/*-Menu-*/
.active-opt-menu {
    background: #6D89AE !important;
    /*estado activo del btn*/
    color: white;
}

.tollbar-expand .text-controls {
    border-top: 1px solid #9bb8cf;
    background: #c2d9f2;
}

.container__option {
    background: white;
    border: 3px solid #6D89AE;
}

.text-centralOff {
    border: 1px solid var(--border-9d2);
    background: #c2d9f2;
}

    .text-centralOff p {
        color: #000080;
        border: 1px solid #f6f3f3ab;
    }

div#sub-menu button {
    color: #00116e !important;
    background: #fff;
}

.menuOff .btn__menu {
    background: linear-gradient(0deg, rgba(190, 218, 255, 1) 0%, rgba(174, 209, 255, 1) 60%, rgba(197, 221, 255, 1) 60%, rgba(225, 238, 255, 1) 100%) !important;
    border-bottom: 1px solid #adcef9;
    border-left: 2px solid #9bb8cf;
}

.itemOff ul li:hover, .opcion-submenu-2:hover,
#submenu--1 > div > ul > li:nth-child(5) {
    background: #ffe5a5;
    border-top: 1px solid orange;
    border-bottom: 1px solid orange;
}

/*-end-*/

/*-Quick buttons-*/
.quick-buttons {
    background: #dce1e9;
    border-left: 1px solid #eaedf3;
}

/*-end-*/

/*-Navegables*/
div.main-Search .nav-tabs .nav-item.show .nav-link,
div.main-Search .nav-tabs .nav-link.active,
div.main-Search .nav-tabs .nav-link:focus {
    color: #16419f !important;
    background-color: #c2d9f2 !important;
    background: #c2d9f2 !important;
    border: 1px solid var(--border-9d2);
}

.nav-tabs .nav-link:focus {
    border-color: var(--border-9d2) !important;
    background: #e8f0fa
}
/*Hover para los tabs */
.nav-tabs .nav-link:hover {
    border-color: var(--border-9d2) !important;
    background: linear-gradient(to top, #D6DBCD 0, #D6DBCD 40%, #CDE2F8 41%, #CDE2F8 100%) !important;
    border-bottom: 1px solid;
}

/*Hover para el tab pricipal*/
.nav-tabs .nav-link.skw-line.active:hover {
    border-color: var(--border-9d2) !important
}

/*Hover para los  tab secundario*/
/*.nav-tabs .nav-link.active:focus,*/
.nav-tabs .nav-link.active:hover {
    /*border-color: var(--border-9d2) !important*/
    border-color: #FFC528 !important;
    background: linear-gradient(to top, #E5F0FC 0, #E5F0FC 40%, #E5F0FC 41%, #E5F0FC 100%) !important;
}



/*-end-*/
.contenedor___tabs:hover {
    background: -webkit-linear-gradient(var(--bg-webkit-gdt-bb096d));
    border-color: #ffd96d;
}

.btn-grises {
    background: #dde7f2 !important;
    box-shadow: 0 0 0 1px #d4d4d4 !important;
    border-color: #fff !important;
    margin-left: 3px !important
}

.viewport-li {
    background: linear-gradient(0deg, rgba(229, 240, 254, 1) 0, rgba(200, 217, 237, 1) 83%, rgba(207, 221, 239, 1) 84%, rgba(215, 228, 243, 1) 100%) !important;
    border: 0.1px solid #6e99d1 !important;
}

.dropdown-menu.viewport-li .nav-link.active {
    background: linear-gradient(0deg, rgba(255, 197, 77, 1) 0%, rgba(255, 220, 141, 1) 100%) !important;
    border: 1px solid #FFBE6A !important;
}

.users__menu.show {
    background-color: #e9f0f9 !important;
    border: 2px solid var(--border-9d2) !important;
}

.circle-users {
    color: #1690c6;
}

.form-switch .form-check-input:checked {
    background-color: #0277A7 !important
}

.btn-whatsapp {
    background: #ebebeb;
    color: #000;
}

.btn-aceptar-modal {
    background: #2b88ca;
    color: #fff;
}


#myTab li button.active,
.tab-universal li button.active {
    border-left: .1px solid #6e99d1 !important;
    border-right: .1px solid #6e99d1 !important;
    border-top: .1px solid #6e99d1 !important;
    border-bottom: transparent !important
}

.nav-yellow li .blue.active {
    border-color: #6e99d1 #6e99d1 #e6f0fc #6e99d1 !important;
    border-bottom: transparent !important;
    background: linear-gradient(0deg, rgba(229, 240, 252, 1) 0, rgba(229, 240, 252, 1) 80%, rgba(233, 240, 250, 1) 82%, rgba(255, 255, 255, 1) 100%) !important
}

.nav-yellow button.yellow.active,
.nav-yellow li .yellow.active:focus,
.nav-yellow li .yellow:hover {
    /*    border-color: #d3d3d3 !important;
    box-shadow: 0 -1px 0 1px #ff0 !important;
    border-bottom: transparent !important;*/
    border-left: .1px solid #6e99d1 !important;
    border-right: .1px solid #6e99d1 !important;
    border-top: .1px solid #6e99d1 !important;
    border-bottom: none !important;
    background: linear-gradient(0deg, rgba(229, 240, 252, 1) 0, rgba(229, 240, 252, 1) 80%, rgba(233, 240, 250, 1) 82%, rgba(255, 255, 255, 1) 100%) !important;
}

.btn-grilla:hover,
.modal-footer button:hover {
    background: -webkit-linear-gradient(var(--bg-webkit-gdt-bb096d)) !important;
    border-color: #ffd96d !important;
}



.linkBtn a i {
    color: #5e5d60;
    border-right: 2px solid #45779f;
}

.fillBtn2 button.btn-primary {
    background: #007bff;
    color: #fff !important;
}

    .fillBtn2 button.btn-primary:focus {
        background: #1e92cd
    }

.fillBtn2 button:hover {
    background: #007bffe6;
    color: #e7e7e7 !important
}

.btn-hover:hover,
.invisilityBtn button:hover,
.e-btn:hover,
.e-icons:hover,
.file-select input[type="file"]:hover ~ button {
    background: -webkit-linear-gradient(var(--bg-webkit-gdt-bb096d)) !important;
    border-color: #ffd96d !important;
}

.btn-colors:hover {
    border: 1px solid #ffe5c3;
    background: linear-gradient(0deg, rgba(255, 236, 195, 1) 0, rgba(255, 244, 217, 1) 100%)
}

.complet-grises {
    border: 3px solid #d4d4d4 !important;
    background: #dde7f2;
    box-shadow: 0 0 0 1px #bebebe;
    pointer-events: none;
    color: #6D6D6D;
}

.flex.totalLine:before,
.lineTop-total:before {
    background: radial-gradient(#9cc7ff, #9cc7ff);
    border-bottom: 1px solid #fff;
}

.accordion.col-9 {
    border: 1px solid var(--border-9d2)
}

.bs-modales {
    background-color: #fff;
    border: 1px solid #74787e;
    box-shadow: 0 0 4px #929292;
}

.bs-footer {
    background-color: #f0f0f0;
    border-color: #929292;
}

.bs-btn {
    border: 1px solid #f0f0f0;
    background: #e1e1e1;
}

.icon-firts {
    background: linear-gradient(0deg, rgba(240, 244, 252, 1) 0, rgba(223, 234, 250, 1) 100%);
    border: 1px solid #9eb6ce;
}

.icons-fondo {
    background: linear-gradient(0deg, rgba(209, 226, 247, 1) 0, rgba(230, 240, 252, 1) 80%);
}

    .firts-subicons.active:hover,
    .icons-fondo:hover,
    .firts-subicons:hover {
        background: -webkit-linear-gradient(var(--bg-webkit-gdt-bb096d));
        border: 1px solid #ffd96d;
        border-right-color: transparent;
        border-top-color: transparent;
    }

.firts-subicons.active {
    background: linear-gradient(to bottom, #FFE3A1 0, #FFC375 40%, #FFD294 41%, #FFD190 100%);
    border-bottom: 1px solid #ffbc66;
    border-left: 1px solid #ffbc66
}

.switch {
    border: 1px #7894ba solid;
    background-color: #fff;
}

.label-back label {
    background: linear-gradient(0deg, rgba(254, 235, 118, 1) 0, rgba(254, 199, 86, 1) 48%, rgba(254, 195, 83, 1) 66%, rgba(255, 210, 153, 1) 83%, rgba(255, 211, 159, 1) 100%);
    border: 1px solid rgba(120, 148, 186, 1) !important
}

.col-2 {
    color: var(--color-4d2) !important;
    background: linear-gradient(0deg, rgba(254, 235, 118, 1) 0, rgba(254, 199, 86, 1) 48%, rgba(254, 195, 83, 1) 66%, rgba(255, 210, 153, 1) 83%, rgba(255, 211, 159, 1) 100%)
}

.deslizar {
    background-color: #deebfc;
    /*border: 1px solid var(--color-4d2);*/
}

.arros-toolbar {
    border: 1px solid #9bb8cf;
    color: #0691d2;
}

.text-sect h2 {
    color: #3f67a6;
    border: 1px solid #f6f3f3ab;
}

.grey-content input {
    box-shadow: 0 0 1px #818385;
    border-color: #818385bf !important;
    background: #d9d9d9;
}


.class__button:hover {
    background: -webkit-linear-gradient(var(--bg-webkit-gdt-bb096d));
    border-color: #ffd96d;
}

.panel__entrada {
    background-color: #fff;
    border-right: 2px solid #a7a7a7
}

    .panel__entrada li.active,
    .panel__entrada li:hover {
        background: #ffe5a5;
        border-top: 1px solid orange;
        border-bottom: 1px solid orange
    }


.text-part {
    border-color: #fff !important;
    /*  background: #c2d9f2;*/
    background: linear-gradient(to top, #E9F0F9 0%, #C3D9F6 20%, #B6D2F5 41%, #C7DCF7 50%) !important;
    box-shadow: 0 0 0 1px #9bb8cf
}

.mainLogin {
    background: #f7f8fac7;
    border: 1px solid #acacac;
    box-shadow: 0 0 15px 0 #a2bdd8
}

.mainReportes ul {
    border: 1.3px solid #71a3e6;
    background: #fff;
}

.Line-bottom2 {
    background: radial-gradient(#9cc7ff, #9cc7ff);
    border-bottom: 1px solid #fff;
}

.nav-exportanciones {
    background: #fff;
    border-bottom: 1px solid #9eb6ce
}

.text-sect {
    border-bottom: 1px solid #9bb8cf;
    background: #B0CFF4
}

.text__excel {
    border-top: 1px solid #dce1e9;
    background: linear-gradient(to bottom, #e3edf9 0, #ddeafb 40%, #ddeafb 41%, #d8e5f6 100%)
}

.panel__header {
    background: #c2d9f2;
    border-bottom: 1px solid #c7c7c7
}

.panel__notificaciones span.circle {
    background: #1e8cf9;
}

.part-content:before {
    background: radial-gradient(#9cc7ff, #9cc7ff);
    border-right: 1px solid #fff;
}

.li-before {
    background: radial-gradient(#9CC7FF, #9CC7FF);
    box-shadow: 0px 1px white;
}

.zona-register {
    border: 1px solid #9bb8cf;
    background: #d3e6fe
}

.icons-titulos.active,
.titulo-regs-2 button.active {
    border-left: .1px solid #6e99d1 !important;
    border-right: .1px solid #6e99d1 !important;
    border-top: .1px solid #6e99d1 !important;
    border-bottom: none !important
}

.under-tabs {
    border: 1px solid var(--border-9d2) !important
}

div.content___usuarios,
div.content__notify {
    background: var(--bg-linear6fe6fe);
    border-left: 1px solid var(--border-9d2);
    border-right: 1px solid var(--border-9d2)
}

.name__users {
    background: #0277a7;
    box-shadow: -5px -2px 0 2px #82c1e4;
}

.ContectImprimir {
    border: 1px solid #819cbf;
    background: #fff;
}

div#btn-search {
    border: 1px solid var(--border-9d2);
}

.w-formaPago li:hover {
    background: 0 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important
}

.w-formaPagCxPClientesC li:hover {
    background: 0 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important
}

.cuadro__unico {
    border: 1px solid #bfbfbf;
    background: white;
}

.icons-titulos.skw-line {
    border: 1px solid var(--border-9d2) !important;
    border-left: 0 !important;
}

.contenedor___open-tabs.show {
    box-shadow: 0 0 9px #0000004f;
    background: #ecf3fd;
}

.icons-titulos.skw-line:hover:after,
.icons-titulos.skw-line:hover {
    background: linear-gradient(365deg, #DBDCC5, transparent) !important;
    border-bottom: #e4effc !important;
}

.abs-input:hover,
.btn-list:focus,
.btn-list:hover,
button.BtnStyle-5:hover, .iconLi:hover {
    background: -webkit-linear-gradient(var(--bg-webkit-gdt-bb096d));
    border-color: #ffd96d !important;
}

.icons-titulos.skw-line::after {
    border: 1.5px solid #6e99d1;
}

/*#endregion*/
/*#Region Barra herramientas*/
.tollbar-expand .controls-div {
    border: 1px solid #6e99d2;
}

.single-bar {
    background: linear-gradient(0deg, rgba(229, 240, 254, 1) 0, rgba(200, 217, 237, 1) 83%, rgba(207, 221, 239, 1) 84%, rgba(215, 228, 243, 1) 100%);
}

.tollbar-expand .opt-3,
.tollbar-expand .opti-1,
.tollbar-expand .opti-2 {
    background: -webkit-linear-gradient(90deg, #e6effb 0, #d3e2f4 60%, #e0ebf8 61%, #dfeaf8 100%);
}

.tollbar-expand .opti-2 {
    border: 1px solid #9bb8cf;
}

.tollbar-expand .opt-3 {
    border: 1px solid #9bb8cf;
}

.tollbar-expand .icons-controls.opti-1 {
    border: 1px solid #9bb8cf;
}

.arrow-left img:focus,
.arrow-left img:hover,
.arrow-rigth img:focus,
.arrow-rigth img:hover {
    background: -webkit-linear-gradient(top, #ffebb0 0, #ffebb0 40%, #ffd96d 41%, #ffd96d 100%);
    border-color: #ffd96d;
}

/*endregion*/
/*#Region Menu Contextual*/
.wrapper-options, .k-context-menu {
    background-color: #d3e6fe !important;
    border: 1.4px solid #c9d3e1;
}

    .icons-right3q, .k-context-menu .k-icon {
        background: #c1dafc;
        color: #15698e;
    }

    .wrapper-options li span, span.k-menu-link-text {
        color: #363636 !important;
    }

.separator-line-bottom::before {
    background: radial-gradient(#9cc7ff, #9cc7ff);
    border-bottom: 1px solid white;
}

.k-context-menu .k-separator {
    border-bottom: 1px solid #9cc7ff !important;
    box-shadow: 0 1px 0 white;
}

.hover-sub-menu3q,
.hover-sub-menu3q-hijo, .k-context-menu .k-menu-item:hover, .k-context-menu .k-menu-link:hover .k-icon {
    background: linear-gradient(0deg, rgba(255, 242, 202, 1) 0%, rgba(255, 242, 203, 1) 50%, rgba(255, 251, 218, 1) 50%, rgba(255, 251, 219, 1) 100%);
}

.active-menu3q {
    background: -webkit-linear-gradient(top, #ffebb0 0, #ffebb0 40%, #ffd96d 41%, #ffd96d 100%);
}

/*#endregion*/
/*#Region Color border*/
.border-caja {
    border: 1px solid var(--border-9d2);
}

input,
textarea,
select,
.not-write input ~ button {
    border: 1px solid #9cbde8;
    background: #fff;
}

.e-input-group:not(.e-input-focus) input {
    border: 1px solid #9cbde8 !important;
}

.e-checkbox-wrapper .e-frame,
.e-css.e-checkbox-wrapper .e-frame {
    border: 1px solid #9cbde8 !important;
    background: #fff !important;
}

input:focus,
select:focus,
textarea:focus,
.input-seclect input:focus,
.select select:focus,
.not-write input ~ button:focus,
.e-input-group.e-input-focus input:focus,
.e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-input-focus input {
    border: 1px solid #2590fb !important;
    box-shadow: 0 0 2px rgb(37 144 251);
}

/* Foco solo para el SacTextBoxButton*/
/*.inputFocusButton:focus {
    border: 1px solid #E1A080 !important;
}
*/
.invisilityBtn button,
button.BtnStyle-5,
.button-modal button,
.button-modal button,
.k-dialog-buttongroup .k-button,
.btn__principal,
.e-btn, button.btn-list {
    border: 1.4px solid var(--color-3e1) !important;
}

.button-max-mini,
.btn-multiple,
.class__button,
.btn-grilla,
.btn-controls-online {
    border: 1.4px solid var(--color-3e1);
}

.invisilityBtn button,
.btn-list,
img.btn-list,
button.BtnStyle-5,
.button-modal button,
.k-header.k-dialog-titlebar,
.btn-grilla,
.class__button,
.button-max-mini,
.btn-multiple,
.btn__principal,
.e-dialog .e-dlg-header-content {
    background: linear-gradient(var(--bg-linearg-df98ff7ff5f7));
}

/*color fondo del sinfucion boton*/
.e-btn {
    background: linear-gradient(var(--bg-linearg-df98ff7ff5f7)) !important;
}

.tollbar-expand .controls-div {
    background: linear-gradient(var(--bg-linearg-div));
}

.header-list {
    background: linear-gradient(var(--bg-linearg-barra-titulo-modal));
}
/*Cronograma*/
.e-tbar-btn {
    background: linear-gradient(var(--bg-linearg-df98ff7ff5f7)) !important;
}

/*Color al btn cancelar synfusion*/
.e-btn.e-primary ~ .e-btn {
    background-color: #C7D8ED !important;
    background: #C7D8ED;
}

.k-button,
.k-group-indicator .k-button-flat {
    background: linear-gradient(var(--bg-linearg-df98ff7ff5f7)) !important;
    border: 1px solid var(--color-4d2);
    color: var(--color-4d2)!important;
}

.k-group-indicator .k-button-flat {
    border: 1px solid var(--color-4d2) !important;
}

    .k-button:hover,
    .e-input-group-icon:hover,
    .k-group-indicator .k-button-flat:hover {
        background: -webkit-linear-gradient(top, #ffebb0 0, #ffebb0 40%, #ffd96d 41%, #ffd96d 100%) !important;
        border-color: #ffd96d !important;
    }

.button-modal button h6,
.invisilityBtn button,
.btn-list,
img.btn-list,
button.BtnStyle-5,
.button-modal button,
.k-dialog-buttongroup .k-button,
.btn__principal,
.e-dlg-header {
    color: navy;
}

.btn-list,
img.btn-list {
    border: 1px solid var(--color-4d2);
}

/*-Menu-*/
.itemOff {
    border: 1px solid var(--border-9d2);
}

/*-end-*/
.borderF-2 {
    border-color: #d9d9d9 !important
}

.table-grilla,
.bloq .grilla,
.grilla,
.grilla-2,
.thead-grilla-u {
    border-color: var(--border-9d2) !important;
}

.linkBtn a.return-btn:hover {
    border-bottom: 2px solid #45779f;
}

.tab-total {
    border-bottom: 1px solid var(--border-9d2);
    border-left: 1px solid var(--border-9d2);
    border-right: 1px solid var(--border-9d2);
}

.bs-btn:hover {
    border: 2px solid #0078d7;
}

.border-tabs {
    border-color: #9eb6ce;
}

.isDisabled {
    border-top: 1px solid #FA6A00;
    border-bottom: 1px solid #FA6A00;
    background: #ffe3a1;
    background: -moz-linear-gradient(top, #ffe3a1 0%, #ffe3a1 22%, #ffd06a 52%, #ffd06a 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffe3a1), color-stop(22%, #ffe3a1), color-stop(52%, #ffd06a), color-stop(100%, #ffd06a));
    background: -webkit-linear-gradient(top, #ffe3a1 0%, #ffe3a1 22%, #ffd06a 52%, #ffd06a 100%);
    background: -o-linear-gradient(top, #ffe3a1 0%, #ffe3a1 22%, #ffd06a 52%, #ffd06a 100%);
    background: linear-gradient(to bottom, #ffe3a1 0%, #ffe3a1 22%, #ffd06a 52%, #ffd06a 100%);
}

.content__notify-new {
    border-bottom: 1px solid #c2d9f2;
}

.excel__content {
    border: 1px solid #dce1e9
}

.panel__entrada li {
    border-bottom: 1px solid #bbb;
}

img.abs-input {
    border-color: var(--color-4d2);
}

.border-gray {
    border: 1px solid #d9d9d9
}

.border-naranje {
    border-color: #f7b054 !important
}

.contenedor__mainList li button:hover {
    background: linear-gradient(0deg, rgba(255, 242, 202, 1) 0%, rgba(255, 242, 203, 1) 50%, rgba(255, 251, 218, 1) 50%, rgba(255, 251, 219, 1) 100%);
}

.master-border td {
    border-color: #d1e1f5 !important
}

.nav-tabs {
    border-bottom: 1px solid var(--border-9d2) !important;
}

    .nav-tabs.border-0 {
        border-bottom: 0 !important;
    }

/*#endregion*/
.grilla .alerta__loading {
    background: #dce1e9 !important;
}

.hoverNone li:hover {
    background: none !important;
}

.grafic--control {
    background: white;
}

.back-white {
    background: white;
}

.button__viewMore {
    background: 0 0;
}

.line-before {
    background: #e8f0fa;
}

li.selected-li {
    background: linear-gradient(0deg, rgba(255, 242, 202, 1) 0%, rgba(255, 242, 203, 1) 50%, rgba(255, 251, 218, 1) 50%, rgba(255, 251, 219, 1) 100%) !important;
}

.line-vertical {
    background: linear-gradient(to bottom, #d0e0f2 0%, var(--border-9d2) 36%, var(--border-9d2) 65%, #e0ecfb 100%);
}

#myTab li button.active,
.tab-universal li button.active,
.titulo-regs-2 button.active,
.nav-custom button.active {
    background: linear-gradient(0deg, rgba(229, 240, 252, 1) 0, rgba(229, 240, 252, 1) 80%, rgba(233, 240, 250, 1) 82%, rgba(255, 255, 255, 1) 100%) !important
}

div#accordionFlushExample {
    border-left: 2px solid #9bb8cf
}

.numero__notifi {
    border-bottom: 1px solid #b7b7b7;
}

.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='green'/%3e%3c/svg%3e") !important
}

button.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='rgb(139 195 74)' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important
}

.BtnStyle-5.show {
    background: -webkit-linear-gradient(top, #ffb555 0, #ffebb0 40%, #ffb555 41%, #ffb555 100%)
}

.beforeLi:before {
    background: #b0d1fd;
}

.icons-titulos.skw-line.active,
.icons-titulos.skw-line.active:hover {
    background: linear-gradient(0deg, rgba(229, 240, 252, 1) 0, rgba(229, 240, 252, 1) 80%, rgba(233, 240, 250, 1) 82%, rgba(255, 255, 255, 1) 100%) !important;
}

    .icons-titulos.skw-line.active::after,
    .icons-titulos.skw-line.active:hover::after {
        background: linear-gradient(0deg, rgba(229, 240, 252, 1) 0, rgba(229, 240, 252, 1) 80%, rgba(233, 240, 250, 1) 82%, rgba(255, 255, 255, 1) 100%) !important;
    }

.dropdown-menu.viewport-li a:hover,
.dropdown-menu.viewport-li li:hover {
    background: -webkit-linear-gradient(var(--bg-webkit-gdt-bb096d)) !important;
}

.users__menu .img:before {
    background: #00000026;
}

.notify-number {
    background: #a1b4c7;
    border-color: #dce1e9;
}

.input-seclect input,
.select select {
    color: #15428B;
}

div.main-Search .tab-pane {
    background: #fff
}

/*#Region LISTAS*/

.sac-list-view {
    border: 1px solid #819CBF;
    background: white;
}

    .sac-list-view ul li:hover {
        background: linear-gradient(0deg, rgba(255, 242, 202, 1) 0%, rgba(255, 242, 203, 1) 50%, rgba(255, 251, 218, 1) 50%, rgba(255, 251, 219, 1) 100%) !important;
        border: 1px solid #FFEFC1;
    }

    .sac-list-view ul li.active {
        background: linear-gradient(0deg, rgba(255, 197, 77, 1) 0%, rgba(255, 220, 141, 1) 100%) !important;
        border: 1px solid #FFBE6A;
    }

ul.odd-li li:nth-child(odd) {
    background: white;
}

ul.odd-li li {
    background: #F6FBFF;
}

/*#endregion*/
.name__users:before {
    background: #0277a7;
}

.w__cajaborder {
    border: 1px solid #a4c2ea;
}

button.BtnStyle-5:focus {
    border: 1px solid #da902f
}

.contenedor___open-tabs input:focus,
.contenedor___open-tabs input {
    border: 1px solid transparent !important
}

.body__content-users {
    border: 1px solid var(--border-9d2);
}

.filtro-busqueda {
    border: 1px solid #aad2fe;
}

.mainContentSeacrh,
button.BtnTop,
div#myTabContent,
.def__border {
    border: 1px solid var(--border-9d2)
}

.table-grilla,
.grilla,
.grilla-2,
.border-tabs,
img.abs-input,
.text-part {
    border: 1px solid;
}

.grilla-precios {
    border: 1px solid #819cbf;
}

.img-article,
.imagen-listado-articulos {
    border: 1px solid #000;
}

.bodyCustom {
    border: 1px solid var(--border-9d2);
}

/*
.bodyCustom {
    background: #ecf3fd !important
}*/

.iconOpen {
    border: .1px solid #83a8d9;
}

.firts-subicons {
    border: 1px solid #9eb6ce;
}

.switch input[type=checkbox]:checked + label::after {
    border: 1px solid var(--color-4d2)
}

.switch label {
    /* border: .5px solid var(--color-4d2);*/
    border: .5px solid #7894BA;
}

.w-mail-2 {
    border: 1px solid var(--border-9d2);
}

div#email {
    border: 1px solid #9eb6ce;
}

.h-mayor {
    border: 1px solid #83a8d9;
}

.sec-1 {
    border: 1px solid #9bb8cf
}

.tab-content {
    border: 1px solid var(--border-9d2);
}

.border-top6a {
    border-top: 1px solid var(--border-9d2) !important;
}

.border__nav-main {
    border-bottom: 1px solid var(--border-9d2);
}

.border__nav-main {
    background: #BEDAFF;
}

.option1:hover,
button.btn:hover,
.btn-1 button:focus,
.btn-1 .option1:focus {
    background: -webkit-linear-gradient(var(--bg-webkit-gdt-bb096d)) !important;
    border-bottom: 1px solid #ffd96d !important;
}

.Line-bottom,
.Top-line {
    background: radial-gradient(#9cc7ff, #9cc7ff);
    border-bottom: 1px solid #fff
}

.itemOff .sub-class-menu .accordion-item button:focus,
.itemOff .sub-class-menu .accordion-item button:active,
.btn-grilla.active {
    background: linear-gradient(var(--background-active)) !important;
}

.users-config span {
    color: #00116e;
}

.button-max-mini:hover,
.btn-multiple:hover {
    background: -webkit-linear-gradient(top, #ffebb0 0, #ffebb0 40%, #ffd96d 41%, #ffd96d 100%);
    border-color: #ffd96d;
}

.h-85 {
    border-bottom: 1px solid #6e99d2;
    border-left: 1px solid #6e99d2;
    border-right: 1px solid #6e99d2;
}

.grilla h3,
.table-grilla h3 {
    border-bottom: .1px solid #6e99d2
}

button.M-Segundo-Nivel:hover,
button.M-Tercer-Nivel:hover {
    background: -webkit-linear-gradient(var(--background-hover)) !important;
}

.btn__menu:hover {
    background: -webkit-linear-gradient(var(--background-hover)) !important;
    border-bottom: 1px solid #ffd96d;
}

.menuOff .btn__menu:hover,
.menuOff .active-opt-menu {
    background: -webkit-linear-gradient(var(--background-hover)) !important;
    border-bottom: 1px solid #ffd96d;
}

/*Chat soporte*/
.alana-chat-button:hover,
span.alana-chat-option:hover {
    background: -webkit-linear-gradient(top, #ffebb0 0%, #ffebb0 40%, #ffd96d 41%, #ffd96d 100%) !important;
    border-bottom: 1px solid #ffd96d !important;
}

#alana-chat-box {
    background: #e6f0fb;
    box-shadow: 0px 0px 0px 2px #b5d5ff !important;
}

#alana-chat-header {
    background: linear-gradient(0deg, rgba(190, 218, 255, 1) 0%, rgba(174, 209, 255, 1) 60%, rgba(197, 221, 255, 1) 60%, rgba(225, 238, 255, 1) 100%);
    border: 1px solid #cdcdcd;
}

#chat-box.show {
    border: 1px solid #cdcdcd;
    background: white;
}

.icons__Answer {
    border-right: 2px solid #00116e;
    color: #6f6f6f;
}

.answer__close {
    color: #6f6f6f;
}

.alana-chat-shadow {
    box-shadow: 0px 3px 3px -1px #ddd;
}

.reply__sent .answerOf__thesame {
    color: #85888b;
}

.alert__mesage h3 {
    background: white;
    color: #00116e;
}

.alana-chat-options {
    border: 1px solid #7c9fce;
}

.alana-chat-option {
    color: #00116e;
}

.alana-chat-options-text {
    border-bottom: 1px solid #c2d9f2;
    background-color: #c2d9f278;
    border-radius: var(--alana-radius) var(--alana-radius) 0 0;
}

.alana-chat-option + .alana-chat-option {
    border-top: 1px solid #ddd;
}

.text__writing {
    background: #ffffff;
    color: #00116e;
    border-bottom: 1px solid #ededed;
}

#alana-chat-header,
#alana-chat-close-icon {
    color: var(--white);
}

#alana-chat-close-icon {
    color: #000;
}

#alana-chat-title {
    color: #00116e;
}

.custom-menu,
.menu__img {
    color: #a6a6a6;
    background: #FCFCFC;
    border: 1px solid #bdd9fe;
}

    .custom-menu li:hover,
    .custom-menu li:hover .bakc__icons,
    .menu__img li:hover {
        background: -webkit-linear-gradient(top, #ffebb0 0%, #ffebb0 40%, #ffd96d 41%, #ffd96d 100%);
        color: #00116e;
    }

.bakc__icons {
    background: #E9EEEE;
}

.call-inputt {
    background-color: white;
}


/*end*/

/*Region grillas*/
.grilla-unica {
    border-color: rgba(0, 0, 0, 0.08);
    color: #424242;
    background-color: #ffffff;
    border-color: #9EB6CE;
}

.k-group-footer td,
.k-grouping-row td,
tbody .k-group-cell {
    color: #424242;
    background-color: #D4E6FC;
}

.k-grid-none td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.bg-fff {
    background-color: white;
}

/*endregion*/
/*border de los td*/

.k-list-item.k-selected,
.k-selected.k-list-optionlabel {
    background: linear-gradient(0deg, rgba(255, 197, 77, 1) 0%, rgba(255, 220, 141, 1) 100%);
    border: 1px solid #FFBE6A;
}

.k-hover.k-list-optionlabel,
.k-list-item.k-hover,
.k-list-item:hover,
.k-list-optionlabel:hover {
    background: linear-gradient(0deg, rgba(255, 242, 202, 1) 0%, rgba(255, 242, 203, 1) 50%, rgba(255, 251, 218, 1) 50%, rgba(255, 251, 219, 1) 100%);
    border: 1px solid #FFEFC1;
}

tr.master-row td {
    border-left: 1px solid #D1E1F5 !important;
    border-right: 1px solid #D1E1F5 !important;
}

tr.master-row:nth-child(2n+0),
ul.odd-li li {
    background-color: #F6FBFF;
}

table.grilla-excluida tr.master-row:nth-child(2n+0) {
    background-color: white;
}

/* Aplica el mismo fondo a los inputs dentro de esas filas cuando no tienen el foco */
tr.master-row:nth-child(2n+0) input:focus,
tr.master-row:nth-child(2n+0) select:focus {
    background-color: #fff;
}

/* Aplica el fondo a los inputs dentro de las filas alternas cuando no tienen el foco */
/* tr.master-row:nth-child(2n+0) input:not(:focus),
    tr.master-row:nth-child(2n+0) select:not(:focus) {
        background-color: #F6FBFF;
    }
*/

/* Estilo para inputs y selects en filas alternadas de todas las grillas, excluyendo las que tienen la clase 'grilla-excluida' */
table:not(.grilla-excluida) tr.master-row:nth-child(2n+0) input:not(:focus),
table:not(.grilla-excluida) tr.master-row:nth-child(2n+0) select:not(:focus) {
    background-color: #F6FBFF;
}

/* Estilo para la grilla con la clase 'grilla-excluida' */
table.grilla-excluida tr.master-row input:not(:focus),
table.grilla-excluida tr.master-row select:not(:focus) {
    background-color: white;
}

/*Estilo para la grilla SacGrid se pinte en blanco el fondo de  las filas cuando este en visualizacion y tenga la clase grilla-seteo *ejem. FrmFrutaCompras*/
.grilla-seteada tr.master-row input:not(:focus),
.grilla-seteada tr.master-row select:not(:focus) {
    background-color: white!important;
}

.grilla-seteada tr.master-row:nth-child(2n+0) {
    background-color: white;
}


/*.grilla-seteo tr.master-row {
    background-color: white !important;
}*/

/*Estilo para la grilla SacGrid para las columnas q deseamos tenga otro color de fondo se ubico la clase columna-seteada *ejem. FrmFrutaCompras*/
.grilla-seteada tr.master-row .columna-seteada{
        background-color: #F0F8FF!important;
 }
 .grilla-seteada tr.master-row .columna-seteada input {
        background-color: #F0F8FF !important;
        border: 1px #F0F8FF solid !important;
    }


/* Estilo para inputs -selecft para la grilla con la clase 'grilla-excluida' */
table.grilla-excluida tr.master-row.tr-conciliado input:not(:focus),
table.grilla-excluida tr.master-row.tr-conciliado select:not(:focus) {
    background-color: #F0F8FF !important;
}

/* Aplica el fondo a la fila con la clase 'tr-conciliado' */
table.grilla-excluida tr.tr-conciliado {
    background-color: #F0F8FF !important;
}

/* Aplica el mismo fondo a los inputs y selects dentro de esa fila cuando no tienen el foco */
tr.tr-conciliado input:not(:focus),
tr.tr-conciliado select:not(:focus) {
    background-color: #F0F8FF;
}

/* Asegura que los inputs y selects dentro de esa fila tengan un fondo blanco cuando tienen el foco */
tr.tr-conciliado input:focus,
tr.tr-conciliado select:focus {
    background-color: #fff;
}

.input-grilla {
    border: 1px #FFFFFF solid !important
}

.content-users {
    border-bottom: 1px solid #C0C0C0 !important;
}

.btn-fixedSection {
    border: 1px solid #c1cad1;
    background: #d0e0f2;
    box-shadow: 0 0 5px #adadad;
}

    .btn-fixedSection span {
        background: repeating-linear-gradient(175deg, #d3e6fe, #ffffff61);
    }

.header-list,
.k-header.k-dialog-titlebar {
    border-bottom: 2px double #b0d1fd!important;
}

/*Para botones de calendario u otros con el color var(--color-4d2)*/
.color-date-time-picker button {
    border: 1px solid var(--color-4d2);
    color: var(--color-4d2);
}

/*Para color de fondo de las comlumnas en los formularios 104-103-125*/
.bg-td-blue-prmary {
    background: #d2e6ff;
}

/*modal synfusion*/
.e-dialog {
    border: 1px solid #6e99d2 !important;
    background: #ecf3fd !important;
    box-shadow: 0 0 20px 2px rgb(78 78 77 / 75%);
}

.e-dlg-header-content {
    border-bottom: 2px double #ffffff !important;
    box-shadow: 0 1px 0px #b0d1fd;
}

/*Cambio de color de fondo cuando aparescar el modal de synfusion*/
.e-dlg-overlay {
    background-color: #0000001f !important;
}

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

.k-grid-header,
.k-header,
th.k-header,
.k-grid-header-wrap,
.k-grouping-header {
    border-color: #9EB6CE !important;
}

/*#Region Cronograma*/
/*Header butons control*/
.e-schedule .e-schedule-toolbar .e-toolbar-items {
    background: #e8f0fa !important;
}

.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td,
.e-schedule .e-vertical-view .e-date-header-wrap table tbody td,
.e-header-cells {
    background: linear-gradient(0deg, rgba(229, 240, 254, 1) 0, rgba(200, 217, 237, 1) 83%, rgba(207, 221, 239, 1) 84%, rgba(215, 228, 243, 1) 100%);
}

.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td,
.e-schedule .e-date-header-wrap table tbody td,
.e-schedule .e-date-header-wrap table td {
    border-color: #94b4df !important;
}

.e-table-wrap {
    border-top: 1.5px solid #6e99d1;
}

/*Table Lateral rigth*/
.e-schedule .e-vertical-view .e-time-cells-wrap table td {
    color: navy !important;
    background-color: #e8f0fa !important;
}

/*Agenda cronograma*/
.e-schedule .e-vertical-view .e-work-hours,
.e-schedule .e-work-days,
.e-schedule .e-work-cells {
    background-color: #eff6ff !important;
}

.e-schedule .e-work-cells,
.e-schedule .e-vertical-view .e-time-cells-wrap table td {
    border-color: #cee3ff !important;
}

.e-header-icon-wrapper {
    background: linear-gradient(var(--bg-linearg-df98ff7ff5f7));
    border-bottom: 2px double #b0d1fd;
}

.e-quick-popup-wrapper {
    border: 1px solid #dee2e6;
    border-radius: 5px 5px 1px 1px !important;
    border: 1px solid #6e99d2 !important;
    background: #ecf3fd !important;
    box-shadow: 0 0 20px 2px rgb(78 78 77 / 75%) !important;
}

.e-icons,
.e-input-group-icon {
    border: 1px solid var(--color-4d2) !important;
    background: linear-gradient(var(--bg-linearg-df98ff7ff5f7)) !important;
}

.e-input-group input,
textarea {
    background: white !important;
}

.e-float-input input, .e-float-input textarea, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper textarea {
    border-bottom-color: #9cbde8;
}

input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, textarea.e-input, .e-float-input input, .e-float-input.e-control-wrapper input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea {
    border-color: #9cbde8;
}

.e-calendar .e-content td.e-selected.e-focused-date span.e-day,
.e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected.e-focused-date span.e-day,
.e-calendar .e-content td.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
    border-color: rgba(0, 0, 0, 0.08);
    color: #1c1b1b;
    background-color: #FED67F;
    border-radius: 1px;
    box-shadow: inset 1px 0 #FA974F, inset 0 1px #FA974F, inset -1px 0 #FA974F, inset 0 -1px #ef8537;
}

    .e-calendar .e-content td.e-selected span.e-day:hover, .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day:hover {
        background-color: #fed379 !important;
    }

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    background: none;
    border: none;
    border-radius: 1px;
    box-shadow: inset 1px 0 #FA974F, inset 0 1px #FA974F, inset -1px 0 #FA974F, inset 0 -1px #ef8537;
    color: #264D8F;
}




.e-calendar .e-header .e-prev:hover,
.e-calendar .e-header .e-next:hover,
.e-bigger.e-small .e-calendar .e-header .e-prev:hover,
.e-bigger.e-small .e-calendar .e-header .e-next:hover {
    background: -webkit-linear-gradient(top, #ffebb0 0, #ffebb0 40%, #ffd96d 41%, #ffd96d 100%) !important;
    border-color: #ffd96d !important;
}

.e-schedule .e-month-view .e-current-date .e-date-header, .e-schedule .e-month-agenda-view .e-current-date .e-date-header, .e-schedule .e-month-view .e-appointment {
    background-color: #bdd9fe;
    color: navy;
}
/*butones arrow calendario*/
.e-calendar .e-header .e-prev:hover,
.e-calendar .e-header .e-next:hover,
.e-bigger.e-small .e-calendar .e-header .e-prev:hover,
.e-bigger.e-small .e-calendar .e-header .e-next:hover {
    background: -webkit-linear-gradient(top, #ffebb0 0, #ffebb0 40%, #ffd96d 41%, #ffd96d 100%) !important;
    border-color: #ffd96d !important;
}

.months-semestrales:hover {
    background: linear-gradient(0deg, rgba(255, 242, 202, 1) 0%, rgba(255, 242, 203, 1) 50%, rgba(255, 251, 218, 1) 50%, rgba(255, 251, 219, 1) 100%) !important;
}

.months-semestrales.active {
    background: linear-gradient(0deg, rgba(255, 197, 77, 1) 0%, rgba(255, 220, 141, 1) 100%);
}

.cad-caldr h6 {
    color: #000000;
}

.e-control-container textarea {
    box-shadow: none !important;
}

/*Synfusion*/
.e-grid .e-groupdroparea {
    background-color: #f8f9fa;
    border-top-color: #dee2e6;
    color: #424242;
    background: linear-gradient(0deg, rgba(240, 244, 252, 1) 0%, rgba(223, 234, 250, 1) 100%);
}

.e-grid.e-default .e-headercell,
.e-grid.e-default .e-detailheadercell,
.e-grid .e-grouptopleftcell {
    background: linear-gradient(0deg, rgba(209, 226, 247, 1) 0%, rgba(230, 240, 252, 1) 80%);
}

.e-grid .e-toolbar {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: linear-gradient(0deg, rgba(240, 244, 252, 1) 0%, rgba(223, 234, 250, 1) 100%);
}

.e-grid .e-headercell,
.e-grid .e-detailheadercell {
    background-color: linear-gradient(0deg, rgba(209, 226, 247, 1) 0%, rgba(230, 240, 252, 1) 80%);
}

.e-grid .e-rowcell {
    border-color: #D1E1F5 !important;
}

.e-grid.e-default .e-headercell,
.e-grid.e-default .e-detailheadercell,
.e-grid .e-groupcaption
/* , .e-grid .e-indentcell */
,
.e-grid .e-recordplusexpand,
.e-grid .e-recordpluscollapse,
.e-grid .e-rowdragdropcell,
.e-grid .e-detailrowcollapse,
.e-grid .e-detailrowexpand,
.e-grid .e-detailindentcell,
.e-grid .e-detailcell {
    border-color: #9EB6CE !important;
}

table.e-table > tbody > tr {
    background-color: #F6FBFF;
}

    table.e-table > tbody > tr:nth-of-type(odd) > * {
        background: white;
    }

.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: #FFFBD8;
}

.e-grid td.e-active {
    background: linear-gradient(0deg, rgba(255, 207, 108, 1) 0%, rgba(255, 226, 157, 1) 100%);
}

.sf-grid .e-icons {
    border: 1px solid var(--color-4d2);
    background: linear-gradient(var(--bg-linearg-df98ff7ff5f7));
}

.e-grid .e-icon-filter::before,
.e-grid .e-icon-filter.e-filtered::before,
.e-grid-menu .e-icon-filter::before,
.e-grid-menu .e-icon-filter.e-filtered::before,
.e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before,
.e-input-group-icon.e-spin-down::before,
.e-input-group-icon.e-spin-up::before,
.e-grid .e-icon-ascending::before,
.e-grid-menu .e-icon-ascending::before {
    color: var(--color-4d2);
}

.e-grid-icon.e-groupheadercell .e-icons {
    background: linear-gradient(var(--bg-linearg-df98ff7ff5f7)) !important;
    border: 1px solid var(--color-4d2) !important;
    color: var(--color-4d2) !important;
}

    .e-grid-icon.e-groupheadercell .e-icons:hover {
        background: -webkit-linear-gradient(top, #ffebb0 0, #ffebb0 40%, #ffd96d 41%, #ffd96d 100%) !important;
        border-color: #ffd96d !important;
        opacity: 1;
        color: #212529 !important;
    }

td.e-recordplusexpand,
td.e-groupcaption,
td.e-recordpluscollapse,
td.e-indentcell,
td.e-indentcell {
    background: #D4E6FC !important;
}

.e-input-group.e-control-wrapper input.e-input {
    border: 1px solid #9cbde8 !important;
}

.base-cronograma label,
.base-cronograma .e-control-container label {
    color: navy !important;
}

.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text {
    color: navy;
}

.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) textarea label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
    color: #000080;
}

.e-content-wrap {
    background: #e8f0fa;
}

    .e-content-wrap tr:nth-child(2n+1) {
        background: #eff6ff;
    }

.e-schedule .e-agenda-view .e-subject {
    color: navy;
}

.e-checkbox-wrapper .e-frame.e-check,
.e-css.e-checkbox-wrapper .e-frame.e-check,
.e-radio:checked + label::before {
    border: 1px solid #2590fb !important
}

/**/
.e-datetime-wrapper .e-time-icon.e-icons::before,
.e-input-group-icon.e-date-icon::before,
*.e-control-wrapper .e-input-group-icon.e-date-icon::before, .color-turquoise {
    color: var(--color-4d2);
}

/*Colo de fondo y seleccionado del lsitado del fitro / grilla sincfusion*/
.e-dropdownbase .e-list-item.e-item-focus,
.e-dropdownbase .e-list-item.e-active {
    background-color: #FFD882;
    color: #424242;
}

    .e-dropdownbase .e-list-item.e-active.e-hover,
    .e-dropdownbase .e-list-item.e-hover {
        background-color: #FFFBD8;
        color: #424242;
    }

/*tamaño del texto /color del listado del filtro*/
.e-dropdownbase .e-list-item,
.e-dropdownbase .e-list-item.e-item-focus {
    font-family: "TAHOMA" !important;
    font-size: 11px !important;
    color: #424242 !important;
}

/*Cronograma List En datepicker activo*/
.e-list-item.e-active {
    background: linear-gradient(0deg, rgba(255, 197, 77, 1) 0%, rgba(255, 220, 141, 1) 100%) !important;
    border: 1px solid #FFBE6A;
    color: black !important;
}

/*Cronograma List En datepicker hover*/
.e-list-item.e-hover {
    background: linear-gradient(0deg, rgba(255, 242, 202, 1) 0%, rgba(255, 242, 203, 1) 50%, rgba(255, 251, 218, 1) 50%, rgba(255, 251, 219, 1) 100%) !important;
    border: 1px solid #FFEFC1;
}

.e-calendar button .e-icons {
    border: 0 !important;
    background: transparent !important;
}
/*Color de la barra splitter al presionar*/
.k-splitbar:active {
    background: #1E92CD !important;
}

.card-user .ContectImprimir {
    border-color: #6e99d2;
    background: #bedaff;
}

.content-pdf {
    background: #bdd9fe;
}

.gris-check {
    color: #6D6D6E !important;
}

/*Clase para cuando el check este desactivdo*/
.gris-check-background:checked {
    background-color: #D5D5D5 !important;
    border-color: #8b8887 !important;
    background-blend-mode: luminosity !important;
}


.gris-check-background {
    background-color: #D5D5D5 !important;
    border-color: #8b8887 !important;
    /*background-blend-mode: luminosity !important;*/
}

.form-check-input:checked {
    background-color: #e9f0f9;
    border-color: #8E8E8E;
}
/*Color seleccionar fecha*/
.k-calendar .k-state-selected .k-link {
    border-color: rgba(0, 0, 0, 0.08);
    color: #ffffff;
    background-color: #1E92CD !important;
}

.color-etiqueta-rojo {
    color: #C00000 !important;
}

.color-etiqueta-rojooscuro {
    color: #800000 !important;
}

.color-etiqueta-verderoscuro {
    color: #006400 !important;
}

/*Clase para el check sin fondo cuando este en la grilla*/
.check-background-para-grilla:checked {
    background-color: #e9f0f9 !important;
    border-color: #8E8E8E !important;
    color: black;
    width: 15px;
    height: 15px;
    border-radius: 0;
    /*background-image: none !important;*/
    opacity: inherit;
}

.check-background-para-grilla {
    background-color: #e9f0f9 !important;
    width: 15px;
    height: 15px;
    border-radius: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
}

/*Color etiquetas en las grilas para las cuentas de grupo y codigo para los Balances*/
.cuentas-grupo {
    color: var(--text-navy) !important;
    font-family: "tahoma-bold" !important;
    font-size: 10px !important
}

.cuentas-auxiliar {
    color: var(--text-navy) !important;
    font-family: "tahoma" !important;
    font-size: 11px !important
}
/*pintar fondo y boder botton*/
.ctas-grupo {
    background: #F0F8FF !important;
    border-bottom: 1px solid #D1E1F5 !important;
}

.ctas-auxiliar {
    background: #FFFFFF !important;
    border-bottom: 1px solid #D1E1F5 !important;
}

.celda-sin-borde {
    border-width: 0px 0px 0px 0px !important;
}

.cuentas-nivel1 {
    color: blue !important;
    font-family: "tahoma-bold" !important;
    font-size: 13.33px !important
}

.cuentas-nivel1-8 {
    color: blue !important;
    font-family: "tahoma-bold" !important;
    font-size: 11px !important
}

.cuentas-nivel1-rojo {
    color: #FF0000 !important;
    font-family: "tahoma-bold" !important;
    font-size: 12px !important
}

.cuentas-nivel2 {
    color: #00008B !important;
    font-family: "tahoma" !important;
    font-size: 11px !important
}

.cuentas-nivel2-rojo {
    color: #FF0000 !important;
    font-family: "tahoma" !important;
    font-size: 11px !important
}

.cuentas-nivel3-costos {
    color: var(--text-navy) !important;
    font-family: "tahoma-bold" !important;
    font-size: 11px !important
}
/*Pintar las lineas de los graficos de las series Chart Telerik - Balanaces*/
.grafico1 > svg > g > g > g > path,
.grafico2 > svg > g > g > g > path {
    stroke: #4FA6D7;
    stroke-width: 1;
}

.grafico3 > svg > g > g > g > text {
    font-size: 10.5px !important;
}
/*Boton editar del SacTextBoxButton desabilitado*/
.btn-conrols-left .btnEditar-desabilitado {
    border: 1px solid #C1CAD3;
    /* background: #5389c5 !important; */
    background-image: linear-gradient(#DDE7F2, #DDE7F2), linear-gradient(#ffffff, #ffffff) !important;
    cursor: default;
    background-size: calc(100% - 3px) calc(100% - 3px), 101% 100% !important;
    background-position: 2px 2px, 2px 2px;
    background-repeat: no-repeat;
}

    .btn-conrols-left .btnEditar-desabilitado:hover {
        border-color: #C1CAD3 !important;
    }
/*******/
/* Estilo normal de las opciones */
select option {
    background-color: #ffffff; /* Color de fondo */
    color: #000000; /* Color del texto */
}

/* Estilo al pasar el mouse (hover) sobre las opciones */
.caja-select select > option:hover {
    background-color: #FFF2CA !important; /*Color de fondo al pasar el mouse */
    color: black !important; /*Color del texto al pasar el mouse */
}
/*Boton desabilitado*/
.btn-list.btn-disabled {
    /*  background: #C3C3C3 !important;
    opacity: 75% !important;
    cursor: default !important;*/
    border: 1px solid #C1CAD3 !important;
    /* background: #5389c5 !important; */
    background-image: linear-gradient(#DDE7F2, #DDE7F2), linear-gradient(#ffffff, #ffffff) !important;
    cursor: default !important;
    background-size: calc(100% - 3px) calc(100% - 3px), 101% 100% !important;
    background-position: 2px 2px, 2px 2px;
    background-repeat: no-repeat;
}

.dropdown-toggle.btn-disabled {
    /*  background: #C3C3C3 !important;
    opacity: 75% !important;
    cursor: default !important;*/
    border: 1px solid #C1CAD3 !important;
    /* background: #5389c5 !important; */
    background-image: linear-gradient(#DDE7F2, #DDE7F2), linear-gradient(#ffffff, #ffffff) !important;
    cursor: default !important;
    background-size: calc(100% - 3px) calc(100% - 3px), 101% 100% !important;
    background-position: 2px 2px, 2px 2px;
    background-repeat: no-repeat;
    pointer-events: none;
}

.btn-list.btn-disabled:hover {
    border: 1px solid #C1CAD3 !important;
    border-color: 1px solid #C1CAD3 !important !important;
    background-image: linear-gradient(#DDE7F2, #DDE7F2), linear-gradient(#ffffff, #ffffff) !important;
    cursor: default !important;
    background-size: calc(100% - 3px) calc(100% - 3px), 101% 100% !important;
    background-position: 2px 2px, 2px 2px !important;
    background-repeat: no-repeat !important;
    pointer-events: none;
    */
}

.dropdown-toggle.btn-disabled:hover {
    border: 1px solid #C1CAD3 !important;
    border-color: 0 !important;
    background-image: linear-gradient(#DDE7F2, #DDE7F2), linear-gradient(#ffffff, #ffffff) !important;
    cursor: default !important;
    background-size: calc(100% - 3px) calc(100% - 3px), 101% 100% !important;
    background-position: 2px 2px, 2px 2px;
    background-repeat: no-repeat;
    */
}

.caja-select option:hover {
    background-color: red !important;
    color: yellow !important;
}

/* Opacidad imgenes  en li*/
.opacity-img {
    opacity: 47%;
}

/* DropDownAcciones boton desactivado*/
.btn-downAcciones .iconLi:hover {
    background: none;
    border-color: none;
    cursor: default;
}
/* Color de fondo para las Columnas Fijas para SacGrid*/
tr.master-row:nth-child(odd) .fijar-columna {
    background-color: #FFFFFF; /* Color para las filas impares */
}

tr.master-row:nth-child(even) .fijar-columna {
    background-color: #F6FBFF; /* Color para las filas pares */
}

/* Pinta la celda cuando este seleccionada la fila y fijada la columna */
tr.master-row.selected-row .fijar-columna {
    background-color: #FFCF6C;
}

.k-grid tbody tr:hover .fijar-columna {
    background-color: #FFFBD8;
}

/*Color de fondo para grilla Porcentajes IVA*/
.color-fondo-grillaIva {
    background-color: #E6EFFF;
    border-bottom: 1px solid #D1E1F5 !important;
}

.color-fondo-grillaDenifirLiq {
    background-color: #FFFFFF!important;
    border-bottom: 1px solid #D1E1F5 !important;
}

.color-celda-fondo-grillaDenifirLiq {
    background-color: #F0F8FF!important;
}

/*Color reload*/
.reload {
    color: #091425 !important;
}

/*Cuando tenga la clase gris-check el hover del iconLi no funcionara*/
.iconLi.gris-check:hover {
    cursor: default !important; /* Cambia el cursor a uno por defecto */
    color: inherit; /* Restablece el color del texto al valor predeterminado */
    background: inherit !important;
    border-color: inherit !important;
    pointer-events: none !important;
}
/*imagen color gris*/
.gris-check img {
    filter: grayscale(100);
}

.color-check-main {
    color: #6F6F6F !important;
}

/*Color de cintas para semana de banano*/
.color-cinta-verde {
    background-color: #008000;
}

.fillBtn2 button:hover {
    background: #007bffe6;
    color: #e7e7e7 !important;
}