:root {
  --bs-btn-font-family: 'Inter', sans-serif;	
	
  --font-size-page-title: 48px;
  --line-height-titol-l: 52px;
  
  --font-size-sub-title-page: 24px;
  --line-height-p24: 32px;
}



html, body {
  font-family: 'Inter', sans-serif !important;
   color: #1B2124;
}


.frame-margins {padding-left: 112px !important;
  				padding-right: 112px !important;}


  				
a {
  color: #337ab7;
  text-decoration: none;
}  

input, textarea, select, .form-control, .form-select {
       border-color: #1B2124 ;
       border-radius: 2px;
       color: #1B2124;     
       font-weight: 400;
	   font-size: 16px;
	   line-height: 24px;
	   letter-spacing: 0.5px;
}

input, select, .form-control, .form-select {
	   height: 42px;       
}

/* textarea {height: 70px;}*/
/* textarea*/
.st018-0 {height: 70px;} 

label.error { color: #EA5200; display: block; font-size: 12px; }
input.error, select.error, textarea.error { background-color: #FCF5F5; }

label {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #1B2124;
}

th label {
	font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.5px;
    color: #656D72;
}

.noborder {border:none !important}

.row-separator-top { margin-top: 80px; }

.lblApag {
	color: #B1B4B6;
}

.label-disabled {
		  color: transparent !important;   
		  pointer-events: none;
		  user-select: none;
}
       
.date input {
	   border-right: 0px;
}

.verde {
	top: 80px;
	background-color: #14857A;
	color: white;
	border-radius: 6px;
	padding: 8px 12px 8px 12px;
	height: 36px;
	font-weight: 400;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	letter-spacing: 0.4px;
}

.under-head {
	top: 80px;
}

.attention {
	background-color: #da0250;
	padding: 4px 1px 0px 15px;
	color: white
}

.envioNoPosibles {
	background-color: white;
	color: #1b2124;
	padding: 8px 12px 0px 12px;
	font-weight: 600;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0.25px;
  	margin-top: -1px;
}

.envioNoPosibles2 {
  background-color: white;
  color: #1b2124;
  padding: 0px 12px 0px 2px;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.25px;
  margin-top: -1px;
}

.sub-error {padding: 0px 2px 4px 18px;
            margin-bottom: 0px;
            background-color: white;
            color: #656d72;
            font-weight: 400;
            font-size: 14px;
            line-height: 25px;
            letter-spacing: 0.4px;
            list-style: none;
}


/*para que se invalide este efecto*/ 
.btn:hover {
  /* color: inherit; */
  /* background-color: inherit; */
  /* border-color: inherit; */
}

.btn-primary {  height: 48px;
  /* padding: 16px 8px; */        /* según Figma */
  border-radius: 12px;

  background: #FFFFFF;      /* o transparent si tu layout lo pide */
  border: 1px solid #1B2124;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  font-weight: 500;         /* si tu token del botón es Medium */
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.5px;

  color: #1B2124;
  white-space: nowrap;
				
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    /* border-color: #1B2124;
    background-color: #FFFFFF;
    color: #1B2124;
    border-width: 1px; */
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
    /* border-color: #999999; 
    background-color: #575656 */
}

.boton-1 {
	height: 48px;
	width: auto;
	border-radius: 12px;
	border-color: #005CD1;
	background-color: #005CD1;
	
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.25px;
    text-align: center;
	color: white;
	
}
.boton-1-1 {
	height: 48px;
	width: auto;
	border-radius: 12px;
	border-color: #005CD1;
	background-color: #005CD1;
	
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.25px;
    text-align: center;
	color: white;
	
}

.boton-1:disabled{
	background-color: #E5E6E8;
	color: 	#B1B4B6 ;
	border-color: #b1b4b6;
}

.bot-var01 {
	background-color: #DA0250 !important;
	border-color: #DA0250 !important;
	width: auto !important;
}

.bot-var02 {
	width: auto !important;
}

.no-bor-bott {border-bottom: none;}

#taxIdentificationNumber:read-only{
	background-color: #E5E6E8;
	color: 	#B1B4B6 ;
	border-color: #b1b4b6; 
}

select:disabled{
	background-color: #E5E6E8 !important;
	color: 	#B1B4B6 !important;
	border-color: #b1b4b6;
}

.form-switch .form-check-input {
  width: 2.5em;
  margin-left: 0em;
}

    
.btn.btn-primary:disabled,
.btn.btn-primary.disabled{
  height: 48px;
  padding: 16px 8px;          /* según captura */
  border-radius: 12px;
  background-color: #E5E6E8;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  /* opcional: para que no se "encojan" letras */
  white-space: nowrap;

  /* aspecto disabled */
  color: rgba(27, 33, 36, 0.4); /* ajusta si en Figma es otro tono */
  cursor: not-allowed;
  opacity: 1;                   /* Bootstrap pone opacity */
}    
      

.btn-group-sm > .btn, .btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-default {
  color: #1B2124;
  background-color: #fff;
  border-color: #ccc;
}       

p {
  margin: 0 0 0px 5px;
}

.leyenda {font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.25px;}
  
		
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* table.table.table-hover tbody tr:hover {
    background-color: red !important;
}
 */
 
 .table th:first-child,
.table td:first-child {
   padding-left: 5px;
}

.table {
    width: 100%;
    table-layout: fixed;
}

.table {
	font-family: 'Inter', sans-serif;
    border-radius: 8px;
    overflow: hidden;
}				

.table thead th a.sortable {
  display: block;
  color:#6b7280 !important;
}

.table thead tr th{ 
	background-color: #F5f5f6; 
	
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    vertical-align: middle;
	color:#6b7280;
	
	}

.table th,
.table td {
    border-right: none !important;
    border-left: none !important;
}

/*Cuerpo de tabla*/
.table tbody td {
    font-weight: 400;           
    font-size: 14px;            
    line-height: 20px;          
    letter-spacing: 0.4px;
    vertical-align: middle;
    color: #656d72;   
}

.table tbody td,
.table tbody th {
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: middle;
}

/* .table td:nth-child(3),
.table th:nth-child(3) {
    padding-left: 32px;
} */

.table tbody tr {
    
    border-bottom: 0px solid #E5E6E8;
}

.pd8px {padding: 8px;}

.main-wrapper{
  /* mínimo 16px, crece con pantalla, máximo 70px */
  /* padding-left: clamp(16px, 5vw, 70px);
  padding-right: clamp(16px, 5vw, 70px); */
  padding-left: clamp(0px, 0vw, 0px);
  padding-right: clamp(0px, 0vw, 0px);
  background: #fff;
  padding-top: 25px;
  padding-bottom: 50px;
}

.corr-top {
	  padding-top: 0px;
	
}

.main-wrapper .container,
.main-wrapper .container-lg,
.main-wrapper .container-md,
.main-wrapper .container-sm,
.main-wrapper .container-xl,
.main-wrapper .container-xxl {
  padding-left: 0;
  padding-right: 0;
}

.breadcrumb, .breadcrumb-nav, .breadcrumb a {
    background-color: white;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.025rem;
    color: #656D72;
}

.breadcrumb .inici {
    text-decoration: underline;
}


.breadcrumb-item + .breadcrumb-item::before {
    content: "›";
}

.page-header { margin: 62px 0 20px; border: 0px; 
               font-family: 'Inter', sans-serif;
			   font-weight: 700;        
			   font-size: 46px;         
			   line-height: 30px;       
			   letter-spacing: 0px; 
			 }


.breadcrumb-item.active {
    font-weight: 600 !important;
    color: #1B2124 !important;
}

.mainBox { padding-top: 5px; padding-bottom: 10px; border: 0px solid #ddd; border-radius: 2px; margin: 0 0 20px 0; }

.req { color: #1B2124; }

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1460px;
  }
}

.form-check {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-check-input {
    margin-top: 0;
  width: 24px;
  height: 24px;
    
}
.mt11 {margin-top: 11px}
.mt16 {margin-top: 16px}
.mt15 {margin-top: 15px}
.mlm27 {margin-left: -27px;}
.hm16 {height: 16px;
	   margin-top: 8px;
}

.btn-container-l {
  display: flex;
  gap: 4px;
  justify-content: flex-start;
}
.btn-container-l {
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}

.boton {font-style: normal;
	    font-size: 18px;
	    line-height: 28px;
	    letter-spacing: 0.25px;
	    color: #005CD1;
        padding-left:10px;
        text-decoration:none;
}

.boton:hover {
	    color: white;
	    background-color: #005CD1;
        text-decoration:none;
}

.tituloModal {
	font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #1B2124;
	
}

.subTituloModal {
	font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #1B2124;
	
}

.titulo-4 {
 font-weight: 400;
 font-size: 16px;
 line-height: 24px;
 letter-spacing: 0.5px;
 color: #1B2124;
}


.bodyModal-1 {
	font-weight: 400;
    font-style: Normal;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.25px;
    color: #1B2124;
	
}


.botones-div001 {
	padding: 0px 24px 15px 0px;
}

.lbl-tot001 {font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    background-color: #F5F5F6;
    color: #1B2124;
    width: 170px;
    height: 40px;
    display:flex;
    align-items:center;
    justify-content:center; 
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

.tot001 {
	border-color: white;
	background-color: #F5F5F6;	
	border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 14px;
    color: #656d72;
}

/*   Secciones de Tabs  */		
.nav-tabs {
  border-bottom: 1 solid var(--bs-nav-tabs-border-color);
  /* padding-left: 12px */
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: 0 solid transparent;
  border-bottom-width: 2px;
  border-bottom: 2px solid #E5E6E8;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: #005CD1;
}

.nav-tabs .nav-link:hover {
  border-color: white;
}

.nav-tabs .nav-link:focus {
	border-color: #005CD1;
}

.nav-tabs .nav-link {
  color: #1B2124;
}

.nav-tabs .nav-link.active {
    color: #005CD1 !important; /* Color para la pestaña activa */
}
		
/* _________________________ */

.capsula-sup {
	width: 100%;
    max-width: 1440px;
    margin: 0 auto;

    padding: 0px 16px 60px;
    background-color: rgba(255,255,255,0.92);
}

.tit10 {
    font-weight: 400;          /* Regular */
    font-size: 24px;           /* si P24 significa 24px */
    line-height: 32px;         /* ajusta al valor real de Figma */
    letter-spacing: 0.25px;
    color: #1B2124;
}


.sub-page-header {
    font-family: 'Inter', sans-serif;
    font-weight: 400;          /* Regular */
    font-size: 24px;           /* si P24 significa 24px */
    line-height: 24px;         /* ajusta al valor real de Figma */
    letter-spacing: 0.25px;
    color: #1B2124;
}

.page-title {
  font-weight: 700;
  font-style: normal;
  font-size: var(--font-size-page-title);
  line-height: var(--line-height-titol-l);
  letter-spacing: 0;
  color: #1B2124;
}

.sub-title-page
{
  font-weight: 400;
  font-style: normal;
  font-size: var(--font-size-sub-title-page);
  line-height: var(--line-height-p24);
  letter-spacing: 0.25px;
}

.sub-title-page2
{
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.25px;
  color: #656D72;
}



.side-title {
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
  color: #1B2124;
	
}

.side-title2 {
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  line-height: 52px;
  letter-spacing: 0;
  color: #1B2124;
	
}

.side-sub-title {
	width: fit-content;
	margin-top: 16px;
}

.side-tipo01, .s {
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0.5px !important;
  color: #1B2124 !important;
	
}
.side-tipo02 {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0.5px !important;
  color: #656d72 !important;
	
}

.boton-2 {
	height: 40px;
	width: 165px;
	border-radius: 8px;
	border-color: #005CD1;
	background-color: #005CD1;
	
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-align: center;
	color: white;
	
}

.boton-3 {
	height: 48px;
	width: 127px;
	border-radius: 12px;
	border-color: #E5E6E8;
	background-color: #E5E6E8 !important;
	
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.25px;
    text-align: center;
	color: #B1B4B6;
	
}



/*Estado factura*/
.stat-fts {
	/* display: block; */	
	padding: 4px 5px 4px 6px;
	border-radius: 10px;
}

/*Modales*/
.action-link,
.action-disabled {
    display: flex;
    align-items: center;
    text-decoration: none;
    /* margin-top: 14px; */
}

.action-icon {
    width: 24px;
    min-width: 24px;
    text-align: center;
    flex-shrink: 0;
    font-size: 18px;
}

.action-text {
    margin-left: 18px;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.5px;
}

/* estado activo */
.action-link {
    color: #1B2124; 
}

.action-link .action-icon,
.action-link .action-text {
    color: inherit;
}

/* estado inactivo */
.action-disabled {
    color: #AEB8C2;   
    cursor: default;
    pointer-events: none;
}

.action-disabled .action-icon,
.action-disabled .action-text {
    color: inherit;
}

/* acción peligrosa activa */
.action-danger {
    color: #DC3545;
}

.action-danger .action-icon,
.action-danger .action-text {
    color: inherit;
}

/* acción peligrosa inactiva */
.action-danger-disabled {
    color: #E5B8BD;
}

.action-danger-disabled .action-icon,
.action-danger-disabled .action-text {
    color: inherit;
}

.sep-ic-txt2 {
    margin: 3px 1px 1px 1px;
}

/*Buscador*/

.buscador-1 {
	
	width: 653px;
	height: 42px !important;
	angle: 0 deg;
	opacity: 1;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 12px;
	padding-left: 16px;
	gap: 12px;
	border-radius: 4px;
	border-width: 2px;
	
}
.search-container {
    position: relative;
    width: 100%;
    max-width: 820px;
}


.search-container2 {
    position: relative;
    width: 100%;
}
.search-input {
    width: 100%;
    height: 42px;
    padding-left: 38px;
    padding-right: 38px;
    box-sizing: border-box;
}

.search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #1f3b57;
    z-index: 2;
    line-height: 1;
}

.clear-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #2f76b7;
    z-index: 2;
    line-height: 1;
    text-decoration: none;
}

.clear-icon1 {
    right: 20px;
}

.clear-icon2 {
    right: 12px;
}


.clear-icon:hover,
.clear-icon:focus {
    color: #1d5d96;
    text-decoration: none;
}


#estatDropdownBtn, 
#datesDropdownBtn,
#datesDropdownBtnReg,
#entityDropdownBtn
 {
  /* border-radius: 999px; */
  padding: 8px 12px 8px 16px;
  white-space: nowrap;
  text-align: inherit;
}

.txt-azul {color: #005CD1}

.notFound1, .titDir3 {
 font-weight: 700;
 font-size: 36px;
 line-height: 40px;
 letter-spacing: 0.25px;
 color: #1B2124;
}

.notFound2 {
 font-weight: 400;
 font-size: 17px;
 line-height: 24px;
 letter-spacing: 0.25px;
 color: #1B2124;
 margin-top: 11px;
}

.notFound3 {
 font-weight: 400;
 font-size: 18px;
 line-height: 24px;
 letter-spacing: 0.25px;
 color: #005CD1;
 text-decoration: underline;
}

.clFilter {
 font-weight: 400;
 font-size: 14px;
 line-height: 20px;
 letter-spacing: 0.4px;
 color: #005CD1;
 text-decoration: underline;
}


.filter-dropdown .caption, .caption {
 font-weight: 700;
 font-size: 18px;
 line-height: 24px;
 letter-spacing: 0.25px;
 color: #1B2124;
}

.sub-mensaje-1 {
  font-weight: 400;
  font-size: 18px; /* Font size/P18 */
  line-height: 24px; /* Line height/P18 */
  letter-spacing: 0.25px;
  margin-top: 8px;
}



.separador-1 {border-top: 1px solid #E5E6E8;
              margin-top: 16px; margin-bottom: 16px}

.separador-2 {border-top: 1px solid #E5E6E8;
              margin-top: 16px; }




.intLin01 {margin-bottom: 36px;}

#cancelDates {padding-left: 43px !important;}

#modalConfirmDelete .modal-content {
    border-radius: 14px;
}

#modalConfirmDelete .btn-danger 
 {
    background-color: #d60057;
    border-color: #d60057;
    border-radius: 8px;
    min-width: 100px;
    color: white;
}

#modalConfirmDelete .btn-link {
    text-decoration: none;
    font-weight: 500;
}

#btnConfirmDelete {height: 48px}

@media (min-width: 576px) {
  .modal-dialog-search {
    max-width: 1440px; 
  }
}

.modal {top: 40px}

.modal-dialog {
  margin-left: auto ;
  margin-right: auto ;
}

/* #modalConfirmDelete .modal-dialog {
  margin: 1.75rem auto;
}
 */
 
/* #modalConfirmDelete.show {
  display: block;
} */





#finder {margin-left: -15px}

/* color normal */
#estatDropdownBtn::after, 
#datesDropdownBtn::after,
#datesDropdownBtnReg::after,
#entityDropdownBtn::after,
{
    border-top-color: #1B2124;   /* gris */
    
}

#estatDropdownBtn.show,
#datesDropdownBtn.show,
#datesDropdownBtnReg.show,
#entityDropdownBtn.show {
    border: 1px solid #1B2124;
}

/* color cuando hay filtros activos */
#estatDropdownBtn.filtro-estado-activo::after,
#datesDropdownBtn.filtro-estado-activo::after,
#datesDropdownBtnReg.filtro-estado-activo::after,
#entityDropdownBtn.filtro-estado-activo::after
{
    border-top-color: #1B2124;       
}
#estatDropdownBtn.filtro-estado-activo,
#datesDropdownBtn.filtro-estado-activo,
#datesDropdownBtnReg.filtro-estado-activo,
#entityDropdownBtn.filtro-estado-activo
{
    color: #1B2124;
    /* font-weight: 500; */
}
#estatDropdownBtn, 
#datesDropdownBtn,
#datesDropdownBtnReg,
#entityDropdownBtn
{
    color: #1B2124;
    font-size: 14px;
    font-weight: 600;
    background-color: #f5f5f6;
    border-radius: 100px;
    line-height: 20px;
    letter-spacing: 0.4px
}





/*evita que el modal tenga fondo*/ 
.modal-backdrop.show{
    opacity: 0.05 !important;
}

.punto {color:#006BE8 !important;
		  font-size: 8px !important;
		  position: absolute;
		  top: -6px;
		  left: 21px;
		 }

.side-screen01 {
	width: 100%
}

.tab-activo {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #005CD1;
	
}

.tab-inactivo {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #1B2124;	
}

.lista-estados {
    list-style: none;
    padding: 0;
}

.estado {
    display: block;
    margin-bottom: 12px;
}

#estatDropdownBtn,
#datesDropdownBtn,
#datesDropdownBtnReg,
#entityDropdownBtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 80px;
}

#estatDropdownBtn::after, 
#datesDropdownBtn::after,
#datesDropdownBtnReg::after,
#entityDropdownBtn::after
 {
  margin-left: auto;
}

.etiq, .posdata {
	font-weight: 400;           
    font-size: 14px;            
    line-height: 20px;          
    letter-spacing: 0.4px;
    vertical-align: middle;
    color: #656d72;
    margin-left: 5px;
}

.etiq-m, .posdata {
font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  vertical-align: middle;
  color: #1B2124;
  margin-left: 5px;
  margin-right: 5px;
  
}


.tenue-02 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.4px;
  color: #656D72;
	
}

.tenue-03 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #656D72;
	
}

.codcod {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.4px;
  color: #656D72; 
}
 
.desdes {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #1B2124; 	
}

.text-tenue {color: #656D72;}
/**/

.file-button {
  width: 48%;
  height: 44px;
  padding: 12px 24px 12px 12px;
  gap: 8px;

  display: inline-flex;
  align-items: center;

  border: 1px solid #d9dde1;
  border-radius: 8px;
  background: #ffffff;
  opacity: 1;
  cursor: pointer;

  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.4px;
  color: #1b2124;
}

.file-button__icon {
  width: 16px;
  height: 20px;
  flex-shrink: 0;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 2px;
  background: #f04438;
  color: #ffffff;

  font-size: 8px;
  font-weight: 700;
  line-height: 1;
}

.file-button__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-button__img {
  width: 16px;
  height: 20px;
  flex-shrink: 0;
}

.tc1b2124 {color: #1b2124}
.tc656d72 {color: #656d72}

.validaimg {height: 300px;
            margin-top: -7px;}

.pestana {font-size: 18px;
		   line-height: 28px;
		   letter-spacing: 0.25px; 
}

.mb-14 {
	margin-bottom: 14px;
}

.offcanvas-body {
  padding: 0 var(--bs-offcanvas-padding-x);
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: 525px;
}  

.solapa-sub {width: 100%}
.solapa-sub .nav-item {
    margin-bottom: 0;
} 
.solapa-sub .nav-link {
    width: 100%;
    text-align: center;
    border: none;
    border-bottom: 1px solid #dee2e6;
}

.solapa-sub .nav-link.active,
.solapa-sub .tab-activo {
    border-bottom: 2px solid #0d6efd;
}

.form-control:focus {
    border-color: inherit; /* o el color que quieras */
    box-shadow: none;
}

.ms20 {margin-left: 20px;}

.seccion1, .seccion11 {width: 49%}
.seccion2, .seccion22 {width: 49%}

.botonAdd {font-size: 18px !important}

.no-filas {
	background-color: #f4f4f1;
	border-radius: 8px;
	padding-top: 40px;
	padding-bottom: 40px;
}

#btnExaminar { height: 30px;
               border: 1px solid gray;
               border-radius: 2px;
             }
             
#contadorSeleccion {font-size: 16px}

.btn-cancel {color: #005cd1}  
.btn-cancel:hover { 
	height: 48px;
	width: auto;
	border-radius: 12px;
	border-color: #005CD1;
	background-color: #005CD1;
	
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.25px;
    text-align: center;
	color: white;
	
}

.invoice-filter-pill {margin-right: 5px;}

.filter-entity {
    width: 750px;
    padding: 0;
    border: 1px solid #dee2e6;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

.entity-search-wrapper {
    padding: 26px 26px 10px;
}

.entity-search {
    position: relative;
}

.entity-search .fa-search {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    font-size: 20px;
}

.entity-search input {
    height: 52px;
    padding-left: 50px;
    font-size: 18px;
}

.entity-list {
    max-height: 410px;
    overflow-y: auto;
    padding: 0 26px 20px;
}

.entity-option {
    align-items: flex-start;
    /* min-height: 56px; */
}

.entity-option .form-check-label {
    line-height: 26px;
}

#entityDropdownBtn {height: 37px}


.filter-radio {
    display: flex;
    align-items: center;
    height: 40px;
    margin: 0;
}

.filter-radio .form-check-input {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
    flex-shrink: 0;

    border: 1px solid #adb5bd;
    cursor: pointer;
}

.filter-radio .form-check-label {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #1B2124;;
    cursor: pointer;
}


/* Radio seleccionado */
.filter-radio .form-check-input:checked {
    background-color: #212529;
    border-color: #212529;
}

.filter-estat {
    width: 420px;
    padding: 0;
    border: 1px solid #dee2e6;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.12) !important;
}


/* --------------------
   Cabecera
-------------------- */

.filter-dropdown-header {
    padding: 22px 26px;
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.25px;
    color: #1B2124;
    border-bottom: 1px solid #dee2e6;
}


/* --------------------
   Lista de estados
-------------------- */

.filter-dropdown-body {
    padding: 22px 28px 20px;
}



/* --------------------
   Pie
-------------------- */

.filter-dropdown-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;

    padding: 18px;
    border-top: 1px solid #dee2e6;
}

.filter-cancel {
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}

.filter-apply {
    min-width: 194px;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 18px;
}

.invoice-filter-pill {
    border-radius: 30px;
    padding: 10px 18px;
    font-weight: 600;
}

.filtro-estado-activo {
   /*  border: 2px solid #212529; */
}

.filter-remove {
    margin-left: 8px;
    font-size: 25px;
    line-height: 1;
    font-weight: 300;
}

/**/
.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

.cab-pad {padding: 20px 0 0 20px; }