.btn-disponible-lista { background: green !important;  color: #fff; }
.btn-no-disponible-lista { background: red !important; color: #fff; }
.btn-cambiar-lista { background: #00155E !important; color: #fff; }
.btn-eliminar-lista { background: #FF5656 !important; color: #fff; }
.caja-cambio { display:none; position: fixed; left: 0; background: #00000047; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 9999; align-items: center; justify-content: center; }
.caja-cambio .contenedor-caja { position:relative; border-radius:20px; padding: 30px 50px; background-color:#F2F2F2; }
.caja-cambio .contenedor-caja .cerrar { position: absolute; right:20px; top:20px; background: red; color: #FFF; border-radius:50%; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; text-decoration: none; }
.caja-cambio .contenedor-caja ul { list-style: none; padding:30px; display:flex; }
.caja-cambio .contenedor-caja ul li {max-width: 190px; margin-right: 10px; display: flex; flex-direction: column; justify-content: start; align-items: start; padding:0px; }
.caja-cambio .contenedor-caja ul li .ro-product-title { display: block; padding: 0px 9px; width: 100%; text-align: left; }
.caja-cambio .contenedor-caja ul li .ro-product-price { margin-left:9px; }
.caja-cambio .contenedor-caja ul li .ro-sku { margin-left:9px; }
.caja-cambio .contenedor-caja ul li > a { width: 100%; display: block; text-align: center; margin-bottom: 10px; margin-top: 10px; }
.caja-cambio .contenedor-caja ul li > a > img { width: 125px; height: auto; margin: auto; }    

.caja-principal-fase-1 { background: #F8F8F8; border-radius: 10px; }
.lista-escolar, .formulario { background: #fff; padding: 30px; border-radius: 5px; }

.tabs-lista { border-bottom: 0px !important; }
.tabs-lista li button { display: flex; flex-direction: column; background: #fff !important; justify-content: center; align-items: center; padding: 50px; margin: 20px; border: none !important; }
.tabs-lista li button.active { border: solid 2px #2BA84A !important; }
.tabs-lista li button img { width: 100px; height: auto; }

/*Css agregado JH*/
.nav-link{
	width: 523px;
	height: 242px;
	border-radius: 13px !important;
}
#home-tab {
  margin-right:0px;
}
#home .lista-escolar {
	max-width: 1066px !important;
	border-radius:13px;
}
#btn-buscar{
	width:363px;
	height:46px;
}

/* Flecha custom para selects Lista Escolar */
.lista-escolar select.form-control {
    background-color: #f1f2f4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 24px;
    cursor: pointer;
		border-radius: 8px;
		width: 466px;
		height: 50px;
		border:none;
}
.titulo-lista-escolar {
    color: #00155E;
    font-weight: 600;    
    font-size: 22px;
    margin-bottom: 40px;
}
/* TÍTULO */
.tab-lista-escolar .tab-titulo {
    color: #010101 !important;
		font-size: 25px;
    font-weight: 700 !important;
}
/* SUBTÍTULO */
.tab-lista-escolar .tab-subtitulo {
    color:#010101 !important;
	font-size: 25px;
    font-weight: 400 !important;
}
/* HEADER LISTA ESCOLAR */
.le-header-lista {
    display: flex;
    align-items: center;
    gap: 28px;
    max-width: 1000px;
    margin: 0 auto 28px;
}

/* Logo izquierda */
.le-header-logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.le-header-logo img {
    max-height: 178px;
    width: 178px;
    margin-left:30px;
}

/* Texto derecha */
.le-header-info {
    max-width: 520px;
}

.le-header-titulo {
    color:#010101;
    font-size: 24px;
    font-weight: 700;
	font-style: bold;
}

.le-header-texto {
    color: #010101;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}
.le-header-logo img:nth-of-type(3) {
    max-height: unset;
    width: auto;
}
.btn-cambiar-lista{
	color: white !important;
	border-radius: 10px !important;
	width: 94px!important;
	height: 27px!important;
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
	font-size:14px!important;
	font-weight: 600!important;
	
}
.btn-eliminar-lista{
	color: white!important;
	border-radius: 10px!important;
	width: 94px!important;
	height: 27px!important;
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
	font-size:14px!important;
	font-weight: 600!important;
}
.btn-disponible-lista{
	color: white!important;
	border-radius: 10px!important;
	width: 124px!important;
	height: 27px!important;
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
	font-size:14px!important;
	font-weight: 600!important;

}
.btn-no-disponible-lista{
    color: white!important;
    border-radius: 10px!important;
    width: 124px!important;
    height: 27px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    font-size:14px!important;
    font-weight: 600!important;

}
td > a.btn {
    display: inline-flex!important;
    margin-right: 8px!important;
}
.btn-cambiar-lista::after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("/wp-content/plugins/lista-escolar/assets/imgs/cambiar.png");
		margin-left: 3px;
}


.btn-eliminar-lista::after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("/wp-content/plugins/lista-escolar/assets/imgs/eliminar.png");
    background-repeat: no-repeat;
		margin-left: 4px;
}

.cantidadinput{
	width:106px;
	height:38px;
	border-radius:11px;
	border-color: #000000;
}
.cantidad{
	color: #2BA84A;
	font-weight: 700;
	font-size:20px;
}
.precio-unitario{
	color: #000000;
	font-weight: 700;
	font-size:20px;
}

.cantidad-control {
    display: inline-flex;
    align-items: center;
    border: 1px solid #000;
    border-radius: 8px;
    overflow: hidden;
    height: 38px;
}

.btn-cantidad {
    width: 32px;
    height: 38px;
    border: none;
    background: #fff;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}



.cantidadinput {
    width: 40px;
    height: 38px;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    outline: none;
}


.cantidadinput::-webkit-inner-spin-button,
.cantidadinput::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.px-5 {
	background-color: #2BA84A !important;
	font-size: 20px;
	width: 367px;
	height: 58px;
	border-radius: 11px !important;
	display: block !important;
	margin:auto !important;
	
}
/* Quitar todas las líneas de la tabla */
#formlario table,
#formlario thead,
#formlario tbody,
#formlario tr,
#formlario td,
#formlario th {
    border: none !important;
}
.nombre_desc{
	color: #393939 !important;
	font-size: 18px;
	font-style: bold;
	font-weight:600;
	padding-left:130px !important;
}
.cantidad_desc, .precio_desc, .total_desc, .disp_desc, .acciones_desc{
	color: #393939 !important;
	font-size: 18px;
	font-weight:600;
}
.img-prod{
	border-radius: 10px;
	width: 101px !important;
	height: 101px !important;
	margin-right: 30px !important;
}
.table {
    border-collapse: separate;
    border-spacing: 0px 20px;  
    width: 1196px;
	height: 128px;
}
.td-img,.td-cantidad,.precio-unitario, .td-disponibilidad,.td-acciones,.cantidad{
	background-color: #F9F9F9 !important;
}
#formlario td.td-cantidad,
#formlario td.precio-unitario,
#formlario td.td-acciones,
#formlario td.td-disponibilidad,
#formlario td.cantidad{
    vertical-align: middle;
}
.td-img{
	border-radius: 20px 0px 0px 20px
}
.td-acciones{
	border-radius: 0 20px 20px 0px
}
.Cont-ext{
	margin-top:30px !important;
	border-radius: 20px;
	margin: 0 auto;
	width:1439px;
	background-color:#F8F8F8 !important;
}
.col-12{
	background-color: white;
	border-radius: 13px;
	margin-bottom: 10px;
}
.col-lg-12{
	background-color: white;
	border-radius: 13px;
}
/*Cambios PopUp*/

.cont-prod-cambio{
	width:1206px;
	height:583px;
	margin-top:25px;
	border-radius: 13px;
	background-color:#FFFFFF;
}

.prod-li{
	margin-left:40px!important;
	width:255px;
	height:507px;
}
.cont-nombre{
	color: #010101!important;
	font-size: 17px;
	font-weight:400;
	}
.cont-sku{
	color:#A1A1A1;
	font-size: 12px;
	font-weight:400;
}
.cont-price{
	color:#010101;
	font-size:20px;
	font-weight:600;
}
.cont-prod-cambio ul {
    display: flex;
    gap: 16px;
    padding: 0;
    margin: 0;
}

.prod-li .prod-card {
    width: 240px;
    border-radius: 14px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 0 0 3px #F2F2F2;
}

.agregar-cambiado {
    background: #2BA84A;
    color: #FFFFFF;
		width: 114px;
		height:36px;
    padding: 6px 16px;
    border-radius: 9px;
    font-size: 14px;
		font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
.agregar-cambiado::after {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url("/wp-content/plugins/lista-escolar/assets/imgs/cambiar.png");
		background-repeat:no-repeat;
		background-position: right 1px center;
		margin-left: 10px
}
.cont-cantidad {
    display: inline-flex;
    align-items: center;
    border-radius: 9px;
		width:90px;
    height: 36px;
    overflow: hidden;
    background:  #FFFFFF;
}

.cont-cantidad button {
    width: 26px;
    height: 24px;
    border: none;
    background: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
    
}

.cantidad-valor {
    width: 26px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
}
.cont-btn {
		margin-top: auto;
    display: flex;
    justify-content: center;
    background: #F2F2F2;
    margin-left: -14px;
    margin-right: -14px;
    margin-bottom: -14px;
    padding: 16px;
    display: flex;
    gap: 9px;
    align-items: center;
    border-radius: 0 0 16px 16px;
}
.btn-mas, .btn-menos, .cantidad-valor{
	color: #000000;
	font-weight:600;
}
.cerrar{
	width:36px !important;
	height:36px !important;
	background-color:#EF4444 !important;
	font-size: 18px;
}
.texto-superior{
	text-align: center;
	font-size: 26px;
	font-weight:700;
	
}