.card
{
	background-color: white;
	box-shadow:  1px 1px 4px rgba(0,0,0,0.12);
	border-radius: 1rem;
}




.border-raius-1{border-radius: 0.3rem;}
.border-raius-2{border-radius: 0.6rem;}
.border-raius-3{border-radius: 0.9rem;}
.border-raius-4{border-radius: 1.2rem;}
.border-raius-5{border-radius: 1.5rem;}
.border-raius-6{border-radius: 1.8rem;}
.border-raius-7{border-radius: 2.1rem;}

/* .card .chk_bi
{

	width: 30px!important;
	height: 25px!important;

} */


.inline-block{
	display: inline-block;
}

.font-bold
{

	/* display: inline-block; */
    /* color: #1C1C1C; */
    font-weight: bold;

}

.ficha-titulo
{

	overflow: auto hidden;
	/* height: 30px; */
	padding: 1rem;

}

.ficha-cuerpo
{

	overflow: auto hidden;
	padding: 15px;
}

.ficha-icono
{
	/* width: 275px; */
	/* margin-top: 5px; */
    /* overflow: hidden; */
	background: url('../../../public/img/est_25_b.png') 3px 0px no-repeat;
	/* float: left; */
/*	width: calc(100% - 200px);*/

}
.flex-grow-1{
	flex-grow: 1;
}
.ficha-est-icono
{
	margin-top: 0px;
	background: url('../../../public/img/est_25_b.png') 0px 0px no-repeat;
}

.ficha-nombre
{

      /* padding-left: 30px; */

    /* text-transform: capitalize; */
    /* line-height: 3; */
    /* white-space: nowrap; */
    /* word-wrap: break-word; */
    /* text-overflow: ellipsis; */
    /* font-weight: bold; */
    /* font-size: 12px; */
    font-size: 1.2rem;
    /* width: 100%; */
    /* background: red;*/
}

.px-1{
		padding-left: 0.5rem;
		padding-right: 0.5rem;
}
.px-2{
		padding-left: 1rem;
		padding-right: 1rem;
}
.px-3{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
}
.px-4{
		padding-left: 2rem;
		padding-right: 2rem;
}

.py-1{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.py-2{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.py-3{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.py-4{
	padding-top: 2rem;
	padding-bottom: 2rem;
}


.p-1{
	padding: 0.5rem;
}
.p-2{
	padding: 1rem;
}
.p-3{
	padding: 1.5rem;
}
.p-4{
	padding: 2rem;
}

.pr-1{
	padding-right: 0.5rem;
}
.pr-2{
	padding-right: 1rem;
}
.pr-3{
	padding-right: 1.5rem;
}
.pr-4{
	padding-right: 2rem;
}

.pl-1{
	padding-left: 0.5rem;
}
.pl-2{
	padding-left: 1rem;
}
.pl-3{
	padding-left: 1.5rem;
}
.pl-4{
	padding-left: 2rem;
}

.ml-1{
	margin-left: 0.5rem;
}
.ml-2{
	margin-left: 1rem;
}
.ml-3{
	margin-left: 1.5rem;
}
.ml-4{
	margin-left: 2rem;
}
.mt-0-5{
	margin-top: 0.2rem;
}
.mt-1{
	margin-top: 0.5rem;
}
.mt-2{
	margin-top: 1rem;
}
.mt-3{
	margin-top: 1.5rem;
}
.mt-4{
	margin-top: 2rem;
}

.mt-0{
	margin-top:0;
}
.mb-0{
	margin-bottom:0;
}
.ml-0{
	margin-left:0;
}
.mr-0{
	margin-right:0;
}
.mt-1{
	margin-top:0.5rem;
}
.mb-1{
	margin-bottom:0.5rem;
}
.ml-1{
	margin-left:0.5rem;
}
.mr-1{
	margin-right:0.5rem;
}
.mt-2{
	margin-top:1rem;
}
.mb-2{
	margin-bottom:1rem;
}
.ml-2{
	margin-left:1rem;
}
.mr-2{
	margin-right:1rem;
}
.mt-3{
	margin-top:1.5rem;
}
.mb-3{
	margin-bottom:1.5rem;
}
.ml-3{
	margin-left:1.5rem;
}
.mr-3{
	margin-right:1.5rem;
}
.mt-4{
	margin-top:2rem;
}
.mb-4{
	margin-bottom:2rem;
}
.ml-4{
	margin-left:2rem;
}
.mr-4{
	margin-right:2rem;
}

.m-auto{
	margin:auto;
}
.m-0{
	margin:0rem;
}
.m-1{
	margin:0.5rem;
}
.m-2{
	margin:1rem;
}
.m-3{
	margin:1.5rem;
}
.m-4{
	margin:2rem;
}

.mx-1{margin-left:0.5rem;margin-right:0.5rem;}
.my-1{margin-top:0.5rem;margin-bottom:0.5rem;}
.mx-2{margin-left:1rem;margin-right:1rem;}
.my-2{margin-top:1rem;margin-bottom:1rem;}
.mx-3{margin-left:1.5rem;margin-right:1.5rem;}
.my-3{margin-top:1.5rem;margin-bottom:1.5rem;}
.mx-4{margin-left:2rem;margin-right:2rem;}
.my-4{margin-top:2rem;margin-bottom:2rem;}
.mx-5{margin-left:2.5rem;margin-right:2.5rem;}
.my-5{margin-top:2.5rem;margin-bottom:2.5rem;}
.mx-6{margin-left:3rem;margin-right:3rem;}
.my-6{margin-top:3rem;margin-bottom:3rem;}
.mx-7{margin-left:3.5rem;margin-right:3.5rem;}
.my-7{margin-top:3.5rem;margin-bottom:3.5rem;}

.margin-auto{
	margin: auto;
}

.text-xs
{
    font-size: x-small; 
}
.text-sm
{
    font-size: small; 
}
.text-m
{
    font-size:0.85rem; 
}
.text-lg
{
    font-size:large; 
}
.text-xl
{
    font-size:x-large; 
}
.text-2xl
{
    font-size:xx-large; 
}
.text-3xl
{
    font-size:xxx-large; 
}


.text-align-left{
	text-align: left;
}
.text-align-right{
	text-align: right;
}				
.text-align-center{
	text-align: center;
}	
.overflow-auto{
	overflow: auto;
}
.overflow-y-scroll{
	overflow-y: scroll;
}
.overflow-x-scroll{
	overflow-x: scroll;
}
.overflow-scroll{
	overflow: scroll;
}
.flex{
	display:flex;
}

.justify-content-end{
	justify-content:end;
}
.justify-content-center{
	justify-content: center;
}
.justify-content-space-between{

	justify-content: space-between;
}
.align-items-center{
	align-items: center;
}  

.gap-0{
	gap: 0;
}


.gap-1{
	gap: 1rem;
}


.ficha-icono h2
{

	margin:0px;
	margin-left: 30px;
	width: 20px;
	font-size: 9pt;

}

.ficha-icono h3
{

	margin:5px;
	font-size: 12px;
	color: #585858;

}

.btn-eliminar
{

	background: url('../../../public/img/trash_r_15_w.png') 8px 8px no-repeat;
	width: 30px;
	height: 30px;
    background-color: #cd565c;
    color: white;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    border: none;
    float: right;
    outline-style: none;
}

.btn-dj
{

	background: url('../../../public/img/nuevo_w.png') 8px 8px no-repeat;
    width: 180px; 
	height: 30px;
    background-color: #3fae49;
    color: white;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    border: none;
    float: right;
    outline-style: none;
    padding-left: 20px;
    /*margin-right: 12px;*/
}

.disabledbutton 
{ 

    pointer-events: none; 
    filter: grayscale();
    opacity: 0.4;

} 

.badge{
    text-align: center;
    padding: 0.1rem;
    border-radius: 0.2rem;
    /* min-width: 30px; */
}
.min-width-1{ min-width:1rem;}
.min-width-2{ min-width:2rem;}
.min-width-3{ min-width:3rem;}
.min-width-4{ min-width:4rem;}
.min-width-5{ min-width:5rem;}
.min-width-6{ min-width:6rem;}
.min-width-7{ min-width:7rem;}

.bg-gray-rnee{
	background: #f7f7f7;
}

.bg-white{
	background-color: #ffffff!important;
}
.bg-blue-rnee{
	background: linear-gradient(45deg, rgba(109,176,238,1) 22%, rgba(109,176,238,1) 33%, rgba(63,142,233,1) 100%);
    color: white;
}
.bg-blue-rnee-100{
	background: #F7F7F7;
}
.bg-blue-ground{
	background: #e6eef5;
	
}
.bg-error{
	background: #ffe2e22e;
}
.bg-red{
	background: red;
}
.on-hover:hover{
	background: #ebf4ff;
}

.on-hover-error:hover{
	background: #ffebeb;
}
.selected-modal {
	border: 4px dashed #cbcbcb;
    background: #f7f7f7;
  }
.selected-modal > * {
    visibility: hidden; /* Oculta todos los elementos hijos */
  }
.border-dashed{
	border-style: dashed!important;
}
.border-1{border-style: solid; border-width: 1px!important;}
.border-2{border-style: solid; border-width: 2px!important;}
.border-3{border-style: solid; border-width: 3px!important;}
.border-4{border-style: solid; border-width: 4px!important;}
.border-5{border-style: solid; border-width: 5px!important;}

.border-color-gray{
	border-color: #dbdbdb!important;
}

.border-left{
	border-right: none;
	border-top: none;
	border-bottom: none;
}
.border-right{
	border-left: none;
	border-top: none;
	border-bottom: none;
}
.border-top{
	border-right: none;
	border-left: none;
	border-bottom: none;
}
.border-bottom{
	border-right: none;
	border-left: none;
	border-top: none;
}


/*  */
.text-color-gray-ligth{
	color:#bbbbbb!important;
}
.text-color-gray{
	color: #777777!important;
}
.text-color-dark{
	color: #515151!important;
}


.text-primary{
	color: rgb(4, 75, 170)!important;
}

.tipo-ficha {
    /* width: calc(100% - 2px); */
    /* height: 30px; */
    background-color: #b7b7b742;
    /* font-weight: 400; */
    /* text-align: center; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* border: 1px solid #D0D0D0; */
    /* display: none; */
    padding: 0.2rem;
    border-radius: 0.4rem;
    color: #a39e9e;
    /* font-size: x-small; */
}

.info-seccion
{

	overflow: auto;
	/*margin-top: -5px;*/
	/*margin-bottom: 5px;*/

}

.sec-seccion,
.sec-turno
{
	float: right;
	text-align: center;

}


.sec-grado
{

	text-align: center;
	float: left;


}

.control-turno
{

	float: right;
	/*margin-top: 5px;*/
}


.etiqueta-grado{

	border: 1px solid #6E6E6E;
    background-color: #A4A4A4;
    text-shadow: 1px 1px #585858;
    /* width: 20px; */
    /* padding: 5px; */
    border-radius: 3px 0px 0px 3px;
    display: inline-block;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25) inset;
    color: white;
    /* font-size: 12px; */
    /*margin-top: 3px;*/
    outline-style: none;
    font-weight: bold;

    text-align: center;
	line-height: 2rem; /* Alinea verticalmente el texto */

}

.nombre-seccion
{

	width: 70px!important;
	height: 26px;
	margin-left: -4px;
	/*display: inline-block!important;*/
	border-left: none!important;
	border-radius: 0px 3px 3px 0px!important;

}

.item-ficha
{

	/*margin-bottom: 5px;*/

}


.lista-discapacidad
{

	/* margin-top: 9px; */
	/* overflow: auto; */
	/*background-color: red;*/
	/* height: 190px; */

	/* border-radius: 3px; */
	/*border:1px dashed blue;*/

}
.border-top-item{
	border-top: 1px solid #ede8e8;
}

.first-item {
    border-top: none;
}

.h-full{
	height: 100%!important;
}

.w-full{
	width: 100%!important;
}
.w-1{width: 10%!important;}
.w-2{width: 20%!important;}
.w-3{width: 30%!important;}
.w-4{width: 40%!important;}
.w-5{width: 50%!important;}
.w-6{width: 60%!important;}
.w-7{width: 70%!important;}
.w-8{width: 80%!important;}
.w-9{width: 90%!important;}


.display-none{
	display: none;
}
.no-available{
    opacity: 0.3;
    filter: grayscale(0.5);
    pointer-events: none;
}
.btn-rounded{
	border-radius:50%;
	height:35px;
	width:35px;
	border: none;
	cursor: pointer;
}
.btn-rounded:hover{
	opacity: 0.8;
    background: #cad1d7;
}
.btn{
	height: 36px;
	padding: 10px;
	font-size: 0.9rem;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn:disabled{
	opacity: 0.5;
	pointer-events: none;
}
.btn:hover{
	opacity: 0.8;
    background: #cad1d7;
}

.btn-success{
	background: #0080ff;
	color: #ffffff;
}
.btn-success:hover{
	background: #2284e6;
}
.btn-success-outlined{
	background: none!important;
	border:2px solid #0080ff;
	color: #0080ff;
}

.btn-outlined{
	background: none!important;
	border-style: solid;
	border-width: 1px;
}

.btn-success-text{
	background: none!important;
	border:none;
	color: #0080ff;
}

.btn-danger-outlined{
    background: none!important;
    border: 1px solid #d91616;
    color: #d91616;
}

.btn-danger{
	background: #d91616;
	color: #ffffff;
}
.btn-danger:hover{
	background: rgb(223, 113, 113);
}
.btn-danger-outlined{
	background: none!important;
	border:1px solid #d91616;
	color: #d91616;
}
.btn-danger-text{
	background: none!important;
	border:none;
	color: #d91616;
}


.btn-primary-500{
	background: #1eb1ff;
	color: #ffffff;
}
.btn-primary-500:hover{
	background: #1eb1ff;
}
.btn-primary-500-outlined{
	background: none!important;
	border:1px solid #1eb1ff;
	color: #1eb1ff;
}
.btn-primary-500-text{
	background: none!important;
	border:none;
	color: #1eb1ff;
}

.btn-primary-800{
	background: #0861c5;
	color: #ffffff;
}
.btn-primary-800:hover{
	background: #0861c5;
}
.btn-primary-800-outlined{
	background: none!important;
	border:1px solid #0861c5;
	color: #0861c5;
}
.btn-primary-800-text{
	background: none!important;
	border:none;
	color: #0861c5;
}

.btn-primary-900{
	background: #0d549b;
	color: #ffffff;
}
.btn-primary-900:hover{
	background: #0d549b;
}
.btn-primary-900-outlined{
	background: none!important;
	border:1px solid #0d549b;
	color: #0d549b;
}
.btn-primary-900-text{
	background: none!important;
	border:none;
	color: #0d549b;
}


.btn-primary-950{
	background: #0e335d;
	color: #ffffff;
}
.btn-primary-950:hover{
	background: #0e335d;
}
.btn-primary-950-outlined{
	background: none!important;
	border:1px solid #0e335d;
	color: #0e335d;
}
.btn-primary-950-text{
	background: none!important;
	border:none;
	color: #0e335d;
}

.item-discapacidad
{

	/* overflow: auto; */
	/* border: 1px solid #F7F7F7; */
	/* border-left: 3px solid #FFA240; */
	/* padding: 5px; */
	/* border-radius: 2px; */
	/* padding-left: 20px; */
	cursor: pointer;
	height: 48px;
}

.item-discapacidad:hover
{

	background: #f2f2f2;
}

.card .btn-reg
{

	width: 15px!important;

}

.card .btn-del
{

	background: url('../../../public/img/trash_r_15_b.png') 5px 5px no-repeat,-webkit-linear-gradient(top, #F7F7F7 0%, #C9C7C8 100%);

	border-left: none;

}

.card .btn-del:hover
{

	background: url('../../../public/img/trash_r_15_r.png') 5px 5px no-repeat ,-webkit-linear-gradient(top, #F7F7F7 0%, #C9C7C8 100%);

}



.card .btn-edit
{
	background: url('../../../public/img/editar_15.png') 5px 5px no-repeat ,-webkit-linear-gradient(top, #F7F7F7 0%, #C9C7C8 100%);

}

.card .btn-edit:hover
{
	background: url('../../../public/img/editar_15_r.png') 5px 5px no-repeat ,-webkit-linear-gradient(top, #F7F7F7 0%, #C9C7C8 100%);
}


.info-item
{
	/* width: calc(100% - 160px); */
	/* float: left; */
}	

.control-item
{

	width: 45px;
	float: right;
	/*height: 40px;*/
	display: flex;
	align-items: center;

}

.control-item-link
{

    margin-top: 6px;
    float: right;
    /*font-size: 12px;*/
    text-align: center;
    padding: 5;
    border-radius: 3px!important;
    border: 1px solid #dadada;

}

.control-item-link:hover
{
	background: white;
	color: #1755b2;
    border: 1px solid #1755b2;
}

.control-item-link:active
{
	background: #1755b2;
    color: white;
    border-color: #1755b2;
}

.btn-edit-ficha
{

	background: url('../../../public/img/siguiente_16.png') 30px 0px no-repeat ;
	width: 45px;
	height: 15px;
	cursor: pointer;
	font-weight: bold;
	color: black;
	padding-top: 1px;
	font-size: 11px;
	margin-top: 8px;
	font-weight: normal;
	color: gray;

}

.tipo-discapacidad
{
	/* font-weight: bold;
	font-size: 1em; */
}

.est-reg-ficha
{
	margin-top: 5px;
	width: 70px; 
	border-radius: 2px;
	font-size: 10px;
	padding: 3px;
	text-align: center;
}

.agrega-discapacidad
{
	width: 100%;
	border: none;
	background: white;
	border-top: 1px solid #E3E3E3;
	color: #848484;
	padding: 15px;
	cursor: pointer;
	margin-top: -71px;
	text-shadow: 0.5px 0.5px #F5F5F5;
}
.agrega-discapacidad:hover
{
    text-decoration: none;
    background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #C9C7C8 100%);
    color: #006EAD;
}

.card .val
{
	background-color: #1062b3 ;
	color: white;
	border-color: #1062b3 ;
	font-weight: bold;
}
.card .com
{
	background-color: #3fae49;
	color: white;
	border-color: #3fae49;
}

.card .obs
{
	color: white;
	border-color: #FFA240;
}

.card .n-val
{
	background-color:#e76c6a;
	color: white;
	border-color: #e76c6a;
}

.card .pen
{
	/*background-color:;*/
	color: white;
	border-color: #7C7C7C;

}

.card .sub
{
	/*background-color:;*/
	color: white;
	border-color: #bdbdbd;
	background: #fdc431;
}

.card .borde-val
{

	border-left-color: #1062b3 ;

}

.card .borde-com
{

	border-left-color: #3fae49;
	/*rgb(111, 186, 255);*/

}

.card .borde-obs
{

	border-left-color: #FFA240;

}

.card .borde-n-val
{

	border-left-color:  #e76c6a;

}

.card .borde-pen
{

	border-left-color:  #7C7C7C;

}

.card .borde-sub
{

	border-left-color: #fdc431;

}

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

@media screen and (min-width: 100px) {
	.label-ellipsis {
		max-width: 200px; /* Ancho máximo para mostrar puntos suspensivos */
	}
}
.cuadro-mensaje-item
{
	/*margin-top: 40px;*/
	text-align: center;
	border: 2px dashed #D5D5D5;
	border-radius: 5px;
	color:#B8B7B7;
	font-weight: bold;
	font-size: 14px;
	padding-top: 75px;	
	padding-bottom: 75px;	
	/*width: 100%*/

}

.cuadro-agrega-item
{
	/*margin-top: 40px;*/
	text-align: center;
	color:#B8B7B7;
	font-weight: bold;
	font-size: 12px;
	padding-top: 80px;	
	/*padding-bottom: 50px;	*/
	/*width: 100%*/

}

.cuadro-flecha-nuevo-estudiante
{

	width: 150px;
	float: right;
	text-align: center;
	color:#B8B7B7;
	font-weight: bold;
	font-size: 12px;
	margin-top: 40px;	
	position: absolute;
    animation-duration: 0.8s;
    animation-name: moviendo;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.43, 0.35, 0.61, 1.07);;
    left: calc(100% - 150px);
	filter: brightness(0.5);
}

.objeto-deshabilitado
{

    opacity: 0.2;
    filter: blur(0.5px) grayscale(1);
    cursor: default!important;
    pointer-events: none;

}

.bar-herramienta-top
{

	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;

}

.btn-dj-mini
{
    width: 30px!important;
    height: 25px;
    margin: 4px;
    margin-right: 10px;
    background-color: #3fae49;
    color: white;
    border-radius: 3px;
    cursor: pointer;
    border: none;
    float: right;
    outline-style: none;
}

.ico-dj
{

    background: url(../../../public/img/nuevo_w.png) 7px 6px no-repeat;
    background-color: #3fae49;

}

.inactived-events
{
    pointer-events: none; 
    opacity: 0.8;
}

@keyframes moviendo {
	from {
	  top: 290px;
	}
	to {
	  top: 350px;
	}
}

.alert{
	width: 100%;
    box-sizing: border-box;
    padding: 0.8rem;
    font-size: 0.83rem;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
	gap: 0.8rem;
}
.error{
	background-color: rgb(255 232 232);
    color: #ff4444;
    border-left: 4px solid #ff4444;
}
.success{
    background-color: rgb(232 251 228);
    color: #036b1e;
    border-left: 4px solid #036b1e;
}

.warning{
    background-color: rgb(253 246 230);
    color: #cda01a;
    border-left: 4px solid #cda01a;
}

.dialog-modal {
	/* display: none; */
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
  }

  .modal-content {
	/* background-color: #fefefe; */
	margin: auto; 
	padding: 20px;
	height: auto; 
	overflow: auto; 
	box-sizing: border-box; 
	position: relative; 
	/* top: 50%;  */
	/* transform: translateY(-50%);  */
  }

  .max-width-1{max-width: 10%;}
  .max-width-2{max-width: 20%;}
  .max-width-3{max-width: 30%;}
  .max-width-4{max-width: 40%;}
  .max-width-5{max-width: 50%;}
  .max-width-6{max-width: 60%;}
  .max-width-7{max-width: 70%;}
  .max-width-8{max-width: 80%;}
  .max-width-9{max-width: 90%;}
  .w-1rem{width: 1rem!important;}
  .w-2rem{width: 2rem!important;}
  .w-3rem{width: 3rem!important;}
  .w-4rem{width: 4rem!important;}
  .w-5rem{width: 5rem!important;}
  .w-6rem{width: 6rem!important;}
  .w-7rem{width: 7rem!important;}
  .w-8rem{width: 8rem!important;}
  .w-9rem{width: 9rem!important;}
  .w-10rem{width: 10rem!important;}
  .w-11rem{width: 11rem!important;}
  .w-12rem{width: 12rem!important;}
  .w-13rem{width: 13rem!important;}
  .w-14rem{width: 14rem!important;}
  .w-15rem{width: 15rem!important;}
  .w-16rem{width: 16rem!important;}
  .w-17rem{width: 17rem!important;}
  .w-18rem{width: 18rem!important;}
  .w-19rem{width: 19rem!important;}
  .w-20rem{width: 20rem!important;}
  .w-21rem{width: 21rem!important;}
  .w-22rem{width: 22rem!important;}
  .w-23rem{width: 23rem!important;}
  .w-24rem{width: 24rem!important;}
  .w-25rem{width: 25rem!important;}
  .w-26rem{width: 26rem!important;}
  .w-27rem{width: 27rem!important;}
  .w-28rem{width: 28rem!important;}
  .w-29rem{width: 29rem!important;}
  .w-40rem{width: 40rem!important;}
  .w-41rem{width: 41rem!important;}
  .w-42rem{width: 42rem!important;}
  .w-43rem{width: 43rem!important;}
  .w-44rem{width: 44rem!important;}
  .w-45rem{width: 45rem!important;}
  .w-46rem{width: 46rem!important;}
  .w-47rem{width: 47rem!important;}
  .w-48rem{width: 48rem!important;}
  .w-49rem{width: 49rem!important;}
  .w-50rem{width: 50rem!important;}

  .h-1rem{height: 1rem!important;}
  .h-2rem{height: 2rem!important;}
  .h-3rem{height: 3rem!important;}
  .h-4rem{height: 4rem!important;}
  .h-5rem{height: 5rem!important;}
  .h-6rem{height: 6rem!important;}
  .h-7rem{height: 7rem!important;}
  .h-8rem{height: 8rem!important;}
  .h-9rem{height: 9rem!important;}
  .h-10rem{height: 10rem!important;}
  .h-11rem{height: 11rem!important;}
  .h-12rem{height: 12rem!important;}
  .h-13rem{height: 13rem!important;}
  .h-14rem{height: 14rem!important;}
  .h-15rem{height: 15rem!important;}
  .h-16rem{height: 16rem!important;}
  .h-17rem{height: 17rem!important;}
  .h-18rem{height: 18rem!important;}
  .h-19rem{height: 19rem!important;}
  .h-20rem{height: 20rem!important;}
  .h-21rem{height: 21rem!important;}
  .h-22rem{height: 22rem!important;}
  .h-23rem{height: 23rem!important;}
  .h-24rem{height: 24rem!important;}
  .h-25rem{height: 25rem!important;}
  .h-26rem{height: 26rem!important;}
  .h-27rem{height: 27rem!important;}
  .h-28rem{height: 28rem!important;}
  .h-29rem{height: 29rem!important;}
  .h-40rem{height: 40rem!important;}
  .h-41rem{height: 41rem!important;}
  .h-42rem{height: 42rem!important;}
  .h-43rem{height: 43rem!important;}
  .h-44rem{height: 44rem!important;}
  .h-45rem{height: 45rem!important;}
  .h-46rem{height: 46rem!important;}
  .h-47rem{height: 47rem!important;}
  .h-48rem{height: 48rem!important;}
  .h-49rem{height: 49rem!important;}
  .h-50rem{height: 50rem!important;}

.p-error{
	border-color: red!important;
	outline: none;
}

.sticky {
	position: sticky;
	top: 0;
  }

.removing-estudent{
	opacity: 0.3;
    filter: blur(2px);
}
.float-left{float:left;}
.float-right{float:right;}

.position-absolute{
	position: absolute;
}
.position-relative{
	position:relative;
}
.right-0{
	right: 0; 
}

.cursor-pointer{
	cursor:pointer;
}



/**
* Menu DropDown
*/

.menu {
	position: relative;
	display: inline-block;
	/* text-align: right; Alineación a la derecha por defecto */
  }
  
  .submenu {
	display: none;
	position: absolute;
	/* */
	background-color: #f9f9f9;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
  }
  
  .submenu a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }
  
  .submenu a:hover {
	background-color: #f1f1f1;
  }
  
  .menu:hover .submenu {
	display: block;
  }
  
  .separator {
	border-top: 1px solid #f1ebeb;
	margin: 2px 0;
	padding: 0;
  }
  
  .menu.expand-left .submenu {
	right: auto;
	left: 0;
  }
  
  /**
*
*Mshow
*/

.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	color:#333333;
}
.modal-content-show {
	background: white;
	padding: 20px;
	border-radius: 8px;
	text-align: center;
	max-width: 500px;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}
.modal-header {
	font-size: 1.5em;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal-header i {
	margin-right: 10px;
	font-size: 2em;
}
.modal-body {
	margin-bottom: 20px;
}
.modal-footer {
	display: flex;
	justify-content: space-between;
}
.modal-footer button {
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
.btn-cancel {
	background-color: #d9534f;
	color: white;
}
.btn-accept {
	background-color: #5cb85c;
	color: white;
}
/* Colores según el tipo de mensaje */


.modal-icon-color-error {
	color: #d9534f;
}
.modal-icon-color-alert {
	color: #f0ad4e;
}
.modal-icon-color-info {
	color: #5bc0de;
}
.modal-icon-color-success {
	color: #5cb85c;
}

.modal-error {
	border-left: 5px solid #d9534f;
}
.modal-alert {
	border-left: 5px solid #f0ad4e;
}
.modal-info {
	border-left: 5px solid #5bc0de;
}
.modal-success {
	border-left: 5px solid #5cb85c;
}
.modal-body-wrapper {
	display: flex;
	align-items: center;
}
.modal-icon {
	font-size: 3em;
	margin-right: 20px;
}
.modal-text {
	text-align: left;
}


.underline{text-decoration: underline;}
.line-through{text-decoration: line-through;}
.no-underline{text-decoration: no-underline;}

.border-round{border-radius: 50%;}

.popup-top::before {
	content: "";
	position: absolute;
	top: -10px;
	left: 10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid white;
}

.popup-left::before {
	content: "";
	position: absolute;
	top: 20px;
	left: -8px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid white;
}

.color-whatsapp{
	color: #25D366;
}

.border-color-whatsapp{
	border-color: #25D366;
}

.bg-whatsapp{
	background-color: #25D366;
}

.color-white{
	color: white!important;
}

.btn-hover-whatsapp:hover{
	opacity: 1;
    background-color:#16b450;
}