:root {
  --color-texto: #575756;
  --color-principal: #f5b70e;
  --color-principal70: #f5b70e70;
  --color-principal50: #f5b70e50;
  --color-principal30: #f5b70e30;
}

/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
.tr-estatico.tr-web{display: table-row!important;}
.tr-estatico.tr-mobile{display: none!important;}
@media (max-width: 576px) {
  .tr-estatico.tr-web{display: none!important;}
  .tr-estatico.tr-mobile{display: table-row!important;}
}


.btn-mobile-app{background: #e3e3e3;padding-top: 5px;padding-bottom: 6px;height: 36.5px;}
.btn-mobile-app:hover{background: #d7d7d7;}

.btn-mobile-volver{padding-top: 10px;padding-bottom: 10px;}
.btn-mobile-volver{display: none!important;}

.btn-web-volver{padding-top: 7px;padding-bottom:6px;}

@media (max-width: 991px) {
  .header-nav .navbar-toggler.btn-mobile-app{line-height: 2;padding-left: 1rem;padding-right: 1rem;}
}

@media (max-width: 576px) {
  .btn-mobile-volver{display: inline-block!important;}
  .layout-navbar.navbar-detached.mobile-layout{margin-left: 0!important;margin-right: 0!important;width: 100%!important;padding-left: 0.5rem!important;padding-right: 0.5rem!important;}
  .mobile-container-layout{padding-left: 0rem!important;padding-right: 0rem!important;}
  .header-nav{padding-bottom: 0px;}
  .header-nav > .container-fluid{padding-left: 4px;padding-right: 9px;}
  .navbar-select > .container-fluid{padding-left: 4px;padding-right: 9px;}

  .header-nav .btn-md{line-height: 1.5;padding-left: 0.7rem;padding-right: 0.7rem;}
  .header-nav .navbar-toggler.btn-mobile-app{line-height: 2.1;padding-left: 0.5rem;padding-right: 0.5rem;}
}



.layout-page.layout-page-interna{padding-left: 0;margin-top: 5px;}

@media (max-width: 991px) {
  .layout-page.layout-page-interna{margin-top: 0.4rem;}
  .layout-page-interna > .content-wrapper > .listado-content{padding-left: 0px;padding-right: 0px;overflow-x: hidden;}
}

@media (max-width: 576px) {
  .layout-page.layout-page-interna{margin-top: 0rem;}
}

.app-brand .layout-menu-toggle{left: 14rem}


.navbar-detached{box-shadow: none;}
.layout-navbar{background: var(--color-principal50)!important}
.layout-navbar.navbar-detached{border-radius: 0;}

.container-buscador .layout-navbar{background: #f3f3f3!important}
@media (max-width: 576px) {
  #buscarEnTabla{padding-top: 12px;padding-bottom: 12px;font-size: 1rem;}
  .container-buscador .layout-navbar{height: auto;padding-bottom: 0;padding-top: 0;}
  .container-buscador .layout-navbar .input-group-text i.bx-search{font-size: 1.6rem;}
  .container-buscador .layout-navbar .input-group-text i.fa-times{font-size: 1.2rem;}
  .container-buscador .layout-navbar .input-group-text{border-radius: 0;}
}


.menu .app-brand.demo {
  height: 64px;
  margin-top: 12px;
}

.app-brand-logo.demo svg {
  width: 22px;
  height: 38px;
}

.app-brand-text.demo {
  font-size: 1.75rem;
  letter-spacing: -0.5px;
  text-transform: lowercase;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 76px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

.layout-menu-fixed:not(.layout-menu-collapsed) .layout-page.layout-page-interna, .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page.layout-page-interna{padding-left: 0;}


/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}

/*
@font-face {
  font-family: "PublicSans";
  src: url("../../fonts/PublicSans-VariableFont_wght.ttf");
}@font-face {
  font-family: "PublicSans Italic";
  src: url("../../fonts/PublicSans-Italic-VariableFont_wght");
}
*/

#tableContent tr:hover{background-color: #fdc32d12;}
#tableContent i.iconLinea{cursor:pointer;font-size:25px}
#tableContent .dias-caducidad{vertical-align: middle;line-height: 20px;}
#tableContent .dias-caducidad i{position: relative;top: -1px}
#tableContent .span-dirigido{vertical-align: middle;line-height: 20px;font-size: 13px;}



.table-responsive{overflow-x: visible;}

.informePDF{}

.informePDF *{font-family: "Arial";color:#444;}
.informePDF h4{color:#444;margin:5px 0;}
.informePDF h5{color:#444;margin:5px 0;}
.informePDF .divider{}
.informePDF .divider .divider-text{font-size:32pt;font-weight:bold;color:#444;}
.informePDF .divider .divider-text:before, .divider .divider-text:after{border-width: 30px;top:30%;border-color:#6BCBB8;}

.form-label{margin-bottom: 0.2rem}
.modal-body{padding-bottom: 0.5rem}


.btn-danger{border-color: #FF6E7A;background-color: #FF6E7A}
.btn-danger:hover{border-color: #FF3D34;background-color: #FF3D34}
.btn-check:focus + .btn-danger, .btn-danger:focus, .btn-danger.focus{background-color: #FF3D34;border-color: #FF3D34}

.btn-success{border-color: #44a514;background-color: #44a514}
/*.btn-success:hover{border-color: #FF3D34;background-color: #FF3D34}
.btn-success:focus + .btn-success, .btn-success:focus, .btn-success.focus{background-color: #FF3D34;border-color: #FF3D34}*/

#modalAutoTramitando .modal-title .bx{font-size: 26px}

/*.alert-success{color:#41a591;}*/

.form-label{color:#575756;}

.btn-outline-secondary:hover{background-color:#abb4bf;border-color:#9499a1  }

.text-success{color: #308702!important}




.modalBig .modal-xl{
   width: 94%;
   max-width: 94%;
}

.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn{padding-left: 6px;padding-right: 6px}

.iconDelete{display: inline-block;margin-left: 3px;margin-right: 3px}
.iconDelete i{font-size: 19px;margin-top: 25px;cursor: pointer;color:rgb(255, 62, 29);}
.iconMove{display: inline-block;margin-left: 3px;margin-right: 3px}
.iconMove i{font-size: 19px;margin-top: 25px;cursor: pointer;}

.text-danger{color:rgb(255, 62, 29);}

.boxTotales{margin:15px 0;background-color:#eff9f7;border-bottom: 1px solid #6BCBB8;padding:10px;}
.boxTotales p{margin:3px 0;font-size: 13px}
.boxTotales p span{float: right;}

.lineaDetalle .inputBI, .lineaDetalle .inputIVA, .lineaDetalle .inputIRPF, .lineaDetalle .inputTOTAL{text-align: right;}

.btn-info{background-color: #5e98db;border-color: #5e98db;box-shadow: 0 0.125rem 0.25rem 0 #5e98db6b}
.btn-info:hover{background-color: #4781c5;border-color: #4781c5;}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle{background-color: #4781c5;border-color: #4781c5;box-shadow: 0 0.125rem 0.25rem 0 #4781c56b}
.btn-check:focus + .btn-info, .btn-info:focus, .btn-info.focus{background-color: #4781c5;border-color: #4781c5;}

.list-group-listado{font-size:13px;line-height: 16px;}
.list-group-listado .list-group-item{border:none!important;padding:4px;cursor: pointer;}
.list-group-listado .form-check-input{margin-top: 6px}


h4.breadScrumTitle a{color: #a1acb8!important}
h4.breadScrumTitle a:hover{color: #fdc32d!important}


.moduloTabsEmpresas .nav-tabs .nav-link.active, .moduloTabsEmpresas .nav-tabs .nav-item.show .nav-link{background-color: #ffedc0;}





.btn-mis-datos:hover{background-color: var(--color-principal30);color: var(--color-principal) !important;}
.btn-mis-datos:not(.disabled).active, .btn-mis-datos:not(.disabled):active {
    background-color: var(--color-principal30);
    color: var(--color-principal) !important;
}
/*
  MENU
*/
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link{background-color: #f5f5f5!important;}
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item.open > .menu-link, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open > .menu-link, html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover{
  color: var(--color-principal);
}



/*
  NAVS
*/
.layout-page .nav-align-top .nav-tabs .nav-item{overflow: hidden;}
.layout-page .nav-align-top .nav-tabs .nav-link.active{
    -webkit-box-shadow:inset 0px -5px 0px -2px var(--color-principal);
    -moz-box-shadow:inset 0px -5px 0px -2px var(--color-principal);
    box-shadow:inset 0px -5px 0px -2px var(--color-principal);}


/*
  BOTONES
*/
.btn-primary {
    color: var(--color-texto);
    background-color: var(--color-principal);
    border-color: var(--color-principal);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(133 146 163 / 40%);
}
.btn-primary:hover {
    color: var(--color-texto);
    background-color: var(--color-principal70);
    border-color: var(--color-principal);
    transform: translateY(-1px);
}
.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus{
  color: var(--color-texto);
  background-color: var(--color-principal);
  border-color: var(--color-principal);
  box-shadow: 0 0.125rem 0.25rem 0 rgb(133 146 163 / 40%);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle{
  color: var(--color-texto);
  background-color: var(--color-principal70);
  border-color: var(--color-principal);
  transform: translateY(-1px);
}

.btn-secondary {
    color: #fff;
    background-color: #8592a3;
    border-color: #8592a3;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(133 146 163 / 40%);
}
.btn-secondary:hover {
    color: #fff;
    background-color: #788393;
    border-color: #788393;
    transform: translateY(-1px);
}




/*
  DROPZONE
*/

.dropzone{
    min-height: 150px;
    border: 1px solid #d9dee3;
    background: white;
    padding: 10px;
    border-radius: 0.375rem;
}

.dropzoneTrabajadores{
  width: 150px;
  height: 150px;
  border: 1px solid #d9dee3;
  background: white;
  padding: 10px;
  border-radius: 0.375rem;

}

.dropzoneDocumentos{

  width: 100px;
  height: 100px;
  min-height: 100px !important;
  min-width: 100px !important;
  border: 1px solid #d9dee3;
  background: white;
  padding: 10px;
  border-radius: 0.375rem;

}

.dropzoneFotoPerfil{
    min-height: 111px;
    border: 1px solid #d9dee3;
    background: white;
    padding: 10px;
    border-radius: 0.375rem;
}


.containerAdjuntos .lineaAdjunto{margin: 5px 0;}
.containerAdjuntos .lineaAdjunto.highlighted a{color: var(--color-principal)!important}
.containerAdjuntos .lineaAdjunto a{vertical-align: bottom;line-height: 21px;position: relative;top: 4px;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;}
.containerAdjuntos .lineaAdjunto a i{position: relative;top: -2px;font-size: 25px;}
.containerAdjuntos .lineaAdjunto a.btnEditar i{font-size: 1.1rem;color: #a1acb8;}
.containerAdjuntos .lineaAdjunto span{font-size: 12px;vertical-align: bottom;color: #99a1ab}
.containerAdjuntos .lineaAdjunto .btn-close{vertical-align: top;}

.dropzone.dz-started .dz-message .processing{text-align: center;}
.dropzone.dz-started .dz-message .processing i{font-size: 26px;position: relative;left: -3px;}
.dropzone.dz-started .dz-message .processing .num{margin-top: 5px;}

.dropzoneTrabajadores .dz-message {text-align: center; cursor: pointer}

.dropzoneDocumentos.dz-started .dz-message .processing{text-align: center;}
.dropzoneDocumentos.dz-started .dz-message .processing i{font-size: 26px;position: relative;left: -3px;}
.dropzoneDocumentos.dz-started .dz-message .processing .num{margin-top: 5px;}

.progress-bar {
    background-color: #fdc32d;
    color: #fff;
    box-shadow: none;
}



.containerDocSelected{
  border: 1px solid #d9dee3;
  border-radius: 0.375rem;
  min-height: 61px;
  padding: 7px 12px;
  margin-top: 14px;
}
.containerDocSelected .linea-data-documentacion{margin: 4px 0;display: inline-block;width: 100%;padding-right: 20%;padding-left: 12px;}
.containerDocSelected .linea-data-documentacion i.iconLinea{cursor:pointer;font-size:25px}


@media (max-width: 1200px) {
  .containerDocSelected .linea-data-documentacion{padding-right: 15%;}
}


@media (max-width: 991px) {
  .containerDocSelected .linea-data-documentacion{padding-right: 0%;}
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation{background: white!important;}
.swal2-icon.swal2-info{border-color: #fdc32d!important;color: #fdc32d!important}
.swal2-popup.swalLoading{width: auto!important;background: white!important}
.swal2-popup.swalLoading i.bx{font-size: 2.6em;color: #fdc32d}
.swal2-popup.swalLoading .txtSwal{font-weight: bold;font-size: 0.9em;color: var(--color-principal);display: inline-block;width: 100%;margin-top: 10px;line-height: 1.2em;}


.link-estado-subido{color: #03c3ec}
.link-estado-subido:hover{color: #0093b3}

.link-estado-pendiente{color: #ffab00}
.link-estado-pendiente:hover{color: #d79000}

.link-estado-rechazado{color: #ff3e1d}
.link-estado-rechazado:hover{color: #d72607}

.link-estado-validado{color: #308702}
.link-estado-validado:hover{color: #369304}


#alert-validado{color: #308702}

.page-requerir-documentacion .nav-align-top .nav-tabs .nav-item{overflow: hidden;}
.page-requerir-documentacion .nav-align-top .nav-tabs .nav-link.info.active{
    -webkit-box-shadow:inset 0px -5px 0px -2px #566a7f;
    -moz-box-shadow:inset 0px -5px 0px -2px #566a7f;
    box-shadow:inset 0px -5px 0px -2px #566a7f;}
.page-requerir-documentacion .nav-align-top .nav-tabs .nav-link.pendiente.active{
    -webkit-box-shadow:inset 0px -5px 0px -2px #ffab00;
    -moz-box-shadow:inset 0px -5px 0px -2px #ffab00;
    box-shadow:inset 0px -5px 0px -2px #ffab00;}
.page-requerir-documentacion .nav-align-top .nav-tabs .nav-link.subido.active{
    -webkit-box-shadow:inset 0px -5px 0px -2px #03c3ec;
    -moz-box-shadow:inset 0px -5px 0px -2px #03c3ec;
    box-shadow:inset 0px -5px 0px -2px #03c3ec;}
.page-requerir-documentacion .nav-align-top .nav-tabs .nav-link.validado.active{
    -webkit-box-shadow:inset 0px -5px 0px -2px #308702;
    -moz-box-shadow:inset 0px -5px 0px -2px #308702;
    box-shadow:inset 0px -5px 0px -2px #308702;}
.page-requerir-documentacion .nav-align-top .nav-tabs .nav-link.rechazado.active{
    -webkit-box-shadow:inset 0px -5px 0px -2px #ff3e1d;
    -moz-box-shadow:inset 0px -5px 0px -2px #ff3e1d;
    box-shadow:inset 0px -5px 0px -2px #ff3e1d;}





.table > :not(caption) > * > *{padding: 0.625rem 0.6rem;}


.tooltip{font-size:12px;line-height: 0.8rem;}
.tooltip-inner{padding: 0.25rem 0.45rem}

@media (max-width: 991px) {
  .tooltip{display: none!important;}
}

.timeline .timeline-item{padding-left: 2rem;}
.timeline .timeline-item .timeline-event{padding: 1.25rem 1rem 0.5rem;}


.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option{font-size: 0.8rem;}


@media (max-width: 568px) {
  #modal_envios .card-body{padding-left: 0.5rem;}
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}



.invalid-feedback {
  opacity: 0;
  display: inline-block;
}

.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip{
  opacity: 1;
}

.was-validated .form-control:valid, .form-control.is-valid, .form-select.is-valid {
    border-color: #d9dee3;    
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus{border-color: #d9dee3;}


.is-valid + .select2-container--bootstrap-5 .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5 .select2-selection{border-color: #d9dee3!important;}
.is-valid + .select2-container--bootstrap-5.select2-container--focus .select2-selection, .is-valid + .select2-container--bootstrap-5.select2-container--open .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5.select2-container--focus .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5.select2-container--open .select2-selection{box-shadow: none!important;}

.form-floating > label{padding-top: 0.6rem;padding-bottom: 0.6rem;}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown){padding-top: 1.4rem;}
.form-floating > .form-control, .form-floating > .form-select{line-height: 0.8;}
.form-floating > .form-control, .form-floating > .form-select{height: calc(2.75rem + 2px)}

.form-floating.form-floating-textarea > .form-control{height: calc(7rem + 2px)}
.form-floating.form-floating-textarea-proyecto > .form-control{height: calc(5rem + 7px)}
.form-floating.form-floating-textarea > .form-control{line-height: 1.1rem;}




.select2-container--bootstrap-5 .select2-selection{height: calc(2em + 0.75rem + 2px)!important;}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{padding-top: 5px!important;}

.col-select-filtro .select2-container--bootstrap-5 .select2-selection{height: calc(1.5em + 0.75rem + 2px)!important;}
.col-select-filtro .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{padding-top: 0px!important;}

.select-menu-left .select2-container--bootstrap-5 .select2-selection{height: calc(1em + 0.75rem + 2px)!important;}
.select-menu-left .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{padding-top: 2px!important;}


.form-generic{}
.form-generic .col-img{}
.form-generic .col-data{}

@media (max-width: 480px) {
  .form-generic .col-img{width: 100%!important;}
  .form-generic .col-data{width: 100%!important;}
}


.layout-navbar{backdrop-filter: none}
.layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar, .layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar, .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-navbar{z-index: 0;} 

.boxIMG img{
  object-fit: cover;
  width:100%;
  height:100%;
  border-radius: 0.375rem;
  float: left;
}

.btn-eliminar-foto-perfil{
  position:absolute;
  width: 150px;
  text-align: right;
  padding:5px 5px;
}

.btn-eliminar-foto-documento{
  position:absolute;
  width: 90px;
  text-align: right;
  padding:5px 5px;
}


/*

  LISTADOS GENERICOS

*/
.listado-content{
  padding-right:0px;
  padding-left: 0px;
  
}

.header-listado{
 vertical-align: top;
 padding-top: 0rem;
}

.header-listado .avatar{
  cursor: inherit;
}
.header-listado .avatar i{
  position: relative;
  left: 5px;
}

.header-listado .avatar-wrapper{
  font-size: 1.8rem;
}

.header-listado .header-texto{
  font-size: 0.9rem;
  line-height: 1.1rem;
  margin-top: 0.2rem;
}

@media (max-width: 576px) {



}


.table-template-listado {
    /*max-height: 67vh;*/
}
@media (min-width: 992px){
  .table-template-listado {
  /*max-height: 69vh;*/
  }
}


.documento-circulo{
  width:50px;
  text-align: center;
}

.navbar-select{
  background-color: #eceef1 !important;
  color: #a1acb8;
}




.navbar-select-selectores{

}

@media (max-width: 991px){

  .navbar-select-selectores{
    width: 100%;
  }
}



.paginado-footer{
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  text-align:center;
}

.paginado-footer .col-central{
   text-align:center;
   font-size:0.7rem;
   font-weight:normal;
}
.paginado-footer .btn-navegacion-footer{
  margin-left: 5px;
  margin-right: 5px;
  width: 35px;
  padding: 0;
}

.paginado-footer-mobile{display: none;}
@media (max-width: 576px){
  .paginado-footer{display: none;}
  .paginado-footer-mobile{display: inline-block;}
}

.acotar-descripcion{
  max-height: 55px; 
  overflow: hidden;
  line-height: 1.1rem;
}


.table th.col-documento-icono{
  width:50px;
  text-align: center;
  font-size: 0.5rem;
}

.table th.col-documento-icono i{
  font-size: 1rem;
}

.form-floating > label{left: 10px}


.cropper-container{
  width: 100%;
  max-width: 100%;
  height: auto;
}
.cropper-image {
  max-width: 200px;
  height: auto;
}

.no-spin::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.no-spin {
    -moz-appearance:textfield !important;
}

/* LISTADOS FORMULARIO */

.box-listado{
  border: 1px solid #d9dee3;
  padding: 1.5rem;
  border-radius: 0.375rem;
}

.form-switch.form-switch-md {
  margin-bottom: 1rem; /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-md .form-check-input {
  height: 1.5rem;
  width: calc(2rem + 0.75rem);
  border-radius: 3rem;
}

.box-listado-detalle{
  height: 264px;
  overflow: auto;
}



.buscar-infocif ul{
  list-style: none;
  margin: 10px 0;
  padding: 0;
  font-size: 0.9rem;
  text-align: left;
}


.navbar-generico{
                
}

.navbar-generico .buttonsXS{
    display: none;
    float:right;
}
.navbar-generico .options{
    float:right;
    display: inline-block;
    text-align: right;
    float:right;
}

@media (max-width: 991px) {
  .navbar-generico{
      
  }

  .navbar-generico .buttonsXS{
      display: inline-block;
  }

  .navbar-generico .options{
      float:right;
      width: 100%;
      text-align: right;
      float:right;
      display: none;
      border-top: 1px solid #ccc;
      margin-top: 2px;
      padding-bottom: 5px;
      background-color:#dddddd80;
  }
  .navbar-generico .btn-web-app{
    display: none!important;
  }


}
@media (min-width: 992px) {
  .navbar-generico .options{
      display: inline-block!important;
  }
  


}


/*
VENTANA OPTIONS
*/
.frame-options{}


.loader-line-1 {
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.loader-line-1 > div {
  background-color: var(--color-principal);;
  height: 100%;
  width: 6px;
  display: inline-block;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.loader-line-1 > div:nth-child(2) {
  animation-delay: -1.1s;
}
.loader-line-1 > div:nth-child(3) {
  animation-delay: -1.0s;
}
.loader-line-1 > div:nth-child(4) {
  animation-delay: -0.9s;
}
.loader-line-1 > div:nth-child(5) {
  animation-delay: -0.8s;
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1.0);
  }
}


.form-control:focus, .form-select:focus {
    border-color: var(--color-principal);
}
.input-group:focus-within .form-control, .input-group:focus-within .input-group-text {
    border-color: var(--color-principal);
}

a:hover {
    color: var(--color-principal);
}
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
    color: var(--color-principal);
}

.bg-menu-theme .menu-inner > .menu-item.active:before {
    background: var(--color-principal);
}

.form-control:focus, .form-select:focus {
    border-color: var(--color-principal);
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    color: var(--color-principal);
}

.text-primary {
    color: var(--color-principal) !important;
}

.select2-container--bootstrap-5-labelCustom{
  position: absolute;
  top: 2px;
  z-index: 99999;
  font-size: 9.5pt;
  margin-left: 11.3px;
  color: var(--color-principal);
  opacity: 0.8;
}