@import './popey-alert-dialog.css';

:root {

    /* Color */
    --primary-enable: #F15829;
    --primary-disable: #FF7A51;
    --primary: var(var(--primary-enable));
    --gray-dark-enable: #48454E;
    --lime-white: #F8F8F8;
    --gray-light: #EDEDED;
    --gray-dark-disable: #BEBFC1;
    --gray-light-disable: #F3F3F3;
    --error: #901717;
    --text-danger: #dc3545;
    --ok: #539A51;
    /* Colores header */
    --naranja1: #FF6F0D;
    --naranja2: #F88E46;
    --naranja3: #FFC89A;
    /* Fuentes */
    --font-secondary: 'Open Sans', sans-serif;
    --font-primary: 'Montserrat', sans-serif;

    --font-size-x-small: 10px;
    --font-size-small: 12px;
    --font-size-medium: 14px;
    --font-size-large: 16px;

    --font-size-h1-default: 40px;
    --font-size-h2-default: 32px;
    --font-size-h3-default: 28px;
    --font-size-h4-default: 24px;
    --font-size-h5-default: 20px;
    --font-size-h6-default: 14px;

    /* Botones */
    --button-width: 150px;
    --button-height: 40px;
    --button-radius: 15px;

    /* Header y Footer */
    --altura-header: 94px;
    --altura-footer: 60px;

}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-primary);
    letter-spacing: 0;

}

body {
    font-family: var(--font-secondary);
}

h1 {
    font-size: var(--font-size-h1-default);
    line-height: 44px;
}

h2 {
    font-size: var(--font-size-h2-default);
    line-height: 36px;
    /* font-weight: 800; */
}

h3 {
    font-size: var(--font-size-h3-default);
    line-height: 30px;
}

h4 {
    font-size: var(--font-size-h4-default);
    line-height: 26px;
}

h5 {
    font-size: var(--font-size-h5-default);
    line-height: 24px;
}

h6 {
    font-size: var(--font-size-h6-default);
    font-weight: bold;
    line-height: 16px;
}

/* -----------Fuentes clases----------- */

.fw-400 {
    font-weight: 400;
}

.body-xsmall {
    font-family: var(--font-secondary);
    font-size: var(--font-size-x-small);
    line-height: 12px;
    letter-spacing: 0%;
    font-weight: 400;
}

.body-small {
    font-family: var(--font-secondary);
    font-size: var(--font-size-small);
    line-height: 16px;
    font-weight: 400;
}

.body-medium {
    font-family: var(--font-secondary);
    font-size: var(--font-size-medium);
    line-height: 20px;
    font-weight: 400;
}

/* btn general para todos los botones */
.btn {
    width: var(--button-width);
    height: var(--button-height);
    border-radius: var(--button-radius);
    border: none;
    outline: none;
    font-family: var(--font-secondary);
    line-height: 20px;
    font-size: var(--font-size-medium);
    transition: all 0.2s ease-in-out;
}

.btn:focus,
.btn:focus-visible,
.btn:hover:active,
.btn:active:focus {
    outline: none;
}

.btn:enabled:hover {
    opacity: 0.88;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.261);
}

/* btn-primary */
.btn-primary {
    background-color: var(--primary-enable);
    color: var(--lime-white);
}

.btn-primary:enabled {
    background-color: var(--primary-enable);
    color: var(--lime-white);
}

.btn-primary:disabled {
    background-color: var(--gray-dark-disable);
    border-color: var(--gray-dark-disable);
    color: white;
}

.btn-primary:disabled:hover {
    background-color: var(--gray-dark-disable);
    border-color: var(--gray-dark-disable);
    color: #333;
}

.btn-primary:active:hover {
    background-color: var(--primary-enable);
}

/* btn-secondary */
.btn-secondary {
    background-color: var(--lime-white);
    color: var(--primary-enable);
    border: 1px solid var(--primary-enable);
}

.btn-secondary:enabled {
    background-color: var(--lime-white);
    color: var(--primary-enable);
}

.btn-secondary:enabled:hover {
    border-color: var(--primary-enable);
    background-color: var(--gray-light);
}

.btn-secondary:disabled {
    background-color: var(--lime-white);
    border-color: var(--primary-enable);
    color: white;
}

.btn-secondary:disabled:hover {
    background-color: var(--lime-white);
    border-color: var(--primary-enable);
    color: var(--primary-enable);
}

.btn-icon {
    background: none;
    border: none;
    margin: 0 4px;
    font-size: 15px;
    cursor: pointer;
}

.btn.btn-width {
    width: var(--button-width);
}

.footer {
    background: var(--primary-enable);
}

.footer-demo {
    background: var(--primary-enable) !important;
}

.header {
    background: var(--primary-enable);
    z-index: 1;
}

.header-demo {
    background: var(--primary-enable) !important;
}

.popey-link,
.popey-link:hover,
.popey-link:focus {
    color: var(--primary-enable);
}


/* ---------------------- */
/* --------Login--------- */
/* ---------------------- */
.app-content {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: auto;
}

.login-space-default {
    height: 38px;
    margin-bottom: 25px;
}

.error_msg {
    display: flex;
    justify-content: flex-start;
    color: var(--error);
    font-size: var(--font-size-x-small);
    font-weight: 400;
    font-family: var(--font-secondary);
    margin-bottom: 25px;
    height: 38px;
}

.msgInfo {
    display: flex;
    justify-content: flex-start;
    color: var(--gray-dark-enable);
    font-size: var(--font-size-x-small);
    font-weight: 400;
    font-family: var(--font-secondary);
    /* margin-bottom: 25px; */
    height: 38px;
    margin-top: 5px;
}

/* 
.error_msg.show {
    opacity: 1;
} */

.login__subtitle {
    font-weight: 400;
    text-align: center;
    color: var(--gray-dark-enable);
    text-wrap: nowrap;
    margin-bottom: 42px;
}

.form-group {
    margin-bottom: 25px;
}

form .form-group {
    padding: 0px;
}

form .form-error {
    margin-bottom: 10px;
    /* border: 1px solid var(--gray-light); */
}

.form-control {
    position: relative;
}
/* acaa */
.form-control:focus {
    /* outline: none !important; */
    /* box-shadow: none; */
    /* box-shadow: 0 0 10px 2px #ff9a7cd5 !important; */
    box-shadow: 0 0 5px 2px var(--gray-dark-disable) !important;
}

/* Ocultar el ícono nativo del select */
.popey-custom-select-with-icon {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
    /* Espacio para el ícono */
    position: relative;
}

/* Contenedor del select y el ícono */
.popey-custom-select {
    position: relative;
    display: flex;
    width: 100%;
}


/* Posicionar el ícono personalizado */
.custom-select-icon {
    position: absolute;
    font-size: 20px;
    right: 15px;
    bottom: -8px;
    transform: translateY(-80%) rotate(0deg);
    pointer-events: none;
    /* Evita que el ícono bloquee el click */
    color: #333;
    /* Color del ícono */
    transition: transform 0.3s ease;
}

/* Clase para la animación */
.custom-select-icon.rotate {
    transform: translateY(-80%) rotate(180deg);
    /* Rota 180° hacia arriba */
    transition: transform 0.3s ease;
    /* Animación suave */
}

.form-horizontal .form-group {
    background: none;
}

.login__title {
    font-weight: 700;
    color: var(--gray-dark-enable);
    margin-bottom: 42px;
    margin-top: 0;
}

.rol__title {
    font-weight: 400;
    color: var(--gray-dark-enable);
    margin-bottom: 42px;
    margin-top: 0;
}

.control-label {
    font-weight: 400;
    padding: 0px 30px 40px 30px;
    font-size: var(--font-size-small);
}

.select-sucursal-text {
    padding-bottom: 15px;
}

.btn {
    width: 100%;
}

.btn-padding {
    padding-top: 15px;
}

.input-container {
    width: 100%;
    position: relative;
    display: inline-block;
}

.input-container i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    z-index: 1;
    /* cursor: pointer; */
}

.input-container .icon-start {
    left: 10px;
}

.input-container .icon-end {
    right: 10px;
}

/* .input-container input { */
#loginApp input,
#recuperarClaveApp input,
#recuperarUsuarioApp input {
    padding-left: 35px;
    padding-right: 35px;
    height: 40px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
    font-size: 16px;
}

.input-container input::placeholder {
    color: var(--gray-dark-enable);
}

.recuperar__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--font-size-small);

}

.recuperar__container a:hover {
    color: var(--primary-enable);
}

.text-black {
    color: black;
}

.content-center {
    display: flex;
    justify-content: center;
}

.login-container {
    width: 300px;
    padding-top: 10vh;
}


/* -----------Doble autentificacion------------- */

.list-title h3 {
    font-weight: 400;
}

.login-container .panel-default {
    border: none;
}

.login-container .panel,
.login-container .panel-body {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    background: none;
    border-radius: none;
}

.panel-body{
    /* Rompe el form /deposito/mover de Encargado. */
    /* padding-left: 0;
    padding-right: 0; */
}

.datos {
    height: 40px;
    gap: 16px;
}

.datos .form-control {
    border: none;
    box-shadow: none;
    appearance: none;
    text-align: center;
}

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

.datos input {
    background-color: var(--gray-light);
    height: 100%;
}

.rol-container {
    /* max-width: 300px; */
    padding-top: 10vh;
    width: 300px;
}

.rol-select select {
    font-family: var(--font-secondary);
    font-size: var(--font-size-medium);
    font-weight: 400;
}

.filter__panel {
    border: none;
    background-color: var(--gray-light-disable);
    padding: 20px 25px 40px;
    margin: 0;
}

.filters {
    margin-bottom: 25px;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 2rem;
}

.filter__container {
    height: 70px;
    margin-right: 25px;
    text-wrap: nowrap;
}

.filter__container label {
    height: 20px;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: var(--font-secondary);
    line-height: 20px;
    color: var(--gray-dark-enable);
}

.filter__container input,
.filter__container select {
    height: 40px;
}

.filter-xlarge {
    width: 300px;
}

.filter-large {
    width: 225px;
}

.filter-medium {
    width: 150px;
}

.filter-small {
    width: 120px;
}

.filter__button__container {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    gap: 25px;
}

.filter__button {
    width: 150px;
}

.form-control {
    border-radius: 0;
    border: 1px solid var(--gray-light-disable);
    color: var(--gray-dark-enable);
}

input.form-control {
    height: 40px;
    border: 1px solid var(--gray-light) !important;
    border-radius: 5px !important;
    padding: 0 20px 0 20px;
}

/* Custom select transversal a toda la app para cambiar el icono a fa */
select.form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: #FFFFFF;
    border: 1px solid var(--gray-light) !important;
    border-radius: 5px !important;
    padding: 0 20px 0 20px;
    background-image: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23333' d='M31.3 192h257.3c28.4 0 42.7 34.5 22.6 54.6l-128.6 128c-12.5 12.5-32.8 12.5-45.3 0l-128.6-128C-11.4 226.5 1.9 192 31.3 192z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 0.8em auto !important;
    height: 40px;
}

input[type="file"]::-webkit-file-upload-button,
input[type="file"]::file-selector-button {
    padding: 0 30px 0 30px;
    margin-top: 10px;
    border: 1px solid var(--gray-light) !important;
    border-radius: 5px !important;
    cursor: pointer;
    background-color: var(--gray-light);
    color: var(--gray-dark-enable);
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDcuMS4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTI4OC42IDc2LjhDMzQ0LjggMjAuNiA0MzYgMjAuNiA0OTIuMiA3Ni44QzU0OC40IDEzMyA1NDguNCAyMjQuMiA0OTIuMiAyODAuNEwzMjguMiA0NDQuNEMyOTMuOCA0NzguOCAyMzguMSA0NzguOCAyMDMuNyA0NDQuNEMxNjkuMyA0MTAgMTY5LjMgMzU0LjMgMjAzLjcgMzE5LjlMMzU2LjUgMTY3LjNDMzY5IDE1NC44IDM4OS4zIDE1NC44IDQwMS44IDE2Ny4zQzQxNC4zIDE3OS44IDQxNC4zIDIwMC4xIDQwMS44IDIxMi42TDI0OSAzNjUuM0MyMzkuNiAzNzQuNyAyMzkuNiAzODkuOSAyNDkgMzk5LjJDMjU4LjQgNDA4LjUgMjczLjYgNDA4LjYgMjgyLjkgMzk5LjJMNDQ2LjkgMjM1LjJDNDc4LjEgMjA0IDQ3OC4xIDE1My4zIDQ0Ni45IDEyMi4xQzQxNS43IDkwLjkgMzY1IDkwLjkgMzMzLjggMTIyLjFMMTY5LjggMjg2LjFDMTE2LjcgMzM5LjIgMTE2LjcgNDI1LjMgMTY5LjggNDc4LjRDMjIyLjkgNTMxLjUgMzA5IDUzMS41IDM2Mi4xIDQ3OC40TDQ5Mi4zIDM0OC4zQzUwNC44IDMzNS44IDUyNS4xIDMzNS44IDUzNy42IDM0OC4zQzU1MC4xIDM2MC44IDU1MC4xIDM4MS4xIDUzNy42IDM5My42TDQwNy40IDUyMy42QzMyOS4zIDYwMS43IDIwMi43IDYwMS43IDEyNC42IDUyMy42QzQ2LjUgNDQ1LjUgNDYuNSAzMTguOSAxMjQuNiAyNDAuOEwyODguNiA3Ni44eiIvPjwvc3ZnPg==") !important
}

/* Por el momento no se va a usar porque causa problemas en algunos navegadores */
/* select.form-control:focus{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzQ4NDU0ZSIgZD0iTTE4Mi42IDEzNy40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMGwtMTI4IDEyOGMtOS4yIDkuMi0xMS45IDIyLjktNi45IDM0LjlzMTYuNiAxOS44IDI5LjYgMTkuOGwyNTYgMGMxMi45IDAgMjQuNi03LjggMjkuNi0xOS44czIuMi0yNS43LTYuOS0zNC45bC0xMjgtMTI4eiIvPjwvc3ZnPg==") !important;
  } */

.custom-arrow {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23333' d='M31.3 192h257.3c28.4 0 42.7 34.5 22.6 54.6l-128.6 128c-12.5 12.5-32.8 12.5-45.3 0l-128.6-128C-11.4 226.5 1.9 192 31.3 192z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px auto;
    /* size of arrow */
}

/* Por el momento no se va a usar porque causa problemas en algunos navegadores */
/* .custom-arrow:focus{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzQ4NDU0ZSIgZD0iTTE4Mi42IDEzNy40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMGwtMTI4IDEyOGMtOS4yIDkuMi0xMS45IDIyLjktNi45IDM0LjlzMTYuNiAxOS44IDI5LjYgMTkuOGwyNTYgMGMxMi45IDAgMjQuNi03LjggMjkuNi0xOS44czIuMi0yNS43LTYuOS0zNC45bC0xMjgtMTI4eiIvPjwvc3ZnPg==") !important;
  } */

/* --------------------------------------------------
   Estilo global para inputs de fecha:
   ✔ nativos <input type="date">  
   ✔ angular-ui-bootstrap <input uib-datepicker-popup>
   -------------------------------------------------- */

/* Ocultar el ícono nativo del navegador */
input[type="date"]::-webkit-calendar-picker-indicator,
input[uib-datepicker-popup]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    opacity: 0 !important;
    height: 35px;
    width: 35px;
    cursor: pointer;
}

/* Unificar apariencia */
input[type="date"],
input[uib-datepicker-popup],
input[type="datetime-local"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

    background: #FFFFFF;
    border: 1px solid var(--gray-light) !important;
    border-radius: 5px !important;
    height: 40px;
    padding: 0 0 0 20px !important;
    font-size: var(--font-size-medium);
    color: var(--gray-dark-enable);

    /* icono de calendario */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzQ4NDQ0ZSIgZD0iTTEyOCAwYzE3LjcgMCAzMiAxNC4zIDMyIDMybDAgMzIgMTI4IDAgMC0zMmMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMybDAgMzIgNDggMGMyNi41IDAgNDggMjEuNSA0OCA0OGwwIDQ4TDAgMTYwbDAtNDhDMCA4NS41IDIxLjUgNjQgNDggNjRsNDggMCAwLTMyYzAtMTcuNyAxNC4zLTMyIDMyLTMyek0wIDE5Mmw0NDggMCAwIDI3MmMwIDI2LjUtMjEuNSA0OC00OCA0OEw0OCA1MTJjLTI2LjUgMC00OC0yMS41LTQ4LTQ4TDAgMTkyem02NCA4MGwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMGMtOC44IDAtMTYgNy4yLTE2IDE2em0xMjggMGwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMGMtOC44IDAtMTYgNy4yLTE2IDE2em0xNDQtMTZjLTguOCAwLTE2IDcuMi0xNiAxNmwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMHpNNjQgNDAwbDAgMzJjMCA4LjggNy4yIDE2IDE2IDE2bDMyIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMzJjMC04LjgtNy4yLTE2LTE2LTE2bC0zMiAwYy04LjggMC0xNiA3LjItMTYgMTZ6bTE0NC0xNmMtOC44IDAtMTYgNy4yLTE2IDE2bDAgMzJjMCA4LjggNy4yIDE2IDE2IDE2bDMyIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMzJjMC04LjgtNy4yLTE2LTE2LTE2bC0zMiAwem0xMTIgMTZsMCAzMmMwIDguOCA3LjIgMTYgMTYgMTZsMzIgMGM4LjggMCAxNi03LjIgMTYtMTZsMC0zMmMwLTguOC03LjItMTYtMTYtMTZsLTMyIDBjLTguOCAwLTE2IDcuMi0xNiAxNnoiLz48L3N2Zz4=") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 20px auto !important;
}

.filters input {
    border: 1px solid var(--gray-light);
    border-radius: 5px;
}

/* -------------------------------------------------- */
/* ---------------------- HEADER ---------------------- */
/* -------------------------------------------------- */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus .caret,
.navbar-default .navbar-nav>.open>a .caret {
    background-color: transparent;
    color: var(--gray-dark-enable);
    border-top-color: var(--gray-dark-enable);

}

.navbar-default .navbar-top-diagonal>.open>a,
.navbar-default .navbar-top-diagonal>.open>a:focus,
.navbar-default .navbar-top-diagonal>.open>a:hover,
.navbar-default .navbar-top-diagonal>.open>a:focus .caret,
.navbar-default .navbar-top-diagonal>.open>a .caret {
    color: var(--lime-white);
    border-top-color: var(--lime-white);
}

.header .navbar-default .navbar-nav>.open>a,
.header .navbar-default .navbar-nav>.open>a:focus,
.header .navbar-default .navbar-nav>.open>a:hover {
    background-color: var(--gray-dark-enable);
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background-color: var(--naranja1);
    color: var(--gray-dark-enable);
}

/* Just for caret in navbar menu */
.navbar-default .navbar-nav>.active>a .caret,
.navbar-default .navbar-nav>.active>a:focus .caret,
.navbar-default .navbar-nav>.active>a:hover .caret {
    background-color: var(--naranja1);
    border-top-color: var(--gray-dark-enable);

}

.dropdown-menu{
    min-width: fit-content;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>a>li,
.dropdown-menu>a>li:focus,
.dropdown-menu>a>li:hover {
    color: var(--gray-dark-enable);
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:focus .caret,
.navbar-default .navbar-nav>li>a:hover .caret {
    color: var(--gray-dark-enable);
    border-top-color: var(--gray-dark-enable);

}

.navbar-default .navbar-top-diagonal>li>a:hover,
.navbar-default .navbar-top-diagonal>li>a:focus,
.navbar-default .navbar-top-diagonal>li>a:focus .caret,
.navbar-default .navbar-top-diagonal>li>a:hover .caret {
    color: var(--lime-white);
    border-top-color: var(--lime-white);

}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: var(--primary-enable);
    /* color: var(--lime-white); */

}

/* Estilos para las solapas */
.nav.nav-tabs {
    border: none;
}

.nav.nav-tabs>li:first-child>a {
    margin-left: 0px;
}

.nav.nav-tabs>li>a {
    float: left;
    /* width: 190px; */
    padding: 10px 15px;
    /* height: 30px; */
    margin-right: 8px;
    margin-left: 8px;
    position: relative;
    background: var(--gray-dark-disable);
    color: var(--gray-dark-enable);
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border: none !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.nav.nav-tabs>li:first-child>a:before {
    content: none;
}

.nav.nav-tabs>li>a:before,
.nav.nav-tabs>li>a:after {
    content: "";
    position: absolute;
    height: 10px;
    width: 20px;
    bottom: 0;
}

.nav.nav-tabs>li>a:after {
    right: -20px;
    border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -webkit-box-shadow: -10px 0 0 0 var(--gray-dark-disable);
    box-shadow: -10px 0 0 0 var(--gray-dark-disable);
}

.nav.nav-tabs>li>a:before {
    left: -20px;
    border-radius: 0 0 10px 0;
    -moz-border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    -webkit-box-shadow: 10px 0 0 0 var(--gray-dark-disable);
    box-shadow: 10px 0 0 0 var(--gray-dark-disable);
}

.nav.nav-tabs>li.active>a {
    background-color: var(--lime-white) !important;
    color: var(--naranja1) !important;
    border: 1px solid var(--naranja1) !important;
    border-bottom: none !important;
}

.nav.nav-tabs>li.active>a:after {
    box-shadow: -10px 0 0 0 var(--lime-white);
    border: 1px solid var(--naranja1);
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.nav.nav-tabs>li.active>a:before {
    box-shadow: 10px 0 0 0 var(--lime-white);
    border: 1px solid var(--naranja1);
    border-top: none;
    border-bottom: none;
    border-left: none;
}

/* Solapas dentro de solapas */
.nav.nav-tabs.nav-tabs-inner>li>a {
    background-color: var(--lime-white);
    border: 1px solid var(--gray-dark-disable) !important;
    border-bottom: none !important;
}

.nav.nav-tabs.nav-tabs-inner>li.active>a {
    background-color: var(--lime-white) !important;
    color: var(--naranja1) !important;
    border: 1px solid var(--naranja1) !important;
    border-bottom: none !important;
}

.nav.nav-tabs.nav-tabs-inner>li>a:after {
    right: -20px;
    border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -webkit-box-shadow: -10px 0 0 0 var(--lime-white);
    box-shadow: -10px 0 0 0 var(--lime-white);
}

.nav.nav-tabs.nav-tabs-inner>li>a:before {
    left: -20px;
    border-radius: 0 0 10px 0;
    -moz-border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    -webkit-box-shadow: 10px 0 0 0 var(--lime-white);
    box-shadow: 10px 0 0 0 var(--lime-white);
}

.nav.nav-tabs.nav-tabs-inner>li>a:after {
    box-shadow: -10px 0 0 0 var(--lime-white);
    border: 1px solid var(--gray-dark-disable);
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.nav.nav-tabs.nav-tabs-inner>li.active>a:after {
    box-shadow: -10px 0 0 0 var(--lime-white);
    border: 1px solid var(--naranja1);
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.nav.nav-tabs.nav-tabs-inner>li.active>a:before {
    /* box-shadow: -10px 0 0 0 var(--lime-white); */
    border: 1px solid var(--naranja1);
    border-top: none;
    border-bottom: none;
    border-left: none;
}

.nav.nav-tabs.nav-tabs-inner>li>a:before {
    box-shadow: 10px 0 0 0 var(--lime-white);
    border: 1px solid var(--gray-dark-disable);
    border-top: none;
    border-bottom: none;
    border-left: none;
}

/* Fin de solapas dentro de solapas */

.tab-content .tab-pane-lang-content {
    border: none;
    box-shadow: none;
    background-color: var(--lime-white);
}

.tab-content .tab-pane-lang-content .panel {
    border: none;
    box-shadow: none;
}

/* Fin estilos de solapas */

.header .a:focus {
    color: var(--lime-white) !important;
}


.list-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--gray-light-disable);
    margin-bottom: 0;
    height: 75px;
    border-radius: 0;
    border-bottom: 1px solid var(--gray-dark-disable);
}

.list-title-lstprecio {
    display: flex;
    gap: 30px;
    align-items: center;
}


.actions {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.actions .btn-group {
    display: flex;
    flex-direction: row;
    width: 115px;
    gap: 15px;
    margin-right: 30px;
}

.actions .btn-group button {
    border-radius: 5px;
    background-color: var(--gray-light);
    color: var(--gray-dark-enable);
    height: 40px;
    width: 50px;
    padding: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn:last-child:not(:first-child) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.searcher {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 250px;
}

.searcher i, .sidebar__searcher i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
}

.searcher input, .sidebar__searcher input{
    border-radius: 5px;
    height: 100%;
    padding-left: 60px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.searcher input::placeholder, .sidebar__searcher input::placeholder{
    font-family: var(--font-secondary);
    font-size: var(--font-size-medium);
    line-height: 20px;
    font-weight: 400;
    color: var(--gray-dark-enable);
}

.diagonal__content .dropdown-popey {
    width: 190px;
}

.dropdown-popey {
    background-color: #fff;
}

.dropdown-popey,
.navbar-nav>li>.dropdown-menu.dropdown-popey {
    border-radius: 10px;
    overflow: hidden;
}

.dropdown-popey li {
    padding: 10px 13px;
}

.dropdown-popey li a {
    padding: 0;
}

.dropdown-popey li:hover,
.dropdown-popey li a:hover,
.dropdown-popey a li:hover,
.dropdown-popey a li a:hover {
    background-color: var(--gray-light);
}

/* dropdown columnas visibles */
.abm-page-show-columns .dropdown-toggle {
    appearance: none !important;
    background: #FFFFFF !important;
    border: 1px solid var(--gray-light) !important;
    border-radius: 5px !important;
    padding: 0 30px 0 20px;
    background-image: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23333' d='M31.3 192h257.3c28.4 0 42.7 34.5 22.6 54.6l-128.6 128c-12.5 12.5-32.8 12.5-45.3 0l-128.6-128C-11.4 226.5 1.9 192 31.3 192z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 0.9em auto !important;
    height: 40px;
    box-shadow: none;
}

.abm-page-show-columns .dropdown-toggle span {
    display: none;
}

/* Oculta los iconos de glyphicons en el dropdown */
.abm-page-show-columns .dropdown-multiselect .dropdown-menu li a .glyphicon {
    display: none;
}

.abm-page-show-columns .dropdown-menu.dropdown-menu-form {
    scrollbar-width: none;
    background-color: var(--lime-white);
    width: 280px;
    margin-bottom: 10px;
}

.abm-page-show-columns .dropdown-menu .divider {
    display: none;
}

.abm-page-show-columns .dropdown-menu.dropdown-menu-form a#selectAll {
    margin-bottom: 1rem;
}

.abm-page-show-columns .dropdown-menu.dropdown-menu-form .checkbox span {
    margin-left: 5px;
}

.abm-page-show-columns .dropdown-menu.dropdown-menu-form .checkbox label {
    display: flex;
    align-items: center;
}

.abm-page-show-columns .btn-group.open .dropdown-toggle,
.abm-page-show-columns .btn:enabled:hover {
    box-shadow: none;
}

.abm-page-show-columns a:focus {
    outline: none;
}

.abm-page-show-columns .dropdown-menu>li>a:focus,
.abm-page-show-columns .dropdown-menu>li>a:hover {
    background-color: var(--gray-light-disable);
}

/* fin dropdown columnas visibles */

.position-static {
    position: static;
}

.detail_container .header_detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 15px;
    padding-left: 15px;
}

.detail_container .border-header {
    border-bottom: 1px solid var(--gray-dark-enable);
}

.detail_section .detail_text {
    border-bottom: 1px solid var(--gray-dark-enable);
    border-top: 1px solid var(--gray-dark-enable);
}

.detail_section .fw-bold {
    font-weight: bold;
}

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

.detail_container .panel-default {
    border: none;
}

.text-danger{
    color: var(--text-danger);
}

/* .detail_section .form-horizontal .control-label{
    text-align: left;
    padding-left: 0px;
    padding-bottom: 15px;
} */

.detail_section .form-horizontal .form-group {
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.detail_section .form-horizontal .form-group .fechahora_detail {
    display: flex;
    gap: 10px;
}

/* Detalle Movimiento */
.movimiento_detail .col-sm-4>*:nth-child(odd) {
    background-color: var(--gray-light);
}

.movimiento_detail .col-sm-4>*:nth-child(even) {
    background-color: var(--gray-light-disable);
}

.detail_style .color_detalles>*:nth-child(odd) {
    background-color: var(--gray-light);
}

.detail_style .color_detalles>*:nth-child(even) {
    background-color: var(--gray-light-disable);
}

.detail_style .color_detalles>p:first-child,
.detail_style .color_detalles>div:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.detail_style .color_detalles>div:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.movimiento_detail .table-responsive th:nth-child(1),
.movimiento_detail .table-responsive td:nth-child(1) {
    width: 50%;
}

.movimiento_detail .detail_property_body {
    display: flex;
    gap: 33px;
}

.movimiento_detail .detail_property_header {
    padding-left: 40px;
}


/* Buscar Cliente AFIP */
.buscarClienteAfip .col-sm-6>*:nth-child(odd) {
    background-color: var(--gray-light);
}

.buscarClienteAfip .col-sm-6>*:nth-child(even) {
    background-color: var(--gray-light-disable);
}

.buscarClienteAfip .searchSeccion {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.buscarClienteAfip .searchSeccion .form-control {
    width: 300px;
    height: 40px;
}

.panel_with_btn.panel {
    margin-bottom: 0px;
    padding: 10px 0px;
    background-color: var(--lime-white);
}

.panel_with_btn.panel .first_button {
    margin: 7px auto 7px 38px;
    width: 150px;
}

.panel_with_btn.panel .second_button {
    margin: 7px auto 7px 5px;
    width: 140px;
}

/* Formularios - Forms */
/* 
    Agregue .form-horizontal 28-10-2025 para que el padding izquierdo coincida con el titulo en toda la aplicacion, 
    si no funciona, ver como resolver el tema del padding izquierdo coincida con el titulo en toda la aplicacion  
*/
/* .generalABMForm , .form-horizontal {
    padding: 0 2.1rem;
} */

.generalABMForm .group-title,
.form-horizontal .group-title,
.custom-input-group .group-title,
.custom-new-form .page-header {
    margin-bottom: 0px;
    border-bottom-style: none;
    margin: 0;
}

.form-horizontal .group-title.title-table-card {
    border-bottom: 1px solid black;
    border-bottom-style: solid;
    height: 36px;
    padding: 8px;
    display: flex;
    align-items: center;
}

.generalABMForm input[type=checkbox],
.generalABMForm input[type=radio] {
    margin: 0;
}

.custom-input-group .info-message {
    font-size: var(--font-size-x-small);
    color: var(--error);
    position: absolute;
}

.container-2-boxes{
    display: flex;
    clear:both; /* necesario para el sistema de grid de bootstrap , para que no se sobreponga con el anterior */
}

.entidadcpform__tipo-de-cliente-input-container label {
    margin: 0 0 0 1.5rem;
    display: flex;
    align-items: center;
}

.entidadcpform__tipo-de-cliente-input-container span {
    padding-left: 1rem;
}

.input-radio-container label,
.input-radio-container span {
    display: flex;
    align-items: center;
}

.entidadcpform__tipo-cliente-title-text {}

.entidadcpform .control-label {
    /* font-weight: 400; */
    padding: 0px 0px;
    /* font-size: var(--font-size-small); */
}

.entidadcpform .glyphicon {
    top: -4px !important;
    left: -2px;
}

.entidadcpform .btn .glyphicon.glyphicon-calendar {
    top: 0px;
}

button:has(.glyphicon.glyphicon-calendar) {
    border-radius: none !important;
}

.entidadcpform .form-label-required {
    color: var(--gray-dark-enable);
}

.entidadcpform select.form-control {
    /* height: 34px; */
    cursor: pointer;
}

.entidadcpform .glyphicon-asterisk {
    margin-left: 0;
}

.custom-input-group .glyphicon-asterisk {
    margin-left: 0;
    color: var(--gray-dark-enable);
    top: -4px !important;
    left: 5px;
    font-size: 6px;
}

/* Input radio y checkbox */
input[type='radio'],
input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
    outline: none;
}


input[type='radio'],
input[type='checkbox'] {
    -webkit-appearance: none;
    /* border:1px solid darkgray; */
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    outline: none;
    box-shadow: 0 0 0px 2px #BEBFC1 inset;
}

/* Sombra del hover */
input[type='radio']:hover,
input[type='checkbox']:hover {
    box-shadow: 0 0 5px 0px orange inset;
}

input[type='radio']:before,
input[type='checkbox']:before {
    content: '';
    display: block;
    width: 50%;
    height: 50%;
    margin: 24% auto;
    /* centrar el circulo interior */
    border-radius: 50%;
}

input[type='radio']:checked:before,
input[type='checkbox']:checked:before {
    background: rgb(255, 102, 0);
}

/* .... Input radio y checkbox */
/* .row .col-sm-3 label{
    display: inline-block;
  width: 80px;
} */

/* Checkbox de "Columnas Visibles" en los listados */

.custom-input-group {
    padding: 25px;
    background-color: var(--gray-light-disable);
    margin-bottom: 25px;
    border-radius: 5px;
}

.custom-input {
    margin-top: 24px;
}

/* .custom-input input, .custom-input select{ */
.custom-input input[type=text],
.custom-input input[type=number],
.custom-input input[type=date] {
    height: 40px;
    border-radius: 5px;
    border: 1px solid var(--lime-white);
}

textarea.form-control {
    background: #FFFFFF !important;
    border: 1px solid var(--gray-light) !important;
    border-radius: 5px !important;
    padding: 0 20px 0 20px;
    height: 40px;
    /* margin-top: 5px; */
    resize: none;
    font-size: var(--font-size-medium);
    padding: 10px 20px 10px 20px;
    scrollbar-width: none;

}

/* 
    todos los label de los detalles deben estar en bold 
    Ej: <label class="col-sm-2 form-control-static">Creado: </label> 
        <div> ....  </div>
*/
label.form-control-static{
    font-weight: bold;
}

.tipo-cliente-title {
    max-width: 75%;
}


.panel-body-form {
    background-color: var(--lime-white);
}


.glyphicon {
    top: 3px;
}

.title-with-check {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.custom-input-group .table th {
    font-family: var(--font-secondary);
    font-size: var(--font-size-medium);
}

.custom-input-group .bEnviar {
    float: none;
    align-self: flex-end;
}

.custom-input-group:has(.bEnviar) {
    display: flex;
    flex-direction: column;
}

.table.custom-table-remitos,
table.custom-table-articulos {
    min-width: 800px;
}


table>tbody>tr>td.td__all-icons-center,
table>tfoot>tr>td.td__all-icons-center{
    vertical-align: middle;
    text-align: center;
}

table>thead>tr>th,
table>tbody>tr>td,
table>tfoot>tr>td{
    vertical-align: middle;
}

.custom-table-remitos th:nth-child(1),
.custom-table-remitos td:nth-child(1) {
    text-align: left;
    width: 10%;
}

.custom-table-remitos th:nth-child(2),
.custom-table-remitos td:nth-child(2) {
    text-align: left;
    width: 30%;
}

.custom-table-remitos th:nth-child(3),
.custom-table-remitos td:nth-child(3) {
    text-align: left;
    width: 40%;
}

.custom-table-remitos th:nth-child(4),
.custom-table-remitos td:nth-child(4) {
    text-align: right;
    width: 20%;
}

.custom-table-articulos input[type="text"],
.custom-table-articulos input[type="number"],
.custom-table-articulos select {
    /* height: 25px; */
    border: none;
    box-shadow: none;
    border-radius: 5px;
}

.custom-table-articulos td input[type="checkbox"] {
    vertical-align: middle;
    text-align: center;
}

.custom-table-articulos .form-control[disabled],
.custom-table-articulos .form-control[readonly] {
    background-color: transparent;
}

.custom-table-articulos th,
.custom-table-articulos td {
    text-align: left;
}

.custom-table-articulos .custom-total th,
.custom-table-articulos .custom-total td {
    border-top: 1px solid var(--gray-dark-enable);
    border-bottom: 1px solid var(--gray-dark-enable);
    background-color: var(--gray-light);
    font-weight: bold;
}

.custom-table-articulos th,
.custom-table-articulos td {
    padding: 8px 12px;
    box-sizing: border-box;
}



.checkbox-custom-big {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.checkbox-custom-big input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    width: 30px;
    height: 30px;
    margin: 0;
    z-index: 2;
    cursor: pointer;
}

/* Contenedor del label */
.checkbox-custom-big label {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    padding-right: 40px;
    height: 30px;
    min-width: 120px;
    justify-content: right;
}

/* Cuadro del checkbox (a la derecha del texto) */
.checkbox-custom-big label::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: 5px solid #ccc;
    border-radius: 100%;
    background: white;
    box-sizing: border-box;
    z-index: 1;
}

/* Círculo naranja si está checked */
.checkbox-custom-big input[type="checkbox"]:checked+label::before {
    content: "";
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-color: var(--primary-enable);
    border-radius: 50%;
    z-index: 2;
}

.desc-masivo {
    margin-right: 30px;
}

.desc-masivo select {
    height: 25px;
}

table>tbody>tr>td.td-coincidir-currentitem,
table>tfoot>tr>td.td-coincidir-currentitem {
    /* 10px de padding del TD + 10px "virtual" extra para que coincida 
     con el contenido (input/select) de las otras filas */
    padding-left: 20px !important;
}

.factura-action-group {
    display: flex;
    justify-content: right;
    gap: 20px;
    padding-right: 1rem;
}

/* .custom-table-articulos input, .custom-table-articulos select{
    height: 25px;
    border-radius: 5px;
    border:none;
    box-shadow: none;
    padding-left: 12px;
} */

/* 
lo quite el 17-11-2025 (jesus) revisar con Santi para que estaba que rompe
Pero por pedido de flor, los inputs number tienen que tener padding-right normal;
Si no las flechas quedan muy cerca del borde.
*/

/* .custom-table-articulos td input {
    padding-right: 0;
} */

.table-responsive {
    border: none;
    overflow: unset; /* boostrap lo tiene como auto, pero eso no permite que se vean los items que salen en las busquedas de la tabla. por eso, lo seteamos a unset */
}

#actualizarClaveApp input.form-control {
    padding: 0 20px 0 35px;
}

#facturaApp input.form-control,
#presupuestoApp input.form-control,
#notaCreditoApp input.form-control,
#notaDebitoApp input.form-control {
    padding-left: 12px;
}

/* Tabla articulos venta.ctp */
#facturaApp .custom-table-articulos .factura-codigo {
    width: 7.5% !important;
}

#facturaApp .custom-table-articulos .factura-descripcion {
    width: 28% !important;
}

#facturaApp .custom-table-articulos .factura-cantidad {
    width: 5% !important;
}

#facturaApp .custom-table-articulos .factura-preciounitario {
    width: 6% !important;
}

#facturaApp .custom-table-articulos .factura-desc {
    width: 6% !important;
}

#facturaApp .custom-table-articulos .factura-subtotal {
    width: 6% !important;
}

#facturaApp .custom-table-articulos .factura-diffiva {
    width: 6% !important;
}

#facturaApp .custom-table-articulos .factura-subtotaliva {
    width: 6% !important;
}

#facturaApp .custom-table-articulos .factura-accion {
    width: 2% !important;
}

/* Tabla articulos presupuesto.ctp */
#presupuestoApp .custom-table-articulos .factura-codigo {
    width: 7.5% !important;
}

#presupuestoApp .custom-table-articulos .factura-descripcion {
    width: 28% !important;
}

#presupuestoApp .custom-table-articulos .factura-cantidad {
    width: 5% !important;
}

#presupuestoApp .custom-table-articulos .factura-preciounitario {
    width: 6% !important;
}

#presupuestoApp .custom-table-articulos .factura-desc {
    width: 6% !important;
}

#presupuestoApp .custom-table-articulos .factura-subtotal {
    width: 6% !important;
}

#presupuestoApp .custom-table-articulos .factura-diffiva {
    width: 6% !important;
}

#presupuestoApp .custom-table-articulos .factura-subtotaliva {
    width: 10% !important;
}

#presupuestoApp .custom-table-articulos .factura-accion {
    width: 2% !important;
}

/* Tabla articulos notacredito.ctp   */
#notaCreditoApp .custom-table-articulos .factura-accion {
    width: 2% !important;
}

#notaCreditoApp .custom-table-articulos .factura-accion-item {
    width: 2% !important;
}

#notaCreditoApp .custom-table-articulos .factura-codigo {
    width: 7.5% !important;
}

#notaCreditoApp .custom-table-articulos .factura-descripcion {
    width: 28% !important;
}

#notaCreditoApp .custom-table-articulos .factura-cantidad {
    width: 5% !important;
}

#notaCreditoApp .custom-table-articulos .factura-preciounitario {
    width: 10% !important;
}

#notaCreditoApp .custom-table-articulos .factura-desc {
    width: 6% !important;
}

#notaCreditoApp .custom-table-articulos .factura-subtotal {
    width: 6% !important;
}


/* Tabla articulos ingreso_dinero.ctp */
#ingresoCajaApp .custom-table-articulos input,
#ingresoCajaApp .custom-table-articulos select {
    height: 40px;
}

#ingresoCajaApp .custom-table-articulos th:first-child {
    width: 17%;
}

#ingresoCajaApp .custom-table-articulos th:nth-child(2) {
    width: 63%;
}

#ingresoCajaApp .custom-table-articulos th:nth-child(3) {
    width: 11%;
}


/* Tabla articulos egreso_dinero.ctp */
#egresoCajaApp .custom-table-articulos input,
#egresoCajaApp .custom-table-articulos select {
    height: 40px;
}

#egresoCajaApp .custom-table-articulos th:first-child {
    width: 17%;
}

#egresoCajaApp .custom-table-articulos th:nth-child(2) {
    width: 63%;
}

#egresoCajaApp .custom-table-articulos th:nth-child(3) {
    width: 11%;
}

#reciboApp .custom-table-articulos input,
#reciboApp .custom-table-articulos select {
    height: 40px;
}

/* Tabla articulos remito.ctp */
#remitoApp .custom-table-articulos th:nth-child(1) {
    width: 3%;
    text-align: left;
}

#remitoApp .custom-table-articulos th:nth-child(2) {
    width: 20%;
    text-align: left;
}

#remitoApp .custom-table-articulos th:nth-child(3) {
    width: 30%;
    text-align: left;
}

#remitoApp .custom-table-articulos th:nth-child(4) {
    width: 20%;
    text-align: left;
}

#remitoApp .custom-table-articulos th:nth-child(5) {
    width: 20%;
    text-align: left;
}


/* Tabla articulos exhibidos.ctp */
#movimientoApp .custom-table-articulos th:nth-child(1) {
    width: 20%;
    text-align: left;
}

#movimientoApp .custom-table-articulos th:nth-child(2) {
    width: 30%;
    text-align: left;
}

#movimientoApp .custom-table-articulos th:nth-child(3) {
    width: 5%;
    text-align: left;
}

#movimientoApp .custom-table-articulos th:nth-child(4) {
    width: 5%;
    text-align: left;
}

#movimientoApp .custom-table-articulos th:nth-child(5) {
    width: 20%;
    text-align: left;
}

#movimientoApp .custom-table-articulos th:nth-child(6) {
    width: 20%;
    text-align: left;
}

#cajaApp .table,
#cajaApp .table-responsive table,
#cajaApp .uib-timepicker {
    table-layout: fixed !important;
    min-width: 0 !important;
}

#cajaApp .uib-timepicker td,
#cajaApp .uib-separator {
    padding: 0;
}

.uib-timepicker input {
    padding: 0;
}

#cajaApp .btn.bEnviar {
    width: var(--button-width) !important;
    margin: 0;
}

#ingresoCajaApp .btn.bEnviar,
#egresoCajaApp .btn.bEnviar {
    width: var(--button-width) !important;
    margin: 0;
}

#ingresoCajaApp .table,
#egresoCajaApp .table,
#ingresoCajaApp .table-responsive table,
#egresoCajaApp .table-responsive table {
    table-layout: fixed !important;
    min-width: 0 !important;
}

#ingresoCajaApp .fa-trash-can {
    cursor: pointer;
}

.form-submit-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
    padding-right: 15px;
}

.form-submit-container button,
.form-submit-container input {
    width: 150px;
}

#buscarClienteAfip .table,
#buscarClienteAfip .table-responsive table {
    table-layout: fixed !important;
    min-width: 0 !important;
}

#buscarClienteAfip th {
    font-weight: 500 !important;
}

.input-group-btn button.btn.btn-default {
    position: absolute;
    top: 0;
    width: 40px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: transparent;
    font-size: 0;
    right: 50%;
    border: 0;
    box-shadow: none;
}

.form-group-error {
    color: var(--error);
    font-size: var(--font-size-x-small);
    font-weight: unset;
    margin-left: 0 !important;
}

.input-group {
    display: inline;
}

input.thin-input {
    height: 20px !important;
    width: 90px !important;
}

input[uib-datepicker-popup].thin-input {
    background-size: 0px !important;
    padding-left: 5px !important;
    padding-right: 0px !important;
}

.thin-div input {
    height: 20px !important;
    width: 40px !important;
}

.uib-timepicker tr {
    background-color: transparent !important;
}

.table {
    min-width: 0 !important;
    
}

.table-fixed{
    table-layout: fixed !important;
    box-sizing: border-box;
}

/* Tabla con inputs pequeños (ponerle clase table y rows_small_height) */
.table.rows_small_height tr , .table.rows_small_height tr input {
    height: 25px;
}

.custom-input-group .table-striped {
    margin-bottom: 0;
}

.msg-error {
    color: var(--error) !important;
}

.msg-info {
    color: var(--ok) !important;
}

#ofertasApp input[type="checkbox"] {
    transform: scale(0.8) !important;
}

/* Creando Clases de Boostrap que faltan porque la version de bootstrap de popey no las tiene */
.m-0 {
    margin: 0;
}

.mb-4 {
    margin-bottom: 1.5rem;
}

.mr-4 {
    margin-right: 1.5rem;
}

.p-0 {
    padding: 0;
}

.pl-3 {
    padding-left: 1rem;
}

.w-50 {
    width: 50%;
}

.w-100 {
    width: 100%;
}

.border-0{
    border: none !important;
}

.d-flex{
    display: flex !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}


.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.custom-new-form form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.custom-new-form form .form-group {
    margin-right: 0;
    margin-left: 0;
}

.custom-new-form form .control-label {
    padding: 0;
    font-size: unset;
    margin-bottom: 5px;
}

.custom-new-form .form-submit-container {
    margin-top: 25px;
    grid-column: 2;
    padding-right: 0px;
    grid-column: 1 / -1;
}

.custom-new-form .form-group {
    margin-bottom: 0px;
    margin-top: 24px;
}

[form-component] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

[form-component]>label {
    order: 1;
    /* ahora aparece después del span */
}

[form-component]>span[required-mark] {
    order: 2;
    /* aparece antes del label */
    margin-left: 3px;
}

[form-component]>input {
    order: 3;
    /* aparece después del label */
}

[form-component]>select {
    order: 3;
    /* aparece después del label */
}

[form-component]>textarea {
    order: 3;
    /* aparece después del label */
}

/* .custom-new-form .form-group div{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
} */

/* .botones-cfg-external{
    display: grid;
}
.botones-cfg-external :first-child{
    order: 2;
}
.botones-cfg-external :nth-child(2){
    order: 1;
}
input.ng-invalid.ng-touched{
    background-color: #FFFFFF !important;
} */
.panel-primary {
    border: none;
}

.panel-primary>.panel-heading {
    background-color: var(--primary-disable);
    border: none;

}

.dinero {
    text-align: end !important;
    text-align: right !important;
}
.text-center{
    text-align: center !important;
}
.text-end{
    text-align: end !important;
}
.text-start{
    text-align: start !important;
}

.custom-table-articulos .dinero {
    text-align: right !important;
}

.inputs_doble_autenticacion input {
    padding: 0;
}

/* Clase para el boton de crear nuevo usuario en los inputs de formularios */
.nuevo-usuario {
    cursor: pointer;
    text-align: center;
    /* float: left; */
    margin-top: 8px;
    display: flex;
    align-items: start;
}

/*  ======================
    Iconos de Columna Estados   
    ======================
*/

.td_estados {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: flex-end;
    height: 21px;
}

.td_estados i {
    font-size: 15px;
}

.td_estados .disabled , .iconos-estado.disabled{
    color: var(--gray-dark-disable);
}



.fa-plus,
.fa-trash-can {
    cursor: pointer;
}

.custom-table-articulos th.valor-monetario,
.custom-table-articulos td.valor-monetario {
    text-align: right;
}

.custom-table-articulos th.valor-porcentual,
.custom-table-articulos td.valor-porcentual {
    text-align:center;
}

.visibility_hidden{
    visibility: hidden;
    /* text-align: center; */ /* clase utilitaria, solo deberia tener 1 propiedad , para text-align center usar: .text-center */
}

.icon-container .ng-scope .ng-scope i.disabled {
    color: var(--gray-dark-disable);
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.anchor_icono{
    color: var(--lime-white);
}
.anchor_icono:hover , .anchor_icono:focus, .anchor_icono:active{
    color: var(--gray-dark-disable);
}    


.movdeposito-accion {
	vertical-align: middle !important; 
	text-align: center !important;
}


/*Clases td */
.td-codigo{
    width: 200px;
}
.td-descripcion{
    width: 300px;
}
.td-cantidad, .custom-table-articulos th.td-cantidad, .custom-table-articulos td.td-cantidad {
    width: 100px;
    text-align: center;
}
.td-accion{
    width: 50px;
}
.td-precio{
    width: 100px;
}
.td-estado{
    width: 100px;
}

div.descuento-masivo{
		display:flex; 
		align-items: center; 
		gap:5px
	}
input.check-descuento-masivo{
    width:15px; 
    height:15px; 
    min-width: 15px;
}


/* padding para que se alineen los Detalles con los "tables detalles" 
los detalles deben tener col-sm-algo para que funcionen con este padding.
*/
.color_detalles .form-group{
    padding-left: 8px;
}

/* .color_detalles .form-group:first-child{
    padding-top:15px;
}

.color_detalles .form-group:last-child{
    padding-bottom:15px;
} */
    


/* Sidebar */

    .sidebarContainer {
        position:relative;
        overflow-x:hidden;
    }

	.showOverlay{
		display:block;
	}

	.sidebarOverlay{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		background-color: rgba(0, 0, 0, 0.5);

        /* oculto por defecto */
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease-in-out;
	}

    .showOverlay{
        opacity: 1;
        pointer-events: auto;
    }

    :root{
        --sidebar-padding: 24px;
    }

    .sidebar-wrapper {
		border-left: 3px solid var(--primary-enable);
		width: 440px;
        height:100%;
		/* padding: var(--sidebar-padding) 0; */
		background-color: var(--gray-light);
		transform: translate(100%);
		transition: transform 0.3s ease-in-out;
		position: absolute;
		top:0;
		right:0;
		box-sizing: border-box; 
        color: var(--gray-dark-enable);

        overflow: hidden;
        display: grid;
        grid-template-rows: auto 1fr auto;
    }

    

    .showSidebar {
        transform: translate(0);
    }
    
    .sidebar-header {
        display:flex;
        justify-content: space-between;
        align-items: start;
        border-bottom: 2px solid var(--gray-dark-disable);
        padding: var(--sidebar-padding) var(--sidebar-padding) 15px;

        flex-shrink: 0;
        background-color: var(--gray-light);
    }


    .sidebar__close-icon{
        font-size: 20px;
        cursor:pointer;
    }

    .contenido-transcluido div[ng-transclude]{
        display:flex;
        flex:1;
    }
    
    .contenido-transcluido {
        padding: 24px var(--sidebar-padding) var(--sidebar-padding);
        display:flex;
        min-height: 0;
        overflow: auto;
    }

    .contenido-transcluido:has(.spinner-icon){
        height:100%;
    }

    sidebar-content{
        width:100%;
    }

    sidebar-content:has(.spinner-icon){
        display:flex;
        flex:1;
    }
    sidebar-footer{
        display: flex;
        justify-content: end;
        gap: 20px;
        padding: var(--sidebar-padding);
        border-top: 2px solid var(--gray-dark-disable);
    }

    sidebar-footer button.btn{
        width: 150px;
    }

    /* .sidebar__botones{
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        margin-top: 24px;
    } */
    /* .sidebar__botones button{
        padding: 5px 10px;
        width: fit-content;
    } */

    .sidebar__searcher{
        position: relative;
        display: inline-block;
        height: 40px;
        width: 100%;
    }
    .sidebar__searcher i{
    
    }


/* Sidebar */


.layout-app{
    display:grid ;
    min-height: 100dvh;
    grid-template-rows: auto 1fr auto;
}

.actionDetail{
    cursor: pointer;
    
}
.actionDetail:hover{
    color: var(--primary-enable);
    text-decoration: underline;
}
.actionDetail.text-danger{
    color: var(--text-danger);
}

.actionDetail.text-warning{
    color: var(--yellow-disable);
}
.actionDetail.text-success{
    color: var(--green-disable);
}

.row-highlight{
    background-color: var(--primary-disable) !important;
}


.spinner-icon {
    width: 70px; /* Tamaño del spinner */
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: girarSpinner 0.5s linear infinite; /* Animación continua */
}

@keyframes girarSpinner {
    0% {
        background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20--%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22520px%22%20height%3D%22520px%22%20viewBox%3D%220%200%20520%20520%22%20enable-background%3D%22new%200%200%20520%20520%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22Capa_1%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M290.538%2C401.787v79.43c98.859-13.605%2C177.095-91.842%2C190.687-190.701h-79.426C389.837%2C346.074%2C346.097%2C389.82%2C290.538%2C401.787z%22/%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M117.843%2C290.516H38.415c13.583%2C98.859%2C91.834%2C177.096%2C190.691%2C190.701v-79.43C173.547%2C389.82%2C129.81%2C346.074%2C117.843%2C290.516z%22/%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M38.415%2C229.086h79.433c11.967-55.548%2C55.699-99.286%2C111.258-111.253V38.416C130.249%2C52.009%2C52.008%2C130.227%2C38.415%2C229.086z%22/%3E%3C/g%3E%3Cg%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M401.795%2C229.098h79.43c-13.605-98.859-91.842-177.095-190.701-190.687v79.426C346.082%2C129.799%2C389.828%2C173.539%2C401.795%2C229.098z%22/%3E%3C/g%3E%3C/g%3E%3Cg%20id%3D%22Capa_1_copia%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23BC5F2C%22%20d%3D%22M290.538%2C4.64v113.199c55.559%2C11.961%2C99.299%2C55.699%2C111.25%2C111.248H515C501.021%2C111.702%2C407.917%2C18.619%2C290.538%2C4.64z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
    }
    25% {
        background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20--%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22520px%22%20height%3D%22520px%22%20viewBox%3D%220%200%20520%20520%22%20enable-background%3D%22new%200%200%20520%20520%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22Capa_1%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M290.538%2C401.787v79.43c98.859-13.605%2C177.095-91.842%2C190.687-190.701h-79.426C389.837%2C346.074%2C346.097%2C389.82%2C290.538%2C401.787z%22/%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M117.843%2C290.516H38.415c13.583%2C98.859%2C91.834%2C177.096%2C190.691%2C190.701v-79.43C173.547%2C389.82%2C129.81%2C346.074%2C117.843%2C290.516z%22/%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M38.415%2C229.086h79.433c11.967-55.548%2C55.699-99.286%2C111.258-111.253V38.416C130.249%2C52.009%2C52.008%2C130.227%2C38.415%2C229.086z%22/%3E%3C/g%3E%3Cg%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M401.795%2C229.098h79.43c-13.605-98.859-91.842-177.095-190.701-190.687v79.426C346.082%2C129.799%2C389.828%2C173.539%2C401.795%2C229.098z%22/%3E%3C/g%3E%3C/g%3E%3Cg%20id%3D%22_x32_%22%3E%3Cpath%20fill%3D%22%23BC5F2C%22%20d%3D%22M514.264%2C290.539H401.064c-11.961%2C55.559-55.699%2C99.299-111.248%2C111.25V515C407.201%2C501.021%2C500.283%2C407.918%2C514.264%2C290.539z%22/%3E%3C/g%3E%3C/svg%3E');
    }
    50% {
        background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20--%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22520px%22%20height%3D%22520px%22%20viewBox%3D%220%200%20520%20520%22%20enable-background%3D%22new%200%200%20520%20520%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22Capa_1%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M290.538%2C401.787v79.43c98.859-13.605%2C177.095-91.842%2C190.687-190.701h-79.426C389.837%2C346.074%2C346.097%2C389.82%2C290.538%2C401.787z%22/%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M117.843%2C290.516H38.415c13.583%2C98.859%2C91.834%2C177.096%2C190.691%2C190.701v-79.43C173.547%2C389.82%2C129.81%2C346.074%2C117.843%2C290.516z%22/%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M38.415%2C229.086h79.433c11.967-55.548%2C55.699-99.286%2C111.258-111.253V38.416C130.249%2C52.009%2C52.008%2C130.227%2C38.415%2C229.086z%22/%3E%3C/g%3E%3Cg%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M401.795%2C229.098h79.43c-13.605-98.859-91.842-177.095-190.701-190.687v79.426C346.082%2C129.799%2C389.828%2C173.539%2C401.795%2C229.098z%22/%3E%3C/g%3E%3C/g%3E%3Cg%20id%3D%22_x33_%22%3E%3Cpath%20fill%3D%22%23BC5F2C%22%20d%3D%22M228.363%2C514.992V401.793c-55.559-11.961-99.299-55.699-111.25-111.246H3.901C17.881%2C407.93%2C110.984%2C501.014%2C228.363%2C514.992z%22/%3E%3C/g%3E%3C/svg%3E');
    }
    75% {
        background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20--%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22520px%22%20height%3D%22520px%22%20viewBox%3D%220%200%20520%20520%22%20enable-background%3D%22new%200%200%20520%20520%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22Capa_1%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M290.538%2C401.787v79.43c98.859-13.605%2C177.095-91.842%2C190.687-190.701h-79.426C389.837%2C346.074%2C346.097%2C389.82%2C290.538%2C401.787z%22/%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M117.843%2C290.516H38.415c13.583%2C98.859%2C91.834%2C177.096%2C190.691%2C190.701v-79.43C173.547%2C389.82%2C129.81%2C346.074%2C117.843%2C290.516z%22/%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M38.415%2C229.086h79.433c11.967-55.548%2C55.699-99.286%2C111.258-111.253V38.416C130.249%2C52.009%2C52.008%2C130.227%2C38.415%2C229.086z%22/%3E%3C/g%3E%3Cg%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M401.795%2C229.098h79.43c-13.605-98.859-91.842-177.095-190.701-190.687v79.426C346.082%2C129.799%2C389.828%2C173.539%2C401.795%2C229.098z%22/%3E%3C/g%3E%3C/g%3E%3Cg%20id%3D%22_x34_%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23BC5F2C%22%20d%3D%22M3.906%2C229.392h113.199c11.961-55.559%2C55.699-99.299%2C111.246-111.25V4.93C110.969%2C18.909%2C17.885%2C112.013%2C3.906%2C229.392z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
    }
    100% {
        background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20--%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22520px%22%20height%3D%22520px%22%20viewBox%3D%220%200%20520%20520%22%20enable-background%3D%22new%200%200%20520%20520%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22Capa_1%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M290.538%2C401.787v79.43c98.859-13.605%2C177.095-91.842%2C190.687-190.701h-79.426C389.837%2C346.074%2C346.097%2C389.82%2C290.538%2C401.787z%22/%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M117.843%2C290.516H38.415c13.583%2C98.859%2C91.834%2C177.096%2C190.691%2C190.701v-79.43C173.547%2C389.82%2C129.81%2C346.074%2C117.843%2C290.516z%22/%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M38.415%2C229.086h79.433c11.967-55.548%2C55.699-99.286%2C111.258-111.253V38.416C130.249%2C52.009%2C52.008%2C130.227%2C38.415%2C229.086z%22/%3E%3C/g%3E%3Cg%3E%3Cpath%20fill%3D%22%23A4A2A2%22%20d%3D%22M401.795%2C229.098h79.43c-13.605-98.859-91.842-177.095-190.701-190.687v79.426C346.082%2C129.799%2C389.828%2C173.539%2C401.795%2C229.098z%22/%3E%3C/g%3E%3C/g%3E%3Cg%20id%3D%22Capa_1_copia%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23BC5F2C%22%20d%3D%22M290.538%2C4.64v113.199c55.559%2C11.961%2C99.299%2C55.699%2C111.25%2C111.248H515C501.021%2C111.702%2C407.917%2C18.619%2C290.538%2C4.64z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
    }
}

.alert-info{
    background-color: var(--gray-light-disable);
    color: var(--primary-disable);
    border-color: var(--primary-disable);
}

.cursor-disabled{
    cursor: not-allowed;
}
    
.sort-icons {
    display: inline-flex;
    flex-direction: column;
    line-height: 8px;    
    vertical-align: middle;
    margin-left: 5px;
}

.sort-icons i {
    color: #d1d1d1; 
    cursor: pointer;
    font-size: 10px;
}

.sort-icons i.active {
    color: #333333; 
    font-weight: bold;
}

ul.nav.nav-tabs{
    display: flex;
    flex-flow: wrap;
}