/******************************************** DIMENSION TEI ********************************************/
:root {
    --color-tei-main: #0D1C3F;
    --color-tei-true-blue: #0064C0;
    --color-tei-persian-blue: #212C8E;
    --color-tei-sky-blue: #42C2FF;
    --color-tei-sky-blue-text: #007DB9;
    --color-tei-sky-blue-background: #CCE0F2;
    --color-tei-yellow: #F8CF5C;
    --color-tei-yellow-text: #987000;
    --color-tei-yellow-background: #FEFAEF;
    --color-tei-tangerine: #CD4230;
    --color-tei-tangerine-text: #CD4230;
    --color-tei-tangerine-background: #FDEFEE;
    --color-tei-success: #01994B;
    --color-tei-success-text: #004D25;
    --color-tei-success-background: #E5F0EA;
    --color-tei-attention: #EC7100;
    --color-tei-attention-text: #7B3C01;
    --color-tei-attention-background: #FDF1E5;
    --color-tei-warning: #D12323;
    --color-tei-warning-text: #991A1A;
    --color-tei-warning-background: #FAE9E9;
    --fuente-tei: 'Nunito', sans-serif ;
    --color-icono-bg-hover: rgba(0, 100, 192,0.1);
    --color-icono-disabled:  #CCE0F2;
    --color-icono-alt-disabled: #000000;
    --color-icono-negativo-disabled: #000000;
    --color-icono-active: rgba(0, 100, 192, 0.2);
    --color-icono-active-negativo: rgba(255,255,255, 0.2);
    --color-body-small: #868D9F;
    --background-color-disabled: #CCE0F2;
    --transition-02: linear 0.2s;

    --border-radius-lg: .5rem;
    --border-radius-12: 12px;

    --box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
input[type="date"] {
    appearance: auto !important;
    -webkit-appearance: none;
    -moz-appearance: none;

}
/* General */
/* --------------------------------------------------------------------- */
.resize-none {
    resize: none;
}
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --bs-gutter-x: 2rem;
}
.section{
    margin: 40px 0;
}
[readonly][readonly]:not(.flatpickr-date):not(.flatpickr-time):not(.flatpickr-datetime),
input.form-control-tei:disabled,
textarea.form-control-tei:disabled,
select.form-control-tei:disabled,
.lineaDocumento input:disabled,
.lineaDocumento textarea:disabled,
.lineaDocumento select:disabled{
    background-color: rgba(243, 244, 245, 1);
    border-color: rgba(207, 210, 217, 1);
    color: rgba(134, 141, 159, 1);
    opacity: .4;
    pointer-events: initial;
}

.visible-disabled[readonly],
input.visible-disabled.form-control-tei:disabled,
textarea.visible-disabled.form-control-tei:disabled,
select.visible-disabled.form-control-tei:disabled,
.lineaDocumento input.visible-disabled:disabled,
.lineaDocumento textarea.visible-disabled:disabled,
.lineaDocumento select.visible-disabled:disabled{
    opacity: 1;
    background-color: #f8fafc;
}
/* Background */
/* --------------------------------------------------------------------- */
.hover\:bg-tei-secondary:hover{
    background-color: var(--color-tei-secondary);
}
.bg-red-600{
    background-color: #dc2626;
}
.bg-slate-600{
    background-color: #475569;
}

/* Color */
/* --------------------------------------------------------------------- */
.text-blue-400 {
    color: #60a5fa;
}
.group:hover .group-hover\:text-blue-500 {
    --tw-text-opacity: 1;
    color: #3b82f6;
}

/* Padding */
/* --------------------------------------------------------------------- */
.pb-0{
    padding-bottom: 0;
}
.pb-4{
    padding-bottom: 1rem !important;
}
.pt-3 {
    padding-top: 0.75rem !important;
}
.pt-4{
    padding-top: 1rem !important;
}
.pt-5{
    padding-top: 1.25rem !important;
}

.py-4{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-5{
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}
.px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.px-5{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}
.p-4{
    padding: 1rem !important;
}
.p-5{
    padding: 1.25rem !important;
}
@media only screen and (min-width: 640px){
    .sm\:py-6{
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .sm\:px-6{
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

}
/* Gap */
/* --------------------------------------------------------------------- */
.gap-4{
    gap: 1rem !important;
}
/* Border-radius */
/* --------------------------------------------------------------------- */
.rounded-none{
    border-radius: 0;
}
.rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}
.rounded-r-none{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
/* Ring */
/* --------------------------------------------------------------------- */
.focus\:ring-secondary:focus {
    --tw-ring-color: var(--color-tei-secondary)
}
/* List */
/* --------------------------------------------------------------------- */
.list-padding li:first-child:not(:last-child){
    padding-bottom: 1.25rem;
}
.list-padding li:last-child:not(:first-child){
    padding-top: 1.25rem;
}
.list-padding li:not(:first-child):not(:last-child){
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
/* Form control */
/* --------------------------------------------------------------------- */
select{
    text-indent: 0;
}
.input-icon .form-control-tei{
    padding-left: 40px;
}
.form-control-tei-secondary{
    margin-top: 6px;
    padding: 10px 14px;
    border-color: rgb(203 213 225 / 1);
    width: 100%;
    border-radius: 8px;
}
.input-text .form-control-tei{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* Tag */
/* --------------------------------------------------------------------- */
.tag-tei-secondary{
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 9999px;
    display: inline-block;
}
/* Display */
/* --------------------------------------------------------------------- */
.block-i{
    display: block !important;
}
/* Button */
/* --------------------------------------------------------------------- */
.button-tei.button-xs{
    padding: 4px 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
}
.button-tei.button-xs > .icon{
    margin-right: 5px;
}
@media only screen and (min-width: 640px) {
    .button-tei.sm\:button-xs{
        padding: 4px 8px;
        font-size: 12px;
        line-height: 18px;
        font-weight: 700;
    }
}
/* Height */
/* --------------------------------------------------------------------- */
.min-h-8{
    min-height: 2rem;
}
.min-h-10{
    min-height: 2.5rem;
}
.min-h-300{
    min-height: 300px;
}
.max-h-400{
    max-height: 400px;
}
.max-h-600{
    max-height: 600px;
}
.min-h-1100{
    min-height: 1100px;
}
.min-h-screen-header{
    min-height: calc(100vh - 60px);
}

/* Width */
/* --------------------------------------------------------------------- */
.min-w-8{
    min-width: 2rem;
}
.min-w-10{
    min-width: 2.5rem;
}
.min-w-48{
    width: 12rem;
}
.min-w-72 {
    min-width: 18rem;
}
.w-100-px{
    width: 100px;
}
/* Form */
/* --------------------------------------------------------------------- */
form.readonly .label-tei{
    margin-bottom: 0;
}
form.readonly input,
form.readonly select,
form.readonly textarea{
    transition: none;
    border-color: transparent;
    pointer-events: none;
    padding: 0;
}
form.readonly .selectize-control{
    transition: none;
    border-color: transparent;
    pointer-events: none;
    padding: 0;
    box-shadow: none;
}
form.readonly .selectize-control .selectize-input{
    box-shadow: none !important;
    padding: 0 !important;
}
form.readonly .selectize-input{
    box-shadow: none;
}
form.readonly .input-text .text{
    display: none;
}
form.readonly input:disabled,
form.readonly select:disabled,
form.readonly textarea:disabled{
    border-color: transparent;
    background-color: transparent !important;
    color: rgba(13, 28, 63, 1);
    opacity: 1;
    box-shadow: none;
}
form.readonly input[type="date"]{
    width: 105%;
}
form.readonly span.error{
    display: none;
}
/* Border */
/* --------------------------------------------------------------------- */
.border-tei-secondary{
    border-color: var(--color-tei-secondary) !important;
}
/* Opacity */
/* --------------------------------------------------------------------- */
.opacity-tei-0{
    opacity: 0;
}
/* Position */
/* --------------------------------------------------------------------- */
@media only screen and (max-height: 700px){
    .absolute-min-700{
        position: static;
    }
}
/* Margin */
/* --------------------------------------------------------------------- */
.mb-4{
    margin-bottom: 1rem !important;
}
@media (min-width: 640px) {
    .sm\:mt-0 {
        margin-top: 0 !important;
    }
}
.min-w-30-per{
    width: 30%;
}
.px-2_75{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
span.required{
    color: var(--color-danger);
    line-height: normal;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--color-tei-main);
}
.separador{
    display: block;
    width: 100%;
    height: 30px;
}
.btn-primario{
    padding: 8px 20px;
    background-color: var(--color-tei-true-blue);
    color: #FFFFFF;
    font-weight: 700;
    line-height: 26px;
    border-radius: 24px;
    border: solid 1px var(--color-tei-true-blue);
    font-size: 14px;
    transition: var(--transition-02);
    cursor: pointer;
}
.btn-primario:hover{
    color: #FFFFFF;
    background-color: var(--color-tei-persian-blue);
}
.btn-primario:active{
    background-color: var(--color-tei-main);
}
.btn-primario:disabled{
    background-color: var(--color-icono-disabled);
}
.btn-secundario{
    padding: 8px 20px;
    background-color: white;
    color: #0064C0;
    font-weight: 700;
    line-height: 26px;
    border-radius: 24px;
    border: solid 1px var(--color-tei-true-blue);
    font-size: 14px;
    transition: var(--transition-02);
    cursor: pointer;
}
.btn-secundario:hover{
    /*color: #FFFFFF;*/
    background-color: #E5EFF9;
}
.text-info{
    color: var(--color-info) !important;
}
.hidden:not(.sm\:flex):not(.md\:flex):not(.sm\:block):not(.sm\:inline-block):not(.sm\:inline-flex):not(.lg\:flex){
    display: none !important;
}
.card-tei{
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    background-color: white;
    border-radius: 1rem;
}
.card-tei[data-design="1"] .card-tei-header, .card-tei[data-design="1"] .card-tei-footer,
.card-tei .card-tei-header{
    padding: 1.25rem 1.25rem 0 1.25rem;
}
.card-tei:not([data-design="2"]) .card-tei-body{
    padding: 1.25rem;
}
.card-tei .card-tei-footer{
    padding: .75rem 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    border-radius: 0 0 1rem 1rem;
}
@media only screen and (max-width: 640px) {
    .card-tei.card-responsive {
        border-radius: 0;
    }
}
.gap-3 {
    gap: 0.75rem !important;
}
.mt-12px{
    margin-top: 12px;
}
.mt-4{
    margin-top: 16px !important;
}
.disabled,
:disabled{
    opacity: .4;
    pointer-events: none;
}
.disabled.disabled-highlight,
.disabled-highlight:disabled{
    opacity: 1;
}
.text-ellipsis-effect{
    position: relative;
}
.text-ellipsis-effect::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(255,255,255,1));
}
.placeholder {
    display: inline-block;
    min-height: auto;
    vertical-align: inherit;
    cursor: inherit;
    background-color: inherit;
    opacity: 1;
}
.focus\:shadow-none:focus{
    box-shadow: none;
}
.border-tei-1{
    border-width: 1px;
    border-style: solid;
}

@media (min-width: 768px){
    .md\:p-0 {
        padding: 0 !important;
    }
    .md\:mb-0 {
        margin-bottom: 0 !important;
    }
}
.gradient-bottom{
    position: relative;
}
.gradient-bottom::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.btn-group > button:first-child{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > button:last-child{
    min-width: 50px;
    border: 2px solid rgba(255,255,255,.1);
    border-left: 0;
    border-radius: 0 24px 24px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s all;
}
/******************************************** DIMENSION TEI ********************************************/
/*input[type="number"]:disabled::-webkit-outer-spin-button,*/
/*input[type="number"]:disabled::-webkit-inner-spin-button {*/
/*    -webkit-appearance: none;*/
/*    margin: 0;*/
/*}*/
input[type="number"]:disabled {
    -moz-appearance: textfield;
}
/*input[type="date"]::-webkit-inner-spin-button,*/
/*input[type="date"]::-webkit-calendar-picker-indicator {*/
/*    display: none;*/
/*    -webkit-appearance: none;*/
/*}*/
[type="checkbox"]{
    border-radius: 4px;
}
body.menuActivo{
    overflow: hidden;
}
.texto-sin-formato *{
    margin-bottom: 0;
}
.text-overflow-line-1{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
i.lar,
i.las{
    font-size: 22px;
}
.min-height-500{
    min-height: 500px;
}
.min-w-8{
    min-width: 2rem;
}
.box-shadow-none{
    box-shadow: none !important;
}
.form-switch .form-check-input{
    height: 1.25em;
    cursor: pointer;
    border-radius: 2em;
    margin-top: 2px;
}
.form-switch.right{
    padding-left: 0;
    padding-right: 2.5em;
}
.form-switch.right .form-check-input{
    float: right;
    margin-left: 0;
    margin-right: -2.5em;
}
.form-check-input:focus {
    border-color: #9ac8ee;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(52, 144, 220, 0.25);
}
.form-check-informativo{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-check-informativo .informacion .titulo{
    font-weight: bold;
    font-size: 18px;
}
.form-check-informativo .informacion p{
    margin-bottom: 0;
}
.form-check-informativo .check button{
    padding: 7.5px 20px;
    font-size: 16px;
    border-radius: var(--border-radius-24);
    background-color: transparent;
    border: 1px solid transparent;
    transition: var(--transition-estandar);

}
.form-check-informativo .check button.desactivado{
    background-color: var(--color-danger);
    border-color: var(--color-danger);
    color: white !important;
    opacity: 1;
    pointer-events: initial;
}
.form-check-informativo .check button.activo{
    background-color: var(--color-success);
    border-color: var(--color-success);
    color: white;
}
.formularioInformativo label{
    font-size: 14px;
    font-weight: bold;
    color: var(--color-tei-oscuro);
}
.formularioInformativo .subTitulo{
    color: var(--color-muted);
    font-weight: normal;
    margin-bottom: 0;
    display: block;
}
.formularioInformativo .form-group{
    margin: 10px 0;
}
.formularioInformativo > .row > .form-group:first-of-type{
    margin-top: 0;
}
.formularioInformativo > .row > .form-group:last-of-type{
    margin-bottom: 0;
}
.formularioInformativo .form-switch .form-check-input{
    height: 1.25em;
    cursor: pointer;
}
.formularioInformativo .form-switch .form-check-input + label{
    cursor: pointer;
}

.cubo{
    padding: 20px;
    background-color: rgba(255,255,255,1);
    box-shadow: var(--box-shadow-estandar);
    transition: var(--transition-estandar);
    border-radius: var(--border-radius-4);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
}
.cubo.active{
    border-color: var(--color-tei-oscuro);
    background-color: rgba(250,250,250,1);
}
.cubo .cubo-body{
    text-align: center;
}
.cubo img,
.cubo svg{
    height: 50px;
    margin-bottom: 15px;
}
.cubo h6{
    font-size: 1.15rem;
    margin-bottom: 0;
}
.placeholderSinContenido{
    text-align: center;
    margin: 20px 0;
    opacity: .8;
}
.placeholderSinContenido .icono{
    font-size: 40px;
}
.placeholderSinContenido .titulo{
    font-size: 18px;
}

.placeholderSinContenidoSeccion{
    text-align: center;
    opacity: .8;
    display: inline-block;
    margin: 20px 0;
    box-shadow: none;
}
.placeholderSinContenidoSeccion .card-tei-body{
    padding: 2rem;
}
.placeholderSinContenidoSeccion .icono{
    font-size: 30px;
    width: 60px;
    height: 60px;
    background: #e5eff9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto auto 15px auto;
    color: var(--color-info);
}
.placeholderSinContenidoSeccion .titulo{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}
.placeholderSinContenidoSeccion .descripcion{
    font-size: 14px;
    color: var(--color-muted);
    margin-bottom: 0;
}
.placeholderSinContenidoSeccion button{
    margin-top: 15px;
}
.card{
    border-radius: var(--border-radius-24);
    box-shadow: var(--box-shadow-estandar);
    border: none;
}
.card .card-header{
    background-color: white;
    padding: 10px 1rem .5rem 1rem;
    border-radius: var(--border-radius-24) var(--border-radius-24) 0 0;
    border-bottom: 0;
    min-height: 45px;
    display: flex;
    align-items: center;
}
.card .card-body{
    padding: 1rem 1rem;
}
.card .card-header h5,
.card .card-header .titulo{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    color: var(--color-tei-oscuro);
}
.tituloSeccion{
    font-weight: bold;
    color: var(--color-tei-oscuro);
    font-size: 26px;
    margin-bottom: 15px;
}
.border-right-segundo{
    border-right: 1px solid var(--border-color-segundo);
}
.cuboImagen{
    min-height: 150px;
    padding: 10px;
    background-color: #fcfdfe;
    transition: var(--transition-estandar);
    margin-bottom: 0;
    font-size: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cuboImagen img{
    border-radius: var(--border-radius-4);
    cursor: pointer;
    max-height: 150px;
    min-height: 50px;
    object-fit: contain;
}
.cuboImagen .material-icons{
    font-size: 6rem;
    opacity: .7;
    display: block;
    text-align: center;
}

.formularioEstandar{
    background-color: white;
    border-radius: var(--border-radius-card);
}
.formularioEstandar .formularioTitulo{
    padding: 15px 15px 0 15px;
}
.formularioEstandar .formularioTitulo h6{
    font-weight: bold;
    margin-bottom: 0;
}
.formularioEstandar .formularioContenido{
    padding: 1rem;
}
.formularioEstandar .formularioContenido label{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #696969;
}
.formularioEstandar .formularioContenido .form-group{
    margin: 5px 0;
}
.formularioEstandar .formularioContenido select,
.formularioEstandar .formularioContenido textarea,
.formularioEstandar .formularioContenido input:not(.form-check-input){
    border-radius: var(--border-radius-4);
}
.formularioEstandar .formularioContenido select:focus,
.formularioEstandar .formularioContenido textarea:focus,
.formularioEstandar .formularioContenido input:not(.form-check-input):focus{
    box-shadow: none;
    border-color: #ced4da;
}
.formularioEstandar .formularioContenido ul.listaMenu{
    margin-bottom: 0;
}
.formularioEstandar .formularioContenido ul.listaMenu li{
    padding: 10px 0;
}
.formularioEstandar .formularioContenido ul.listaMenu li:first-of-type{
    padding-top: 0;
}
.formularioEstandar .formularioContenido ul.listaMenu li:last-of-type{
    padding-bottom: 0;
}
.formularioEstandar .formularioContenido ul.listaMenu li + li{
    border-top: 1px solid var(--border-color-segundo);
}
.formularioEstandar .formularioContenido ul.listaMenu li > div.wire > div:first-child,
.formularioEstandar .formularioContenido ul.listaMenu li > div:not(.wire):first-child{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.formularioEstandar .formularioContenido ul.listaMenu li > div .titulo{
    font-weight: bold;
}
.formularioEstandar .formularioContenido ul.listaMenu li > div p{
    padding: 0;
    font-weight: normal;
    max-width: 100%;
    margin-bottom: 0;
    color: var(--color-muted);
}
.form-group{
    position: relative;
}
.form-group + .form-group{
    margin-top: 5px;
}
.dropzone {
    min-height: 150px;
    padding: 10px;
    border: 2px dashed var(--border-color-segundo);
    background-color: #fcfdfe;
    transition: var(--transition-estandar);
    margin-bottom: 0;
    cursor: pointer;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message *{
    cursor: pointer;
}
.dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
}
.dz-message {
    color: #a5b3c7;
    font-size: 1rem;
}
.dz-message span::before {
    content: "backup";
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-size: 2rem;
    display: block;
    opacity: .5;
}
.dropzone.dz-started .dz-message{
    display: none;
}
.dropzone .dz-image{
    display: inline-block;
}
.dropzone .dz-image img{
    border-radius: var(--border-radius-4);
    transition: var(--transition-estandar);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    min-height: 100px;
    background: white;
}
.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}
.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0,0,0,0.9);
    line-height: 150%;
    transition: opacity var(--transition-estandar) linear;
}
.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255,255,255,0.9);
    transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}
.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
}
.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white;
}
.dropzone .dz-preview.dz-error .dz-error-message {
    display: block;
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-remove{
    text-align: center;
    display: block;
    font-size: 12px;
    margin-top: 10px;
    color: var(--color-danger);
    opacity: .6;
    transition: var(--transition-estandar);
}
.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px;
    background-color: rgba(255,255,255,.6);
    border-radius: var(--border-radius-4);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
    background-color: rgba(255,255,255,.6);
    border-radius: var(--border-radius-4);
}
.dropzone:hover .dz-remove{
    opacity: 1;
}
.dropzone .dz-preview:hover .dz-details {
    opacity: 1;
}
.dropzone .dz-preview:hover .dz-image img {
    transform: scale(1.05, 1.05);
    filter: blur(8px);
}
.dropzone.imagenUnica .dz-preview{
    margin: 15px auto 15px auto;
    max-width: 120px;
    display: block;
}
/* Card horizontal */
.cardHorizontal{
    margin: 5px 0;
}
.cardHorizontal > .card-body{
    padding: 1rem 10px;
}
.cardHorizontal > .card-body form > .row{
    margin: 10px 0;
}
.cardHorizontal > .card-body form > .row:first-of-type{
    margin-top: 0;
}
.cardHorizontal > .card-body form > .row:last-of-type{
    margin-bottom: 0;
}
/* Breadcrumb */
.breadcrumb{
    padding: 10px 0;
    margin-bottom: 0;
    background-color: #ffffff;
}
.trazabilidadDocumentos,
.breadcrumb .trazabilidadRutasLista{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.breadcrumb .trazabilidadRutasLista li{
    margin: 10px 15px;
    position: relative;
}
.trazabilidadDocumentos li{
    margin: 0 15px;
    position: relative;
}
.trazabilidadDocumentos li::after,
.breadcrumb .trazabilidadRutasLista li::after{
    content: "\f105";
    font-family: "Line Awesome Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    right: -23px;
    top: 50%;
    transform: translateY(-50%);
}
.trazabilidadDocumentos li:first-child,
.breadcrumb .trazabilidadRutasLista li:first-child{
    margin-left: 0;
}
.trazabilidadDocumentos li:last-child,
.breadcrumb .trazabilidadRutasLista li:last-child{
    margin-right: 0;
}
.trazabilidadDocumentos li:last-child::after,
.breadcrumb .trazabilidadRutasLista li:last-child::after{
    content: none;
}
.trazabilidadDocumentos a,
.breadcrumb .trazabilidadRutasLista a{
    color: var(--color-default);
    opacity: .8;
}

.trazabilidadDocumentos a.activo,
.breadcrumb .trazabilidadRutasLista a.activo{
    color: var(--color-tei-oscuro);
    opacity: 1;
}
/* Js Tree */
#jstree-trazabilidad .jstree-themeicon{
    font-family: 'Line Awesome Free';
    font-weight: 900;
    background-image: none;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 20px;
    color: var(--color-tei-tangerine);
}
#jstree-trazabilidad .jstree-themeicon::before{
    content: "\f15c";
}
#jstree-trazabilidad li:not([data-enlace]) a{
    opacity: .4;
    transition: .3s all;
}
#jstree-trazabilidad li:not([data-enlace]) a:hover{
    opacity: 1;
}

.section > .container-fluid > .row > div,
section.sectionTabla > .container-fluid > .row > div,
.breadcrumb + section:not(.sectionTabla) > .container-fluid{
    padding: 30px var(--bs-gutter-x, 0.75rem);
}
.breadcrumb + section.configuracion{
    border-top: 1px solid var(--border-color-segundo);
}
.breadcrumb + section.configuracion > .container-fluid{
    padding-top: 0;
    padding-bottom: 0;
}
.breadcrumb + section.configuracion > .container-fluid > .row > div{
    padding: 0;
}
.breadcrumb + section.configuracion > .container-fluid > .row > div > div{
    padding: 1rem;
}

.inputInvisible{
    font-size: 18px;
    border: none;
    padding: 0;
    color: var(--color-default);
}
.inputInvisible:focus{
    box-shadow: none;
    border-color: transparent;
    outline: none;
}
.text-right{
    text-align: right;
}
.boton-1.boton-danger{
    background-color: var(--color-danger);
    border-color: var(--color-danger);
}
.boton-1-xs{
    font-size: 12px;
    padding: 3px 7px;
}
.boton-1-xs .material-icons-outlined{
    font-size: 16px;
}
.boton-1.boton-transparente{
    background-color: transparent;
    border: 2px solid var(--color-tei);
    color: var(--color-tei);
}
.boton-1.boton-transparente:hover{
    background-color: var(--color-tei);;
    border: 2px solid var(--color-tei);
    color: white;
}
.boton-1.boton-icono-extra{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.boton-1.boton-icono-extra + button{
    background-color: transparent;
    border: 2px solid var(--color-tei);
    border-left: none;
    color: var(--color-tei);
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);
    padding: 6px 8px 6px 6px;
}
.boton-1.boton-icono-extra + button .icono{
    font-size: 16px;
}
.enlace{
    background: transparent;
    border: none;
    font-size: .75rem;
    color: var(--color-tei);
    padding: 0;
}
.enlace:hover{
    color: var(--color-tei);
}
.enlace .material-icons-outlined{
    font-size: 18px;
}
.cartaIcono{
    background-color: #fff;
    border-radius: 8px;
    padding: 30px 15px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    height: 100%;
    max-width: 400px;
    margin: 20px 0;
    transition: var(--transition-estandar);
}
.cartaIcono:hover{
    transform: translateY(-20px);
}
.cartaIcono .icono{
    margin: 0 auto 15px auto;
    width: 75px;
    height: 75px;
    background: var(--color-quinto);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.cartaIcono .icono > i{
    font-size: 40px;
    pointer-events: none;
    margin-bottom: 0;
}
.cartaIcono .titulo{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    color: var(--color-default);
}
.cartaIcono .cartaCuerpo{
    font-size: 14px;
    max-width: 300px;
    color: var(--color-default);
}
/* Header */
header .logo{
    max-width: 150px;
    display: block;
    margin-left: 15px;
    padding: 10px 0;
}
header .logo img{
    width: 100%;
    min-width: 150px;
    max-height: 50px;
    object-fit: contain;
}
header #navbarTop{
    background-color: var(--color-tei-main);
    padding: 0;
}
header #navbarTop > .container-fluid{
    padding: 0;
}
header #navbarTop #navbarSupportedContent{
    justify-content: flex-end;
}
header #navbarTop #navbarSupportedContent > ul > li > a{
    color: white;
    transition: var(--transition-estandar);
    padding: 10px 15px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
header #navbarTop #navbarSupportedContent > ul > li > a.sinTexto{
    padding: 15px;
}
header #navbarTop #navbarSupportedContent > ul > li > a.sinTexto .material-icons{
    font-size: 26px;
}
header #navbarTop #navbarSupportedContent > ul > li > a:visited,
header #navbarTop #navbarSupportedContent > ul > li > a:focus,
header #navbarTop #navbarSupportedContent > ul > li > a:hover{
    background-color: rgba(0,0,0,.05);
    color: white;

}
header #navbarTop .dropdown-toggle::after{
    content: none;
}
header #navbarTop .navbar-navegacion{
    margin-right: auto;
    margin-left: 15px;
}
header #navbarTop .navbar-navegacion > ul{
    list-style: none;
    display: flex;
    align-items: center;
}
header #navbarTop .navbar-navegacion > ul > li + li{
    margin-left: 10px;
}
header #navbarTop .navbar-navegacion > ul > li > a{
    color: white;
    font-weight: bold;
    border-radius: var(--border-radius-24);
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
header #navbarTop .navbar-navegacion > ul > li.active > a,
header #navbarTop .navbar-navegacion > ul > li > a.activo,
header #navbarTop .navbar-navegacion > ul > li:hover > a{
    background-color: rgba(255,255,255,.2);
}
header #navbarTop .dropdown-content.full{
    width: 100%;
    background-color: white;
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    left: 0;
}
header #navbarTop .dropdown-content.full a.nav-link{
    padding: 0;
}
header #navbarTop  .dropdown-content.full > li{
    padding: 25px;
}
header #navbarTop  .dropdown-content.full .dropdown-footer{
    background-color: #f9fafb;
    padding: 15px 25px;
}
header #navbarTop  .dropdown-content.full .dropdown-footer .titulo{
    font-weight: bold;
    color: var(--color-muted);
    margin-bottom: 15px;
}
header #navbarTop  .dropdown-content.full .dropdown-footer ul{
    display: flex;
    align-items: center;
}
header #navbarTop  .dropdown-content.full .dropdown-footer ul li + li{
    margin-left: 25px;
}
header #navbarTop .dropdown-content.full .dropdown-footer ul li a{
    display: flex;
    align-items: center;
    color: var(--color-tei-oscuro);
    font-weight: bold;
}
header #navbarTop .dropdown-content.full .dropdown-footer ul li a > span{
    margin-right: 5px;
}
header #navbarTop .dropdown-content.full .dropdown-footer ul li a > .icono{
    font-size: 22px;
    margin-right: 5px;
}
header #navbarTop .dropdown-content.full > li:not(.dropdown-footer) .icono{
    display: inline-block;
    color: white;
    padding: 10px;
    border-radius: var(--border-radius-4);
    margin-bottom: 15px;
    font-size: 24px;
}
header #navbarTop .dropdown-content.full > li:not(.dropdown-footer) .icono:not([class*="bg-"]){
    background: var(--color-tei);
}
header #navbarTop .dropdown-content.full .titulo{
    font-weight: bold;
    color: var(--color-tei-oscuro);
}
header #navbarTop .dropdown-content.full .descripcion{
    color: var(--color-muted);
}
header .dropdown-content{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    z-index: 9999999;
    padding: 0;
    list-style: none;
}
header a.nav-link + ul.dropdown-content:not(.full):hover,
header a.nav-link:hover + ul.dropdown-content:not(.full){
    display: block;
}
header a.nav-link + ul.dropdown-content:not(.full) > li > a{
    white-space: nowrap;
}
header .dropdown-content:not(.full) li{
    width: 100%;
}
header .imagenUsuario{
    background: white;
    border-radius: 50%;
    padding: 5px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
header #dropdownUsuario{
    margin-top: 0;
    margin-right: 15px;
    background-color: white;
    color: white;
    min-width: 300px;
    border-radius: var(--border-radius-24);
    overflow: hidden;
    border: 1px solid var(--border-color-segundo);
}
header #dropdownUsuario .dropdownHeader{
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--border-radius-4);
    font-size: 13px;
    border-bottom: 1px solid var(--border-color-segundo);
    border-radius: 0;
}
header #dropdownUsuario .dropdownHeader p,
header #dropdownUsuario .dropdownHeader span,
header #dropdownUsuario .dropdownHeader ul{
    margin-bottom: 0;
    color: var(--color-default);
}
header #dropdownUsuario .dropdownHeader a {
    background-color: var(--color-tei);
    color: white;
    border-radius: var(--border-radius-24);
    padding: 5px 10px;
}
header #dropdownUsuario .dropdownHeader .imagenUsuario{
    width: 50px;
    padding: 0;
}
header #dropdownUsuario .dropdownHeader .detallesUsuario{
    display: flex;
    align-items: center;
}
header #dropdownUsuario .dropdownHeader .detallesUsuario .nombre{
    font-size: 16px;
    font-weight: 600;
}
header #dropdownUsuario .dropdownContent > ul{
    padding: 0;
}
header #dropdownUsuario .dropdownContent > ul > li > a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 500;
    color: var(--color-default);
    transition: var(--transition-estandar);
}
header #dropdownUsuario .dropdownContent > ul > li > a:hover{
    background-color: var(--background-black-hover);
}
header #dropdownUsuario .dropdownContent > ul > li > a .icono{
    margin: 0 10px;
    font-size: 18px;
    color: var(--color-tei);
}
header #dropdownUsuario .dropdownContent > ul > li > a svg.icono{
    width: 18px;
    height: 18px;
}
header .imagenUsuario img{
    max-width: 100%;
}
/* Tablas */
.filtros{
    position: relative;
    min-height: calc(100vh - 60px);
    border-right: 1px solid var(--border-color-segundo);
    background-color: #edf1f5;
    flex: 0 0 12.5%;
    max-width: 12.5%;
    transition: var(--transition-estandar);
}

.filtros.activo:not(:hover){
    flex: 0 0 2.5%;
    max-width: 2.5%;
}
.filtros.activo:not(:hover) > div:not(.alternar){
    opacity: 0;
}
.filtros > div{
    overflow: hidden;
    transition: .4s all;
}
.filtros .alternar .icono{
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    width: 30px;
    height: 20px;
    border-radius: var(--border-radius-4);
    transition: var(--transition-estandar);
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: 20px;
    box-shadow: var(--box-shadow-estandar);
    border: 1px solid var(--border-color-segundo);
    font-size: 12px;
}
.filtros:not(.activo) .alternar .icono{
    opacity: 0;
    pointer-events: none;
}
.filtros:not(.activo):hover .alternar .icono{
    opacity: 1;
    pointer-events: initial;
}

.filtros.activo .alternar .icono[data-tipo='esconder'],
.filtros .alternar .icono[data-tipo='expandir']{
    display: none;
}
.filtros.activo .alternar .icono[data-tipo='expandir']{
    display: flex;
    opacity: 1;
}
.filtros h5{
    padding: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}
.filtros .filtrosPrincipales{
    margin-bottom: 5px;
}
.filtros .filtrosPrincipales li{
    margin: 5px 0;
    padding: 0 10px;
}
.filtros .filtrosPrincipales li:first-child{
    margin-top: 0;
}
.filtros .filtrosPrincipales li:last-child{
    margin-bottom: 0;
}
.filtros .filtrosPrincipales li a{
    display: block;
    padding: 10px;
    font-weight: 500;
    cursor: pointer;
    transition: var(--transition-estandar);
    border-radius: var(--border-radius-4);
    color: var(--color-default);
}
.filtros .filtrosPrincipales li a:hover,
.filtros .filtrosPrincipales li a.activo{
    background-color: var(--background-black-hover);
    color: var(--color-tei-oscuro);
}
.filtros .anadirFiltro{
    font-size: 15px;
    display: flex;
    width: 100%;
    white-space: nowrap;
}
.filtros .anadirFiltro + .dropdown-menu{
    margin: 0 10px;
    width: calc(100% - 20px);
    padding: 5px;
    border-radius: var(--border-radius-4);
    top: 105%;
}
.filtros .anadirFiltro + .dropdown-menu a{
    display: block;
    padding: 2.5px 10px;
    color: var(--color-default);
    font-size: 12px;
    border-radius: var(--border-radius-4);
    transition: var(--transition-estandar);
}
.filtros .anadirFiltro + .dropdown-menu a:hover{
    background-color: var(--background-black-hover);
}
.filtros .filtrosCubos{
    padding: 10px;
    margin-bottom: 5px;
}
.filtros .filtrosCubos > div{
    border: 1px solid var(--border-color-segundo);
    border-radius: var(--border-radius-4);
    background: white;
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.filtros .filtrosCubos > div{
    margin: 5px 0;
    cursor: pointer;
}
.filtros .filtrosCubos > div:first-child{
    margin-top: 0;
}
.filtros .filtrosCubos > div:last-child{
    margin-bottom: 0;
}
.filtros .filtrosCubos > div h6{
    margin-bottom: 0;
    color: var(--color-muted);
    font-size: 13px;
}
.filtros .filtrosCubos > div p{
    margin-bottom: 0;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.filtros .limpiarFiltros{
    color: var(--color-muted);
}
.filtros .filtrosCubos + div{
    padding: 0 10px;
}
.modalFiltro .campoDinamico{
    display: none;
}
.tabla{
    width: calc(100% - 12.5%);
    flex: 1 1 auto;
}
.dataTables_wrapper,
.tabla-1{
    width: 100% !important;
    position: relative;
}

.dataTables_wrapper .tablaResponsive{
    max-width: 100%;
    margin-top: 15px;
}
.dataTables_wrapper .tablaResponsive > table{
    max-width: 100%;
}
.dataTables_wrapper .dataTables_empty{
    text-align: center;
    cursor: initial;
}
.tablaPlaceholder{
    position: relative;
    display: flex;
}
.tablaPlaceholder .animacionPlaceholder{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: white;
    height: 100%;
    font-size: 20px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tabla-1 thead th{
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    outline: none;
    cursor: pointer;
    position: relative;
}
.tabla-1 thead th.text-right:not(.sorting_disabled){
    padding-right: 25px;
}
.tabla-1 thead tr th:first-child,
.tabla-1 tbody tr td:first-child{
    min-width: 44px;
}
.tabla-1 thead .select-checkbox::after{
    right: 0;
    left: 10px;
}
.tabla-1 tbody td,
.tabla-1 tfoot td{
    padding: 10px;
}

.tabla-1 thead th.sorting_disabled{
    cursor: initial;
}
.tabla-1 thead th:not(.sorting_disabled)::after{
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #bbb;
    border-top: none;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(0, -50%);
}
.tabla-1 thead th.sorting_desc::after{
    transform: translate(0, -50%) rotate(180deg);
}
.tabla-1 thead th.sorting_asc::after,
.tabla-1 thead th.sorting_desc::after{
    border-bottom-color: #666;
}
.tabla-1 tbody:not(.border-t-0){
    border-top: 1px solid #edf1f5;
}
.tabla-1 tbody:not(.border-b-0){
    border-bottom: 1px solid #edf1f5;
}
.tabla-1 thead .select-checkbox::after,
.tabla-1 tbody .select-checkbox::after{
    content: '';
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    border-radius: .25em;
    margin: auto 0;
    display: block;
}
.tabla-1 tbody .select-checkbox.selected::after,
.tabla-1 thead .selected .select-checkbox::after,
.tabla-1 thead .select-checkbox.selected::after,
.tabla-1 tbody .selected .select-checkbox::after {
    background-color: var(--color-tei-oscuro);
    border-color: var(--color-tei-oscuro);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.tabla-1 thead.sin-orden th::after{
    content: none;
}
.tabla-1 tbody .even:not(.placeholder),
.tabla-1 tbody .odd:not(.placeholder){
    cursor: pointer;
    transition: var(--transition-estandar);
}
.tabla-1 tbody .even.selected,
.tabla-1 tbody .odd.selected,
.tabla-1 tbody .even:not(.placeholder):hover,
.tabla-1 tbody .odd:not(.placeholder):hover{
    background-color: var(--background-black-hover);
}
.tabla-1 tfoot tr td.importe,
.tabla-1 tbody tr td.importe{
    text-align: right;
}

.dataTables_wrapper{
    text-align: right;
}
.dataTables_wrapper .tabla-1{
    margin-bottom: 20px;
}
.dataTables_wrapper > div,
.dataTables_wrapper > table{
    text-align: left;
}
.dataTables_wrapper .dataTables_length{
    float: left;
}
.dataTables_wrapper .dataTables_length label{
    height: 40px;
}
.dataTables_wrapper .dataTables_length select{
    background-color: white;
    border: 1px solid var(--border-color-segundo);
    border-radius: var(--border-radius-4);
    padding: 0.2rem;
    height: 30px !important;
    width: 40px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: .25rem;
    background-color: var(--color-tei-oscuro);
    color: white;
    cursor: pointer;
    transition: var(--transition-estandar);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover{
    opacity: .8;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:first-child{
    margin-right: 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    opacity: .4;
}
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dt-buttons{
    display: inline-flex;
    height: 40px;
}
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label{
    margin-bottom: 0;
}
.dataTables_wrapper .dataTables_filter{
    padding-right: 15px;
}
.dataTables_wrapper .dt-buttons button{
    height: 40px;
}
.dataTables_wrapper .dt-buttons button + button{
    margin-left: 5px;
}
.dataTables_wrapper .dataTables_info{
    float: left;
}
.dataTables_wrapper .dataTables_paginate{
    float: right;
}
.dataTables_wrapper .dt-buttons{
    float: right;
    justify-content: center;
}
.dataTables_wrapper .botonTabla{
    font-size: 18px;
    color: var(--color-tei-oscuro);
}

.dataTables_wrapper .botonTabla{
    padding: 5px 15px;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-4);
    transition: var(--transition-estandar);
}
.dataTables_wrapper .botonTabla:hover{
    background-color: var(--background-black-hover);
}
.dataTables_wrapper .anadir{
    padding: 5px 15px;
    background: var(--color-tei-oscuro);
    color: white;
    border-radius: var(--border-radius-4);
    border: none;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    transition: var(--transition-estandar);
}
.dataTables_wrapper .anadir:hover{
    opacity: .8;
}
.dataTables_processing{
    background-color: rgb(219, 234, 254);
    color: rgb(30, 64, 175);
    border-radius: var(--border-radius-4);
    float: left;
    margin: 0 20px;
    padding: .125rem .625rem;
    font-size: .875rem;
    line-height: 1.25rem;
}

.dataTables_wrapper .dataTables_filter > label{
    display: flex;
    align-items: center;
}
.dataTables_wrapper .dataTables_filter > label::before{
    content: "\f002";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
    margin-right: 10px;
}
.dataTables_wrapper .dataTables_filter input{
    font-size: 16px;
    padding: 5px;
    border: none;
    height: 35px;
    border-bottom: 1px solid var(--border-color-segundo);
}
.dataTables_wrapper .dataTables_filter input:focus{
    box-shadow: none;
    outline: none;
}
.dataTables_wrapper #myTable_paginate{
    margin-top: 15px;
    float: right;
}
.dataTables_wrapper #myTable_info{
    margin-top: 15px;
    display: inline-block;
}
.dataTables_wrapper .dt-buttons{
    position: relative;
}
.dataTables_wrapper .dropdown-menu{
    border-radius: 4px;
    overflow: hidden;
    max-height: 300px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.dataTables_wrapper .dropdown-menu::-webkit-scrollbar {
    width: 11px;
}
.dataTables_wrapper .dropdown-menu::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}
.dataTables_wrapper .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}
.dataTables_wrapper .dropdown-menu .form-check,
.dataTables_wrapper .dropdown-menu a{
    padding: 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
    transition: var(--transition-estandar);
    cursor: pointer;
}
.dataTables_wrapper .dropdown-menu a:hover{
    background-color: var(--background-black-hover);
}
.dataTables_wrapper .dropdown-menu a > .icono{
    margin-right: 5px;
    font-size: 22px;
}
.dataTables_wrapper .dropdown-menu .form-check{
    margin-bottom: 0;
}
.dataTables_wrapper .dropdown-menu .form-check > input[type="checkbox"]{
    margin: 0 5px 0 0;
    float: none;
    pointer-events: none;
    width: 15px;
    height: 15px;
}
.dataTables_wrapper .dropdown-menu .form-check > input[type="checkbox"] + label{
    margin-bottom: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dataTables_wrapper .tableActions a,
.dataTables_wrapper .tableActions button{
    background-color: #edf1f5;
    border-radius: var(--border-radius-12);
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Lateral opciones */
#overlayLateralOpciones{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    background-color: rgba(0,0,0,.4);
}
.lateralOpciones{
    position: fixed;
    top: 0;
    max-width: 100%;
    height: 100vh;
    right: -500px;
    z-index: 10;
    width: 500px;
}
.lateralOpciones .lateralHeader{
    padding: 15px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color-segundo);
    background-color: #f4f6fa;
}
.lateralOpciones .lateralHeader > div{
    display: flex;
    align-items: center;
}
.lateralOpciones .lateralHeader .logo{
    max-width: 45px;
    margin-right: 10px;
}
.lateralOpciones .lateralHeader > div h5{
    margin-bottom: 0;
    font-weight: bold;
    color: var(--color-tei-oscuro);
    font-size: 20px;
}
.lateralOpciones .lateralHeader .dropdown-toggle > .icono{
    padding: 5px;
    border-radius: .25rem;
    transition: var(--transition-estandar);
    font-size: 30px;
}
.lateralOpciones .lateralHeader .dropdown-toggle > .icono:hover{
    background-color: var(--background-black-hover);
}
.lateralOpciones .lateralHeader .dropdown-toggle::after{
    content: none;
}
.lateralOpciones .lateralBody{
    height: calc(100vh - 76px);
    background-color: #edeff3;
}
.lateralOpciones .seccionLateral{
    padding: 20px;
    border-bottom: 1px solid var(--border-color-segundo);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.lateralOpciones .seccionLateral .titulo{
    font-weight: bold;
    color: var(--color-tei-oscuro);
}
.lateralOpciones .seccionLateral ul:not(.grid){
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.lateralOpciones .seccionLateral .acciones{
    display: flex;
    align-items: center;
    justify-content: center;
}
.lateralOpciones .seccionLateral .acciones li{
    flex: 0 0 20%;
    max-width: 20%;
}
.lateralOpciones .seccionLateral .acciones li a{
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    color: var(--color-default);
}
.lateralOpciones .seccionLateral .acciones li a div{
    text-align: center;
}
.lateralOpciones .seccionLateral .acciones li a div span{
    text-align: center;
    flex: 0 0 100%;
    max-width: 100%;
}
.lateralOpciones .seccionLateral .acciones li a div .icono{
    padding: 10px;
    background: white;
    border-radius: 50%;
    margin-bottom: 5px;
}
.lateralOpciones .seccionLateral .acciones li a:not(.desactivado) .icono{
    color: var(--color-segundo);
}
.lateralOpciones .seccionLateral .crearRapido{
    margin: 5px;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
.lateralOpciones .seccionLateral .crearRapido:first-of-type{
    margin-left: 0;
}
.lateralOpciones .seccionLateral .crearRapido:last-of-type{
    margin-right: 0;
}
.lateralOpciones .seccionLateral .crearRapido a{
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-4);
    padding: 10px;
    background-color: white;
    color: var(--color-default);
}
.lateralOpciones .seccionLateral .crearRapido a .icono{
    font-size: 22px;
    margin-right: 5px;
}
@media only screen and (max-width: 640px){
    .lateralOpciones{
        width: 100%;
    }
    .lateralOpciones .lateralBody .seccionLateral:last-of-type ul{
        gap: 5px;
        margin-top: 10px;
    }
    .lateralOpciones .seccionLateral .crearRapido{
        margin: 0;
        flex: 0 0 calc(50% - 5px);
        max-width: calc(50% - 5px);
    }
}
/* Dropdown bootstrap */
.dropdown-menu{
    padding: 0;
    box-shadow: 0 6px 12px rgba(0,0,0,.1);
    border: none;
    min-width: 320px;
    max-width: 320px;
    max-height: 320px;
    overflow: auto;
}
.dropdown-menu .dropdown-item{
    padding: .5rem 1rem;
}
/* Menú edición */
.menuEdicion{
    background-color: white;
}
.menuEdicion > .container-fluid{
    padding: 0 var(--bs-gutter-x, 0.75rem);
}
.menuEdicion .logo{
    height: 50px;
    max-width: 150px;
    margin-right: 10px;
    cursor: pointer;
}
.menuEdicion > .container-fluid > .row:first-child{
    padding-top: 10px;
    padding-bottom: 10px;
}
.menuEdicion > .container-fluid > .row:last-child{
    /*border-top: 1px solid #e7e7e7;*/
}
.menuEdicion .nav-tabs,
.menuEdicion #tabTerceros{
    border: none;
}
.menuEdicion .nav-tabs .nav-link{
    border: none;
    transition: var(--transition-estandar);
    font-weight: 600;
    color: var(--color-default);
    opacity: .8;
    border-bottom: 2px solid transparent;
    padding: 8px 0 2px 0;
}
.menuEdicion .nav-tabs .nav-link{
    margin: 0 10px;
}
.menuEdicion .nav-tabs .nav-link:first-child{
    margin-left: 0;
}
.menuEdicion .nav-tabs .nav-link:last-child{
    margin-right: 0;
}
.menuEdicion .nav-tabs .nav-link.active{
    color: var(--color-tei-oscuro);
    background-color: transparent;
    border-color: var(--color-tei-oscuro);
    opacity: 1;
}
/* Terceros */
.edicion,
#tercero{
    padding: var(--bs-gutter-y, 0.75rem) 0;
}
.cardEstandar,
#tercero .card{
    margin: 5px 0;
    border-radius: var(--border-radius-24);
}
.cardEstandar .card-header{
    border-bottom: 0;
}
.cardEstandar .card-header .boton-1,
#tercero .card-header .boton-1{
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}
.cardEstandar .boton-1 .icono,
.cardEstandar .boton-1 .material-icons,
#tercero .boton-1 .icono,
#tercero .boton-1 .material-icons{
    margin-right: 5px;
    font-size: 18px;
}

.cardEstandar,
#tercero #facturacionTercero,
#tercero #informacionTercero{
    overflow: hidden;
}
.cardEstandar .card-body,
#tercero #facturacionTercero .card-body,
#tercero #informacionTercero .card-body{
    padding: 0;
}
.cardEstandar .card-body.card-padding{
    padding: 1rem;
}
#tercero #facturacionTercero .form-group,
#tercero #informacionTercero .form-group{
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border-color-primero);
}
.cardEstandar form .form-group:last-child,
#tercero #facturacionTercero form .form-group:last-child,
#tercero #informacionTercero form .form-group:last-child{
    border-bottom: none;
}
.cardEstandar .form-group > p,
#tercero #informacionTercero .form-group > p{
    margin-bottom: 0;
    font-weight: bold;
    flex: 0 0 30%;
    max-width: 30%;
}
.cardEstandar .form-group > div,
#tercero #informacionTercero .form-group div{
    flex: 0 0 70%;
    max-width: 70%;
    border: none;
}

.cardEstandar .form-group > p,
.cardEstandar .form-group div > input,
#tercero #facturacionTercero .form-group > p,
#tercero #facturacionTercero .form-group div > input,
#tercero #informacionTercero .form-group > p,
#tercero #informacionTercero .form-group div > input{
    padding: 10px 1rem;
}
.cardEstandar .form-group div > textarea,
.cardEstandar .form-group div > select,
.cardEstandar .form-group div > input,
#tercero #facturacionTercero .form-group div > select,
#tercero #informacionTercero .form-group div > input{
    width: 100%;
    font-size: 14px;
}
.cardEstandar .form-group div > textarea{
    height: 42px;
    max-height: 0;
}
.cardEstandar .card-header:first-child{
    border-radius: var(--border-radius-24) var(--border-radius-24) 0 0;
}
.cardEstandar .row + .row{
    margin-top: 10px;
}
.edicion .campoEditable,
#tercero .campoEditable{
    position: relative;
    display: flex;
    align-items: center;
    min-height: 45px;
}
.edicion .campoEditable select,
#tercero .campoEditable select{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: -2px;
    text-overflow: '';
    width: 100%;
}

.edicion .campoEditable textarea,
.edicion .campoEditable select,
.edicion .campoEditable input,
#tercero .campoEditable select,
#tercero .campoEditable input{
    display: none;
    padding: 10px 1rem;
    width: 100%;
}
.edicion .campoEditable .enlace{
    font-size: 14px;
    margin-bottom: 0;
    font-weight: normal;
    padding: 10px 1rem;
}
.edicion .campoEditable a,
.edicion .campoEditable p,
#tercero .campoEditable a,
#tercero .campoEditable p{
    font-size: 14px;
    margin-bottom: 0;
    font-weight: normal;
    padding: 10px 1rem;
    width: 100%;
}
.edicion .campoEditable a,
#tercero .campoEditable a{
    color: #2a73b0;
}
.edicion div[data-edicion="desactivado"] .placeholder-boton + button,
.edicion div[data-edicion="activo"] .placeholder-boton,
.edicion div[data-edicion="activo"] .campoEditable label,
.edicion div[data-edicion="activo"] .campoEditable a,
.edicion div[data-edicion="activo"] .campoEditable p:not(.information),
#tercero div[data-edicion="activo"] .campoEditable a,
#tercero div[data-edicion="activo"] .campoEditable p{
    display: none;
}
.edicion div[data-edicion="activo"] .campoEditable textarea,
.edicion div[data-edicion="activo"] .campoEditable select,
.edicion div[data-edicion="activo"] .campoEditable input,
#tercero div[data-edicion="activo"] .campoEditable select,
#tercero div[data-edicion="activo"] .campoEditable input{
    display: block;
}
.edicion .campoEditable .selectize-control .selectize-input{
    padding: 10px 1rem !important;
}
.edicion .campoEditable .selectize-control .selectize-input > input{
    font-size: 14px !important;
}
[data-edicion] form .form-group > p{
    margin-bottom: 0;
    font-weight: bold;
    flex: 0 0 30%;
    max-width: 30%;
}
[data-edicion] form .form-group > .campoEditable{
    flex: 0 0 70%;
    max-width: 70%;
    border: none;
}
[data-edicion] form > .campoEditable .placeholder{
    font-size: 14px;
    margin-bottom: 0;
    font-weight: normal;
    padding: 10px 1rem;
    width: 100%;
}
[data-edicion] form input,
[data-edicion] form textarea,
[data-edicion] form select{
    font-size: 14px;
}
.edicion .activarEdicion{
    font-size: .85rem;
    padding: 4px 6px;
}
.edicion .activarEdicion span{
    color: #fff;
}
.edicion .activarEdicion i{
    font-size: 16px;
}
.edicion div[data-edicion="desactivado"] .campoEditable select + svg{
    display: none;
}
.edicion div .campoEditable .selectize-control,
.edicion div .campoEditable .selectize-control .selectize-input{
    box-shadow: none !important;
    border: none;
}
.edicion div[data-edicion="desactivado"] .campoEditable .selectize-control{
    display: none;
}
button.boton-1 span.texto{
    color: #fff;
}
#menuTercero .botonArchivar[data-archivado="false"]{
    opacity: .6;
}
#menuTercero .botonArchivar[data-archivado="true"]{
    background-color: var(--color-danger);
    border-color: var(--color-danger);
    color: white;
    opacity: .8;
}
#menuTercero .botonArchivar:hover{
    opacity: 1;
}
#modalRelacionTercero .btnEliminar,
#modalCuentaBancaria .btnEliminar,
#modalTipoTercero .btnEliminar,
#modalNota .btnEliminar,
#modalDireccion .btnEliminar{
    display: none;
}

#terceroTipo .card-body,
#cuentaBancariaTercero .card-body{
    padding: 0;
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}
#cuentaBancariaTercero ul > li{
    border-bottom: 1px solid var(--border-color-primero);
    padding: 10px 1rem;
}
#cuentaBancariaTercero ul > li p{
    margin-bottom: 0;
}
#cuentaBancariaTercero ul > li:last-child{
    border: none;
}
#cuentaBancariaTercero ul > li > a >.row > div{
    align-self: center;
}
#cuentaBancariaTercero ul > li > a > .row > div:last-child{
    font-size: 12px;
}
#cuentaBancariaTercero .cuentaBancaria{
    cursor: pointer;
    display: block;
}

#tercero #relacionTercero .card-body,
#tercero #terceroTipo .card-body{
    padding: 0;
}
#tercero #relacionTercero .card-body a,
#tercero #terceroTipo .card-body .tipo{
    display: block;
}
#tercero #terceroTipo ul > li > a > .row > div{
    align-self: center;
}
#tercero #relacionTercero .card-body ul > li,
#tercero #terceroTipo .card-body ul > li{
    padding: 10px 1rem;
}
#tercero #terceroTipo .card-body ul li p{
    margin-bottom: 0;
}
#tercero #terceroTipo .card-body ul li .icono{
    display: flex;
    font-size: 22px;
}
#tercero #relacionTercero .card-body ul li p,
#tercero #terceroTipo .card-body ul li p{
    width: 100%;
}
#tercero #relacionTercero .card-body ul li .tag,
#tercero #terceroTipo .card-body ul li .tag{
    padding: 3px 5px;
    border-radius: var(--border-radius-4);
    background-color: var(--color-tercero);
    color: white;
}
#tercero #relacionTercero .card-body ul li .text-overflow .tag{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    max-width: 150px;
}
#tercero #relacionTercero .card-body ul li .enlace{
    padding: 3px 5px;
    border-radius: var(--border-radius-4);
    display: flex;
    transition: var(--transition-estandar);
}
#tercero #categoriaTercero{
    overflow: visible;
}
#tercero #categoriaTercero .card-body{
    max-height: 350px;
}
#tercero #categoriaTercero .select2-selection{
    padding: 10px !important;
}
#tercero #categoriaTercero .selectize-control{
    width: 100%;
    max-width: 100%;
    border: 0;
    border-radius: 0 0 1rem 1rem;
    padding: 10px 1rem !important;
}
#tercero #categoriaTercero .selectize-control .selectize-input{
    border: none;
    box-shadow: none !important;
    border-radius: var(--border-radius-24);
}
#tercero #relacionTercero .tercero p{
    margin-bottom: 0;
}
#tercero #relacionTercero .tercero .row > div{
    display: flex;
    align-items: center;
}
#modalDirectionShowMap .modal-content #directionMap{
    border-radius: var(--border-radius-24);
}
/* Configuración */
#menuConfiguracion{
    background-color: white;
    min-height: calc(100vh - 60px - 66px);
    height: 100%;
}
#menuConfiguracion .titulo{
    margin-bottom: 0;
    font-weight: bold;
}
#menuConfiguracion ul{
    list-style: none;
    padding: 0 15px;
}
#menuConfiguracion ul li a{
    display: flex;
    align-items: center;
    padding: 10px;
    width: 100%;
    margin: 10px 0;
    font-weight: 500;
    border-radius: var(--border-radius-4);
    color: var(--color-default);
}
#menuConfiguracion ul li a .icono,
#menuConfiguracion ul li a .material-icons-outlined,
#menuConfiguracion ul li a .material-icons{
    margin-right: 10px;
}
#menuConfiguracion ul li a:hover,
#menuConfiguracion ul li a.activo{
    color: #ffffff;
    background-color: rgba(13, 28, 63, .1);
    color: var(--color-tei-oscuro);
}
#configuracion .row > div:not(:first-child){
    margin-bottom: 30px;
}
.configuracion .tituloSeccion,
#configuracion .tituloSeccion{
    font-weight: bold;
    color: var(--color-tei-oscuro);
    margin-bottom: 0;
}
#configuracion .cubesBlue .cube{
    border-color: var(--color-tei);
}
#configuracion .cubesBlue .cube a{
    background-color: var(--color-tei);
    color: white;
}
#configuracion .cubesBlue .title{
    color: var(--color-tei)
}
#configuracion .cubesBlueDark .cube{
    border-color: var(--color-tei-main);
}
#configuracion .cubesBlueDark .cube a{
    background-color: var(--color-tei-main);
    color: white;
}
#configuracion .cubesBlueDark .title{
    color: var(--color-tei-main)
}
#configuracion .cubesTangerine .cube{
    border-color: var(--color-tei-tangerine);
}
#configuracion .cubesTangerine .cube a{
    background-color: var(--color-tei-tangerine);
    color: white;
}
#configuracion .cubesTangerine .title{
    color: var(--color-tei-tangerine)
}
#configuracion .cubesGreen .cube{
    border-color: var(--color-tei-success);
}
#configuracion .cubesGreen .cube a{
    background-color: var(--color-tei-success);
    color: white;
}
#configuracion .cubesGreen .title{
    color: var(--color-tei-success)
}
#configuracion .cubesOrange .cube{
    border-color: var(--color-tei-attention);
}
#configuracion .cubesOrange .cube a{
    background-color: var(--color-tei-attention);
    color: white;
}
#configuracion .cubesOrange .title{
    color: var(--color-tei-attention)
}
#configuracion .cube{
    min-height: 200px;
    border-radius: var(--border-radius-lg);
    border-top-width: 4px;
    border-top-style: solid;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    background-color: white;
    padding: 30px;
}
#configuracion .cube .title{
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
}
#configuracion .cube .description{
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}
#configuracion .cube a{
    width: 100px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    line-height: 1.5;
    border-radius: var(--border-radius-24);
    display: block;
    margin: 20px 0 0 auto;
    transition: var(--transition-estandar);
}
#configuracion .cube a:hover{
    opacity: .8;
}
#configuracion .grid > .cube:nth-child(1),
#configuracion .grid > .cube:nth-child(3){
    margin-top: 50px;
}
#configuracion .grid > .cube:nth-child(5),
#configuracion .grid > .cube:nth-child(8),
#configuracion .grid > .cube:nth-child(11){
    margin-top: -70px;
}

/* Email */
#email .nav-tabs{
    justify-content: space-between;
}
#email .nav-tabs .cubo{
    width: 48%;
}

/* Empresa */
#empresa{
    border-top: 1px solid var(--border-color-segundo);
}
#empresa > .container-fluid{
    padding-top: 0;
    padding-bottom: 0;
}
#menuConfiguracion .titulo{
    font-weight: 700;
    color: var(--color-tei-oscuro);
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 0;
}
#empresa #formularioFaviconEmpresa .boton-1,
#empresa #formularioLogotipoEmpresa .boton-1{
    width: 100%;
    margin-top: 15px;
}

@media only screen and (max-width: 992px){
    .dataTables_wrapper .tablaResponsive {
        overflow: auto;
        z-index: 1;
        position: relative;
    }
}


/* Portal de usuarios */
#fondoPortalUsuarios{
    background-image: url('/img/fondos/portal-usuarios.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .6;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
}
#portalUsuarios{
    position: relative;
    z-index: 10;
}
#panelControlPortalUsuario{
    margin: 50px 0;
}
#panelControlPortalUsuario .logo{
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
}
#panelControlPortalUsuario .navegacion > li > a{
    padding: 10px;
    font-size: 14px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin: 5px 0;
    color: var(--color-default);
}
#panelControlPortalUsuario .navegacion > li > a > .icono{
    margin-right: 5px;
    font-size: 18px;
}
#panelControlPortalUsuario .navegacion > li > a > svg.icono{
    height: 18px;
    width: 18px;
}
#panelControlPortalUsuario .navegacion > li > a:hover,
#panelControlPortalUsuario .navegacion > li > a.activo{
    background-color: white;
    color: var(--color-tei-oscuro);
}
#panelControlPortalUsuario .card{
    border-radius: var(--border-radius-card);
    overflow: hidden;
    height: 100%;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
#panelControlPortalUsuario .card .card-header{
    border: none;
    position: relative;
    padding: 15px 20px;
}
#panelControlPortalUsuario .card .card-header::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}
#panelControlPortalUsuario .card .card-header::before {
    right: auto;
    left: 10px;
    transform: rotate(1.5deg);
    content: '';
    display: block;
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 10px;
    z-index: 0;
    box-shadow: 0 0 30px 1px rgba(28,38,55,.4);
}
#panelControlPortalUsuario .card .card-header .titulo{
    position: relative;
    z-index: 10;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 24px;
}
#panelControlPortalUsuario .card .card-body{
    padding: 20px;
}
#panelControlPortalUsuario .card .card-body .icono{
    font-size: 70px;
    opacity: .4;
}
#panelControlPortalUsuario .card .card-body .numeroTitulo{
    font-size: 40px;
    font-weight: bold;
}
#panelControlPortalUsuario .textoBienvenida{
    margin-left: 10px;
}
#panelControlPortalUsuario .textoBienvenida .titulo{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    color: var(--color-tei-oscuro);
}
#panelControlPortalUsuario .textoBienvenida .texto{
    font-size: 14px;
    margin-bottom: 0;
}
#panelControlPortalUsuario .iconoArchivo{
    padding: 10px;
    border-radius: 50%;
    color: var(--color-tei-oscuro);
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: var(--box-shadow-estandar);
    margin-right: 5px;
}
#panelControlPortalUsuario .acciones a{
    display: inline-flex;
    padding: 10px;
    border-radius: var(--border-radius-4);
    transition: var(--transition-estandar);
    transform: translateX(10px);
}
#panelControlPortalUsuario .acciones a:hover{
    background-color: var(--background-black-hover);
}
/* Modales */
.modalEstandar .botonCerrar{
    position: absolute;
    right: 10px;
    top: 10px;
}
.modalEstandar .modal-title{
    font-size: 24px;
    font-weight: bold;
    color: var(--color-tei-oscuro);
}
.modalEstandar .form-group{
    margin: 5px 0;
}
.modalEstandar .modal-content{
    border-radius: var(--border-radius-24);
}
.modalEstandar .modal-header{
    border-bottom: 0;
    padding-bottom: 0;
    position: relative;
    border-top-right-radius: var(--border-radius-24);
}
.modalEstandar .modal-header small{
    color: var(--color-muted);
}
.modalEstandar .modal-footer{
    padding-top: 0;
    border: none;
    position: relative;
}
.modalEstandar .btnEliminar{
    margin-right: auto;
    opacity: .8;
    transition: var(--transition-estandar);
}
.modalEstandar .btnEliminar:hover{
    opacity: 1;
}
.modalEstandar .acciones{
    margin-top: 1rem;
}
header #navbarTop .navbar-navigation-mobile,
header #navbarTop .navbar-navigation-mobile-toggle{
    display: none;
}
/* Header */
/* --------------------------------------------------------------------- */
@media only screen and (max-width: 992px){
    header #navbar{
        overflow-x: auto;
    }
    header #navbar ul > li > a{
        white-space: nowrap;
        padding: 25px 15px;
    }
    header #navbarTop #navbarSupportedContent{
        justify-content: space-between;
        padding: .75rem;
    }
    header #navbarTop #navbarSupportedContent .logo{
        margin-left: 0;
    }
    header #navbarTop .navbar-navegacion{
        display: none;
    }
    header #navbarTop .navbar-navigation-mobile-toggle{
        display: block;
    }
    header #navbarTop .navbar-navigation-mobile-toggle{
        color: #fff;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    header #navbarTop .navbar-navigation-mobile{
        display: block;
        position: fixed;
        left: -100%;
        top: 0;
        z-index: 100;
        background-color: #fff;
        height: 100vh;
        width: 100%;
        padding: .75rem;
        overflow: auto;
        transition: .3s ease-out;
    }
    header #navbarTop .navbar-navigation-mobile .button-close{
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    header #navbarTop .navbar-navigation-mobile.active{
        left: 0;
    }
}
/* Notiflix */
.notiflix-block-position{
    min-height: auto !important;
    pointer-events: none;
}

/* Select2 */
#selectCategorias{
    max-height: 32px;
    overflow: hidden;
    color: white;
    visibility: hidden;
}
#selectCategorias:disabled + .select2 > .selection > .select2-selection{
    border-color: transparent !important;
    background-color: transparent !important;
}

.select2-dropdown{
    border-color: var(--border-color-segundo) !important;
    top: -2px;
    padding-top: 2px;
}
.select2-hidden-accessible + .select2-container{
    display: block;
    position: relative;
    z-index: 1;
}
.select2-container{
    z-index: 9999999;
}
.select2-container--default .select2-selection--multiple,
.select2-container .select2-selection--single{
    display: block !important;
    width: 100%;
    padding: 0.375rem 1rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--color-default);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--border-color-segundo) !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none;
    border-radius: 0.25rem;
    transition: none !important;
    height: auto !important;
    min-height: 37px;
}
.select2-container--open .select2-selection--single{
    border-bottom: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    padding: 0 !important;
    line-height: 1.6 !important;
    color: var(--color-default) !important;
}
.select2-search--dropdown{
    padding: 10px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border: 1px solid var(--border-color-segundo)  !important;
    padding: 0.375rem 1rem !important;
    border-radius: var(--border-radius-4);
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
    box-shadow: none  !important;
    outline: none;
}
.select2-container--default .select2-results__option--selected{
    opacity: .6;
}
.select2-container--default .select2-results > .select2-results__options{
    padding: 0 10px 10px 10px;
}
.select2-container--default .select2-results > .select2-results__options li{
    margin: 5px 0;
    padding: 0;
    border-radius: 12%;
}
.select2-container--default .select2-results > .select2-results__options li:first-child{
    margin-top: 0;
}
.select2-container--default .select2-results > .select2-results__options li:last-child{
    margin-bottom: 0;
}
.select2-container--default .select2-results > .select2-results__options li[role="option"] > span{
    padding: 0.375rem 1rem !important;
    background-color: rgba(0,0,0,.1);
    display: block;
    border-radius: 12px;
    color: #fff;
}
.select2-container--default .select2-results > .select2-results__options li[role="option"][aria-selected="false"] > span{
    color: var(--color-tei-main);
}
.select2-container--default .select2-results > .select2-results__options li[role="alert"]{
    text-align: center;
}
.select2-container--default .select2-results > .select2-results__options li[role="alert"] > span{
    padding: 0.375rem 1rem !important;
    border-radius: 12px;
    display: block;
}
.select2-container--default .select2-results__option--disabled{
    display: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
    display: inline-block !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin: 2px !important;
}
.select2-container--default .select2-search--inline .select2-search__field{
    margin: 0 !important;
}
.select2-container--default .select2-selection--multiple{
    display: flex !important;
    align-items: center;
    padding: 0.375rem 0.75rem !important;
    min-height: 37px !important;
}
.select2-search.select2-search--inline{
    display: flex;
    align-items: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    border: none !important;
    padding: 2px 5px !important;
    background-color: var(--color-tei-oscuro) !important;
    color: white !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    border: none !important;
    height: 100% !important;
    top: 0 !important;
    font-size: 16px !important;
    display: none;
    align-items: center;
}
.select2-container--default .select2-search--inline .select2-search__field{
    line-height: 1.2;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
    background-color: transparent !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    padding: 0 !important;
}
.select2-results__message[aria-selected="true"],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    cursor: pointer;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover{
    background-color: transparent !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable span,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable span:hover{
    background-color: var(--color-tei-oscuro) !important;
}
.select2-results__message[role="option"]:hover{
    background-color: var(--background-black-hover);
}
.selectSinAjax + .select2-container--default .select2-selection--multiple{
    border-radius: 0 !important;
    border-color: transparent !important;
}
.selectSinAjax + .select2-container--default.select2-container--focus .select2-selection--multiple{
    border-left-color: var(--border-color-segundo) !important;
    border-right-color: var(--border-color-segundo) !important;
}
.selectSinAjax + .select2 .select2-selection__choice:not([style]){
    background-color: var(--color-tei-oscuro) !important;
}
.selectTerceros + .select2 .select2-selection__placeholder::after,
#relacionTerceroID + .select2 .select2-selection__placeholder::after{
    content: 'Buscar un tercero';
}
.selectProductoAtributo + .select2 .select2-selection__placeholder::after{
    content: 'Buscar un atributo'
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    color: var(--color-default);
}
/* Lista de productos */
#listaProductos .producto{
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-4);
    box-shadow: var(--box-shadow-estandar);
    padding: 10px;
    cursor: pointer;
}
#listaProductos .producto .media{
    margin-right: 10px;
}
#listaProductos .producto .media img{
    width: 75px;
}
#listaProductos .producto .informacion h6{
    font-weight: bold;
    margin-bottom: 5px;
}
#listaProductos .producto .informacion p{
    opacity: .8;
    margin-bottom: 2px;
}
/* Productos */
#imagenesProducto .card-body{
    padding: 10px;
}
#imagenesProducto .uppyImg{
    width: 200px;
    margin: auto;
}
#imagenesProducto .uppyImg .eliminarImagen{
    top: 0;
    right: 0;
}
#imagenesProducto .imagenPrincipal > div > img,
#imagenesProducto .imagenPrincipal > div > svg{
    width: 100%;
    max-width: 300px;
    max-height: 100px;
    object-fit: contain;
    display: block;
    margin: auto;
    padding: 10px;
    cursor: pointer;
}

#imagenesProducto .anadirMasFotos{
    height: 60px;
    width: 60px;
    padding: 10px;
    border: 2px dashed var(--border-color-segundo);
    background-color: #fcfdfe;
    transition: var(--transition-estandar);
    margin-bottom: 0;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    max-width: 20%;
}
#imagenesProducto .anadirMasFotos:hover{
    background-color: var(--background-black-hover);
}
#imagenesProducto .listaImagenes{
    display: flex;
    align-items: center;
    max-width: 80%;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
#imagenesProducto .listaImagenes::-webkit-scrollbar {
    width: 11px;
}
#imagenesProducto .listaImagenes::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}
#imagenesProducto .listaImagenes::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 2px solid var(--scrollbarBG);
}
#imagenesProducto .listaImagenes li{
    margin: 0 5px;
    min-width: 60px;
}
#imagenesProducto .listaImagenes li:first-child{
    margin-left: 0;
}
#imagenesProducto .listaImagenes li:last-child{
    margin-right: 0;
}
#imagenesProducto .listaImagenes li img{
    height: 60px;
    width: 60px;
    object-fit: cover;
    cursor: pointer;
    padding: 3px;
    border-radius: var(--border-radius-4);
    border: 1px solid var(--border-color-primero);
}
#informacionProducto .form-group{
    display: flex;
    align-items: center;
}
.embla-producto-imagenes .embla__slide{
    min-width: 15%;
}
.embla-producto-imagenes img{
    width: 100%;
    height: 50px;
    object-fit: contain;
    border-radius: var(--border-radius-12);
}
.embla-producto-imagenes button{
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 12px;
}
/* Accordion estandar */
.accordionEstandar .accordion-header h5{
    border: none;
    color: var(--color-tei);
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 0;
    background-color: #f3f6f9;
    border-radius: var(--border-radius-4);
    padding: 10px;
    width: 100%;
}
.accordionEstandar .accordion-header h5 button{
    display: flex;
    align-items: center;
    width: 100%;
}
.accordionEstandar .accordion-header button svg{
    margin-right: 5px;
}
.accordionEstandar .accordion-header h5 input[type="checkbox"]{
    cursor: pointer;
}
.accordionEstandar .accordion-body{
    padding: 0;
}
.accordionEstandar .accordion-body > div{
    padding: .5rem 0;
}
.accordionEstandar .accordion-body ul{
    margin-bottom: 0;
}
.accordionEstandar .accordion-body label{
    padding: 10px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.accordionEstandar .accordion-header button[aria-expanded="false"]{
    color: var(--color-default);
}
/* Modal Bootstrap */
.modal{
    z-index: 99999999;
    max-width: 100vw;
}
.modal + .modal{
    z-index: 100000001;
}
.modal-backdrop{
    z-index: 9999999;
}
.modal-backdrop + .modal-backdrop{
    z-index: 100000000;
}
.modal-backdrop + .modal-backdrop.show{
    opacity: .7;
}
/*.modal-open{*/
/*    padding-right: 17px;*/
/*}*/
/* Buscador general */
#buscadorGlobal{
    width: 300px;
    height: 35px;
    padding: 5px 15px;
    border-radius: 15px;
    border: none;
    outline: none;
}
#buscadorGlobal:focus{
    border: none;
    box-shadow: none;
}
.form-group-buscador .icono{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-muted);
    pointer-events: none;
}
#dropdown-buscador-global{
    min-width: 350px;
    background-color: white;
    border-radius: var(--border-radius-4);
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
    right: -20px;
}
#dropdown-buscador-global::-webkit-scrollbar {
    width: 11px;
}
#dropdown-buscador-global::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}
#dropdown-buscador-global::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}
#dropdown-buscador-global > div{
    padding: 15px;
}
#dropdown-buscador-global .buscadorGrupo .titulo{
    font-weight: bold;
    padding: 5px;
}
#dropdown-buscador-global .buscadorGrupo ul li{
    margin: 5px 0;
}
#dropdown-buscador-global .buscadorGrupo ul li:first-child{
    margin-top: 0;
}
#dropdown-buscador-global .buscadorGrupo ul li:last-child{
    margin-bottom: 0;
}
#dropdown-buscador-global .buscadorGrupo ul li a{
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-4);
    padding: 5px;
}
#dropdown-buscador-global .buscadorGrupo ul li a:hover{
    background-color: var(--background-black-hover);
}
#dropdown-buscador-global .buscadorGrupo ul li a .icono{
    margin-right: 5px;
    background-color: var(--color-quinto);
    border-radius: 50%;
    padding: 5px;
    font-size: 18px;
    color: white;
}
#dropdown-buscador-global .notFound{
    display: none;
}
/* Dropdown de notificaciones*/
.iconoNotificacion{
    position: relative;
    font-size: 20px;
}
.activo.iconoNotificacion::after{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-danger);
    margin: 0;
    top: -5px;
    right: -5px;
}
#dropdown-notificaciones{
    min-width: 350px;
    padding: 15px;
}
#dropdown-notificaciones ul > li > div{
    display: flex;
    align-items: center;
    justify-content: center;
}
#dropdown-notificaciones ul > li > div > div:first-child{
    flex: 0 0 15%;
    max-width: 15%;
}
#dropdown-notificaciones ul > li > div > div:last-child{
    flex: 0 0 85%;
    max-width: 85%;
}
#dropdown-notificaciones h6{
    margin-bottom: 15px;
    font-weight: bold;
}
#dropdown-notificaciones ul > li > div .icono{
    font-size: 26px;
    background: var(--color-tei-oscuro);
    color: white;
    padding: 7px;
    border-radius: 50%;
    margin-right: 5px;
    position: relative;
}

#dropdown-notificaciones ul > li > div p{
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 272px;
}
/* Bootstrap DatePicker*/
input.form-control.datepicker{
    padding: 0.375rem 0.75rem;
    border-radius: var(--border-radius-4);
}
input.form-control.datepicker + span.input-group-text{
    cursor: pointer;
}
.datepicker-dropdown{
    z-index: 99999999999 !important;
}
.datepicker .datepicker-days td, .datepicker-days .datepicker th{
    width: 40px;
    height: 40px;
    border-radius: var(--border-radius-4);
}
.datepicker .datepicker-years table tr td span.active:hover.active,
.datepicker .datepicker-years table tr td span.active.active,
.datepicker .datepicker-months table tr td span.active:hover.active,
.datepicker .datepicker-months table tr td span.active.active,
.datepicker .datepicker-days table tr td.active.active:hover,
.datepicker .datepicker-days table tr td.active.active{
    background-color: var(--color-tei-oscuro);
    background-image: none;
}
/* Ventas y compras */
#venta,
#compra{
    padding-bottom: 120px;
}
/* Ventas */
#venta #responsables hr{
    width: calc(100% - 24px);
    margin: 1rem auto;
}
#venta #responsables .media{
    width: 50px;
    height: 50px;
    border-radius: var(--border-radius-card);
    background-color: rgba(0, 100, 192, .4);
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}
#venta #responsables .media img{
    width: 100%;
}
#venta #responsables .media .icono{
    color: var(--color-tei-oscuro);
    font-size: 34px;
}
#venta #responsables .informacion{
    align-self: center;
}
#venta #responsables .titulo{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
#venta #responsables .roles{
    font-size: 12px;
    color: var(--color-muted);
    margin-bottom: 0;
}
#venta #responsables .opciones{
    padding: 10px;
    border-radius: var(--border-radius-4);
}
#venta[data-status="disabled"] .ql-toolbar:not(.available),
#venta[data-status="disabled"] .ql-editor:not(.available),
#venta[data-status="disabled"] input:disabled:not(.available),
#venta[data-status="disabled"] select:disabled:not(.available),
#venta[data-status="disabled"] textarea:disabled:not(.available),
#venta[data-status="disabled"] .lineaDocumento button:not(.available):not(.alturaAutomatica),
#venta[data-status="disabled"] .select2:not(.available) .selection .select2-selection--single,
#venta[data-status="disabled"] .selectize-control:not(.available),
#venta[data-status="disabled"] .selectize-control:not(.available) .selectize-input input,
#venta[data-status="disabled"] input:not(.available),
#venta[data-status="disabled"] select:not(.available),
#venta[data-status="disabled"] textarea:not(.available){
    pointer-events: none;
    background-color: #e5eff9 !important;
}
#venta[data-status="disabled"] .selectize-control.available .selectize-input input {
    background-color: transparent !important;
    pointer-events: initial;
}
#venta[data-status="disabled"] .anadirLinea{
    display: none;
}
.document-modal .modal-content{
    overflow: hidden;
}
.document-modal .modal-body{
    padding: 0;
}
.document-modal .modal-body .documento,
.document-modal .modal-body .informacion{
    padding: 1.25rem 1.5rem;
}
.document-modal .modal-body .informacion{
    background-color: #edf1f5;
}
.document-modal .placeholderPdf{
    display: flex;
    align-items: center;
    justify-content: center;
}
.document-modal .placeholderPdf,
.document-modal .pdf,
.pdfobject{
    min-height: 920px;
}
.document-modal .pdf .canvas{
    display: none;
}
.document-modal .pdf .cargando + iframe{
    display: none;
}
.document-modal .card{
    background-color: white;
}
.document-modal .card > .card-body > .titulo{
    font-weight: bold;
    color: var(--color-tei-oscuro);
    margin-bottom: 15px;
}
.document-modal .card ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.document-modal .card ul li + li{
    margin-top: 10px;
}
.document-modal .card ul li > p,
.document-modal .card ul li a{
    font-size: 14px;
    color: var(--color-default);
    margin-bottom: 0;
}
.document-modal .card ul li a{
    color: var(--color-tei);
}
.document-modal .card ul li p:first-of-type{
    color: var(--color-muted);
}
.document-modal .informacion .camposEditable li > p:first-child{
    max-width: 100px;
    min-width: 100px;
    margin-right: 10px;
}
.document-modal .purchase-iframe{
    width: 100%;
    min-height: 1100px;
}
.document-modal .selectize-control .selectize-input{
    flex-wrap: wrap;
    gap: 10px;
}
#modalEnviarVenta .modal-dialog{
    width: 800px;
    max-width: 100%;
}
@media only screen and (max-width: 640px){
    .document-modal .placeholderPdf,
    .document-modal .pdf,
    .pdfobject{
        min-height: 500px;
    }
    .document-modal .modal-dialog{
        margin: 0;
    }
    .document-modal .modal-dialog .modal-content{
        border-radius: 0;
        border: 0;
    }
}
/* Document */
/* --------------------------------------------------------------------- */
.document #document-preview-uppy{
    width: 100%;
    height: 500px;
    max-height: 500px;
}

.document #document-uppy .uppy-Dashboard:not(.uppy-Dashboard--modal) .uppy-Dashboard-inner{
    width: 100% !important;
}
/* Email */
/* --------------------------------------------------------------------- */
.email-template{
    padding: 10px;
    border: 1px solid var(--border-color-segundo);
    border-radius: 10px;
}
.email-template label{
    font-weight: bold;
    color: var(--color-tei-oscuro);
    font-size: 14px;
    margin-bottom: 0;
}
.email-template input,
.email-template textarea{
    font-size: 14px;
    width: 100%;
}
.email-template input{
    margin-left: 5px;
}
.email-template .email-ccbcc-box > div,
.email-template > div:not(.email-ccbcc-box){
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.email-template > div:first-child{
    padding-top: 0;
}
.email-template > div:last-child{
    padding-bottom: 0;
}
.email-template .email-ccbcc-box > div:not(:last-child),
.email-template > div:not(:last-child){
    border-bottom: 1px solid var(--border-color-segundo);
}
.email-template .email-to-box{
    overflow: hidden;
    position: relative;
}
.email-template .email-body-box .ck.ck-editor{
    width: 100%;
}
.email-template .email-body-box .ck.ck-reset_all{
    position: absolute !important;
    top: -50px !important;
}
.email-template .email-body-box .ck.ck-editor__main > .ck-editor__editable{
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.email-template .email-body-box .ck.ck-editor__main > .ck-editor__editable > *:first-child{
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.email-template .email-body-box .ck.ck-editor__main > .ck-editor__editable .ck-placeholder::before{
    color: #b9b9b9 !important;
}
.email-template .email-body-box .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar{
    border: 1px solid var(--border-color-segundo);
    visibility: hidden;
    opacity: 0;
    display: none;
    position: relative;
    z-index: 999999;
}
.email-template .email-body-box.activo .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar{
    visibility: visible;
    opacity: 1;
    display: block;
}
.email-template .selectize-control{
    width: 100%;
}
.email-template .selectize-control .selectize-input{
    border: none !important;
    width: 100%;
    box-shadow: none !important;
    padding: 0 !important;
    margin-left: 5px;
    min-height: auto;
}
.email-template .selectize-dropdown{
    display: none !important;
}
.email-template .selectize-input::before,
.email-template .selectize-input::after{
    content: none !important;
}
.email-template .selectize-input .item{
    margin-bottom: 0 !important;
}
.email-template .selectize-input input{
    font-size: 14px !important;
    padding: 2px !important;
}
.email-template .show-ccbcc{
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    color: var(--color-tei);
    font-size: 14px;
    border: none;
    cursor: pointer;
    z-index: 10;
    box-shadow: none;
    outline: 0;
}
.correoAjustes{
    margin-top: 15px;
}
.correoArchivos{
    border-radius: var(--border-radius-4);
    padding: 10px;
    margin-top: 10px;
}
.correoArchivos h6{
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.email-templates{
    padding: 10px;
}
.email-templates h6{
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.email-template .email-body-box{
    width: 100%;
}
.email-template .email-body-box .ql-toolbar.ql-snow{
    border: none;
    padding: 0 0 10px 0;
}
.email-template .email-body-box .ql-toolbar.ql-snow > *:first-child > *:first-child > *:first-child{
    padding-left: 0;
}
.email-template .email-body-box .ql-toolbar.ql-snow + .ql-container.ql-snow{
    border: none;
}
.email-template .email-body-box .ql-toolbar.ql-snow + .ql-container.ql-snow .ql-editor{
    padding: 0;
    min-height: 160px;
}
.email-template .email-body-box .ql-editor.ql-blank::before{
    color: #b9b9b9;
    left: 0;
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-size: 14px;
    height: 24px;
    display: flex;
    align-items: center;
}
.email-files{
    margin-top: 16px;
}
.email-files #email-upload-file{
    color: var(--color-tei);
    font-size: 14px;
    line-height: 20px;
}
.email-content-dynamic label{
    font-weight: 600;
}
.email-actions{
    margin-top: 15px;
    text-align: right;
}
#venta{
    margin-bottom: 100px;
}
#venta #informacionVenta .terceroReferencia{
    font-size: .75rem;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .5;
    height: 37px;
    margin-right: 22px;
    display: flex;
    align-items: center;
    pointer-events: none;
}
#venta #informacionVenta .selectize-control{
    box-shadow: none;
    height: 40px;
}
#venta #informacionVenta .selectize-input{
    font-size: 16px;
}
.col-icono{
    width: 60px;
    position: relative;
}
.col-icono button i,
.col-icono button{
    transition: var(--transition-estandar);
}
.col-icono button:hover{
    background-color: rgba(0, 0, 0, .05);
}
.col-icono button:active i{
    transform: scale(.9);
}
.col-icono .dropdown-tei{
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: 0;
}
.col-icono .dropdown-tei .action button{
    height: 51px;
    border-radius: 0;
    border: 0 !important;
}
.col-icono .dropdown-tei .content{
    top: 50%;
    transform: translateY(-50%);
    right: 110%;
    overflow: hidden;
}
.col-expedient{
    flex: 0 0 auto;
    width: 15%;
}
.col-expedient select{
    width: 100%;
}
.col-linea,
.col-producto {
    width: 3.5%
}
.col-concepto{
    position: relative;
    flex: 0 0 auto;
    width: 15%;
}
.col-ref-customer{
    flex: 0 0 auto;
    width: 6.5%;
}
.col-descripcion{
    flex: 0 0 auto;
    width: 17.5%;
}

.col-total input{
    border-radius: 0 !important;
}
.col-descripcion{
    position: relative;
}
.col-descripcion button{
    position: absolute;
    width: 30px !important;
    height: 30px !important;
    opacity: .6;
    top: 3px;
    right: 5px;
    background-color: transparent !important;
}
.col-descripcion button:hover{
    opacity: 1;
}
.col-descripcion button .icono{
    font-size: 20px;
}
.col-descripcion textarea{
    padding-right: 20px;
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.col-descripcion textarea::-webkit-scrollbar{
    width: 11px;
}
.col-descripcion textarea::-webkit-scrollbar-track{
    background: var(--scrollbarBG);
}
.col-descripcion textarea::-webkit-scrollbar-thumb{
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}
#lineasDocumento > .card{
    max-width: 100%;
    overflow-x: auto;
}
#lineasDocumento form{
    min-width: 1800px;
}
#lineasDocumento .card-body{
    padding-left: 0;
    padding-right: 0;
}
#lineasDocumento label{
    padding: 0.375rem 0.75rem;
}

#lineasDocumento form .row{
    padding: 0;
    margin: 0;
}
#lineasDocumento form div[class^="col"]{
    padding: 0;
}
#lineasDocumento form div[class^="col"] input,
#lineasDocumento form div[class^="col"] select,
#lineasDocumento form div[class^="col"] textarea{
    border-radius: 0;
}
#lineasDocumento form div[class^="col"] .input-group,
#lineasDocumento form div[class^="col"] input,
#lineasDocumento form div[class^="col"] select{
    height: 100%;
}
#lineasDocumento form div[class^="col"] input:focus,
#lineasDocumento form div[class^="col"] select:focus,
#lineasDocumento form div[class^="col"] textarea:focus{
    z-index: 10;
    position: relative;
}
/* Por el draggable */
.lineaDocumento button{
    width: 100%;
    background-color: white;
    border: none;
    color: var(--color-tei-oscuro);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    outline: none;
}
.lineaDocumento .etiqueta-flotante{
    position: absolute;
    right: 0;
    top: 0;
    background-color: #e5eff9;
    font-size: .75rem;
    padding: 2.5px 10px;
    border-radius: 0 0 0 6px;
    opacity: .4;
    transition: var(--transition-estandar);
    display: none;
}
.lineaDocumento .etiqueta-flotante:hover{
    opacity: 1;
}
.lineaDocumento[data-producto-relacionado-id] .etiqueta-flotante.active{
    display: block;
}

.lineaDocumento input,
.lineaDocumento select,
.lineaDocumento textarea{
    height: 50px;
    border: none;
    box-shadow: none;
}
.lineaDocumento textarea {
    resize: none;
}
.lineaDocumento:not(.line-unit) input,
.lineaDocumento:not(.line-unit) select,
.lineaDocumento:not(.line-unit) textarea,
.lineaDocumento:not(.line-unit) .col-icono .dropdown-tei .action,
.lineaDocumento:not(.line-unit) .col-icono .dropdown-tei .action button {
    height: 100%;
}
.lineaDocumento:not(.line-unit) input.cantidad {
    height: auto !important;
}
.lineaDocumento:not(.line-unit) .col-icono .dropdown-tei .action button {
    transition: none;
}
.lineaDocumento .input-group .input-group-text{
    background-color: rgba(0, 100, 192, .1);
    border: none;
    margin-left: 0 !important;
    border-left: 1px solid var(--border-color-segundo);
    font-weight: bold;
    color: #777;
    border-radius: 0;
    width: 50px;
    justify-content: center;
}
.lineaDocumento .arrastrarLinea{
    cursor: grab;
    touch-action: none
}
.lineaDocumento .arrastrarLinea i{
    pointer-events: none;
    font-size: 26px;
}
.lineaDocumento.gu-transit .arrastrarLinea,
.lineaDocumento.gu-mirror .arrastrarLinea{
    background-color: rgba(0,0,0,.2);
    cursor: grab;
}
#lineasDocumento .lines-body > div > div:first-child > *:first-child:not(button){
    padding-left: 24px;
}
#lineasDocumento .lines-body .lineaDocumento + .placeholder {
    display: none;
}
#lineasDocumento .lines-body .placeholder {
    padding: .5rem .75rem;
    text-align: center;
    border-bottom: 1px solid var(--border-color-segundo);
    font-weight: 500;
    display: none;
}
#lineasDocumento .lines-body .placeholder:only-child {
    display: block;
}
#lineasDocumento form .draggable{
    border-top: 1px solid var(--border-color-segundo);
}
#lineasDocumento form .draggable .row:first-child > div{
    border-top: none;
}
#lineasDocumento form .draggable .row > div{
    border-bottom: 1px solid var(--border-color-segundo);
}
#lineasDocumento form .draggable .row > div:not(:first-child){
    border-left: 1px solid var(--border-color-segundo);
}
#lineasDocumento button.line-add,
#lineasDocumento button.document-line-action{
    padding: 0;
    width: 40px;
    height: 30px;
}

#footerTotal{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: white;
    border-top: 1px solid var(--border-color-segundo);
}
#footerTotal ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#footerTotal ul li:not(:last-child){
    border-right: 1px solid var(--border-color-segundo);
}
#footerTotal ul li{
    padding: 10px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#footerTotal ul li div{
    text-align: center;
}
#footerTotal ul li div span{
    display: block;
    font-size: 24px;
    white-space: nowrap;
}
@media only screen and (max-width: 640px){
    #footerTotal ul li div span{
        font-size: 20px;
    }
}

.modal-open #footerTotal{
    padding-right: 17px;
}
#modalPrevisualizar .modal-dialog{
    width: 1200px;
    max-width: 100%;
}
#modalPrevisualizar .modal-title:first-letter{
    text-transform: capitalize;
}
#modalPrevisualizar .pdf{
    padding: 20px;
}
#modalPrevisualizar .modal-title{
    white-space: nowrap;
}
/* Registro de evento */
#registroEvento h3{
    font-weight: bold;
    margin-bottom: 0;
    color: var(--color-tei-oscuro);
}
#registroEvento .card .titulo{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
#registroEvento .card .titulo h5{
    margin-bottom: 0;
}
#registroEvento .card .titulo .icono{
    font-size: 18px;
}
#registroEvento .contadorEventos{
    font-size: 40px;
}
#registroEvento .informacion{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
#registroEvento .informacion > *{
    margin: 0 5px;
}
#registroEvento .informacion > *:first-child{
    margin-left: 0;
}
#registroEvento .informacion > *:last-child{
    margin-right: 0;
}
/* Dropdown estandar */
.dropdown-estandar button.dropdown-item,
.dropdown-estandar a{
    padding: 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    transition: var(--transition-estandar);
    cursor: pointer;
    color: var(--color-default);
}
.dropdown-estandar button.dropdown-item > .icono,
.dropdown-estandar a > .icono,
.dropdown-estandar a > .material-icons{
    margin-right: 5px;
    font-size: 22px;
    color: var(--color-tei);
}
/* Draggable */
.gu-mirror.lineaDocumento{
    border: 1px solid var(--border-color-segundo);
    margin: 0;
}
.gu-mirror.lineaDocumento > div{
    padding: 0;
}
.gu-mirror.lineaDocumento > div:not(:first-child){
    border-left: 1px solid var(--border-color-segundo);
}
.gu-mirror.lineaDocumento > div {
    border-bottom: 1px solid var(--border-color-segundo);
}
/* Ckeditor */
.ck-editor__editable {
    min-height: 150px;
}
.ck-editor__editable ul{
    padding-left: 32px !important;
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{
    border-color: rgb(196, 196, 196) !important;
}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar{
    background-color: white;
    border: none;
    border-bottom: 1px solid #CFD2D9;
}
.ck-editor .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{
    border: none;
    border-bottom: 1px solid #CFD2D9;
}
.ck.ck-editor__main > .ck-editor__editable{
    border: none;
    border-bottom: 1px solid #CFD2D9;
    box-shadow: none !important;
}
.ck-editor .ck.ck-toolbar .ck-button{
    margin: 5px 0 !important;
}
.ck-editor .ck.ck-toolbar .ck-button + .ck-button{
    margin-left: 5px !important;
}
.ck-editor .ck.ck-toolbar .ck.ck-toolbar__separator{
    margin: 5px 12px;
    background-color: #CFD2D9;
}
.ck-editor .ck.ck-toolbar > .ck-toolbar__items > button + button{
    margin-left: 16px;
}
.ck-editor .ck.ck-button.ck-button_with-text, a.ck.ck-button.ck-button_with-text{
    padding: 0 !important;
}
.ck-editor .ck.ck-toolbar > .ck-toolbar__items > button{
    cursor: pointer;
}
.ck-editor .ck.ck-toolbar > .ck-toolbar__items > .ck-heading-dropdown{
    padding: 2.3px;
    margin: 0;
}
.ck-editor .ck.ck-toolbar .ck-toolbar__grouped-dropdown,
.ck-editor .ck.ck-toolbar > .ck-toolbar__items > .ck-dropdown button{
    margin: 0 !important;
}
.ck-editor .ck.ck-toolbar > .ck-toolbar__items > .ck-dropdown:hover{
    border-radius: var(--border-radius-4);
    background-color: rgba(0, 100, 192, .2);
}

.ck-editor .ck.ck-toolbar > .ck-toolbar__items > .ck-dropdown button:hover{
    background-color: transparent;
}
.ck-editor .ck.ck-toolbar .ck-toolbar__grouped-dropdown .ck-button.ck-on,
.ck-editor .ck.ck-toolbar .ck-toolbar__grouped-dropdown .ck-button:hover,
.ck-editor .ck.ck-toolbar > .ck-toolbar__items > button:hover{
    border-radius: 50%;
    background-color: rgba(0, 100, 192, .2);
}
/* Selectize */
.selectize-input{
    min-height: 40px;
    display: flex !important;
    align-items: center;
}
.selectize-dropdown .create{
    padding: 5px 10px;
    color: var(--color-default) !important;
    border-bottom: 1px solid var(--border-color-segundo);
}
.selectize-dropdown .create strong{
    font-weight: bold;
}
.selectize-dropdown-content{
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.selectize-dropdown-content::-webkit-scrollbar{
    width: 11px;
}
.selectize-dropdown-content::-webkit-scrollbar-track{
    background: var(--scrollbarBG);
}
.selectize-dropdown-content::-webkit-scrollbar-thumb{
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}
.selectize-control.multi .selectize-input > div {
    background-color: var(--color-tei) !important;
    border-radius: 24px;
    color: white !important;
    margin-bottom: 0 !important;
    padding: 3px 12px !important;
    font-size: .75rem;
    font-weight: 500;
}
.selectize-dropdown .option.disabled{
    pointer-events: none;
    cursor: inherit !important;
    opacity: .5 !important;
}
.selectize-dropdown [data-selectable].option{
    cursor: pointer;
}
/* Bootstrap Tooltip */
.tooltip .tooltip-arrow {
    display: none;
}
.tooltip .tooltip-inner{
    background-color: #323232;
    border-radius: var(--border-radius-4);
}

/* ApexChart */
.apexChart{
    padding: 15px;
    background-color: white;
    border-radius: var(--border-radius-card);
    box-shadow: var(--box-shadow-estandar);
    min-height: 350px;
}
.apexcharts-title-text{
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
}

/* Notas */
#notas{
    position: relative;
}
#notas .nota{
    padding: 15px;
    background-color: white;
    border-radius: var(--border-radius-24);
    display: block;
    box-shadow: 0 3px 20px rgba(0,0,0,.1);
    margin: 5px 0;
}
#notas .nota .titulo{
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    font-size: 20px;
}
#notas .nota .titulo .color{
    width: 15px;
    height: 15px;
    display: block;
    margin-right: 10px;
    background-color: var(--color-tei-oscuro);
    border-radius: 50%;
}
#notas .nota .cuerpo{
    min-height: 150px;
    max-height: 150px;
    overflow-y: auto;
    margin-bottom: 15px;
    scrollbar-color: #7f7f7f #D3DADC;
    scrollbar-width: thin;
}
#notas .nota .footer{
    font-size: 12px;
    color: #777;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#notas .nota .footer .icono{
    font-size: 14px;
}
/* Archivos */
#archivos .cuboArchivo{
    padding: 15px;
    background-color: white;
    box-shadow: 0 3px 20px rgba(0,0,0,.05);
    transition: var(--transition-estandar);
    border-radius: var(--border-radius-24);
    margin: 5px 0;
}
#archivos .acciones{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
#archivos .acciones a{
    display: flex;
}
#archivos .representacionArchivo{
    height: 100px;
    width: 100px;
    margin: auto;
}
#archivos .representacionArchivo img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}
#archivos .representacionArchivo .archivo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    height: 100%;
}
#archivos .representacionArchivo .archivo.archivoDirectorio {
    background-image:url("/img/iconos/archivo.svg");
}
#archivos .detalles h4{
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
    font-weight: 600;
    text-align: center;
    font-size: 14px;
}
#archivos .detalles p{
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 0;
}
#archivos .card-menu{
    background-color: white;
    border-radius: var(--border-radius-24);
}
#archivos .card-menu .card-body{
    padding: 20px;
}
#archivos .card-menu ul li{
    margin: 5px 0;
}
#archivos .card-menu a{
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: var(--border-radius-24);
    font-size: 14px;
    color: var(--color-default);
}

#archivos .card-menu a .icono{
    margin-right: 5px;
    font-size: 18px;
}
#archivos .card-menu a.activo{
    background-color: rgba(13, 28, 63, .1);
    color: var(--color-tei-oscuro);
}
#archivos .opcionesArchivo > .icono{
    font-size: 22px;
}
.opciones,
.opcionesArchivo,
#archivos .opcionesArchivo{
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.opciones .icono{
    font-size: 30px;
}
.opciones + .dropdown-menu,
.opcionesArchivo + .dropdown-menu,
#archivos .opcionesArchivo + .dropdown-menu{
    min-width: 125px !important;
}
.opciones + .dropdown-menu button,
.opciones + .dropdown-menu a,
.opcionesArchivo + .dropdown-menu button,
.opcionesArchivo + .dropdown-menu a,
#archivos .dropdown-menu a{
    padding: 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
    transition: var(--transition-estandar);
    background-color: transparent;
    border: none;
    width: 100%;
}
.opciones + .dropdown-menu button:hover,
.opciones + .dropdown-menu a:hover,
.opcionesArchivo + .dropdown-menu button:hover,
.opcionesArchivo + .dropdown-menu a:hover,
#archivos .dropdown-menu a:hover{
    background-color: var(--background-black-hover);
}
.opciones + .dropdown-menu button > .icono,
.opciones + .dropdown-menu a > .icono,
.opciones + .dropdown-menu button > .material-icons,
.opciones + .dropdown-menu a > .material-icons,
.opcionesArchivo + .dropdown-menu button > .material-icons,
.opcionesArchivo + .dropdown-menu a .icono ,
#archivos .dropdown-menu a > .material-icons{
    margin-right: 5px;
    font-size: 22px;
}
.fadeIn{
    opacity: 0;
    animation: fadeIn 1.5s forwards;
}
.animation-delay-0_25{
    animation-delay: .25s;
}
.animation-delay-0_50{
    animation-delay: .50s;
}
.animation-delay-0_75{
    animation-delay: .75s;
}
.animation-delay-1{
    animation-delay: 1s;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
/* Jsignature */
.signature-estandar{
    border-radius: var(--border-radius-4);
    border: 2px dashed var(--border-color-segundo);
    min-height: 201px;
}
@media only screen and (max-width: 1200px){
    .dataTables_wrapper .tabla-1{
        min-width: 1200px;
    }
}
/* Selectize */
select[multiple].selectize:disabled::-ms-expand{
    display: none;
}
select[multiple].selectize:disabled{
    background-color: white;
    border: none;
    opacity: 0;
}
select[multiple].selectize{
    max-height: 40px;
}
select.selectize{
    text-indent: -2px;
}
.selectize-control.single .selectize-input::after{
    content: none !important;
}
.selectize-control .selectize-input.disabled{
    opacity: .8 !important;
}
.selectize-control{
    width: 100%;
    padding: 0 !important;
    margin-left: 0;
    border-radius: var(--border-radius-4);
    border-color: var(--border-color-segundo);
}
.selectize-control .selectize-input{
    font-size: .9rem;
    border: 0;
    padding: 0.375rem 0.75rem !important;
    border-radius: var(--border-radius-4);
    background-color: transparent;
    min-height: auto;
    line-height: 1.6;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05) !important;
    height: 100%;
    flex-wrap: wrap;
    gap: .5rem;
}
.selectize-control .selectize-input > input{
    font-size: 14px !important;
}
.selectize-control .selectize-dropdown{
    border-radius: var(--border-radius-24) !important;
    border-top: 0 !important;
    box-shadow: none !important;
    border-radius: 0 0 .25rem .25rem !important;
    top: 20px;
    left: -1px !important;
    width: calc(100% + 2px) !important;
}
.selectize-control .selectize-dropdown .selectize-dropdown-content > *:not(:first-child){
    margin-top: 5px;
}
.selectize-control .selectize-dropdown .selectize-dropdown-content .option,
.selectize-control .selectize-dropdown .selectize-dropdown-content .create{
    border: 1px solid var(--border-color-primero) !important;
    border-radius: var(--border-radius-4);
    background: rgba(0,0,0,.02);
    font-size: 14px;
    padding: 5px 10px;
}
.selectize-control .selectize-dropdown .selectize-dropdown-content .option:hover,
.selectize-control .selectize-dropdown .selectize-dropdown-content .create:hover{
    background-color: var(--color-tei);
    border-color: var(--color-tei) !important;
    color: white !important;
}
/* TimeLine */

.timeline .lineaTiempo{
    display: flex;
    align-items: flex-start;
    position: relative;
}
.timeline .lineaTiempo:not(:first-child){
    margin-top: 20px;
}
.timeline .icono{
    width: 40px;
    position: absolute;
    height: 100%;
    display: flex;
    justify-content: center;
}
.timeline .icono::before{
    background: #c5c5c5;
    content: "";
    height: 130%;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: -1;
    right: calc(50% - 1px);
}
.row > .timeline:nth-child(odd) .icono{
    right: -20px;
}
.row > .timeline:nth-child(even) .icono{
    left: -20px;
}
.timeline .icono .material-icons-outlined{
    background: var(--color-tei-oscuro);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border-radius: 10px;
    position: absolute;
    top: 0;
}
.timeline .icono.info .material-icons-outlined{
    background-color: var(--color-info);
}
.timeline .icono.danger .material-icons-outlined{
    background-color: var(--color-danger);
}
.timeline .contenido{
    padding: 10px;
    background-color: white;
    border-radius: var(--border-radius-4);
    box-shadow: var(--box-shadow-estandar);
}
.timeline .contenido p,
.timeline .contenido h4{
    margin-bottom: 0;
}
.timeline .contenido h4{
    font-size: 1rem;
}
.timeline .contenido h6,
.timeline .contenido p{
    color: var(--color-muted);
}
.timeline .contenido h6{
    font-size: .75rem;
    margin-bottom: 0;
}
#timelineCargarMas{
    font-weight: bold;
    opacity: .7;
    display: inline-block;
    margin: 20px 0 0 0;
    transition: var(--transition-estandar);
}
#timelineCargarMas:hover{
    opacity: 1;
}
/* Módulos */
#modulos .modulo{
    background-color: #fff;
    border-radius: 8px;
    padding: 30px 15px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    height: 100%;
    max-width: 400px;
    margin: 20px 0;
    transition: var(--transition-estandar);
    position: relative;
}
#modulos .modulo .icono{
    position: relative;
}
#modulos .modulo .icono span:not(.svg){
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 52px;
    color: var(--color-tei);
}
#modulos .modulo .icono .svg svg{
    opacity: .09;
    width: 175px;
    height: 200px;
    transform: scale(.9);
}
#modulos .modulo .icono .svg svg polyline{
    fill: #3699FF;
}
#modulos .modulo .titulo{
    font-size: 32px;
    font-weight: bold;
    color: var(--color-tei-oscuro);
    margin: 10px 0;
}
#modulos .modulo .descripcion{
    font-size: 16px;
    color: var(--color-default);
    margin: 10px 0;
}
#modulos .modulo .button-primary{
    width: 200px;
    padding: 10px;
    font-size: 16px;
    margin-top: 10px;
}
/* Card horizontal */
.cardHorizontal{
    background-color: rgba(255,255,255,1);
    border-radius: var(--border-radius-24);
}
.cardHorizontalBorder + .cardHorizontalBorder,
.cardHorizontal + .cardHorizontal{
    margin-top: 15px;
}
.cardHorizontalBorder{
    box-shadow: none;
    border-radius: var(--border-radius-24);
    border: 1px solid var(--border-color-segundo);
}
/* Formas de pago */
#condicionPago .cardHorizontal,
#estado .cardHorizontalBorder,
#formaPago .cardHorizontal{
    display: flex;
    align-items: center;
    padding: 15px;
}
#condicionPago .cardHorizontal .informacion,
#estado .cardHorizontalBorder .informacion,
#formaPago .cardHorizontal .informacion{
    width: calc(100% - 42px)
}
#condicionPago .cardHorizontal .informacion .titulo,
#estado .cardHorizontalBorder .informacion .titulo,
#formaPago .cardHorizontal .informacion .titulo{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#condicionPago .cardHorizontal .informacion .titulo h4,
#estado .cardHorizontalBorder .informacion .titulo h4,
#formaPago .cardHorizontal .informacion .titulo h4{
    margin-bottom: 0;
    font-weight: bold;
}
#estado .cardHorizontalBorder .informacion .titulo h4{
    font-size: 1rem;
}
#condicionPago .cardHorizontal .icono,
#estado .cardHorizontalBorder .icono,
#formaPago .cardHorizontal .icono{
    display: flex;
}
#condicionPago .cardHorizontal .icono i,
#estado .cardHorizontalBorder .icono i,
#formaPago .cardHorizontal .icono i{
    font-size: 32px;
    color: var(--color-tei);
    margin-right: 10px;
}
#estado .cardEstandar{
    overflow: visible;
}
#estado .iconoColor{
    width: 25px;
    height: 25px;
    background-color: var(--color-tei-oscuro);
    border-radius: 50%;
    margin-right: 10px;
}
#estado .opciones .icono{
    font-size: 26px;
}
/* Alert de TEI*/
.cardHorizontalBorderLeft{
    padding: 5px 15px;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 30px;
}
.cardHorizontalBorderLeft::before{
    content: '';
    display: inline-block;
    border-radius: 2rem;
    width: 4px;
    height: 100%;
    background-color: var(--color-tei);
    position: absolute;
    left: 0;
    top: 0;
}
.cardHorizontalBorderLeft.attetion::before{
    background-color: var(--color-tei-attention);
}
.cardHorizontalBorderLeft .informacion .titulo{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
}
.cardHorizontalBorderLeft .informacion .descripcion{
    font-size: 14px;
    color: var(--color-muted);
    margin-bottom: 0;
}
.cardHorizontalBorderLeft .icono{
    margin-right: 11px;
    display: flex;
    background-color: #e1f0ff;
    padding: 5px;
    border-radius: var(--border-radius-4);
    color: var(--color-tei);
    align-items: center;
    justify-content: center;
    font-size: 26px;
}
.cardHorizontalBorderLeft.attetion .icono{
    background-color: rgba(236, 113, 0, .2);
    color: var(--color-tei-attention-text);
}
/* Usuarios */
.usuarioCubo{
    padding: 20px;
    text-align: center;
    background-color: white;
    border-radius: var(--border-radius-card);
    position: relative;
}
.usuarioCubo img{
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-bottom: 10px;
    border-radius: 50%;
}
.usuarioCubo .acronimo{
    display: inline-flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--color-tei-oscuro);
    font-weight: bold;
    color: white;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    margin-bottom: 10px;
}
.usuarioCubo .nombre{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
}
.usuarioCubo .email{
    font-size: 14px;
    margin-bottom: 5px;
}
.usuarioCubo .roles{
    margin-bottom: 5px;
}
.usuarioCubo .roles li{
    background-color: var(--color-tei-oscuro);
    color: white;
    border-radius: var(--border-radius-4);
    display: inline-flex;
    font-size: 12px;
}
.usuarioCubo .roles li + li{
    margin-left: 5px;
}
.usuarioCubo small{
    font-size: 12px;
    color: var(--color-muted);
}
.usuarioCubo .opciones{
    position: absolute;
    top: 10px;
    right: 10px;
}
.usuarioCubo.usuarioCuboAnadir{
    height: 100%;
    min-height: 215px;
    border: 2px dashed var(--color-tei);
    background: white;
    opacity: .4;
    color: var(--color-tei);
    transition: var(--transition-estandar);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    cursor: pointer;
}
.usuarioCubo.usuarioCuboAnadir:hover{
    opacity: 1;
}
.usuarioCubo.usuarioCuboAnadir .icono{
    font-size: 40px;
}
.usuarioCubo.usuarioCuboAnadir .titulo{
    font-size: 20px;
    margin-bottom: 0;
}
#modalUsuario .avatar{
    width: 75px;
    height: 75px;
    margin: 0 auto 10px auto;
    cursor: pointer;
}
#modalUsuario .avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

/* Roles - Permisos */
#roles .permiso{
    display: block;
    padding: 10px 0;
}
#roles .permiso + .permiso{
    border-top: 1px solid var(--border-color-segundo);
}
#roles .permiso > div{
    flex: auto;
    max-width: 100%;
}
#roles .permiso .titulo{
    font-weight: bold;
}
#roles .permiso p{
    padding: 0;
    font-weight: normal;
    max-width: 100%;
    margin-bottom: 0;
}
#roles .permiso .enlace{
    padding: 0;
    transition: var(--transition-estandar);
}
#roles .permiso .enlace[aria-expanded="true"]{
    opacity: .6;
}
.content-input input,
.content-select select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.content-input input{
    visibility: hidden;
    position: absolute;
    right: 0;
}
.content-input{
    position: relative;
    padding: 5px 0 5px 60px;
    display: block;
    cursor: pointer;
    height: 30px;
    text-align: right;
    margin-bottom: 0;
}

.content-input input + i{
    background: #D12323;
    border: 2px solid transparent;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--transition-estandar);
}

.content-input input[type=checkbox ] + i{
    width: 48px;
    height: 24px;
    border-radius: var(--border-radius-24);
}
.content-input input[type=checkbox] + i:before{
    content: '';
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    box-shadow: 3px 0 3px 0 rgba(0,0,0,0.1);
    transition: var(--transition-estandar);
}
.content-input input[type=checkbox]:checked + i:before{
    left: 24px;
    box-shadow: 3px 0 -3px 0 rgba(0,0,0,0.2);
}

.content-input input[type=checkbox]:checked + i{
    background: #01994B;
}
.content-input input.sinCompletar[type=checkbox]:checked + i{
    background: #EC7100;
}
/* Uppy */
.uppyImg{
    position: relative;
}
.uppyImg:hover .eliminarImagen{
    opacity: .7;
}
.uppy-size--md .uppy-DashboardTab svg{
    margin: auto !important;
}
/* Boton eliminar imagen*/
.eliminarImagen{
    position: absolute;
    right: -15px;
    top: -15px;
    background-color: #6c757d;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    color: white;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: var(--transition-estandar);
    z-index: 10;
}
.eliminarImagen .icono{
    font-size: 16px;
}

/* SimplePicker */
.flatpickr-calendar.open{
    z-index: 100000002 !important;
}
/* Formato estandar*/
.formatoEstandar ul{
    padding-left: 2rem;
}
/* Loader */
.loader-wrapper{
    position: relative;
    min-height: 1100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader {
    display: block;
    position: relative;
    width: 150px;
    height: 150px;
    border: 2px solid transparent;
    border-top-color: var(--color-tei);
    border-radius:100%;
    animation: spin 2s linear infinite;
    z-index: 1001;
}
.loader:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 2px solid transparent;
    border-top-color: var(--color-tei-success);
    border-radius: 100%;
    animation: spin 3s linear infinite;
}

.loader:after {
    content: "";
    position: absolute;
    top: 14px;
    left: 14px;
    right: 14px;
    bottom: 14px;
    border: 2px solid transparent;
    border-top-color: var(--color-tei-attention);
    border-radius: 100%;
    animation: spin 1.5s linear infinite;
}
/* Barra inferior */
.barraInferior{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: white;
    display: none;
    border-top: 1px solid var(--border-color-segundo);
}
.barraInferior ul,
.barraInferior p{
    margin-bottom: 0;
}
.barraInferior .titulo{
    font-size: 20px;
    color: var(--color-tei-oscuro);
    font-weight: bold;
    padding: 0 30px;
    display: flex;
    align-items: center;
    height: 100px;
}
.barraInferior ul{
    display: flex;
    align-items: center;
}
.barraInferior ul li{
    height: 100%;
}
.barraInferior ul li button{
    padding: 0 30px;
    background: white;
    border: none;
    font-size: 14px;
    height: 100px;
    color: var(--color-default);
    transition: var(--transition-estandar);
}
.barraInferior ul li button:hover{
    background-color: var(--background-black-hover);
}
.barraInferior ul li button span{
    display: block;
    font-size: 22px;
    margin-bottom: 5px;
    color: var(--color-tei);
}
.barraInferior ul li button.eliminar,
.barraInferior ul li button.eliminar span{
    color: var(--color-danger-texto);
}

/* Swal */
.swal2-container .swal2-modal{
    border-radius: var(--border-radius-24);
}
.swal2-container .swal2-title{
    color: var(--color-tei-main);
}
.swal2-container button.swal2-confirm{
    order: 2;
}
.swal2-container button.swal2-cancel{
    order: 1;
}
.swal2-close:focus{
    box-shadow: none !important;
}
/* Previsualización SEO*/
.previsualizacionSEO .seo-preview{
    border-radius: 24px;
    border: 1px solid var(--border-color-segundo);
    padding: 30px;
    max-width: 700px;
}
.previsualizacionSEO .seo-preview .seo-title{
    color: #1A0DAB;
    cursor: pointer;
    font-family: arial, regular;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    visibility: visible;
    white-space: nowrap;
}
.previsualizacionSEO .seo-preview .seo-url{
    color: #006621;
    font-family: arial, regular;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
    visibility: visible;
}
.previsualizacionSEO .seo-preview .seo-description{
    color: #545454;
    font-family: arial, regular;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    visibility: visible;
    word-wrap: break-word;
}
/* Menú en las tablas - diseño exclusivo de móvil */
.menuMovil{
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: var(--color-tei-oscuro);
    width: 100%;
    padding: 10px;
    display: none;
}
.menuMovil ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menuMovil ul li{
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    text-align: center;
    position: relative;
}
.menuMovil ul button{
    background-color: none;
    border: none;
    outline: none;
    color: white;
    background-color: transparent;
    height: 50px;
    width: 50px;
    transition: var(--transition-estandar);
    border-radius: var(--border-radius-4);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.menuMovil ul button.central{
    border-radius: 50%;
    background-color: white;
    color: var(--color-tei-oscuro);
}
.menuMovil ul button.central:hover{
    background-color: white;
    color: var(--color-tei-oscuro);
    opacity: .7;
}
.menuMovil ul button .icono{
    font-size: 32px;
}
.menuMovil ul button:hover{
    background-color: var(--background-black-hover);
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 768px){
    header #navbarSupportedContent{
        display: flex;
    }
    header #navbarSupportedContent > .navbar-nav{
        display: none;
    }
    header #navbar ul:not(.dropdown-content){
        justify-content: flex-start;
    }
    header #navbar > .container-fluid{
        padding: 0;
    }
}
@media only screen and (max-width: 572px) {
    .barraInferior .row > div{
        padding: 0;
    }
    .barraInferior .titulo{
        padding: 15px;
        height: auto;
        font-size: 16px;
    }
    .barraInferior ul li button{
        padding: 15px;
        height: auto;
    }
    .barraInferior ul li button span{
        font-size: 20px;
    }
    /*.document-modal .pdf iframe{*/
    /*    display: none;*/
    /*}*/
    /*.document-modal .pdf .canvas{*/
    /*    display: block;*/
    /*}*/
    .filtros{
        position: absolute;
        left: -100%;
    }
    .tabla{
        width: 100%;
        flex: 1 1 auto;
    }
    .dataTables_wrapper .dt-buttons{
        float: none;
        margin-top: 15px;
    }
    #menuVenta .acciones{
        flex-wrap: wrap;
        margin: 10px 0;
    }
    #menuVenta .acciones > *{
        flex: 0 0 calc(49% - 2px);
        max-width: calc(49% - 2px);
        margin: 5px 2px;
    }
    #menuVenta .acciones .btn-group .boton-1{
        width: 100%;
    }
    .form-group + .form-group{
        margin-top: 7.5px;
    }
    #autenticacion form{
        margin-top: 60px;
    }
}

/*Melillo*/
/*--color-bg-posts: rgb(226,232,240);*/
/* Generales Texto */

/* BOTONES Y TABS */
#blog #tabs-edicion-post{
    background-color: rgb(226,232,240) !important;
}
#blog #tabs-edicion-post li > button{
    padding: 20px;
    border-radius: 0;
}
#blog .nav-tabs .nav-link{
    background-color: rgb(226,232,240);
}
#blog .nav-tabs .nav-link.active{
    color: var(--color-tei-oscuro);

}
#blog #opcionesPost label{
    margin-top: 3px;
    margin-bottom: 3px;
}
#blog #opcionesPost input, #blog select{
    margin-top: 10px;
    margin-bottom: 10px;
}
#blog .btn-p-sin-icono{
    background-color: var(--color-tei-true-blue);
    color: #FFFFFF;
    font-weight: 700;
    font-weight: bold;
    padding: 0px, 24px, 0px, 24px;
    border-radius: 24px;
}
#blog .btn-p-sin-icono:hover{
    color: #FFFFFF;
    background-color: var(--color-tei-persian-blue);
}
#blog .btn-p-sin-icono:active{
    background-color: var(--color-tei-main);
}
#blog .btn-s-sin-icono{
    color: #0064C0;
    font-weight: 700;
    background: #FFFFFF;
    border: 2px solid #0064C0;
    box-sizing: border-box;
    border-radius: 24px;
}
#blog .btn-s-sin-icono:hover{
    background-color: white;
    color: var(--color-tei-persian-blue);
    border: 2px solid var(--color-tei-persian-blue);

}

#blog .accordion{
    background: #FFFFFF;
}
/* //BOTONES Y TABS */

/* POST VISTA TABLAS  (blog) */
.tabla_listarpost{
    background-color: #F3F4F5;
    color: var(--color-tei-main);
    font-weight: 400;
    border: solid 1px #CFD2D9;
}
.tabla_listarpost .col{
    padding-top: 16px;
    padding-bottom: 16px;
}
a.tabla_listarpost_row .row{
    background-color: #FFFFFF;
    padding-top: 16px;
    padding-bottom: 16px;
    /*transition: all 0.2s ease-out;*/
}
a.tabla_listarpost_row .row:hover{
    background-color: var(--color-tei-main);
    color: #FFFFFF;
    font-weight: bold;
    transition: all 0.2s ease;
    border-right: solid 20px var(--color-tei-light-blue);
}

/* POST CONTAINER - Vista GRID (blog) */
a .post-container{
    margin:0;
}


.post-container{
    padding-left: 1px;
    padding-right: 1px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #FFFFFF !important;
    margin-bottom: 20px;
}
.post-container:hover .post-container-espaciador{
    background-color: var(--color-tei-light-blue);
    transition: all 0.2s ease-in-out;
}

.post-container h4{
    padding: 5px;
    text-align: center;
    /*background-color: red !important;*/
}
.post-container-control{
    text-align: center;
    margin: 0;

    background-color: var(--color-tei-main);
    color: #FFFFFF;
    font-weight: bold;
    /*padding: 3px;*/
}
.post-container-control .row{
    margin: 0px;
}
.post-container-control a{
    margin: 0px;
    padding: 3px;

}
.post-container-control a:hover{

    color: var(--color-tei-light-blue);
    outline: 2px  solid var(--color-tei-light-blue);
    transition: outline 0.1s ease-in-out;
}

.post-container-espaciador{
    display: flex;
    width: 100%;
    height: 20px;
    background-color: var(--color-tei-main);
}

.post-container-titulo{
    height: 60px;
    overflow: hidden;
}

/* Menú lateral */
.menuLateral{
    width: 100%;
    background-color: white;
    padding: 20px;
    border-radius: var(--border-radius-24);
}
.menuLateral > .titulo{
    font-weight: bold;
    color: var(--color-tei-oscuro);
    margin-bottom: 0;
}
.menuLateral ul{
    list-style: none;
    margin: 0;
    padding-bottom: 0;
}
.menuLateral ul li{
    margin-top: 10px;
}
.menuLateral ul li a{
    display: flex;
    align-items: center;
    padding: 10px;
    color: var(--color-default);
    border-radius: var(--border-radius-4);
}
.menuLateral ul li a.activo,
.menuLateral ul li a:hover{
    background-color: var(--background-black-hover);
    color: var(--color-tei-oscuro);
}
.menuLateral ul li .icono{
    margin-right: 5px;
}

/* Lightbox */
#lightbox .lb-outerContainer,
#lightbox .lb-image{
    border-radius: var(--border-radius-24);
}

nav[role="navigation"] span[aria-current='page'] span{
    background-color: rgba(219, 234, 254, 1) !important;
    border-color: rgba(96, 165, 250, 1) !important;
    color: #2563eb;
    font-weight: bold;
    z-index: 20;
}

/* iconos desplegables datos producto */
.icono-desplegable{
    position: absolute;
    right:1rem;
    font-size:22px;
}
.label-producto{
    background-color: var(--color-tei-main);
    color: white;
}
.cuboColor{
    display: block;
    width: 25px;
    height: 25px;
    border-radius: var(--border-radius-4);
}
.shadow{
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) !important;
}
/* Embla */
.embla {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
}

.embla__viewport {
    overflow: hidden;
    width: 100%;
}

.embla__viewport.is-draggable {
    cursor: move;
    cursor: grab;
}

.embla__viewport.is-dragging {
    cursor: grabbing;
}

.embla__container {
    display: flex;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: transparent;
    margin-left: -10px;
}

.embla__slide {
    position: relative;
    width: 50px;
    margin-left: 20px;
}

.embla__slide__inner {
    position: relative;
    overflow: hidden;
    height: 190px;
}

.embla__slide__img {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: auto;
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    transform: translate(-50%, -50%);
}

.embla__button {
    outline: 0;
    cursor: pointer;
    background-color: transparent;
    touch-action: manipulation;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    fill: #1bcacd;
    padding: 0;
}

.embla__button:disabled {
    cursor: default;
    opacity: 0.3;
}

.embla__button__svg {
    width: 100%;
    height: 100%;
}

.embla__button--prev {
    left: 27px;
}

.embla__button--next {
    right: 27px;
}

/* Modal del producto - buscar de ventas y compras */
#modalProductoBuscar table tr.activo td,
#modalProductoBuscar table tr:hover td:not(.placeholder){
    background-color: rgba(0,0,0,.05);
}
/* Livewire */
#livewire-error{
    z-index: 9999999999 !important;
}

/* Componentes */
#componentes .code-mirror,
#componentes .code-mirror > div{
    height: 350px;
}

/* Wizard de la creación por primera vez de una web */
#wizard_pasos{
    padding: 0;
}
#wizard_pasos .grid > div{
    min-height: calc(100vh - 60px);
    display: flex;
}
#wizard_pasos .grid .form .title{
    max-width: 600px;
    text-align: center;
    margin: 0 auto 5rem auto;
}
#wizard_pasos .grid .form .title h4{
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 800;
    margin-bottom: 1rem;
}
#wizard_pasos .grid .form .page > svg{
    position: absolute;
    right: 24px;
}
#wizard_pasos .grid .form .page[data-active="false"] svg{
    opacity: 0;
}
#wizard_pasos .grid .form .page[data-active="false"] > div:last-child{
    border-color: transparent;
}
#wizard_pasos .grid .form .page > div{
    border-color: var(--color-tei);
}
#wizard_pasos .grid .form{
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
#wizard_pasos .grid .information{
    justify-content: center;
    align-items: center;
    background-color: #e6e8eb;
}
#wizard_pasos .grid .information,
#wizard_pasos .grid .form > div:not(.actions){
    padding: 120px var(--bs-gutter-x, 0.75rem);
}
#wizard_pasos .grid .form .actions{
    border-top: 2px solid #e6e8eb;
    padding: var(--bs-gutter-x, 0.75rem);
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#wizard_pasos .grid .form .actions #stepPrev,
#wizard_pasos .grid .form .actions #stepNext{
    border: 2px solid var(--color-tei);
    border-radius: var(--border-radius-24);
    line-height: 1.5;
    transition: var(--transition-estandar);
    padding: 7.5px 15px;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wizard_pasos .grid .form .actions #stepPrev{
    color: var(--color-tei);
}
#wizard_pasos .grid .form .actions #stepPrev svg{
    margin-right: 5px;
}
#wizard_pasos .grid .form .actions #stepPrev:hover{
    color: white;
    background-color: var(--color-tei);
}
#wizard_pasos .grid .form .actions #stepNext{
    background-color: var(--color-tei);
    color: white;
}
#wizard_pasos .grid .form .actions #stepNext:hover{
    background-color: var(--color-tei-oscuro);
    border-color: var(--color-tei-oscuro);
}
#wizard_pasos .grid .form .actions #stepNext svg{
    margin-left: 5px;
}
#wizard_pasos .grid .form .actions #stepJump{
    font-weight: bold;
    color: var(--color-tei);
}
#wizard_pasos .grid .information > div{
    width: 600px;
}
#wizard_pasos .grid .information .image{
    background-color: #fff;
    box-shadow: var(--box-shadow-lg);
    padding: 40px;
    border-radius: var(--border-radius-lg);
    margin: auto;
}
#wizard_pasos .grid .information .image img{
    width: 100%;
}
#wizard_pasos .grid .information .text{
    margin-top: 30px;
    font-size: 1.125rem;
    line-height: 1.75rem;
}
/* Table - modal  */
/* --------------------------------------------------------------------- */
.table-modal .modal-body{
    padding: 1rem 0;
}
.table-modal .modal-body .information{
    padding: 0 1rem;
    margin-bottom: 1rem;
}
.table-modal .documentLinesHeader{
    border-bottom: 1px solid var(--border-color-segundo);
}
.table-modal .documentLinesHeader,
.table-modal .documentLine{
    margin: 0;
}
.table-modal .documentLinesHeader > div,
.table-modal .documentLine > div{
    padding: 0;
}
.table-modal .documentLinesHeader .title{
    padding: 0.375rem 1rem;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #696969;
}
.table-modal .documentLine p{
    padding: 0.5rem 1rem;
    height: 50px;
    display: flex;
    align-items: center;
}
.table-modal .documentLine input{
    background-color: #fff;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    font-size: 16px;
    outline: 2px solid transparent;
    padding: 0.5rem 1rem;
    transition: var(--transition-estandar);
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    position: relative;
}

.table-modal .documentLine input:focus{
    z-index: 10;
}
.table-modal .documentLine input:disabled{
    background-color: rgba(0, 100, 192, .1);
}
.table-modal .documentLine > div:not(:first-child){
    border-left: 1px solid var(--border-color-segundo);
}
.table-modal .documentLine > div{
    border-bottom: 1px solid var(--border-color-segundo);
}

/* Categories accordion */
.categories-accordion .accordion-item{
    border-color: var(--border-color-segundo);
    border-radius: var(--border-radius-lg);
    background-color: #fff;
}
.categories-accordion .accordion-item .accordion-button{
    background-color: white;
}
.categories-accordion .accordion-item .accordion-button:not(.collapsed){
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
    border-bottom: 0;
    color: var(--color-tei);
}
.categories-accordion .accordion-item .accordion-button.collapsed{
    border-radius: var(--border-radius-lg);
}
.categories-accordion .accordion-collapse ul li > div{
    padding: 1.5rem 1.125rem;
}
#categoriesList input[type="checkbox"],
#categoriesList input[type="radio"]{
    cursor: pointer;
}
#categoriesList button svg{
    cursor: pointer;
    transition: var(--transition-estandar);
}
#categoriesList button:not(:disabled):not(.collapsed) svg{
    transform: rotate(90deg);
}

/* Tabla de lista de precios */
#productRateTable .table-children th:not(.empty),
#productRateTable .table-children td:not(.empty){
    min-width: 200px;
}
#productRateTable table td.empty{
    width: 100%;
}
#productRateTable button[data-status="close"] > svg.open,
#productRateTable button > svg.close{
    display: none;
}
#productRateTable button[data-status="close"] > svg.close{
    display: block;
}

/* Logs - registros */
#registerCard .card-tei-header{
    padding-bottom: 1.25rem;
}
#registerCard .card-tei-body{
    padding: 0;
}
#registerCard .card-tei-body dl > div{
    padding: 1.25rem
}
#registerCard .card-tei-body dl > div:last-child{
    border-radius: 0 0 1rem 1rem;
}

/* Code Mirror*/
.codeMirror{
    opacity: 0;
}
.codeMirror,
.CodeMirror{
    border-radius: var(--border-radius-2xl);
    min-height: 500px;
}

/* Sistema de Archivos */
#sistemaArchivos .uppy-Dashboard-inner{
    background-color: white;
}

/* Ql Editor */
/* --------------------------------------------------------------------- */
/*.ql-editor{*/
/*    min-height: 125px;*/
/*}*/

/* Alerta de TEI */
/* --------------------------------------------------------------------- */
.alert-tei{
    border-radius: 16px;
    padding: 12px 16px;
    border: 2px solid transparent;
    display: flex;
}
.alert-tei.alert-tei-attention{
    background-color: var(--color-tei-attention-background);
    border-color: var(--color-tei-attention);
    color: var(--color-tei-attention-text);
}
.alert-tei .icon{
    margin-right: 10px;
    margin-left: inherit;
}
.alert-tei .title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
/* Card lista */
/* --------------------------------------------------------------------- */
.card-list .form-group {
    display: flex;
    align-items: center;
}
.card-list .form-group label{
    font-size: 14px;
    margin-bottom: 0;
    font-weight: normal;
    padding: 10px 1rem;
    width: 100%;
}
.card-list .form-group a.placeholder{
    font-weight: bold;
    color: var(--color-info);
}
/* Dropdown */
/* --------------------------------------------------------------------- */
.dropdown-tei .action button{
    color: rgb(51, 65, 85);
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: .75rem;
    border-radius: .375rem;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.dropdown-tei:not(.dropdown-table):not(.dropdown-without-border) .action button{
    border: 1px solid rgb(222, 226, 230);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.dropdown-tei .content{
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    background-color: #ffffff;
    border-radius: .375rem;
    transform-origin: top right;
    margin-top: .25rem;
    right: 0;
    position: absolute;
    z-index: 10;
}
.dropdown-tei .content > div > div{
    display: flex;
    flex-direction: column;
    align-items: start;
}
.dropdown-tei .content .nav-link{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: .5rem 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #334155;
    font-weight: 600;
    width: 100%;
    white-space: nowrap;
}
.dropdown-tei .content .nav-link:hover{
    background-color: rgba(0,0,0,.05);
}
.dropdown-tei .content .nav-link .icon{
    min-width: 1.25rem;
    min-height: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .75rem;
    margin-left: 0;
}
/* Card list */
/* --------------------------------------------------------------------- */
.card-list .view > div + div{
    margin-top: 5px;
}
.card-list .view .title{
    min-width: 30%;
    font-weight: bold;
}
.card-list .view .content{
    padding: 10px 1rem;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
}
/* jSignature */
/* --------------------------------------------------------------------- */
.signature{
    width: 100%;
    border: 2px dashed var(--color-tei-primary);
    border-radius: 24px;
    overflow: hidden;
    margin-top: 1rem;
}
/* Mock-up */
/* --------------------------------------------------------------------- */
.mock-up-aside-content{
    min-height: calc(100vh - 60px);
}
.mock-up-aside-content .mock-up-aside{
    width: 275px;
    border-right: 1px solid var(--border-color-segundo);
    background-color: white;
    padding: 1rem;
}
.mock-up-aside-content .mock-up-aside .title{
    font-size: 18px;
    line-height: 28px;
    font-weight: 800;
    color: var(--color-tei-main);
    margin-bottom: 10px;
}
.mock-up-aside-content .mock-up-aside ul li + li{
    margin-top: 10px;
}
.mock-up-aside-content .mock-up-aside ul li button{
    font-weight: 600;
    padding: 7.5px 10px;
    border-radius: 8px;
    width: 100%;
    text-align: left;
    opacity: .8;
}
.mock-up-aside-content .mock-up-aside ul li button:hover,
.mock-up-aside-content .mock-up-aside ul li button.active{
    background-color: #edf1f5;
    opacity: 1;
}
.mock-up-aside-content .container-fluid{
    padding-left: 1rem;
    padding-right: 1rem;
}
.mock-up-aside-content .mock-up-content{
    width: 100%;
}
.mock-up-aside-content .mock-up-content .menuEdicion{
    border-bottom: 1px solid var(--border-color-segundo);
}
.mock-actions-mobile {
    position: fixed;
    bottom: 20px;
    left: 20px;
}
@media only screen and (max-width: 767px) {
    .mock-up-aside-content .mock-up-aside {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 49;
    }
}
/* Breadcrumb image */
/* --------------------------------------------------------------------- */
.breadcrumb-image{
    min-height: 210px;
    background-image: url('/img/breadcrumbs/pattern-1.svg');
    padding: 24px 16px;
}
.breadcrumb-image.breadcrumb-tabs{
    min-height: 240px;
}
.breadcrumb-image .navigation ul{
    display: flex;
    align-items: center;
    gap: 12px;
}
.breadcrumb-image .navigation ul li a{
    font-weight: 500;
    transition: .2s;
    opacity: .6;
    color: #fff;
}
.breadcrumb-image .navigation ul li a:hover,
.breadcrumb-image .navigation ul li a.active{
    opacity: 1;
}
.breadcrumb-image .navigation ul li svg{
    color: #fff;
    opacity: .6;
}
.breadcrumb-image .information{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}
.breadcrumb-image .information .title{
    font-size: 1.875rem;
    line-height: 2.25rem;
    color: #fff;
}
.breadcrumb-image .button-previous,
.breadcrumb-image .button-next,
.breadcrumb-image .information .actions a:not(.nav-link-dropdown),
.breadcrumb-image .information .actions button:not(.nav-link-dropdown){
    border-color: rgba(255,255,255,.1);
    background-color: rgba(255,255,255,.1);
    color: #fff;
}
.breadcrumb-image .information .actions button:not(.nav-link-dropdown) .icono,
.breadcrumb-image .information .actions button:not(.nav-link-dropdown) svg{
    color: #fff;
}
.breadcrumb-image .button-previous:hover,
.breadcrumb-image .button-next:hover,
.breadcrumb-image .information .actions .dropdown-tei .action button:hover,
.breadcrumb-image .information .actions .btn-group:hover button:not(.nav-link-dropdown),
.breadcrumb-image .information .actions a:not(.nav-link-dropdown):hover,
.breadcrumb-image .information .actions button:not(.nav-link-dropdown):hover{
    border-color: #fff;
    background-color: #fff;
    color: var(--color-tei-main);
}
.breadcrumb-image .information .actions .btn-group:hover button:not(.nav-link-dropdown) .icono,
.breadcrumb-image .information .actions .btn-group:hover button:not(.nav-link-dropdown) svg,
.breadcrumb-image .information .actions button:not(.nav-link-dropdown):hover .icono,
.breadcrumb-image .information .actions button:not(.nav-link-dropdown):hover svg{
    color: var(--color-tei-main);
}
.breadcrumb-image .information .actions .boton-1.action-important{
    background-color: #fff;
    color: var(--color-tei-main);
}
.breadcrumb-image .information .actions .dropdown-tei .action button{
    padding: 5.5px 12.5px;
    border-radius: 24px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    transition: .2s all;
}
.breadcrumb-image .information .actions .dropdown-tei .action button svg{
    transition: .2s all;
}
.breadcrumb-image .tabs{
    margin: 16px 0;
}
.breadcrumb-image .tabs .nav-tabs{
    border-bottom: 0;
    gap: 12px;
}
.breadcrumb-image .tabs .nav-tabs button{
    border-radius: 24px;
    font-weight: 500;
}
.breadcrumb-image .tabs .nav-tabs button:not(.active){
    color: #fff;
}
.breadcrumb-image .tabs .nav-tabs button:not(.active):hover{
    background-color: #fff;
    color: var(--color-tei-main);
}
.breadcrumb-image + section{
    margin-top: -80px;
}
.breadcrumb-image .acciones .dropdown-tei .action button{
    height: 40px;
}
@media only screen and (max-width: 640px){
    .breadcrumb-image.breadcrumb-tabs{
        min-height: 340px;
    }
    .breadcrumb-image{
        min-height: auto;
    }
    .breadcrumb-image .information,
    .breadcrumb-image .information .acciones{
        flex-wrap: wrap;
        justify-content: flex-start !important;
        gap: 10px;
    }
    .breadcrumb-image .information .acciones a,
    .breadcrumb-image .information .acciones button{
        margin: 0;
    }
}

/* Tabla de trazabilidad */
/* --------------------------------------------------------------------- */
.table-traceability [data-level]:not(.row-active){
    display: none;
}
.table-traceability tr .button-collapse{
    color: #EA580C;
}
.table-traceability tr .button-collapse:hover{
    background-color: #FED7AA;
}
.table-traceability tr.row-open .button-collapse{
    color: #16A34A;
}
.table-traceability tr.row-open .button-collapse:hover{
    background-color: #BBF7D0;
}
.table-traceability tr.row-open .folder,
.table-traceability tr:not(.row-open) .folder-open{
    display: none;
}
.table-traceability [data-level] .indent{
    display: inline-block;
}
.table-traceability [data-level] .indent-extra{
    display: inline-block;
    width: 30px;
}
.table-traceability .button-collapse{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s all;
}
.jOrgChart .left {
    border-right: none !important;
}
/* Table Tailwind */
/* --------------------------------------------------------------------- */
.section-table-tail .container-fluid{
    padding: 0;
}
.section-table-tail .grid:not(.filters) > *{
    min-height: calc(100vh - 60px);
}
.section-table-tail .filters{
    width: 450px;
}
.table-tail{
    margin-left: -24px;
    margin-right: -24px;
}
.table-tail table thead th{
    font-size: .875rem;
    padding: 12px 24px;
    outline: none;
    cursor: pointer;
    position: relative;
}
.table-tail table thead th button{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 600;

}
.table-tail table.row-click tbody tr:not(.sub-header):not(.row-empty) td:not(.col-bulk){
    cursor: pointer;
}
.table-tail table.row-click tbody tr:not(.sub-header):not(.row-empty):not(.row-bulk):hover td{
    background-color: #f2f2f2;
}
.table-tail table.row-click tbody tr.sub-header td{
    padding: .75rem 1.25rem !important;
}
.table-tail-toolbar .action{
    background-color: white;
    border-radius: 4px;
    border: 1px solid rgb(209, 213, 219);
    padding: 6px 10px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: rgba(13, 28, 63, 1);
    box-shadow: 0 0 0 4px rgba(0, 100, 192, 0);
    transition: box-shadow .3s, color .3s, border-color .3s;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 125px;
}
.table-tail-toolbar .action.icon{
    min-width: auto;
    height: 38px;
}
.table-tail-toolbar .action[aria-expanded="true"]{
    border-color: rgba(0, 100, 192, 1);
    box-shadow: 0 0 0 4px rgba(0, 100, 192, 0.2);
}
.table-tail-toolbar #perPage {
    min-width: 42px;
}
@media only screen and (max-width: 572px) {
    .table-tail-toolbar > div > div > input,
    .table-tail-toolbar .action:not(.icon) {
        min-width: 120px;
        width: 120px;
    }
}
.table-tail-pills .input-extra input{
    position: relative;
    z-index: 2;
}
.table-tail-pills .input-extra span{
    background-color: rgb(248, 250, 252);
    border: 1px solid rgb(222, 226, 230);
    height: 38px;
    min-width: 50px;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    margin-left: -2px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.table-tail table.footer-disabled tfoot{
    display: none;
}
.table-tail .actions > :not([data-type]) {
    color: var(--color-tei-sky-blue-text);
}
.table-tail .actions > :not([data-type]):hover {
    background-color: var(--color-tei-sky-blue-bg);
}
.table-tail .actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}
.table-tail .actions > a, .table-tail .actions > button {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s all;
}
.table-tail .actions > [data-type="edit"] {
    color: var(--color-tei-success-text);
}
.table-tail .actions > [data-type="edit"]:hover {
    background-color: var(--color-tei-success-bg);
}
.table-tail .actions > [data-type="delete"] {
    color: var(--color-tei-warning-text);
}
.table-tail .actions > [data-type="delete"]:hover {
    background-color: var(--color-tei-warning-bg);
}
.table-tail tbody tr td.text-right > .w-48{
    width: 100%;
}
.table-tail tbody tr.row-active,
.table-tail tbody tr.row-active:hover td{
    background-color: #bfdbfe !important;
}

@media only screen and (max-width: 640px){
    .table-tail-sidebar{
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 9999;
        transition: .3s all;
        background-color: #f1f5f9;
        width: 100%;
        height: 100%;
    }
    .table-tail-sidebar.active{
        left: 0;
    }
    .section-table-tail .filters{
        width: 100%;
    }
}
/* Table data */
/* --------------------------------------------------------------------- */
.section-table-data .container-fluid{
    padding: 0;
}
.section-table-data .grid > *{
    min-height: calc(100vh - 60px);
}
.section-table-data .table-data{
    margin-left: -24px;
    margin-right: -24px;
}
.card-table-data .table-data{
    margin-left: -1.25rem;
    margin-right: -1.25rem;
}
.card-table-data .table-data table thead th,
.section-table-data .table-data table thead th{
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 12px 24px;
    outline: none;
    position: relative;
}
.card-table-data .table-data table tfoot td,
.card-table-data .table-data table tbody td,
.section-table-data .table-data table tbody td{
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 1rem 1.5rem;
    outline: none;
    position: relative;
}
.card-table-data .table-filters,
.section-table-data .table-filters{
    display: flex;
    gap: .75rem;
    margin-bottom: 1.5rem;
}
.card-table-data .table-filters .action,
.section-table-data .table-filters .action{
    background-color: white;
    border-radius: 4px;
    border: 1px solid rgb(209, 213, 219);
    padding: 6px 10px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: rgba(13, 28, 63, 1);
    box-shadow: 0 0 0 4px rgba(0, 100, 192, 0);
    transition: box-shadow .3s, color .3s, border-color .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 125px;
}
/* Notificación banner */
/* --------------------------------------------------------------------- */
.notificacion-banner{
    z-index: 999999999;
    left: 0;
    right: 0;
    width: 400px;
}
.notificacion-banner > div{
    border-radius: 12px;
    padding: 20px 10px;
}
.notificacion-banner > div[data-type="info"]{
    background-color: var(--color-tei-secondary);
}
.notificacion-banner > div[data-type="success"]{
    background-color: var(--color-tei-success);
}
.notificacion-banner > div[data-type="error"]{
    background-color: var(--color-tei-error);
}
.notificacion-banner .button-close{
    position: absolute;
    right: 10px;
    top: 10px;
}
.notificacion-banner .button-close svg{
    width: 20px;
    height: 20px;
}
.notificacion-banner .content{
    padding-right: 30px;
}
.notificacion-banner .title{
    font-weight: bold;
}
.notificacion-banner .description{
    font-size: 14px;
    line-height: 20px;
    color: #F1F5F9;
}
.slideUp{
    opacity: 0;
    transform: translateY(-50px);
    animation: slideUp .5s forwards;
}
.slideDown{
    animation: slideDown .5s forwards;
}
@keyframes slideUp{
    100%{
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slideDown{
    100%{
        transform: translateY(-50px);
        opacity: 0
    }
}
/* Roles */
/* --------------------------------------------------------------------- */
.roles .dropdown-tei{
    position: absolute;
    top: -11px;
    right: -11px;
}

/* Panel de logs */
/* --------------------------------------------------------------------- */
.log-panel{
    max-height: 550px;
    overflow-y: auto;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}
/* Tiny */
/* --------------------------------------------------------------------- */
.tox-tinymce-aux {
    z-index: 99999999 !important;
}
.tox-promotion{
    display: none;
    opacity: 0;
    visibility: hidden;
}

/* FullCalendar */
/* --------------------------------------------------------------------- */
.fullcalendar .fc-toolbar-title::first-letter{
    text-transform: capitalize;
}
.fullcalendar .fc-col-header-cell-cushion{
    text-transform: capitalize;
}
.fullcalendar .fc-event{
    cursor: pointer;
}
.fc .fc-daygrid-day-frame {
    max-height: 250px;
    overflow: auto;
}
/* Highlight */
/* --------------------------------------------------------------------- */
.highlight-danger{
    border: 2px solid var(--color-tei-warning) !important;
    color: var(--color-danger-texto);
}

/* Expedient */
/* --------------------------------------------------------------------- */
#expedient-planning input[type="date"]{
    cursor: pointer;
    width: 100%;
    padding: .5rem .75rem;
    appearance: textfield;
}

#expedient-planning input[type="date"][readonly]{
    background-color: #fff !important;
    opacity: 1;
    color: rgb(33, 37, 41);
}

/* Table card */
/* --------------------------------------------------------------------- */
.table-card > div > .grid{
    background-color: transparent;
}
.table-card > div > .grid > .bg-white {
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
}

/* Flatpickr */
/* --------------------------------------------------------------------- */
input.flatpickr-date{
    width: 100%;
    font-weight: 500;
    min-height: 38px;
    padding: .5rem .75rem !important;
    color: rgb(33, 37, 41) !important;
    opacity: 1;
    background-color: #fff !important;
}

/* Tabla de las líneas del documento */
/* --------------------------------------------------------------------- */
.table-document-lines tbody tr:not(.line-units) td:not(.col-quantity) > div {
    height: 90px;
}

/* Form card */
/* --------------------------------------------------------------------- */
.form-card textarea[readonly],
.form-card select[readonly],
.form-card input[readonly] {
    opacity: 1;
    background: #fff;
    border-color: transparent;
    color: #334155;
    cursor: initial;
}
.form-card textarea[readonly]:focus,
.form-card select[readonly]:focus,
.form-card input[readonly]:focus {
    box-shadow: none;
}
.form-card select[readonly] {
    pointer-events: none;
}

/* Input email */
/* --------------------------------------------------------------------- */
.input-email {
    display: none;
}
.input-email-container {
    border: 1px solid rgb(209, 213, 219);
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 14px;
    position: relative;
}
.input-email-container .input-email-search {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.input-email-container .input-email-input {
    border: 0;
    padding: 0;
    width: 100%;
    font-size: 14px;
    padding-right: 30px;
}
.input-email-container .input-email-input:focus {
    outline: none;
    box-shadow: none;
}
.input-email-container .input-email-add {
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgb(0, 100, 192);
    color: #ffffff;
    height: 100%;
    width: 40px;
    padding: .5rem;
    display: none;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.input-email-container .input-email-list {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    padding-right: 30px;
}
.input-email-container .input-email-list .input-email-tag {
    border-radius: 8px;
    padding: 2px 6px;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #cbd5e1;
    background-color: #f1f5f9;
}
.input-email-container .input-email-list .input-email-tag button:hover {
    border-radius: 100%;
    background-color: #e2e8f0;
}
.input-email-container .input-email-list .input-email-tag button svg {
    color: rgb(55, 65, 81);
    width: 16px;
    height: 16px;
}
.input-email-container .input-email-dropdown {
    position: absolute;
    left: -1px;
    top: 100%;
    width: calc(100% + 2px);
    border: 1px solid rgb(209, 213, 219);
    background-color: #fff;
    padding: 10px 14px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: none;
    flex-wrap: wrap;
    gap: 6px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.input-email-container .input-email-dropdown .input-email-dropdown-item {
    grid-column: span 6 / span 6;
}
.input-email-container .input-email-dropdown .input-email-dropdown-item-value {
    padding: 3px 6px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}
.input-email-container .input-email-dropdown .input-email-dropdown-item-value:hover {
    background-color: #f1f5f9;
}
.input-email-container .input-email-dropdown .input-email-dropdown-item-value .input-email-dropdown-item-value-icon {
    width: 7px;
    height: 7px;
    border-radius: 100%;
}
.input-email-container .input-email-dropdown .input-email-dropdown-item-value.tag-team .input-email-dropdown-item-value-icon {
    background-color: #2563eb;
}
.input-email-container .input-email-dropdown .input-email-dropdown-item-value.tag-external .input-email-dropdown-item-value-icon {
    background-color: #a21caf;
}
.input-email-container.focus-active .input-email-dropdown {
    display: grid;
}
@media only screen and (max-width: 640px) {
    .input-email-container .input-email-dropdown .input-email-dropdown-item {
        grid-column: span 12 / span 12;
    }
    .input-email-container .input-email-add {
        display: flex;
    }
}
/* DateRangerPicker */
/* --------------------------------------------------------------------- */
.daterangepicker {
    z-index: 99999999 !important;
}


/* Task create modal | task edit modal */
/* --------------------------------------------------------------------- */
#tasks-create-modal .selectize-control {
    min-height: 52px;
    box-shadow: none;
    width: 300px;
}
#tasks-create-modal .selectize-control .selectize-dropdown {
    border: 1px solid #dedede !important;
    border-top: 0 !important;
    padding: .75rem !important;
}
#tasks-create-modal .selectize-control .selectize-input {
    flex-wrap: wrap;
    gap: .5rem;
    min-height: 52px;
}

/* FullCalendar */
/* --------------------------------------------------------------------- */
.fc .fc-toolbar-chunk h2:first-letter {
    text-transform: uppercase;
}

.fc .fc-col-header tr,
.fc .fc-scrollgrid-sync-table tr,
.fc .fc-timegrid-slots tr,
.fc .fc-day {
    background-color: #ffffff;
}
.fc .fc-day:hover:not(.fc-day-today) {
    background-color: #f1f5f9;
}
.fc .fc-day .fc-daygrid-day-top a {
    color: #334155;
}
.fc .fc-col-header-cell-cushion {
    color: #0f172a;
    font-weight: 600;
}
.fc .fc-h-event {
    border: 0;
}
.fc .fc-daygrid-day-events > * + * {
    margin-top: 5px !important;
}
.fc .fc-h-event .fc-event-main,
.fc .fc-h-event .fc-event-title {
    white-space: pre-wrap;
}
@media only screen and (max-width: 640px) {
    .fc .fc-header-toolbar {
        flex-wrap: wrap;
        gap: 1.5rem;
    }
    .fc .fc-header-toolbar > .fc-toolbar-chunk:nth-child(1) {
        order: 2;
    }
    .fc .fc-header-toolbar > .fc-toolbar-chunk:nth-child(2) {
        order: 1;
        width: 100%;
    }
    .fc .fc-header-toolbar > .fc-toolbar-chunk:nth-child(3) {
        order: 3;
    }
}