/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('../webfonts/fa-regular-400.eot');
    src: url('../webfonts/fa-regular-400.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/fa-regular-400.woff2') format('woff2'), url('../webfonts/fa-regular-400.woff') format('woff'),
    url('../webfonts/fa-regular-400.ttf') format('truetype'),
    url('../webfonts/fa-regular-400.svg#fontawesome') format('svg');
}

.k-tooltip {
    z-index: 3000 !important;
    margin-left: 20px;
    font-size: 11px;
}

.k-tooltip:has(div.set-cell.set_cell) {
    margin-left: 0;
}

.k-tooltip tr:not(:first-child) td:last-child {
    text-align: right;
}

.jarviswidget .k-widget .k-grid-content {
    min-height: 200px;
}

.row_selector td.titulo {
    padding-top: 16px !important;
}

.mio {
    background-color: #f3df3e;
}

#menu_flotante_widget {
    display: none;
    position: absolute;
    top: -200px;
    left: -200px;
    z-index: 10000 !important;
}

div.titulo_widget {
    white-space: nowrap !important;
    width: 55% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding: 0 6px;
    margin-top: 6px;
    float: left;
}

.left-text {
    text-align: left;
    width: 100%;
}

.center-text {
    text-align: center;
    width: 100%;
}

.right-text {
    text-align: right;
    width: 100%;
}

.idiomas_linea {
    margin-bottom: 8px;
}

.idiomas_linea li {
    background-color: transparent;
    padding: 3px;
    cursor: pointer;
    border: 1px solid transparent;
}

.idiomas_linea li.active {
    background-color: rgba(242, 169, 0, 0.6) !important;
}

.idiomas_linea li:hover {
    border: 1px solid rgba(153, 153, 153, 0.6) !important;
}

select option:disabled {
    color: #eee !important;
    font-style: italic;
}

.bootstrap-select .filter-option {
    padding: 6px !important;
}

.k-grid {
    font-size: 0.9em;
}

#formHtml input[type='text'] {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.customTooltip {
    display: none;
    background: #fff;
    border-radius: 5px;
    height: auto;
    width: auto;
    border: 1px solid green;
    padding: 10px;
}

.seleccionadaPantalla_old {
    background-color: #d0d0d0;
    color: #fff;
}

.seleccionadaPantalla {
    background-color: #c4a973;
    color: #fff;
}

.row_sel_pantalla {
    cursor: pointer;
}

.row_sel_pantalla:hover {
    cursor: pointer;
    background-color: #c4a832;
    color: #fff;
}

.popover {
    color: #000 !important;
}

.popover-content ul {
    margin-left: -40px;
    list-style: none;
}

.popover-content ul li {
    text-align: left !important;
}

.popover2 {
    display: block !important;
    max-width: 400px !important;
    width: auto;
}

.smart-style-1 #ribbon {
    /* background: rgba(30, 30, 30, 0.2); */
}

.smart-style-1 #ribbon span {
    margin-bottom: 6px;
}

.add_ribbon_select {
    margin-top: 20px;
}

.zona_pantallas_globales {
    background-color: rgba(240, 240, 240, 0.8);
    padding: 6px;
}

.login-box {
    background: rgba(235, 235, 235, 0.95) none repeat scroll 0 0;
    max-width: 550px;
    margin: auto;
    margin-top: 10%;
}

.login-box header {
    border: none;
    background-color: transparent;
}

.login-box fieldset {
    border: none;
    background-color: transparent;
}

.img-responsive {
    display: inline;
}

.pointer {
    cursor: pointer;
}

#logo {
    margin: 0 10px;
}

#logo img {
    max-height: 46px;
    width: auto;
}

@media (max-width: 768px) {
    #logo img {
        margin-top: 6px;
    }
}

.login-user span {
    padding: 0 10px 0 10px !important;
}

.login-user .img-circle {
    height: 34px !important;
    margin-top: -8px;
}

.bg-info-light {
    background-color: #ececec;
    padding: 4px 8px 4px 8px;
}

.bg-cuiner {
    background-color: #8b4c28;
}

a.bg-cuiner:hover,
a.bg-cuiner:focus {
    background-color: #a46541;
}

a.bg-white {
    background-color: #fff !important;
}

.bg-white {
    background-color: #fff !important;
}

a.bg-whitetr {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.bg-whitetr {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.btn-cuiner {
    color: #fff;
    background-color: #333333;
    border-color: #000000;
    border-radius: 6px;
}

.btn-cuiner:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-cuiner:focus {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-cuiner:focus {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.calendar-cuiner {
    display: block;
}

.calendar-cuiner .dx-calendar-navigator {
    border-collapse: collapse;
    display: table;
    height: 20px;
    line-height: 1.2;
    font-size: 14px;
    font-weight: bold;
}

.calendar-cuiner thead {
    border-bottom: 1px double #d3d3d3;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.calendar-cuiner thead tr th {
    color: #a8a8a8;
    padding-top: 2px;
    padding-bottom: 2px;
}

.calendar-cuiner table {
    width: 100%;
}

.calendar-cuiner table th {
    color: #a8a8a8;
    text-align: center;
    font-size: 12px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding: 1px 0 6px 0;
}

.calendar-cuiner .dx-calendar-cell {
    text-align: center;
    padding: 1px 6px 3px;
    color: #232323;
    font-size: 15px;
    border: 1px double transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    width: 30px;
}

.calendar-cuiner .dx-calendar-hoy {
    color: #990000;
}

.calendar-cuiner .dx-calendar-hoy span {
    /* text-shadow: 0 1px 0 #232323; */
    border-radius: 6px;
    background-color: rgba(40, 40, 40, 0);
    padding: 2px;
    border: 1px solid #999999;
    /* background-color: transparent; */
}

.calendar-cuiner .dx-calendar-cell:hover {
    background-color: rgba(96, 96, 96, 0.1);
    color: #232323;
    cursor: pointer;
}

.calendar-cuiner .dx-calendar-finde {
    font-weight: 600;
    color: #990000 !important;
}

.calendar-cuiner .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover {
    background-color: transparent;
    font-weight: bold;
    color: rgba(30, 30, 30, 0.8);
}

.calendar-cuiner .dx-festive {
    color: rgba(255, 255, 255, 0.8) !important;
    background-color: rgba(200, 0, 0, 0.4) !important;
}

.calendar-cuiner .dia_seleccionado {
    /* background-color: rgba(96,96,96,.1); */
    color: #ccc;
    /* -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; */
}

.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}

@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.text-cuiner {
    color: #8b4c28;
}

a.text-cuiner:hover,
a.text-cuiner:focus {
    color: #a46541;
}

.text-cuiner {
    color: #8b4c28;
}

.text-cuiner:hover,
.text-cuiner:focus {
    color: #a46541;
}

.text-white {
    color: #fff;
}

.page-footer {
    border: none;
}

.dropdown-menu .fa {
    min-width: 16px !important;
}

.fa-reference {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTg1Ljc5OCw1Nkg2NXYtOC4zODljMC0yLjQ5Ny0xLjMzNC0zLjE2OS0zLjE4Ni0xLjQ5M2wtMTcuMTIyLDE1LjU4Yy0xLjg1MiwxLjY3Ni0xLjgwNSw0LjQxOSwwLjA0Niw2LjA5NWwxNy4wNTQsMTUuNTc5ICAgQzYzLjY0NSw4NS4wNDksNjUsODQuMzc3LDY1LDgxLjg3OVY3M2gyMC43OThDODguMjk2LDczLDkwLDcxLjIxNyw5MCw2OC43MTh2LTcuOTQ2QzkwLDU4LjI3NSw4OC4yOTYsNTYsODUuNzk4LDU2eiIvPjxwYXRoIGQ9Ik01NC4zMTcsMzcuODU3bC0xNy4wODMtMTUuNThDMzUuMzgzLDIwLjYwMSwzNCwyMS4yNzMsMzQsMjMuNzcxVjMzSDEzLjI0MUMxMC43NDMsMzMsOSwzNC40MzQsOSwzNi45MzN2Ny45NDcgICBDOSw0Ny4zNzUsMTAuNzQzLDUwLDEzLjI0MSw1MEgzNHY4LjAzOWMwLDIuNDk3LDEuMzUzLDMuMTY5LDMuMjA1LDEuNDkybDE3LjEzMS0xNS41NzlDNTYuMTg4LDQyLjI3Niw1Ni4xNjksMzkuNTMzLDU0LjMxNywzNy44NTcgICB6Ii8+PC9nPjwvc3ZnPg==');
}

.text-light-gray {
    color: #ccc;
}

.text-gray {
    color: #999;
}

.text-gray1 {
    color: #aaa;
}

.text-gray2 {
    color: #bbb;
}

/* Estilos ayuda */

.no-margin {
    margin: 0;
}

.mt-xlg {
    margin-top: 40px;
}

.mt-n-xlg {
    margin-top: -40px;
}

.mt-lg {
    margin-top: 30px;
}

.mt-n-lg {
    margin-top: -30px;
}

.mt {
    margin-top: 20px;
}

.mt-n {
    margin-top: 20px;
}

.mt-md {
    margin-top: 20px;
}

.mt-n-md {
    margin-top: -20px;
}

.mt-sm {
    margin-top: 10px;
}

.mt-n-sm {
    margin-top: -10px;
}

.mt-xs {
    margin-top: 5px;
}

.mt-n-xs {
    margin-top: -5px;
}

.mt-0 {
    margin-top: 0;
}

.mt-n-0 {
    margin-top: 0;
}

.mb-xlg {
    margin-bottom: 40px;
}

.mb-n-xlg {
    margin-bottom: -40px;
}

.mb-lg {
    margin-bottom: 30px;
}

.mb-n-lg {
    margin-bottom: -30px;
}

.mb {
    margin-bottom: 20px;
}

.mb-n {
    margin-bottom: 20px;
}

.mb-md {
    margin-bottom: 20px;
}

.mb-n-md {
    margin-bottom: -20px;
}

.mb-sm {
    margin-bottom: 10px;
}

.mb-n-sm {
    margin-bottom: -10px;
}

.mb-xs {
    margin-bottom: 5px;
}

.mb-n-xs {
    margin-bottom: -5px;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-n-0 {
    margin-bottom: 0;
}

.ml-lg {
    margin-left: 20px;
}

.ml-n-lg {
    margin-left: -20px;
}

.ml {
    margin-left: 15px;
}

.ml-n {
    margin-left: 15px;
}

.ml-md {
    margin-left: 15px;
}

.ml-n-md {
    margin-left: -15px;
}

.ml-sm {
    margin-left: 10px;
}

.ml-n-sm {
    margin-left: -10px;
}

.ml-xs {
    margin-left: 5px;
}

.ml-n-xs {
    margin-left: -5px;
}

.ml-0 {
    margin-left: 0;
}

.ml-n-0 {
    margin-left: 0;
}

.mr-lg {
    margin-right: 20px;
}

.mr-n-lg {
    margin-right: -20px;
}

.mr {
    margin-right: 15px;
}

.mr-n {
    margin-right: -15px;
}

.mr-md {
    margin-right: 15px;
}

.mr-n-md {
    margin-right: -15px;
}

.mr-sm {
    margin-right: 10px;
}

.mr-n-sm {
    margin-right: -10px;
}

.mr-xs {
    margin-right: 5px;
}

.mr-n-xs {
    margin-right: -5px;
}

.mr-0 {
    margin-right: 0;
}

.mr-n-0 {
    margin-right: 0;
}

/* de essentials.css */
/* utils */
.size-11 {
    font-size: 11px !important;
    line-height: 15px !important;
}

.size-12 {
    font-size: 12px !important;
    line-height: 16px !important;
}

.size-13 {
    font-size: 13px !important;
    line-height: 17px !important;
}

.size-14 {
    font-size: 14px !important;
    line-height: 18px !important;
}

.size-15 {
    font-size: 15px !important;
    line-height: 19px !important;
}

.size-16 {
    font-size: 16px !important;
    line-height: 20px !important;
}

.size-17 {
    font-size: 17px !important;
    line-height: 23px !important;
}

.size-18 {
    font-size: 18px !important;
    line-height: 24px !important;
}

.size-19 {
    font-size: 19px !important;
    line-height: 25px !important;
}

.size-20 {
    font-size: 20px !important;
    line-height: 26px !important;
}

.size-25 {
    font-size: 25px !important;
    line-height: 30px !important;
}

.size-30 {
    font-size: 30px !important;
    line-height: 36px !important;
}

.size-40 {
    font-size: 40px !important;
    line-height: 46px !important;
}

.size-50 {
    font-size: 50px !important;
    line-height: 56px !important;
}

.size-60 {
    font-size: 60px !important;
    line-height: 66px !important;
}

.size-70 {
    font-size: 70px !important;
    line-height: 76px !important;
}

.size-80 {
    font-size: 80px !important;
    line-height: 86px !important;
}

.size-90 {
    font-size: 90px !important;
    line-height: 96px !important;
}

.size-100 {
    font-size: 100px !important;
    line-height: 106px !important;
}

.size-150 {
    font-size: 150px !important;
    line-height: 166px !important;
}

.size-200 {
    font-size: 200px !important;
    line-height: 216px !important;
}

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

.padding-3 {
    padding: 3px !important;
}

.padding-6 {
    padding: 6px !important;
}

.padding-8 {
    padding: 8px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-13 {
    padding: 13px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-60 {
    padding: 60px !important;
}

.padding-70 {
    padding: 70px !important;
}

.padding-80 {
    padding: 80px !important;
}

.padding-90 {
    padding: 90px !important;
}

.padding-100 {
    padding: 100px !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-top-3 {
    padding-top: 3px !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-13 {
    padding-top: 13px !important;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-top-60 {
    padding-top: 60px !important;
}

.padding-top-80 {
    padding-top: 80px !important;
}

.padding-top-100 {
    padding-top: 100px !important;
}

.padding-top-130 {
    padding-top: 130px !important;
}

.padding-top-150 {
    padding-top: 150px !important;
}

.padding-top-180 {
    padding-top: 180px !important;
}

.padding-top-200 {
    padding-top: 200px !important;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-bottom-3 {
    padding-bottom: 3px !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-13 {
    padding-bottom: 13px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-bottom-60 {
    padding-bottom: 60px !important;
}

.padding-bottom-80 {
    padding-bottom: 80px !important;
}

.padding-bottom-100 {
    padding-bottom: 100px !important;
}

.padding-bottom-130 {
    padding-bottom: 130px !important;
}

.padding-bottom-150 {
    padding-bottom: 150px !important;
}

.padding-bottom-180 {
    padding-bottom: 180px !important;
}

.padding-bottom-200 {
    padding-bottom: 200px !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-1 {
    margin-top: 1px !important;
}

.margin-top-2 {
    margin-top: 2px !important;
}

.margin-top-3 {
    margin-top: 3px !important;
}

.margin-top-6 {
    margin-top: 6px !important;
}

.margin-top-8 {
    margin-top: 8px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-13 {
    margin-top: 13px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-80 {
    margin-top: 80px !important;
}

.margin-top-100 {
    margin-top: 100px !important;
}

.margin-top-130 {
    margin-top: 130px !important;
}

.margin-top-150 {
    margin-top: 150px !important;
}

.margin-top-180 {
    margin-top: 180px !important;
}

.margin-top-200 {
    margin-top: 200px !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-1 {
    margin-bottom: 1px !important;
}

.margin-bottom-2 {
    margin-bottom: 2px !important;
}

.margin-bottom-3 {
    margin-bottom: 3px !important;
}

.margin-bottom-6 {
    margin-bottom: 6px !important;
}

.margin-bottom-8 {
    margin-bottom: 8px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-13 {
    margin-bottom: 13px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.margin-bottom-100 {
    margin-bottom: 100px !important;
}

.margin-bottom-130 {
    margin-bottom: 130px !important;
}

.margin-bottom-150 {
    margin-bottom: 150px !important;
}

.margin-bottom-180 {
    margin-bottom: 180px !important;
}

.margin-bottom-200 {
    margin-bottom: 200px !important;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.margin-left-3 {
    margin-left: 3px !important;
}

.margin-left-6 {
    margin-left: 6px !important;
}

.margin-left-8 {
    margin-left: 8px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-13 {
    margin-left: 13px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-left-60 {
    margin-left: 60px !important;
}

.margin-left-80 {
    margin-left: 80px !important;
}

.margin-left-100 {
    margin-left: 100px !important;
}

.margin-left-130 {
    margin-left: 130px !important;
}

.margin-left-150 {
    margin-left: 150px !important;
}

.margin-left-180 {
    margin-left: 180px !important;
}

.margin-left-200 {
    margin-left: 200px !important;
}

.margin-left-250 {
    margin-left: 250px !important;
}

.margin-left-300 {
    margin-left: 300px !important;
}

.margin-right-0 {
    margin-right: 0 !important;
}

.margin-right-3 {
    margin-right: 3px !important;
}

.margin-right-6 {
    margin-right: 6px !important;
}

.margin-right-8 {
    margin-right: 8px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-13 {
    margin-right: 13px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-right-60 {
    margin-right: 60px !important;
}

.margin-right-80 {
    margin-right: 80px !important;
}

.margin-right-100 {
    margin-right: 100px !important;
}

.margin-right-130 {
    margin-right: 130px !important;
}

.margin-right-150 {
    margin-right: 150px !important;
}

.margin-right-180 {
    margin-right: 180px !important;
}

.margin-right-200 {
    margin-right: 200px !important;
}

.margin-right-250 {
    margin-right: 250px !important;
}

.margin-right-300 {
    margin-right: 300px !important;
}

.line-height-0 {
    line-height: 0 !important;
}

.line-height-10 {
    line-height: 10px !important;
}

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

.line-height-30 {
    line-height: 30px !important;
}

.line-height-40 {
    line-height: 40px !important;
}

.line-height-50 {
    line-height: 50px !important;
}

.line-height-60 {
    line-height: 60px !important;
}

.line-height-70 {
    line-height: 70px !important;
}

.line-height-80 {
    line-height: 80px !important;
}

.line-height-90 {
    line-height: 90px !important;
}

.line-height-100 {
    line-height: 100px !important;
}

.nopadding {
    padding: 0 !important;
}

.nopadding-left {
    padding-left: 0 !important;
}

.nopadding-right {
    padding-right: 0 !important;
}

.nopadding-top {
    padding-top: 0 !important;
}

.nopadding-bottom {
    padding-bottom: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.nomargin-left {
    margin-left: 0 !important;
}

.nomargin-right {
    margin-right: 0 !important;
}

.nomargin-top {
    margin-top: 0 !important;
}

.nomargin-bottom {
    margin-bottom: 0 !important;
}

.noborder {
    border: 0 !important;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 96%;
    }
}

@media (min-width: 798px) {
    .modal-dialog {
        width: 70%;
    }

    .modal-lg {
        width: 96%;
    }

    .modal-lg2 {
        width: 96%;
    }

    .modal-lg3 {
        width: 96%;
    }
}

@media (min-width: 960px) {
    #FormEditItems .modal-dialog {
        width: 900px;
    }

    #FormEditItems .modal-lg {
        width: 96%;
    }

    .modal-dialog {
        width: 800px;
    }

    .modal-lg {
        width: 96%;
    }

    .modal-lg2 {
        width: 90%;
    }

    .modal-lg3 {
        width: 70%;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 90%;
    }

    .modal-lg2 {
        width: 88%;
    }

    .modal-lg3 {
        width: 950px;
    }
}

@media (max-width: 500px) {
    .modal-dialog {
        width: 96%;
    }

    .modal-lg {
        width: 96%;
    }

    .modal-lg3 {
        width: 96%;
    }
}

/* MEDIOS */

.widget-navegacion {
    font-size: 18px;
    color: #8b4c28;
    float: left;
    opacity: 1;
    padding: 6px 0;
    width: 60px;
    padding-top: 4px;
}

.widget_btn_atras,
.widget_btn_adelante {
    color: rgb(60, 60, 60);
    width: 29px;
    float: left;
    text-align: center;
}

.widget_btn_atras.inactivo,
.widget_btn_adelante.inactivo {
    color: rgba(100, 100, 100, 0.8) !important;
}

/* OSCUROS */
.jarviswidget-color-orange .widget_btn_atras,
.jarviswidget-color-orange .widget_btn_adelante,
.jarviswidget-color-orangeDark .widget_btn_atras,
.jarviswidget-color-orangeDark .widget_btn_adelante,
.jarviswidget-color-redLight .widget_btn_atras,
.jarviswidget-color-redLight .widget_btn_adelante,
.jarviswidget-color-red .widget_btn_atras,
.jarviswidget-color-red .widget_btn_adelante,
.jarviswidget-color-darken .widget_btn_atras,
.jarviswidget-color-darken .widget_btn_adelante,
.jarviswidget-color-purple .widget_btn_atras,
.jarviswidget-color-purple .widget_btn_adelante,
.jarviswidget-color-pinkDark .widget_btn_atras,
.jarviswidget-color-pinkDark .widget_btn_adelante,
.jarviswidget-color-teal .widget_btn_atras,
.jarviswidget-color-teal .widget_btn_adelante,
.jarviswidget-color-blue .widget_btn_atras,
.jarviswidget-color-blue .widget_btn_adelante,
.jarviswidget-color-green .widget_btn_atras,
.jarviswidget-color-green .widget_btn_adelante,
.jarviswidget-color-greenDark .widget_btn_atras,
.jarviswidget-color-greenDark .widget_btn_adelante,
.jarviswidget-color-blueDark .widget_btn_atras,
.jarviswidget-color-blueDark .widget_btn_adelante,
.jarviswidget-color-magenta .widget_btn_atras,
.jarviswidget-color-magenta .widget_btn_adelante {
    color: rgb(240, 240, 240);
}

.jarviswidget-color-orange .widget_btn_atras.inactivo,
.jarviswidget-color-orange .widget_btn_adelante.inactivo,
.jarviswidget-color-orangeDark .widget_btn_atras.inactivo,
.jarviswidget-color-orangeDark .widget_btn_adelante.inactivo,
.jarviswidget-color-redLight .widget_btn_atras.inactivo,
.jarviswidget-color-redLight .widget_btn_adelante.inactivo,
.jarviswidget-color-red .widget_btn_atras.inactivo,
.jarviswidget-color-red .widget_btn_adelante.inactivo,
.jarviswidget-color-darken .widget_btn_atras.inactivo,
.jarviswidget-color-darken .widget_btn_adelante.inactivo,
.jarviswidget-color-purple .widget_btn_atras.inactivo,
.jarviswidget-color-purple .widget_btn_adelante.inactivo,
.jarviswidget-color-pinkDark .widget_btn_atras.inactivo,
.jarviswidget-color-pinkDark .widget_btn_adelante.inactivo,
.jarviswidget-color-teal .widget_btn_atras.inactivo,
.jarviswidget-color-teal .widget_btn_adelante.inactivo,
.jarviswidget-color-blue .widget_btn_atras.inactivo,
.jarviswidget-color-blue .widget_btn_adelante.inactivo,
.jarviswidget-color-green .widget_btn_atras.inactivo,
.jarviswidget-color-green .widget_btn_adelante.inactivo,
.jarviswidget-color-greenDark .widget_btn_atras.inactivo,
.jarviswidget-color-greenDark .widget_btn_adelante.inactivo,
.jarviswidget-color-blueDark .widget_btn_atras.inactivo,
.jarviswidget-color-blueDark .widget_btn_adelante.inactivo,
.jarviswidget-color-magenta .widget_btn_atras.inactivo,
.jarviswidget-color-magenta .widget_btn_adelante.inactivo {
    color: rgba(200, 200, 200, 0.8) !important;
}

.prev_container {
    border: 1px dashed #999999;
    height: 252px;
    width: 402px;
}

.prev_container_references {
    border: 1px dashed #999999;
    height: 1366px; /*683px;*/
    width: 768px; /*384px;*/
}

.prev_container_applications {
    border: 1px dashed #999999;
    min-height: 300px;
}

.prev_thumb {
    /*    height: 250px;
          width: 400px; */
}

.zona_contadores .k-grid-save-changes {
    color: #ffffff;
    background-color: #3276b1;
    border-color: #2c699d;
}

.zona_contadores .k-grid-cancel-changes {
    color: #ffffff;
    background-color: #a90329;
    border-color: #900323;
}

.zona_contadores .k-icon {
    color: #ffffff;
}

.article_margin {
    padding-left: 8px;
    padding-right: 8px;
}

#VC1 .k-chart,
#VC1 .k-stockchart,
#VC2 .k-chart,
#VC2 .k-stockchart,
#VC3 .k-chart,
#VC3 .k-stockchart,
#VC4 .k-chart,
#VC4 .k-stockchart,
#VC5 .k-chart,
#VC5 .k-stockchart,
#VC6 .k-chart,
#VC6 .k-stockchart,
#VC7 .k-chart,
#VC7 .k-stockchart,
#VC8 .k-chart,
#VC8 .k-stockchart {
    height: 167px;
}

#MC1 .k-chart,
#MC1 .k-stockchart,
#MC2 .k-chart,
#MC2 .k-stockchart,
#MC3 .k-chart,
#MC3 .k-stockchart {
    height: 287px;
}

#WC1 .k-chart,
#WC1 .k-stockchart,
#WC2 .k-chart,
#WC2 .k-stockchart,
#WC3 .k-chart,
#WC3 .k-stockchart {
    height: 407px;
}

label.disabled {
    font-style: italic;
    color: #ccc !important;
}

.iconColocSelect {
    margin: 0 4px;
}

.color-select .active {
    outline: 3px solid #999999 !important;
}

.zona_control_filtros_widget {
    position: absolute;
    z-index: 3000;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 300px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 6px;
    display: none;
    border: 1px solid #999999;
    min-height: 90px;
}

.widget-body .overlay {
    width: 100%;
    height: 98%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #333333;
    background-color: rgba(170, 185, 200, 0.2);
    z-index: 500;
}

.widget-body .overlay div {
    position: relative;
    top: 50%;
    margin-top: -12px;
    font-weight: bold;
}

.smart-form .popover-title,
.smart-form .popover-content {
    padding: 6px;
}

/* Add padding BETWEEN each column (if you want) */
.img_widgets .row,
.img_widgets .row > .col_width {
    /*padding:40px;*/
}

/* Create three equal columns that floats next to each other */
.img_widgets .col_width {
    float: left;
    width: 200px;
    display: none; /* Hide columns by default */
}

/* Clear floats after rows */
.img_widgets .row:after {
    content: '';
    display: table;
    clear: both;
}

/* Content */
.img_widgets .content {
    background-color: white;
    padding: 10px;
    overflow: hidden;
}

.img_widgets .content_indicador {
    height: 100px;
}

.img_widgets .content_grafica {
    height: 190px;
}

.img_widgets .content_informe {
    height: 190px;
}

.img_widgets .content:hover {
    background-color: rgba(240, 240, 240, 0.8);
    cursor: pointer;
}

.nav-tabs > li {
    margin-bottom: -3px;
}

#form_modal_widget {
    z-index: 1100;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.table-responsive {
    border: initial !important;
}

/* - - - - */

.cuiner_tree li {
    list-style-type: none;
    margin: 0;
    padding: 5px;
    position: relative;
}

.cuiner_tree ul ul li:hover {
    /*background: rgba(0, 0, 0, .015)*/
}

.cuiner_tree ul ul ul li:hover {
    /* background: rgba(0, 0, 0, .50); */
    color: #990000;
    font-weight: bold;
}

.cuiner_tree li:after,
.cuiner_tree li:before {
    content: '';
    left: -20px;
    position: absolute;
    right: auto;
}

.cuiner_tree li:before {
    border-left: 1px solid #999;
    bottom: 50px;
    height: 100%;
    top: -4px;
    width: 1px;
    -webkit-transition: 'border-color 0.1s ease 0.1s';
    -moz-transition: 'border-color 0.1s ease 0.1s';
    -o-transition: 'border-color 0.1s ease 0.1s';
    transition: 'border-color 0.1s ease 0.1s';
}

.cuiner_tree li:after {
    border-top: 1px solid #999;
    height: 16px;
    top: 14px;
    width: 25px;
}

.cuiner_tree li span {
    display: inline-block;
    padding: 0 8px;
    text-decoration: none;
    /*-webkit-transition:color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
      -moz-transition:color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
      -o-transition:color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
      transition:color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s*/
}

.cuiner_tree li.parent_li > span {
    cursor: pointer;
    padding: 4px;
}

.cuiner_tree > ul > li::after,
.cuiner_tree > ul > li:before {
    border: 0;
}

.cuiner_tree li:last-child::before {
    height: 18px;
}

.cuiner_tree li.parent_li > span:hover,
.cuiner_tree li.parent_li > span:hover + ul li span {
    background: #eee;
    border: 1px solid #94a0b4;
    color: #000;
}

.cuiner_tree > ul {
    padding-left: 0;
}

.cuiner_tree ul ul {
    padding-left: 34px;
    padding-top: 0;
    padding-bottom: 20px;
}

.cuiner_tree li.parent_li > span:hover {
    background-color: #df8505;
    border: 1px solid #c67605;
    color: #fff;
}

.cuiner_tree li.parent_li > span:hover + ul li::before {
    border-left-color: #f89406;
}

.cuiner_tree li.parent_li > span:hover + ul li::after {
    border-top-color: #f89406;
}

.cuiner_tree li.parent_li > span:hover + ul li span {
    background: #fddfb3 !important;
    border: 1px solid #faa937;
    color: #000;
}

.cuiner_tree .fa.icon-minus-sign:before {
    content: '\f056' !important;
}

.cuiner_tree .fa.icon-plus-sign:before {
    content: '\f055' !important;
}

.opcion_tree {
    font-weight: bold;
    color: #999999;
}

.opcion_tree_hijo {
    color: #333333;
}

.opcion_tree_hijo:hover {
    color: #ffffff;
    background-color: #333333;
}

.opcion_tree_hijo.active {
    color: #000000;
    background-color: #aaaaaa;
}

.punto_empresa {
    padding: 4px 8px;
}

.punto_empresa:hover {
    background-color: #3276b1;
    color: #ffffff !important;
}

#wid-selector-plantillas header h2 {
    width: 88% !important;
}

.zona_botones_tipo_salida .btn-default {
    color: #666666;
}

.zona_botones_tipo_salida .btn-default.active {
    background-color: #3276b1 !important;
    color: #ffffff;
}

.smart-style-1 #ribbon .breadcrumb {
    width: 98%;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 3000;
}

.smart-style-1 #ribbon .breadcrumb li a {
    color: #333 !important;
}

.smart-style-1 #ribbon .breadcrumb li:not(.active):hover a {
    color: #fff !important;
}

.badge.indicador_reservas,
em.indicador_reservas {
    background-color: #8b4c28 !important;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
}

.btn_mensaje_privado:hover {
    background-color: #dddddd;
    cursor: pointer;
}

table tr.odd_tr {
    background-color: #f9f9f9;
}

.btn-sm,
.btn-group-sm > .btn {
    line-height: 1.6 !important;
}

#TablaLineasProductos_wrapper button.dt-button {
    padding: 0 18px;
    font-size: 1.3em;
}

/* QUAGGA BARCODE READER * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.input-field {
    display: flex;
    align-items: center;
    width: 260px;
}

.input-field label {
    flex: 0 0 auto;
    padding-right: 0.5rem;
}

.input-field input {
    flex: 1 1 auto;
    height: 20px;
}

.input-field button {
    flex: 0 0 auto;
    height: 28px;
    font-size: 20px;
    width: 40px;
}

.icon-barcode {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTAgNGg0djIwaC00ek02IDRoMnYyMGgtMnpNMTAgNGgydjIwaC0yek0xNiA0aDJ2MjBoLTJ6TTI0IDRoMnYyMGgtMnpNMzAgNGgydjIwaC0yek0yMCA0aDF2MjBoLTF6TTE0IDRoMXYyMGgtMXpNMjcgNGgxdjIwaC0xek0wIDI2aDJ2MmgtMnpNNiAyNmgydjJoLTJ6TTEwIDI2aDJ2MmgtMnpNMjAgMjZoMnYyaC0yek0zMCAyNmgydjJoLTJ6TTI0IDI2aDR2MmgtNHpNMTQgMjZoNHYyaC00eiI+PC9wYXRoPjwvc3ZnPg==);
}

.overlay {
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.overlay__content {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-height: 90%;
    max-width: 800px;
}

.overlay__close {
    position: absolute;
    right: 0;
    padding: 0.5rem;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background-color: white;
    cursor: pointer;
    border: 3px solid black;
    font-size: 1.5rem;
    margin: -1rem;
    border-radius: 2rem;
    z-index: 100;
    box-sizing: content-box;
}

.overlay__content video {
    width: 100%;
    height: 100%;
}

.overlay__content canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

#interactive.viewport {
    position: relative;
}

#interactive.viewport > canvas,
#interactive.viewport > video {
    max-width: 100%;
    width: 100%;
}

canvas.drawing,
canvas.drawingBuffer {
    position: absolute;
    left: 0;
    top: 0;
}

/* QUAGGA BARCODE READER * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.dt-buttons {
    margin-top: 6px;
    float: left !important;
    width: 69% !important;
}

.control_option i.blink,
.control_option svg.blink {
    color: #b94a48 !important;
}

/*.control_option i.blink:hover,
.control_option svg.blink:hover {
    color: #FFFFFF !important;
}*/

#primera_zona_opciones .dt-buttons,
#segunda_zona_opciones .dt-buttons,
#primera_zona_opciones .dataTables_filter,
#segunda_zona_opciones .dataTables_filter {
    padding: 0 0 20px 0;
}

#primera_zona_opciones .dataTables_filter input,
#segunda_zona_opciones .dataTables_filter input {
    border: 1px solid #cccccc;
    border-radius: 4px;
    width: 70% !important;
    padding: 6px;
}

#primera_zona_opciones .bordered_datatable a,
#segunda_zona_opciones .bordered_datatable a {
    color: #333;
}

#primera_zona_opciones .bordered_datatable,
#segunda_zona_opciones .bordered_datatable {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 6px;
}

#primera_zona_opciones .dropdown-menu > li > a:hover(:not(.disabled)),
#primera_zona_opciones .dropdown-menu > li > a:focus(:not(.disabled)),
#segunda_zona_opciones .dropdown-menu > li > a:hover(:not(.disabled)),
#segunda_zona_opciones .dropdown-menu > li > a:focus(:not(.disabled)) {
    color: #fff !important;
}

.icono_menu_li_cuentas {
    text-align: center;
    margin-left: 0 !important;
    width: 20px;
}

.controls-li.active,
.controls-li-product.active {
    border-left: 4px solid #f2a900;
    background-color: #eeeeee;
}

.controls-li.active a,
.controls-li-product.active a,
.controls-li.active i:not(.viewImageItem),
.controls-li-product.active i:not(.viewImageItem) {
    color: #333333 !important;
    font-size: 16px !important;
    font-weight: bold;
}

.controls-li i.fa:not(.blink),
.controls-li svg,
.controls-li span.fa {
    color: #999;
    font-size: 16px;
}

#primera_zona_opciones .control_option i:not(.blink),
#ListaGruposModificadores .control_option i:not(.blink),
#ListaItemsGruposModificadores .control_option i:not(.blink),
#lista_direcciones .control_option i:not(.blink),
#lista_telefonos .control_option i:not(.blink),
#lista_notas_internas .control_option i:not(.blink),
#lista_notas_externas .control_option i:not(.blink),
#lista_referencias .control_option i:not(.blink),
#lista_productos .control_option i:not(.blink),
#segunda_zona_opciones .control_option i:not(.blink),
#primera_zona_opciones .control_option svg:not(.blink),
#ListaGruposModificadores .control_option svg:not(.blink),
#ListaItemsGruposModificadores .control_option svg:not(.blink),
#lista_direcciones .control_option svg:not(.blink),
#lista_telefonos .control_option svg:not(.blink),
#lista_notas_internas .control_option svg:not(.blink),
#lista_notas_externas .control_option svg:not(.blink),
#lista_referencias .control_option svg:not(.blink),
#lista_productos .control_option svg:not(.blink),
#segunda_zona_opciones .control_option svg:not(.blink) {
    /*color: #999999 !important;*/
    color: #666666 !important;
    font-size: 16px;
}

/*#primera_zona_opciones .control_option:hover i,
#ListaGruposModificadores .control_option:hover i,
#ListaItemsGruposModificadores .control_option:hover i,
#lista_direcciones .control_option:hover i,
#lista_telefonos .control_option:hover i,
#lista_notas_internas .control_option:hover i,
#lista_notas_externas .control_option:hover i,
#lista_referencias .control_option:hover i,
#segunda_zona_opciones .control_option:hover i,

#primera_zona_opciones .control_option:hover svg,
#ListaGruposModificadores .control_option:hover svg,
#ListaItemsGruposModificadores .control_option:hover svg,
#lista_direcciones .control_option:hover svg,
#lista_telefonos .control_option:hover svg,
#lista_notas_internas .control_option:hover svg,
#lista_notas_externas .control_option:hover svg,
#lista_referencias .control_option:hover svg,
#segunda_zona_opciones .control_option:hover svg {
    color: #ffffff !important;
}*/

#primera_zona_opciones .dt-buttons i,
#segunda_zona_opciones .dt-buttons i {
    margin-top: 8px;
    margin-left: 8px;
}

.dataTables_filter {
    float: right !important;
    width: 30% !important;
    max-width: 30% !important;
    margin-top: 6px;
}

.borderless td,
.borderless th {
    border: none !important;
}

.slim-font {
    font-family: 'Open Sans Condensed';
    font-size: 16px;
    font-weight: lighter;
    color: #999999;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* NAVSIDE MENU  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.nav-options-cuiner {
    overflow: auto;
    font-family: verdana;
    font-size: 14px;
    font-weight: 200;
    background-color: unset;
    /* position: fixed; */
    /* top: 0px; */
    width: 100%;
    height: 100%;
    color: #333;
}

.nav-options-cuiner .brand {
    background-color: unset;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 14px;
}

.nav-options-cuiner .toggle-btn {
    display: none;
}

.nav-options-cuiner ul,
.nav-options-cuiner li {
    list-style: none;
    padding: 10px;
    margin: 0;
    line-height: 24px;
    cursor: pointer;
    /*
        .collapsed{
           .arrow:before{
                     font-family: 'Font Awesome 5 Free';
                     content: "\f053";
                     display: inline-block;
                     padding-left:10px;
                     padding-right: 10px;
                     vertical-align: middle;
                     float:right;
                }
         }
    */
}

.nav-options-cuiner ul ul {
    padding: 6px 0 16px 22px;
}

.nav-options-cuiner ul .collapsed .arrow:before,
.nav-options-cuiner li .collapsed .arrow:before {
    content: '\f053';
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: 11px;
    float: right;
    padding-left: 16px;
    padding-right: 0;
    vertical-align: middle;
}

.nav-options-cuiner ul :not(collapsed) .arrow:before,
.nav-options-cuiner li :not(collapsed) .arrow:before {
    content: '\f078';
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: 11px;
    float: right;
    padding-left: 16px;
    padding-right: 0;
    vertical-align: middle;
}

.nav-options-cuiner li .arrow-option:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f105';
    display: inline-block;
    font-size: 16px;
    float: right;
    padding-left: 10px;
    padding-right: 0;
    vertical-align: middle;
}

.nav-options-cuiner ul .active,
.nav-options-cuiner li .active {
    border-left: 6px solid rgba(242, 169, 0, 0.5);
    background-color: rgb(243, 243, 243);
}

.nav-options-cuiner ul .sub-menu li.active,
.nav-options-cuiner li .sub-menu li.active {
    color: #333333;
}

.nav-options-cuiner ul .sub-menu li.active a,
.nav-options-cuiner li .sub-menu li.active a {
    color: #333333;
}

.nav-options-cuiner ul .sub-menu li,
.nav-options-cuiner li .sub-menu li {
    /* background-color: #eeeeee; */
    border: none;
    line-height: 18px;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    margin-left: 30px;
}

.nav-options-cuiner ul .sub-menu li:hover,
.nav-options-cuiner li .sub-menu li:hover {
    background-color: #eeeeee;
}

/*.nav-options-cuiner ul .sub-menu li:after,
.nav-options-cuiner li .sub-menu li:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f105";
    display: inline-block;
    font-size: 16px;
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}*/

.nav-options-cuiner li {
    padding-left: 10px;
    border-left: 6px none;
    border-bottom: 1px solid #eeeeee;
}

.nav-options-cuiner li a {
    text-decoration: none;
    color: #333333;
}

.nav-options-cuiner li a i {
    padding-left: 10px;
    width: 20px;
    padding-right: 26px;
}

.nav-options-cuiner li:hover {
    border-left: 4px solid rgba(242, 169, 0, 0.5);
    background-color: #eeeeee;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.nav-options-cuiner .dd-handle {
    font-size: inherit;
    margin: inherit;
    padding: inherit;
    color: inherit;
    text-decoration: none;
    border: inherit;
    background: inherit;
}

@media (max-width: 767px) {
    .nav-options-cuiner {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

    .nav-options-cuiner .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        width: 40px;
        text-align: center;
    }

    .brand {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
    }
}

@media (min-width: 767px) {
    .nav-options-cuiner .menu-list .menu-content {
        display: block;
    }
}

.lateral-nav-options-cuiner {
    border-left: 3px solid rgba(242, 169, 0, 0.5);
}

.border-left {
    border-left: 1px solid #eeeeee;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* BTNS y OPTIONS CONTROLS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.btn-gds-primary {
    background-color: #f2a900;
    color: #ffffff;
}

.btn-gds-primary:hover {
    background-color: #e19900;
}

.controls-li:hover span.controls-group {
    display: none;
}

/*.controls-li:hover span.controls-group {
    display: inline-block;
}*/

.controls-btn {
    padding: 3px 8px;
}

.controls-btn:hover {
    /*background-color: #666;*/
    cursor: pointer;
}

#menu_select_local_gds {
    margin-left: 20px;
    position: relative;
    z-index: 1000;
}

#menu_select_local_gds .navbar-right {
    margin-right: 0 !important;
}

#menu_select_local_gds li:hover {
    background-color: #f2a900;
    border-bottom: 2px solid #333333;
    height: 37px;
}

#menu_select_local_gds li:hover a {
    color: #ffffff !important;
}

#menu_select_local_gds li.active a {
    background-color: #eee !important;
    color: #fff !important;
    border-bottom: 2px solid #f2a900;
    font-weight: bold;
    height: 37px;
}

#ribbon .breadcrumb_gds {
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.breadcrumb_gds .navbar {
    margin-bottom: 0 !important;
    min-height: 0 !important;
    max-height: 39px !important;
}

.breadcrumb_gds .navbar .navbar-nav > li > a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.breadcrumb_gds .navbar-form {
    margin: 4px 4px !important;
}

/*.smart-style-1 #ribbon .breadcrumb_gds a, .smart-style-1 #ribbon .breadcrumb_gds {color: #333333 !important;}
.smart-style-1 #ribbon .breadcrumb_gds li.active a {color: #FFFFFF !important;}*/

#tabla_lista {
    width: 100% !important;
}

#tabla_lista thead th,
#tabla_lista thead td {
    border-color: #999999 !important;
}

/*.breadcrumb_gds .navbar-header {
    background-color: #F2A900;
}*/

.gds_menu_title {
    height: 37px;
    padding: 8px 20px;
    margin: 0 !important;
    color: #ffffff !important;
}

.gds_menu_title div {
    float: right;
    font-size: 12px;
    line-height: 10px;
    margin-top: 10px;
    margin-left: 10px;
    color: #eeeeee;
}

.zona_title_li {
    /*font-size: 0.9rem;*/
    font-size: 13px;
    font-weight: 400;
}

.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: move;
    width: 10px;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    overflow: hidden;
    background: none;
    border: none;
    display: inline-block;
    /*font-family: 'Font Awesome 5 Free';*/
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    padding: 17px 15px;
}

.dd3-content {
    display: block;
    margin: inherit;
    padding: 6px 10px 8px 40px;
    /*font-size: 0.9em;*/
    font-size: 13px;
    color: #333;
    text-decoration: none;
    background-color: inherit;
    border: none;
    border-bottom: 1px solid #cccccc;
}

.dd3-content:hover {
    background-color: #efefef;
    color: #999;
}

.dd3-handle:before {
    content: '\f142';
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    width: 100%;
    text-align: center;
    text-indent: 0;
    color: #818181;
    font-weight: normal;
    line-height: 28px;
}

.dd3-content svg {
    color: #999;
    font-size: 16px;
}

.contenedor_nav_gds .dd {
    max-width: inherit;
}

.smart-form-gds header {
    display: block;
    padding: 10px 0 0 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    background: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    margin: 10px 14px 0;
}

.smart-form-gds2 header {
    margin: 0;
    padding: 0;
}

.smart-form-gds2 section {
    display: block;
    position: inherit;
    margin: 0 0 20px 0;
    padding: 0;
}

.smart-form-gds2 .tab-content {
    padding: 0 !important;
}

.smart-form-gds input[disabled],
.smart-form-gds input[readonly] {
    background-color: #eee !important;
    opacity: 1;
}

/*.smart-form-gds header:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
}*/

.smart-form-gds fieldset {
    display: block;
    margin-left: 30px;
    padding: 10px 10px 5px;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
}

/*.smart-form-gds fieldset {
    border-color: #F2A900;
}*/

.lista_banderas ul {
    min-width: 60px;
    width: 60px;
    top: 34px;
}

.lista_banderas ul.dropdown-menu li:hover {
    background-color: #cccccc;
}

.smart-form-gds .btn.dropdown-toggle {
    min-width: 50px;
    text-align: center;
}

.smart-form-gds .prev_container {
    border: 1px dashed #999999;
    width: 100%;
}

.smart-form-gds .prev_container_category {
    border: 1px dashed #999999;
    width: 100%;
    min-width: 200px;
    height: 56.25% !important;
}

.smart-form-gds .prev_container_category .prev_thumb {
    width: 370px;
    height: 150px !important;
}

.smart-form-gds .prev_container_item {
    border: 1px dashed #999999;
    width: 250px;
    height: 250px !important;
}

.smart-form-gds .prev_container_item .prev_thumb {
    width: 250px;
    height: 250px !important;
}

.smart-form-gds .prev_container_background_series {
    border: 1px dashed #999999;
    width: 100%;
    min-width: 370px;
    height: 56.25% !important;
}

.smart-form-gds .prev_container_background_series .prev_thumb {
    width: 370px;
    height: 208px !important;
}

.smart-form-gds .prev_container_logo_series {
    border: 1px dashed #999999;
    width: 100%;
    min-width: 400px;
    height: 56.25% !important;
}

.smart-form-gds .prev_container_logo_series .prev_thumb {
    width: 400px;
    height: 200px !important;
}

.contenedor_completo_imagen .popover {
    width: 350px;
}

.smart-form-gds .prev_thumb {
    height: 100%;
}

.smart-form-gds .button {
    float: right;
    height: 18px;
    overflow: hidden;
    margin: 0;
    padding: 6px 21px;
    outline: 0;
    border: 0;
    font: inherit;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.smart-form-gds2 .button {
    float: left;
    height: 18px;
    overflow: hidden;
    margin: 0 20px 0 0;
    padding: 6px 21px;
    outline: 0;
    border: 0;
    font: inherit;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.smart-form-gds .button-default {
    color: #333;
    background-color: #fff;
    border: 1px solid #999999;
    white-space: nowrap;
}

.smart-form-gds .button-warning {
    color: #fff;
    background-color: #c79121;
    border: 1px solid #b1811d;
    white-space: nowrap;
}

.smart-form-gds .button-success {
    color: #ffffff;
    background-color: #739e73;
    border: 1px solid #659265;
    white-space: nowrap;
}

.smart-form-gds .select_kendo {
    width: 100% !important;
}

.smart-form-gds .select_kendo .k-dropdown-wrap,
#primera_zona_opciones .k-dropdown-wrap,
#segunda_zona_opciones .k-dropdown-wrap {
    padding: 2px 4px;
}

.smart-form-gds .k-widget,
.smart-form-gds .k-grid.k-widget,
.smart-form-gds .k-state-default,
.smart-form-gds .k-widget.k-multiselect,
.smart-form-gds .k-multiselect-wrap,
.smart-form-gds .k-textbox > input,
.smart-form-gds .k-dropdown,
.smart-form-gds .k-dropdown-wrap,
.smart-form-gds .k-numerictextbox,
.smart-form-gds .k-numeric-wrap,
#primera_zona_opciones .k-widget,
#primera_zona_opciones .k-grid.k-widget,
#primera_zona_opciones .k-state-default,
#primera_zona_opciones .k-widget.k-multiselect,
#primera_zona_opciones .k-multiselect-wrap,
#primera_zona_opciones .k-textbox > input,
#primera_zona_opciones .k-dropdown,
#primera_zona_opciones .k-dropdown-wrap,
#primera_zona_opciones .k-numerictextbox,
#primera_zona_opciones .k-numeric-wrap,
#segunda_zona_opciones .k-widget,
#segunda_zona_opciones .k-grid.k-widget,
#segunda_zona_opciones .k-state-default,
#segunda_zona_opciones .k-widget.k-multiselect,
#segunda_zona_opciones .k-multiselect-wrap,
#segunda_zona_opciones .k-textbox > input,
#segunda_zona_opciones .k-dropdown,
#segunda_zona_opciones .k-dropdown-wrap,
#segunda_zona_opciones .k-numerictextbox,
#segunda_zona_opciones .k-numeric-wrap {
    border-radius: 0 !important;
}

.smart-form-gds .k-multiselect .k-button {
    background-color: inherit;
    border-color: #cccccc;
    color: #333;
}

.smart-form-gds .k-multiselect-wrap {
    padding: 4px 0 0 6px;
    min-height: 28px;
}

.smart-form-gds .select_kendo-container .select_kendo-selection--single {
    /* height: 32px;*/
}

.smart-form-gds .select_kendo-container--default .select_kendo-selection--single .select_kendo-selection__arrow {
    /*height: 28px; */
}

.smart-form-gds .select2-container--default .select2-selection--single {
    border-radius: 0 !important;
}

.smart-form-gds .custom_select {
    height: 120px;
    max-height: 120px;
    border: 1px solid #cccccc;
    overflow: auto;
}

.smart-form-gds .custom_select li {
    padding: 6px;
    border-bottom: 1px solid #eeeeee;
}

.smart-form-gds .custom_select li:hover {
    background-color: #eeeeee;
}

.smart-form-gds .custom_select .dd-item i {
    float: right;
    margin-right: 10px;
    cursor: pointer;
    padding: 4px;
    color: #cccccc;
}

.smart-form-gds .custom_select .dd-item i:hover {
    background-color: #990000;
    color: #ffffff;
    padding: 4px;
}

.custom-scroll {
    overflow: auto;
    font-size: 0.9em;
}

.custom-scroll::-webkit-scrollbar {
    webkit-overflow-scrolling: touch;
    height: 10px;
    width: 6px;
}

.custom-scroll::-webkit-scrollbar-thumb {
    moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.2);
    border: none;
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}

.custom-scroll::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
}

.custom-scroll::-webkit-scrollbar-track-piece {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: transparent;
    border-radius: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.2em 0.8em;
}

.smart-form-gds .ui-spinner-input.spinner-both {
    padding: 0 0 0 35px;
}

.smart-form-gds .zona_items,
.smart-form-gds .zona_menus,
.smart-form-gds .zona_variaciones {
    margin-top: 20px;
}

.modal-title {
    margin-bottom: 0;
}

.modal-header {
    padding-bottom: 0;
}

#zone_add_ListaItemsGruposModificadores {
    /*display: none;*/
}

#modifiersgroupsitems .dd {
    max-width: none;
}

.controls-li a.add_button_item {
    text-decoration: underline;
    color: #333333;
}

#lista_grupos_modificadores .k-grid-edit,
#lista_grupos_modificadores .k-grid-delete {
    width: 30px !important;
    min-width: inherit !important;
    padding-left: 10px;
}

.highlight_datatable td:first-child {
    border-left: 4px solid #009900 !important;
}

.highlight_dataitems {
    border-left: 4px solid #009900 !important;
}

.dropdown-validation-error {
    border: 1px solid red !important;
    background-color: #fee !important;
}

.zona_txt_programacion {
    font-size: 12px;
}

.fields_language {
    padding: 2px;
}

.fields_language.borderless {
    border: none !important;
}

#primera_zona_opciones .k-header {
    background-color: #ffffff !important;
}

#TablaPublicaciones tbody .k-button,
#TablaPublicaciones tbody button.k-button {
    min-width: 0;
}

.k-widget.k-treeview {
    color: #333333;
}

.menu_principal_lateral li {
    min-height: 16px !important;
}

.menu_principal_lateral svg,
.menu_principal_lateral i {
    font-size: 16px;
    margin-right: 6px;
}

.padding-menu-grupo {
    padding: 0 0 0 8px !important;
}

#accordion_items .panel-body {
    padding: 16px;
}

#accordion_items .panel-title {
    font-weight: bold;
}

#accordion_items .panel-title .collapsed {
    font-weight: normal;
}

#accordion_items .panel-default > .panel-heading {
    background-color: #ffffff;
}

#accordion_items .panel-default > .panel-heading a {
    padding: 5px 6px !important;
}

#nestable_items.dd {
    max-width: inherit;
}

#nestable_items .dd3-handle {
    padding: 16px 11px;
}

.dataTable .disabled_item td:first-child,
.controls-li-product-disabled {
    font-style: italic;
    text-decoration: line-through solid darkorange;
}

.cabecera_titulos_dd3 {
    padding: 6px 10px 8px 0;
    border-bottom: 1px solid #cccccc;
}

.dataTables_length {
    margin-top: 6px;
    padding-bottom: 20px;
}

.dataTables_length select {
    margin: 0 10px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    /*width: 75px !important;*/
    padding: 6px;
}

.fixed-navigation nav {
    overflow-x: hidden;
}

th.dt-body-right {
    text-align: right;
}

th.dt-body-center {
    text-align: center;
}

.proportional_wc {
}

.ui-autocomplete {
    z-index: 5000 !important;
}

#tabla_plantilla_filter i {
    color: #cccccc;
}

.dataTables_filter input {
    border: 1px solid #cccccc;
    border-radius: 4px;
    width: 70% !important;
    padding: 6px;
}

/*.form_filtros_cuentas input,
.form_filtros_cuentas .k-floatwrap {
    border: none !important;
    border-bottom: 1px solid #EEEEEE !important;
}*/

.form_filtros_cuentas fieldset + fieldset {
    border-top: none;
}

.form_filtros_cuentas fieldset {
    border-bottom: 1px solid #eeeeee;
    padding: 10px 10px;
    margin: 6px;
}

ul.lista_filtros li.list-group-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer; /* Cambia el cursor a un puntero */
    border: none;
    padding: 4px 10px;
    max-height: 180px;
    overflow: auto;
    color: #333 !important;
}

ul.lista_filtros li.list-group-item a {
    text-decoration: none !important; /* Quita el subrayado */
    font-size: 1.1em;
    color: #333;
}

ul.lista_filtros li.list-group-item:hover {
    background-color: #0a4db7;
    color: #fff !important;
}

ul.lista_filtros li.list-group-item:hover a {
    color: #fff !important;
}

.lined-header {
    text-align: center;
    position: relative;
}

.lined-header::before {
    content: '';
    position: absolute;
    top: 50%; /* posiciona la línea en el centro verticalmente */
    left: 0;
    right: 0;
    height: 1px;
    background: #eeeeee; /* O el color que prefieras */
    z-index: 1; /* asegura que la línea esté debajo del texto */
}

.lined-header span {
    background-color: #ffffff;
    padding: 1px 3px;
    position: relative;
    z-index: 2; /* asegura que el texto esté por encima de la línea */
}

/*.boton_filtrar_cuentas {
    max-height: 300px;
    overflow: auto;
}*/

.boton_filtrar_cuentas .boton_accion {
    color: #cccccc !important;
}

.boton_filtrar_cuentas .boton_accion:hover {
    color: #fffa00 !important;
}

#lista_direcciones .dd3-content,
#lista_telefonos .dd3-content,
#lista_notas_externas .dd3-content,
#lista_notas_internas .dd3-content,
#lista_referencias .dd3-content,
#lista_productos .dd3-content {
    padding: 6px 10px 8px 8px;
}

.checkbox-datatable,
.dt-checkboxes {
    width: 20px;
    margin-right: -10px;
    margin-left: 20px;
}

#tabla_registros td {
    white-space: nowrap;
}

table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
    content: ' ';
    margin-top: -7px;
    margin-left: -36px;
    border: 1px solid black;
    border-radius: 3px;
}

table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
    content: '\2714';
    margin-top: -10px;
    margin-left: -36px;
    text-align: center;
    text-shadow: 1px 1px #b0bed9, -1px -1px #b0bed9, 1px -1px #b0bed9, -1px 1px #b0bed9;
}

.select-checkbox-cuentas:before,
.select-checkbox-cuentas:after {
    left: 0 !important;
    margin-left: 0 !important;
}

.datatable-v2:not(.dataTable) {
    display: none;
}

.datatable-v2 colgroup {
    display: none;
}

.datatable-v2 thead {
    background-color: #ffffff;
    text-transform: uppercase;
    font-size: 11px;
    color: #8b919f;
}

table.datatable-v2 {
    outline: 1px solid #cccccc;
    border-radius: 2px;
}

.datatable-v2 td {
    font-size: 12px;
}

.datatable-v2 td .small {
    font-size: 90% !important;
}

.datatable-v2 tr:hover .controls-group {
    display: inline-block !important;
    opacity: 1 !important;
}

.dt-container .dt-paging nav {
    padding: 0;
    color: #b5b5b5;
    font-size: 12px;
}

.dt-info {
    color: #b5b5b5 !important;
    font-size: 12px !important;
}

.dt-length select {
    border: none !important;
}

button.dt-paging-button {
    padding: 0;
}

.dt-layout-row.dt-layout-table {
    margin-bottom: -10px !important;
}

button.dt-paging-button {
    border: none !important;
    background: transparent !important;
    padding: 3px 9px !important;
}

div.dt-container .dt-paging nav .dt-paging-button.current,
div.dt-container .dt-paging nav .dt-paging-button:hover {
    color: #000000 !important;
}

div.dt-container .dt-paging .dt-paging-button:active {
    box-shadow: none !important;
}

.sended_contacts {
    background-color: #99ee99 !important;
}

pre {
    outline: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
}

.string {
    color: green;
}

.number {
    color: darkorange;
}

.boolean {
    color: blue;
}

.null {
    color: magenta;
}

.key {
    color: red;
}

.button-sending-add div {
    background-image: url(../img/Sendinblue/sendinblue_p.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 0 0; /* equivalent to 'top left' */
    border: none; /* assuming we don't want any borders */
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 16px; /* make this the size of your image */
    width: 16px;
    vertical-align: middle; /* align the text vertically centered */
    float: right;
    margin-left: 10px;
}

.add_usuario_tarjeta:hover {
    color: #1f87f1 !important;
}

#tabla_cuentas_referencias tr {
    cursor: pointer;
}

.baja-referencias {
    text-decoration: line-through;
    color: #990000 !important;
}

.baja-referencias td {
    color: #990000 !important;
}

.k-grid .k-grid-search {
    margin-left: auto;
    margin-right: 0;
}

.bg-color-quierofactura {
    background-color: #b94a48;
}

/* * * * * * * * Cosas de MAPS form buscar direccion * * * * * * * * * */

.sb-title {
    position: relative;
    top: -12px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
}

.sb-title-icon {
    position: relative;
    top: -5px;
}

.card-container {
    display: flex;
    height: 300px;
    /*width: 600px;*/
}

.panel-maps {
    background: white;
    width: 400px;
    padding: 0 20px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.half-input-container {
    display: flex;
    justify-content: space-between;
}

.half-input {
    max-width: 120px;
}

.mapa-maps {
    width: 100%;
}

h2.maps-control {
    margin: 0;
    font-family: Roboto, sans-serif;
}

input.maps-control {
    height: 30px;
}

input.maps-control,
textarea.maps-control {
    border: 0;
    border-bottom: 1px solid #cccccc;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: normal;
    width: 100%;
}

textarea.maps-control {
    border: 1px solid #cccccc;
}

input.maps-control:focus::placeholder {
    color: white;
}

.button-cta {
    height: 40px;
    width: 40%;
    background: #3367d6;
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.48);
    cursor: pointer;
}

.pac-container {
    z-index: 99999999999 !important;
}

/* Botones de Google Maps mas pequeños */
.gm-fullscreen-control,
.gm-bundled-control {
    zoom: 0.6;
}

.icon-invisible {
    visibility: hidden;
}

#delete_series {
    color: #990000 !important;
}

#delete_series:hover {
    color: #ffffff !important;
}

.select_plantilla {
    padding: 4px 15px;
}

.btn_idioma_imagen {
    min-width: 40px;
}

.btn_idioma_imagen.active {
    background-color: #7598b7;
    border-color: #6a8faf;
}

.row_italic_old {
    font-style: italic;
    color: #333333;
}

.row_italic_old.k-state-selected {
    color: #ffffff !important;
}

.image_management {
    height: 80px;
    max-height: 80px;
}

#tabla_imagenes tr.even {
    background-color: #e0e0e0 !important;
}

/*.k-animation-container {
    padding: 4px;
}*/
/*.k-breadcrumb {
    height: auto !important;
    padding: 10px !important;
}*/
/*.k-container-controller > .dropdown-menu {
    top: 0;
}*/

.bootstrap-duallistbox-container label,
.form header,
legend {
    padding: 0;
    margin: 0;
}

/* Este estilo es para los multiselect sortable que no se vea el icono cuando está disponible */
.selectable_content .selector_ordenacion {
    display: none;
}

.jarviswidget {
    position: relative; /* Asegura que los hijos absolutos se posicionen en relación a este widget */
}

#overlay_carga {
    color: #000000;
    background: rgba(0, 0, 0, 0.1);
    position: absolute; /* Posicionar absolutamente al overlay en relación al widget */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5000; /* Un valor alto para que el overlay aparezca encima de los otros elementos del widget */
}

#tabla_lista_length {
    float: right;
}

/* Estilos generales */
.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex-item {
    flex: 1 1 auto;
    margin: 0 10px;
    box-sizing: border-box; /* para que el padding no aumente el tamaño total */
}

.flex-container-table {
    display: flex;
    flex-direction: column; /* apila los elementos verticalmente */
    gap: 10px; /* separación vertical entre elementos */
}

.flex-item-table {
    flex: 1 1 auto;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.flex-item-table:last-child {
    margin-bottom: 0; /* evita espacio extra al final */
}

/* Estilos responsive */
@media (max-width: 768px) {
    .flex-item {
        width: 100%;
        margin-bottom: 10px;
    }

    .dt-buttons {
        margin-top: 6px;
        float: left !important;
        width: 100% !important;
    }

    .navbar-collapse-items {
        z-index: 1000; /* Ajusta este valor según tus necesidades */
    }

    .navbar-toogle-items {
        padding: 0 10px !important;
    }

    .navbar-collapse-items {
        background-color: #ffffff !important;
        width: 80% !important;
        border: 1px solid #eeeeee;
    }
}

[v-cloak] {
    display: none;
}

@keyframes progressbarindeterminateshort {
    0% {
        left: -40%;
    }

    75% {
        left: 120%;
    }

    100% {
        left: 120%;
    }
}

@keyframes progressbarindeterminatelong {
    0% {
        left: -90%;
    }

    37.5% {
        left: -90%;
    }

    100% {
        left: 100%;
    }
}

#pgbar {
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    width: 200px;
}

.pgbar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--neutral-light-color);
    width: 25vw;
    min-height: 3px;
    position: absolute;
    border-radius: 1.5px;
    overflow: hidden !important;
}

.pgbar > .short-bar {
    background-color: #4cc2ffff;
    width: 40%;
    height: 100%;
    left: -40%;
    border-radius: 0.5px;
    position: absolute;
    display: inline-block;
    -webkit-animation: progressbarindeterminateshort 2s ease-in-out infinite;
    -moz-animation: progressbarindeterminateshort 2s ease-in-out infinite;
    -o-animation: progressbarindeterminateshort 2s ease-in-out infinite;
    animation: progressbarindeterminateshort 2s ease-in-out infinite;
}

.pgbar > .long-bar {
    background-color: #4cc2ffff;
    width: 60%;
    height: 100%;
    left: -90%;
    border-radius: 0.5px;
    position: absolute;
    display: inline-block;
    -webkit-animation: progressbarindeterminatelong 2s ease-in-out infinite;
    -moz-animation: progressbarindeterminatelong 2s ease-in-out infinite;
    -o-animation: progressbarindeterminatelong 2s ease-in-out infinite;
    animation: progressbarindeterminatelong 2s ease-in-out infinite;
}

.irs--round .irs-handle {
    border-color: #7f7f7f !important;
}

.irs--round .irs-bar,
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
    background-color: #7f7f7f !important;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
    border-top-color: #7f7f7f !important;
}

.nowrap {
    white-space: nowrap;
}

#ModalShowPromotionBody .card {
    min-height: 460px;
}

#ModalShowPromotionBody .shadow-cuiner {
    /*box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);*/
    box-shadow: 0 0 4px #00000029;
}

#ModalShowPromotionBody .img-card-definition {
    border-top-left-radius: 0.8em;
    border-top-right-radius: 0.8em;
    max-height: 240px;
    height: auto;
    width: auto;
    max-width: 100%;
}

#ModalShowPromotionBody .div-img-card_container {
    margin-bottom: 10px;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

#change_card_language .list-group-item {
    border-radius: 4px; /* Hace que los bordes sean cuadrados */
    margin-bottom: 5px; /* Añade un poco de espacio entre los elementos */

    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#change_card_language .list-group-item.active {
    font-size: 1.1em;
    background-color: #ffffff; /* Color de fondo para el elemento activo */
    color: #333333; /* Color de texto para el elemento activo */
    border-color: #333333; /* Color del borde para el elemento activo */
}

#change_card_language .list-group-item img {
    margin-right: 10px;
}

#zona_fechas_vigencia.disabled {
    pointer-events: none; /* Desactiva eventos de clic */
    opacity: 0.5; /* Cambia la apariencia para parecer deshabilitado */
}

.tab-pane header:first-child {
    margin-top: 0;
    padding-top: 0;
}

.zona_grafica_contenedor {
    position: relative;
    padding: 0 0 20px 20px;
}

.zona_grafica_contenedor .label-heatmap-y {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translate(-100%, -50%) rotate(-90deg);
    transform-origin: left top;
    white-space: nowrap; /* Asegura que la etiqueta no se divida en varias líneas */
}

.zona_grafica_contenedor .label-heatmap-x {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap; /* Asegura que la etiqueta no se divida en varias líneas */
}

.preview_card_design {
    max-width: 344px;
    min-height: 454px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 3px solid #cccccc;
    margin: 10px auto;
}

.select_icon_tarjeta_filled,
.select_icon_tarjeta_outline {
    border: 1px solid #f5f5f5;
}

.select_icon_tarjeta_filled.active,
.select_icon_tarjeta_outline.active {
    border: 1px solid #ff0000;
}

.label_selectores {
    margin-left: 10px;
    color: #999999;
}

.form_filtros .label_selectores {
    display: none;
}