/*USO*/
/*var(--fmb-color)*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
:root {
	/*M
	--fmb-color:  rgba(39, 37, 36, 0.89); 
	--fmb-color2: rgb(85,87,89);
	--fmb-colorimg: url("../img/bg_head.gif");
	--fmb-myfrmbg: #fff;
	--fmb-color3: white;
	--fmb-color4: #343a40;
	--fmb-color5: #e9ecef;
	--fmb-color6: #e29521e7;
	--fmb-myfrmbg: #fff;*/

	--fmb-color:  #0275d8; 
	--fmb-color2: red;
	--fmb-color3: white;
	--fmb-color4: #343a40;
	--fmb-color5: #e9ecef;
	--fmb-color6: #0084ff;
	--fmb-myfrmbg: #fff;
	--font-family: 'Poppins', sans-serif;
}
/*http://cssdeck.com/labs/css3-webkit-vertical-scrollbars*/


#clases span{
	margin-right: 5px;
}
#clases span a{
	color: #212529;
    font-size: 10px;
}
#msjObservacion{
	width: 95%;
	white-space: pre-line;
	position: relative;
}
.fw-semi-negrita{
	font-weight: 600;
}
/* .texto{
	font-family: 'PT Serif', serif;
	font-size: 15px;
} */
#msjObs{
	display: none;
}
#msjObs #img-obs-doc{
	width: 100px;
}
.saltodelinea{
	white-space: pre-line;
	display: inline-table;
}
.negrita{
	font-weight: bold;
}

.deletevideo{
	position: absolute;
    top: 18px;
    right: 16px;
    background-color: #0275d8;
    padding: 5px;
    border-radius: 0px;
	color: white;
	font-size: 15px;
	font-weight: bold;
	z-index: 1;
}
/* Horario de clase */
#loadHC{
	display: none;
	color: #6c757d;
}

#goclasevirtual{
	-webkit-box-shadow: 0px 11px 28px 9px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 11px 28px 9px rgba(0,0,0,0.75);
	box-shadow: 0px 11px 28px 9px rgba(0,0,0,0.75);
	margin-top: 10px;
	margin-bottom: 10px;
}
.directgoclasevirtual{
	font-size: 13px;
    text-align: center;
    border-top: 1px solid #ddd!important;
    padding-top: 10px!important;
}
#directgoclasevirtualspan{
	font-size: 13px;
    font-weight: bolder;
}

.fa-podcast{
	color: red;
	animation-name: example;
	animation-duration: 2s;
	animation-iteration-count: infinite;
  }
@keyframes example {
	from {color: red;}
	to {color: #ddd;}
}

#cvt{
	color: #0275d8;
	font-size: 20px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom:10px;
}
.refreshlink{
	margin-left: 15px;
}
.optionaction{
	font-size: 20px;
}

#functionsys,
.ubiq2{
	max-height: 300px;
    overflow-y: scroll;
	border-radius: 10px;
	padding: 10px;
	margin: 0 2px;	
}
#functionsys > span,
.ubiq2 > span{
	color: var(--principal-color);
	font-weight: 600;
}
#lstfs,
#funcargo{
	list-style: none;
	text-decoration: none;
	padding-left: 0;
}
#lstfs li,
#funcargo li{
	padding: 4px 0;
	border-radius: 10px;
	position: relative;
}

#lstfs> li a,
#funcargo> li a{
	display: flex;
	align-items: center;
	gap: 4px;

}

#lstfs> li a .float-right,
#funcargo> li a .float-right{
	position: absolute;
	right: 10px;
	color: var(--principal-color-alt);
}
#funcargo> li a .float-right .fa-minus-square{
	color: var(--secondary-color-alt);
}
#lstfs> li > a >span,
#funcargo> li > a >span{
	font-weight: 600;
	/* color: var(--principal-color); */
}

#lstfs> li > a .iconitem,
#funcargo> li > a .iconitem{
	color: #fff;
	border-radius: 50%;
    background-color: var(--principal-color);
	width: 28px!important;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#lstfs li ul,
#funcargo li ul{
	list-style: none;
	text-decoration: none;
	padding-left: 12px;
}
#lstfs li ul>li a .iconitem,
#funcargo li ul>li a .iconitem{	
	font-size: 12px;
}

#lstfs >li >ul>li > a > .iconitem,
#funcargo >li >ul>li > a > .iconitem{
	color: var(--principal-color);
}

#lstfs li ul>li> a span,
#funcargo li ul>li> a span{
	font-weight: 500;
}
#lstfs li ul>li> ul> li a span,
#funcargo li ul>li> ul> li a span{
	font-weight: 400;
	color: var(--text);
}


#foxviewer .modal-body{
	background-image: url("https://icons8.com/preloaders/preloaders/22/Fading%20circles.gif");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
#foxviewer .close{
	position: absolute;
    color: white;
    right: 0;
    /* margin-right: 25px; */
    font-size: 40px;
	opacity: 1;
	text-shadow: 2px 3px 2px #000;
	z-index: 100;
	top: 0px;
    right: 0px;
    border: 1px solid #eee;
    padding: 0 10px 0 12px;
    border-top-right-radius: 2px;
    background-color: #212529f0;
}
#foxviewer img{
	width: 100%;
}
#foxviewer #pdfViewer,#ytViewer,#drViewer,#viViewer{
	height: 90vh;
}

#modalPresentaciones .modal-body{
	height: 75vh;
    overflow-y: scroll;
}



/**/
.frm-reader{
	width: 100%;
	height: 100vh;
}

.comunicate{
	height: calc(100vh - 40px);
}

.comunicadoTitulo{
	font-size: 25px;
	font-weight: bolder;
}

.evalonline{
	display: none;
}
#modalPregunta{
	background-color: #000000ad;
}
.deletepreguntaopcion{
	position: relative;
    bottom: 26px;
    right: 7px;
}

#frmPregunta .hc{
	margin-bottom: 10px;
}
#frmPregunta .hc button{
	width: 35px;
}
.preguntaopcionrespuesta{
	position: absolute;
    left: 20px;
    top: 4px;
    height: 20px;
    width: 20px;
}
.preguntaopciontexto{
	padding-left: 30px!important;
	height: calc(1.5em + .5rem + 2px);
    line-height: 1.5;
    border-radius: .2rem;
	display: block;
    width: 100%;
    font-weight: 400;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.preguntaopciontexto:focus{
	color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

/*BODY*/
/*HEADER*/
/*MENU*/


.navbar-load{
	width: 100vw;
	height: 0vh; /*para que no aparezca en pantalla*/
	background-color:#1d2129;
	position: fixed;
	z-index: 1019; /*1020 tapa todo*/
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.navbar-load-show{
	height: 100vh;
}
.navbar-left-item-text{
	display: inline-block;
	width: 200px !important;
	height: auto;
	border: 0px solid red;
	margin: 0 5px 0 5px; 
	padding-right: 15px;
}
.navbar-left-item-text i{
	position: absolute;
	right: 0;
}
.menuscroll{
	overflow: hidden;
    height: calc(100vh - 45px);
	/* background-color:  #f8f9faa3; */
	background-color:  rgba(0, 0, 0, 0.8);
	padding-bottom: 18px;
}
.menuscroll:hover{
	overflow-y: auto;
}
#pnlAnuncio h5{
	font-size:50px;
	text-shadow: 4px 3px 3px var(--dark);
}
#mdlEliminar{
	background: #0000007a;
}
/*FORMULARIO*/
/*FOOTER*/
/*CONTACT*/
/*MESSENGERMINI*/
/* @import 'fmb.messengermini.css'; */
/*MESSENGERMINI END*/

#btnmessengerdirect1{
	font-size: 30px;
	color: #0859af;
}
/*MESSENGER DIRECT*/



.icm{
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.icm:hover{
	transform: rotate(15deg);	
}
.nitems{
	position: absolute;
    margin: -55px 50px 0;
    background: #ffc107;
    border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	color: #212529;
    font-weight: 800;
}

.c-black{
	color: black;
}
.hidden{
	display: none!important;
}
.show{
	display: block;
}
.fmb-lst{
	list-style-image: url("../img/check.png");
	padding-left: 10%;
}
.fmb-lst li{	
	list-style-image: url("../img/check.png");
	margin-bottom: 10px;
}
#imglogin{
	width: 100%; /* en porcentaje (el highlight del foro lo trasforma) */
    height: 100%;
    top:0;
    left:0;
    position:fixed;
    z-index: -1;  
}

.navbar {
	padding: 0 5px 0 5px!important;
}

.recuperacion{
	font-size: 12px;
}
#btnIrA{
	position: absolute;
}
.imgolvideclave{
	background-image: linear-gradient(to bottom,rgba(233,233,233,0) 0%,rgba(233,233,233,0) 62.22%,rgba(233,233,233,1) 40.22%,rgba(233,233,233,0) 100%);

    height: 100%;
}
.linkmenutopcv{
	display: inline-block;
	z-index: 1;     
	padding: 5px;
}



.ddlli:hover{
	background-color: #68686880;
}
.ddllihover{
	background-color: #68686880;
}

.myfrm{
	overflow: hidden !important;
	background: var(--fmb-myfrmbg);	
	border: 2px solid var(--fmb-color2);
	border-radius: 5px;
}
label{
	margin-bottom: 0px!important;
	font-size: 12px!important;
	color: #868e96;
}
.form-control-sm{
	padding: .25rem .5rem!important;
    font-size: 12px!important;
}
.myfrmhead{
	background-color: var(--fmb-color);
	color: var(--fmb-myfrmbg);
	width: auto;
}

.bg-primary{
	/*background-color: #da861ad5!important;*/
}
.page-item.active .page-link{
	/*background-color: #da861ad5!important;*/
    /*border-color: #da861ad5!important;*/
}


.myfrmheadfixed{
	position: fixed;
	z-index:99999;
	top: 45px;
	box-shadow: 0px 4px 3px rgb(0, 0, 0,.5);
	border: 0 0 2px 0 solid var(--fmb-color2);
	border-radius: 0 0 5px 5px;
}

.myfrmbody{
	padding: 10px;
}
.myfrmfooter{
	border-top: 1px solid var(--fmb-color);
	background: var(--fmb-color);
	color: var(--fmb-myfrmbg);
}

#panel-center{
	width: auto;
	padding: 10px 10px 10px 10px;
	
	
}
.loginicon{
	width: 70px;
	height: 40px;
	position: absolute;
}
.campuslogo{
	width: 400px;
	position: absolute;
	left: 50%;
	top: 18%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
#iLogin{
	display: none;
}

.navbar{
	/*background-color: white !important;*/
	background-color: var(--fmb-color);
}


/* #btnMenu{
	color: white;
	font-size: 18px;
} */


.table thead th{	
	color: white;	
	width: auto;
	text-align: center;
}
.calendar{
	margin: 0 auto;
	width: 1000px;
}
.day{
	border: 1px solid var(--fmb-color);
	color: #686868;
}
.day .numero{
	font-size: 15px;
	font-weight: bold; /*normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | */
}

.colorsuccess{
	color: green;
	border-radius: 50%;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
}
.colordanger{
	color: rgba(179, 14, 14, 0.603);
	border-radius: 50%;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
}
.day:hover{
	border: 2px solid var(--fmb-color)!important;
	border-radius: 3px!important;
	background-color: rgba(50, 54, 58, 0.267);
	color: black;
}


.table tbody th{
	text-align: center;
}

#dataTable{
	margin: 0 auto;
}



.list-group{
	width: 70%!important;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.list-group li{
	padding-left: 20px;
}
.bc{
	color: var(--fmb-color4)!important;
}
.badge{
	line-height: 2;
	border-radius: .25rem!important;
	font-size: 78%!important;
}
.badge-pill{
	border-radius: 5px!important;
}

.h{
	background-color: #0091CC;
	height: 60px;
	border-bottom: 1px solid #FFF;
	-webkit-box-shadow: 0 5px 15px 2px rgba(0,0,0,0.25);
    box-shadow: 0 5px 15px 2px rgba(0,0,0,0.25);
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
}


#hlogo{
	width: 60px; height: 100%;
	background-image: url("../img/eiffelicon.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	float: left;
}
#hnombre{
	float: left;
	width: auto; height: 100%;
}
.empresa{
	/* font-family: 'Acme', sans-serif; */
	font-size: 28px;
	letter-spacing: 1.5pt;
	color: white;
}
.slogan{
	/* font-family: 'Crete Round', serif; */
	font-size: 13px;
	color: white;
}
#hderecha{
	width: auto; height: 100%;
	padding-right: 10px;
	color: white;
	font-weight: bold;
	font-size: 15px;
}
.menutop{
	width: 100%; height: 50px;
	background-color: white;
	border-bottom: 1px solid #FFF;
	-webkit-box-shadow: 0 5px 15px 2px rgba(0,0,0,0.25);
    box-shadow: 0 5px 15px 2px rgba(0,0,0,0.25);
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	
	display: flex;
    flex-direction: row; 
}

#menuinstitucional{
	padding-left: 25px;
	flex-direction: column;
}
#menuinstitucional a:link{	
	text-decoration:none;
}
.miitem{
	font-size: 18px;
	color: #0091CC;
	transition: width 2s;
}
.miitem i{
	margin-right: 5px;
	font-size: 20px;
}
.miitemactive span{
	border-bottom: 2px solid red;
	font-weight: bold;
	color: #0C5FAD;
}
.mi1{
	margin-top: 10px;
	
}
.mi2{
	margin-top: 20px;
	margin-left: 30px;	
}
.mi3{
	margin-top: 20px;
	margin-left: 50px;	
}
.mi4{
	margin-top: 20px;
	margin-left: 60px;	
}
.mi5{
	margin-top: 20px;
	margin-left: 70px;	
}
.mi6{
	margin-top: 20px;
	margin-left: 80px;	
}
.mi7{
	margin-top: 20px;
	margin-left: 90px;	
}
.iitem{
	width: 100%;
	border: 1px solid black;
}
.mis1{
	margin-top: 5px;	
	color: white!important;
}
.mis2{
	margin-right: 20px!important;
	margin-top: 10px!important;
}
.mis3{
	margin-right: 30px!important;
	margin-top: 20px!important;
}
.mis4{
	margin-right: 40px!important;
	margin-top: 20px!important;
}
.hhome{
	width: 100%;
	height: calc(100vh  - (50px + 60px));
}
.separa{
	background-color: rgba(58, 51, 51, 0.459);
	
	background-position-y: top;
	background-repeat: repeat-x;
	background-size: contain;
	height: 50px;
}
.conocenos{
	background-color: white;
	width: 100%; height: calc(100vh - (50px + 60px));
}
.conocenos-content{
	padding-left: 22%;
	padding-top: 20px;
	padding-right: 20px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: none;
	border-bottom: 1px solid #FFF;
	-webkit-box-shadow: 0 5px 15px 2px rgba(0,0,0,0.25);
    box-shadow: 0 5px 15px 2px rgba(0,0,0,0.25);
}
.dropdown-item:focus, .dropdown-item:hover{
	background-color: rgba(0,0,0,0.25)!important;
}

.minprop{
	z-index: 1500;
    top: -72px;
}

.conocenos-content:hover{
	overflow-y: auto;
}
.servicios{
	background-color: #e4ebe9;
	width: 100%; height: calc(100vh - (50px + 60px));
}
.servicios-content{
	padding-right: 22%;
	padding-top: 20px;
	padding-left: 20px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: none;
}
.servicios-content:hover{
	overflow-y: auto;
}
.miservi1{
	margin-top: 20px;
	margin-right: 40px;
}
.miservi2{
	margin-right: 50px!important;
	margin-top: 10px!important;
}
.miservi3{
	margin-right: 60px!important;
	margin-top: 10px!important;
}
.miservi4{
	margin-right: 70px!important;
	margin-top: 10px!important;
}
#misservicios{
	list-style: none;
	margin-left: 50px;
	margin-top:20px;
	font-size: 20px;
}
#miserviciofoto{
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../img/psicologia.jpg");
	-webkit-box-shadow: 0 10px 5px #777;
	-moz-box-shadow: 0 35px 20px #777;
	box-shadow: 0 35px 20px #777;		
}

.contacto{
	background-color: white;
	width: 100%; height: calc(100vh - (50px + 60px));
}
.contact-content{
	position: absolute;
	height: calc(100vh - (50px + 60px));
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width: 60%;
	font-size: 15px;
}
.papis{
	height: 250px;	width: 100%;
	background-image: url("../img/padres.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.imgportal{
	height: 200px;
	background-image: url("../img/campus.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.cronograma{
	
	width: 400px;
	border: 1px;
}
.cronograma td{
	border: 1px solid black;
}
.cronograma tr{
	border: 1px solid black;
}
.cronograma thead{
	background-color: #0091CC;
	text-align: center;
}
.cronograma thead th{
	border: 1px solid black;
	text-align: center;
}
.cronograma tbody th{
	border: 1px solid black;
	text-align: center;
}
.cronograma{
	border-radius: 3px!important;
}
.calendarioimg{
	height: 200px;
	background-image: url("../img/calendario.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.construccion{
	height: 200px;
	background-image: url("../img/construccion.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.misionimg{
	height: 250px;	width: 100%;
	background-image: url("../img/mision_vision_interna.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.directorimg{
	height: 200px;	width: 100%;
	background-image: url("../img/director.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.calidadimg{
	height: 200px;	width: 100%;
	background-image: url("../img/calidad.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.ventajaimg{
	height: 200px;	width: 100%;
	background-image: url("../img/ventaja.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.miactive{
	text-decoration: underline red;
	font-weight: bold;   
}
h2{
	color: #0084ff!important;
}
.cono{
	padding: 10px;
	font-size: 20px;
}
.fmb-section-titulo{
	font-size: 25px;
	
}

.menucito-wrapper{
	overflow-x: hidden;
	overflow-y: hidden;
}

.menucito{
	box-sizing: border-box;	
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	padding: 10px;
	height: 80px;
	margin-top: -5px;
}
.itemcito{
	display: inline-block;
	box-sizing: border-box;
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
}
.itemcito a{
	display: flex!important;
	flex-direction: column!important;
	-ms-flex-pack: center!important;
	justify-content: center!important;
	-ms-flex-direction: column!important;

	color: #0C5FAD!important;
}
.fmb-center{
	margin: 0 auto!important;
}

#menusocial{
	padding-left: 25px;
	flex-direction: column;
}
#menusocial a:link{	
	text-decoration:none;
}

html {
	height: 100%;
}

.lado{
	height: -moz-calc(100% - (50px + 56px));
    height: -webkit-calc(100% - (50px + 56px));
	height: calc(100% - (50px + 56px));
}
.institucional{
	background-image: url("../img/izquierdo.png");
	background-repeat: no-repeat;
	background-size: cover;
	width: 20%;	
	height: -moz-calc(100% - (50px + 60px));
    height: -webkit-calc(100% - (50px + 60px));
	height: calc(100% - (50px + 60px));
	position: absolute;
}
.social{
	background-image: url("../img/derecho.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
	width: 20%;	
	height: -moz-calc(100% - (50px + 60px));
    height: -webkit-calc(100% - (50px + 60px));
	height: calc(100% - (50px + 60px));
	position: absolute;
	right: 0px;
}
.bg-white{
	background-color: white;
}
.content{
	position: absolute;
	width: 60%; height: calc(100vh - (50px + 60px));
	margin-left: auto; margin-right: auto;
	left: 0; right: 0;		
	overflow: hidden;
	padding-top: 15px;
}
.admision-content{
	
}
.resultado{
	border-top: 2px solid var(--gray);
}
.megatitulo{

}
#load{
	display: none;
	text-align: center;
}
/*.titulo
.subtitulo
.texto
.link
.parrafo
.subrayado
.tachado
.centrado*/
.red{
	color: red;	
}
.size10{
	font-size: 10px;
}
.miactivemenutop{
	color: red!important;
}
.home{	
	width: 100%;
	height: -moz-calc(100vh - (50px + 60px));
    height: -webkit-calc(100vh - (50px + 60px));
	height: calc(100% - (100vh + 60px));
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 1001;
	/*background-color: #27282b85;*/
	position: absolute;
	float:left;
}
h3{
	color: white;
}
.sm_counter_cont {
    width: 200px;
	border-radius: 5px;
	border: 1px solid black;
    float: left;
    background: #fff;
    padding: 5px 10px;
    /* font-family: Arial, Helvetica, sans-serif; */
	box-shadow: inset 0px 1px 8px rgba(0,0,0,0.1);
}
.sm_counter_cont h1 {
    font-size: 15px;
    margin: 0 0 2% 0;
    text-align: CENTER;
    color: #000;
}
.sm_counter_column {
    color: #000;
    width: 23%;
    float: left;
    border-top: 1px solid #ccc;
    padding: 2% 0px;
    margin: 0px 1%;
    border-radius: 5px;
    background-color: #FFF;
    text-align: center;
}
/* 
#btnVerMensajes{
	padding: 5px;	
} */
/* #btnNotificacionVer{
	padding: 5px;	
} */
/* .leidos{
	padding: 5px;	
} */
#lstfs li:hover,
#funcargo li:hover{
	background-color: var(--hover);
}
#lstAsignaturaGrado li:hover{
	background-color:var (--hover);
}
#lstasigrado{

}

.dwhite{
	background: white;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	min-height: 90vh;
}
.dwhite .search{
    top: 60px;
	z-index: 0;
	display: block;
    margin: auto;
}
.buscaahora{
	color: #212529b8;
    font-size: 25px;
    font-family: 'Salsa', cursive;
    font-weight: bold;
}
#geresults{
	z-index: 2;
    position: relative;
}

#grabacionenvivo{
	font-size: 14px;
	list-style: none;
	text-align: justify;
}
#grabacionenvivo li{
	list-style: none;
}
#vivoready{
	display: none;
}
.vivooption{
	font-weight: bolder;
	background-color: #013b6c;
    padding: 5px;
    color: white!important;
    border-radius: 5px;
}
#yt{
	display: none;
}

#myChat{
	background-color: #f8f9fb;
}
/*verificacion de dni y usuario al registrar o modificar empleado,cliente o proveedor*/
#chkDNIload{
	margin: -51px 10px 0 0;
	z-index: 1500;
	display: none;
	color: var(--principal-color);
}
#chkDNIok{
	margin: -51px 10px 0 0;
	z-index: 1500;
	display: none;
	color: rgb(12, 178, 12);
}
#chkDNIer{
	margin: -51px 10px 0 0;
	z-index: 1500;
	display: none;
	color: red;
}
#chkuserload{
	margin: -51px 10px 0 0;
	z-index: 1500;
	display: none;
	color: var(--principal-color);
}
#chkuserok{
	margin: -51px 10px 0 0;
	z-index: 1500;
	display: none;
	color: rgb(12, 178, 12);
}
#chkuserer{
	margin: -51px 10px 0 0;
	z-index: 1500;
	display: none;
	color: red;
}
#chkuserload,
#chkuserok,
#chkuserer,
#chkDNIload,
#chkDNIok,
#chkDNIer{
	position: absolute;
	bottom: 18px;
	right: 20px;
}

/*EVENTO*/
#txtNombre2{
	width: 100%;
	padding: 5px;
    border: 0;
    border-bottom: 2px solid var(--fmb-color);
}

/*funciones del sistema y cargo*/




#lstfs ul{
	padding-left:25px;
	margin: 0px;
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) { 

	.dwhite .search{
		width: 100%;
	}
	/*FORMULARIO DE GESTION - MENU SUPERIOR*/	
	.nav{
		flex-wrap: nowrap!important;
		white-space: nowrap!important;
		display: inline-flex!important;
		font-size: 12px!important;
	}
	/*lo utilizo para crear el scroll del menu*/
	.naviscroll{
		padding-bottom: 3px;
		overflow-x: scroll;
		
	}
	.formnav{
		height: 30px;
		overflow: hidden;
	}
	.pnlMensaje{
		/* border: 1px solid rgb(0, 255, 21)!important; */
		max-height: calc(100vh - 46px)!important;
		width: 100vw!important;
		right: 0px!important;
	}
	.pnlMensajeFlecha{
		right: 87px!important;
	}
	.logo{
		width: 80%;
	}

	
	
	
	.veriniciarchat{
		font-size: 8px!important;
	}
	/*menu +  contenido*/
	.navbar-left{		
		width: 96%; height: calc(100% - 65px);
		display: none;
		animation-name: updown;
		margin-top: 45px;
	}
	
	/*MESSENGER*/
		#fmb-chat{
			height: calc(100vh - (46px));
		}		
		#myContact{
			display: flex;
			flex-direction: column;
			width: 100%; height: calc(100vh - (46px))!important;
			background: var(--fmb-myfrmbg);	
			overflow: hidden;
			float: left;
			margin-right: 10px;
		}
		#myContact .chatcontacto{
			display: -webkit-box!important;
			display: -ms-flexbox!important;
			display: flex!important;
			
			-webkit-box-pack: justify!important;
			-ms-flex-pack: justify!important;
			justify-content: space-between!important;

			padding: 3px 15px 3px 15px;
			color: white;
			font-size: 13px;
			font-weight: 600;

			background-color: #0275d8!important;
		}
		#myContact .btnContactos{
			display: block;
			border-bottom: 2px solid white;
		}
		#myContact .btnAgenda{
			display: block;
		}
		#myChat{
			width: 100%!important; height: calc(100vh - (46px))!important;
			display: flex;
			flex-direction: column;
			float: left;
			margin-right: 10px;
			position: absolute;
			z-index: 3;	
			display: none;
		}
		#myChat .chatcontacto{
			display: -webkit-box!important;
			display: -ms-flexbox!important;
			display: flex!important;

			padding: 3px 15px 3px 15px;
			color: white;
			font-size: 13px;
			font-weight: 600;

			background-color: #0275d8!important;
		}
		#myChat .btnContactos{
			display:block!important;
		}
		#myChat .btnContactos span{
			display:none;
		}
		#myChat .btnAgenda{
			display:block!important;
			margin-left: auto!important;
		}
		#myChat .contactfotoselected{
			margin-right: 1px;
			width: 50px!important;
			float: left;
		}		
		#myChat .contactfotoselected img{
			width: 25px!important; height: 25px;
			border-radius: 50%;
			background-color: white;
		}

		#lstchat{
			height: calc(100vh - (110px))!important;
		}
		#mycalendar{
			width: 100%!important; height: 100%!important;
			display: flex;
			flex-direction: column;
			overflow: hidden;
			display: none;
		}
		#mycalendar .chatcontacto{
			display: -webkit-box!important;
			display: -ms-flexbox!important;
			display: flex!important;
			
			-webkit-box-pack: justify!important;
			-ms-flex-pack: justify!important;
			justify-content: space-between!important;

			padding: 3px 15px 3px 15px;
			color: white;
			font-size: 13px;
			font-weight: 600;

			background-color: #0275d8!important;
		}
		#mycalendar .btnContactos{
			display: block;
		}
		#mycalendar .btnAgenda{
			display: block;
			border-bottom: 2px solid white;
		}		
		.contactfotoselected{
			margin-right: 1px;
			width: 50px!important;
			float: left;
		}		
		.contactfotoselected img{
			width: 25px!important; height: 25px;
			border-radius: 50%;
			background-color: white;
		}
		.btnContactos{
			display:block;
		}
		.btnAgenda{		
			display: block;	
		}
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
	/*FORMULARIO DE GESTION - MENU SUPERIOR*/	
	.nav{
		flex-wrap: nowrap!important;
		white-space: nowrap!important;
		display: inline-flex!important;
		font-size: 12px!important;
	}
	/*lo utilizo para crear el scroll del menu*/
	.naviscroll{
		padding-bottom: 3px;
		overflow-x: scroll;
		
	}
	.formnav{
		height: 30px;
		overflow: hidden;
	}
	.pnlMensaje{
		/* border: 1px solid yellow!important; */
		max-height: calc(100vh - 46px)!important;
		width: 100vw!important;
		right: 0px!important;
	}
	.pnlMensajeFlecha{
		right: 87px!important;
	}
	#pnlLogin{		
		width: 450px;
		
	}
	.logo{
		width: 80%;
	}
	/*menu +  contenido*/
		.navbar-left{		
			width: 96%; height: calc(100% - 65px);
			display: none;
			animation-name: updown;
			margin-top: 45px;
		}
		#page-content-wrapper{
			margin-left: 0px!important;
			padding: 0px!important;
			width: 100%!important; 
		}
	/*MESSENGER*/
		#fmb-chat{
			height: calc(100vh - (46px));
		}
		
		#myContact{
			display: flex;
			flex-direction: column;
			width: 49%; height:100%;
			background: var(--fmb-myfrmbg);	
			overflow: hidden;
			float: left;
			margin-right: 10px;
		}
		#myContact .chatcontacto{
			display: -ms-flexbox!important;
			display: flex!important;
			
			-ms-flex-pack: center!important;
    		justify-content: center!important;
		}
		#myContact .btnContactos{
			display: block;
		}
		#myContact .btnAgenda{
			display: none;
		}

		#myChat{
			width: 100%!important; height: calc(100vh - (46px))!important;
			display: flex;
			flex-direction: column;
			float: left;
			margin-right: 10px;
			position: absolute;
			z-index: 3;		
			display: none;
		}
		#myChat .chatcontacto{
			display: -webkit-box!important;
			display: -ms-flexbox!important;
			display: flex!important;

			padding: 3px 15px 3px 15px;
			color: white;
			font-size: 13px;
			font-weight: 600;

			background-color: #0275d8!important;
		}
		#myChat .btnContactos{
			display:block!important;
		}
		#myChat .btnContactos span{
			display:none;
		}
		#myChat .btnAgenda{
			display:block!important;
			margin-left: auto!important;
		}
		#myChat .contactfotoselected{
			margin-right: 1px;
			width: 50px!important;
			float: left;
		}		
		#myChat .contactfotoselected img{
			width: 25px!important; height: 25px;
			border-radius: 50%;
			background-color: white;
		}

		
		#lstchat{
			height: calc(100vh - (110px))!important;
		}
		#mycalendar{
			width: 49%!important; height: 100%!important;		
			display: flex;
			flex-direction: column;
			overflow: hidden;
		}
		#mycalendar .chatcontacto{
			display: -ms-flexbox!important;
			display: flex!important;
			
			-ms-flex-pack: center!important;
    		justify-content: center!important;
		}
		#mycalendar .btnContactos{
			display: none;
		}
		#mycalendar .btnAgenda{
			display: block;
		}



		.chatcontacto{
			/*background-color: #0275d8!important;*/
		}
		.contactfotoselected{
			margin-right: 1px;
			width: 50px!important;
			float: left;
		}
		.contactfotoselected img{
			width: 25px!important; height: 25px;
			border-radius: 50%;
			background-color: white;
		}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) { 
	/*FORMULARIO DE GESTION - MENU SUPERIOR*/	
	.nav{
		flex-wrap: nowrap!important;
		white-space: nowrap!important;
		display: inline-flex!important;
		font-size: 12px!important;
	}
	/*lo utilizo para crear el scroll del menu*/
	.naviscroll{
		padding-bottom: 3px;
		overflow-x: scroll;
		
	}
	.formnav{
		height: 30px;
		overflow: hidden;
	}
	.pnlMensaje{
		/* border: 1px solid green!important; */
		max-height: 90vh!important;
	}
	#pnlLogin{		
		width: 450px;		
	}
	.logo{
		width: 80%;
	}
	/*menu +  contenido*/
		.navbar-left{		
			width: 96%; height: calc(100% - 65px);
			display: none;
			animation-name: updown;
		}
		#page-content-wrapper{
			margin-left: 0px!important;
		}
	/*MESSENGER*/
		#fmb-chat{
			height: calc(100vh - (70px));
		}
		
		#myContact{
			display: flex;
			flex-direction: column;
			width: 25%; height:100%;
			background: var(--fmb-myfrmbg);	
			overflow: hidden;
			float: left;
			margin-right: 10px;
		}
		#myContact .chatcontacto{
			display: -ms-flexbox!important;
			display: flex!important;
			
			-ms-flex-pack: center!important;
    		justify-content: center!important;
		}
		#myContact .btnContactos{
			display: block;
		}
		#myContact .btnAgenda{
			display: none;
		}

		#myChat{
			width: 45%!important; height: 100%!important;
			/*background: var(--fmb-myfrmbg);*/
			
			/*border-right: 1px solid #adc0cf;*/
			display: flex;
			flex-direction: column;
			float: left;
			margin-right: 10px;
		}
		#myChat .chatcontacto{
			display: -ms-flexbox!important;
			display: flex!important;
			
			-ms-flex-pack: center!important;
    		justify-content: center!important;
		}
		#myChat .btnContactos{
			display:none;
		}
		#myChat .btnAgenda{
			display:none;
		}
		#myChat .contactfotoselected{
			margin-right: 1px;
			width: 50px!important;
			float: left;
		}		
		#myChat .contactfotoselected img{
			width: 25px!important; height: 25px;
			border-radius: 50%;
			background-color: white;
		}

		#mycalendar{
			width: 27%!important; height: 100%!important;		
			display: flex;
			flex-direction: column;
			overflow: hidden;
		}
		#mycalendar .chatcontacto{
			display: -ms-flexbox!important;
			display: flex!important;
			
			-ms-flex-pack: center!important;
    		justify-content: center!important;
		}
		#mycalendar .btnContactos{
			display: none;
		}
		#mycalendar .btnAgenda{
			display: block;
		}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
	/*FORMULARIO DE GESTION - MENU SUPERIOR*/	
	.nav{
		flex-wrap: nowrap!important;
		white-space: nowrap!important;
		display: inline-flex!important;
		font-size: 12px!important;
	}
	/*lo utilizo para crear el scroll del menu*/
	.naviscroll{
		padding-bottom: 3px;
		overflow-x: scroll;
		
	}
	.formnav{
		height: 30px;
		overflow: hidden;
	}
	
	.pnlMensaje{
		/* border: 1px solid blue!important; */
		max-height: 90vh!important;
	}
	.logo{
		width: 80%;
	}
	/*menu +  contenido*/
		.navbar-left{
			display: show;
			width: 20%; height: calc(100% - 65px);
			animation-name: sidetoside;
		}
		
	/*MESSENGER*/
		#fmb-chat{
			height: calc(100vh - (70px));
		}
		
		#myContact{
			display: flex;
			flex-direction: column;
			width: 25%; height:100%;
			background: var(--fmb-myfrmbg);	
			overflow: hidden;
			float: left;
			margin-right: 10px;
		}
		#myContact .chatcontacto{
			display: -ms-flexbox!important;
			display: flex!important;
			
			-ms-flex-pack: center!important;
    		justify-content: center!important;
		}
		#myContact .btnContactos{
			display: block;
		}
		#myContact .btnAgenda{
			display: none;
		}
		#myChat{
			width: 45%!important; height: 100%!important;
			/*background: var(--fmb-myfrmbg);
			background-color: #f6f6f8;*/
			/*border-right: 1px solid #adc0cf;*/
			display: flex;
			flex-direction: column;
			float: left;
			margin-right: 10px;
		}
		#myChat .chatcontacto{
			display: -ms-flexbox!important;
			display: flex!important;
			
			-ms-flex-pack: center!important;
    		justify-content: center!important;
		}
		#myChat .btnContactos{
			display:none;
		}
		#myChat .btnAgenda{
			display:none;
		}
		#myChat .contactfotoselected{
			margin-right: 1px;
			width: 50px!important;
			float: left;
		}		
		#myChat .contactfotoselected img{
			width: 25px!important; height: 25px;
			border-radius: 50%;
			background-color: white;
		}
		#mycalendar{
			width: 27%!important; height: 100%!important;		
			display: flex;
			flex-direction: column;
			
		}
		#mycalendar .chatcontacto{
			display: -ms-flexbox!important;
			display: flex!important;
			
			-ms-flex-pack: center!important;
    		justify-content: center!important;
		}
		#mycalendar .btnContactos{
			display: none;
		}
		#mycalendar .btnAgenda{
			display: block;
		}

}

/* Extra large devices (large desktops, 1200px and up)*/  /*( OBSERVADO )*/

@media (min-width: 1200px) {

	
	/*FORMULARIO DE GETION - MENU INFERIOR*/
		.frm-menu-footer{

		}

	.pnlMensaje{
		max-height: 90vh!important;
	}

	.logo{
		width: 80%;
	}
	/*menu +  contenido*/
		.navbar-left{		
			display: show;
			width: 20%; height: calc(100% - 45px);
			animation-name: sidetoside;
			margin-top: 45px; /*20201110*/
		}
		/* #page-content-wrapper{
			margin-left: 20%;
		} */
	/*MESSENGER*/
		#myChat{
			display: flex;
			flex-direction: column;
			width: 100%; height: 100%!important;
			background: var(--fmb-myfrmbg);	
			overflow: hidden;
			float: left;
			margin-right: 10px;
			display: none;
		}
		#fmb-chat{
			height: calc(100vh - (70px));
		}

		
		
		#myContact{
			display: flex;
			flex-direction: column;
			width: 25%; height: 100%!important;
			background: var(--fmb-myfrmbg);	
			overflow: hidden;
			float: left;
			margin-right: 10px;
		}
		#myContact .chatcontacto{
			display: -ms-flexbox!important;
			display: flex!important;
			
			-ms-flex-pack: center!important;
			justify-content: center!important;
			background-color: white!important;
		}
		#myContact .btnContactos{
			display: block;
		}
		#myContact .btnAgenda{
			display: none;
		}

		#myChat{
			width: 49%!important; height: 100%!important;
			/*background: var(--fmb-myfrmbg);
			/*background-color: #f6f6f8;
			/*border-right: 1px solid #adc0cf;*/
			display: flex;
			flex-direction: column;
			float: left;
			margin-right: 10px;
		}
		#myChat .chatcontacto{
			display: -ms-flexbox!important;
			display: flex!important;
			
			-ms-flex-pack: center!important;
			justify-content: center!important;
			background-color: white!important;
		}
		#myChat .btnContactos{
			display:none;
		}
		#myChat .btnAgenda{
			display:none;
		}
		#myChat .contactfotoselected{
			margin-right: 1px;
			width: 50px!important;
			float: left;
		}		
		#myChat .contactfotoselected img{
			width: 25px!important; height: 25px;
			border-radius: 50%;
			background-color: white;
		}

		#mycalendar{
			width: 23%!important; height: 100%!important;		
			display: flex;
			flex-direction: column;
		}
		#mycalendar .chatcontacto{
			display: -ms-flexbox!important;
			display: flex!important;
			
			-ms-flex-pack: center!important;
			justify-content: center!important;
			
			background-color: white!important;
		}
		#mycalendar .btnContactos{
			display: none;
		}
		#mycalendar .btnAgenda{
			display: block;
		}
}


.tableresponsive {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    display: block;
    position: relative;
}
.theadresponsive {
    display: block;
    float: left;
}
.theadresponsive tr{
	
		display: inline-grid;
	
}
.sticky-top2{
	position: -webkit-sticky!important;
	position: sticky!important;
	top: 45px!important;
	z-index: 1030!important;
}
.tbodyresponsive{
		display: block;
		height: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
}
.tbodyresponsive tr
{
    display: inline-grid;
}














html{
	width: 100%!important;
}




#button-menu{
	font-size: 30px;
	color: #fff;
	cursor: pointer;
}

.navegacion{
	position: absolute;
	top: 100%;
	left: 0;
	width: 0%;
	height: 100vh;
	background: rgba(0,0,0,.0);

}

.navegacion ul{
	width: 320px;
	height: 100%;
	background: #fff;
	list-style: none;

	position: absolute;
	top: 0;
	left: -320px;

	transition: left .3s;
}

.navegacion .menu li.title-menu{
	padding: 20px;
	background: #5F6F81;
	color: #fff;
	text-align: center;
	font-size: 22px;
}

.navegacion .menu a{
	display: block;
	padding: 20px;
	border-bottom: 1px solid #C6D0DA;

	font-size: 22px;
	font-weight: 200;
	text-decoration: none;
	color: #575D69;
}

.navegacion .menu a:hover{
	background: #798DA3;
	color: #fff;
}

.navegacion .menu li span.icon-menu{
	margin-right: 12px;
}

.navegacion .menu .item-submenu > a::after{
	font: normal normal normal 14px/1 FontAwesome;
  	font-size: inherit;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	content: '\f105';

	float: right;
	color: #C5C5C5;
}

/* Submenu ============*/

.navegacion .submenu li.title-menu{
	background: #fff;
	color: #575D69;
}

.navegacion .submenu li.go-back{
	padding: 10px 20px;
	background: #5F6F81;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}

.navegacion .submenu li.go-back::before{
	font: normal normal normal 14px/1 FontAwesome;
  	font-size: inherit;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	content: '\f0d9';
	margin-right: 10px;
}


/**/


/**/

#myContact ul{
	list-style: none;
	padding:0px;
	
}
#myContact ul li{
	margin-bottom: 5px;
	overflow:hidden;
	display: flex;
	width: auto; /*antes 350 px*/
	height: 100%;
}
#myContact ul li:hover{
	background-color: rgba(0, 0, 0, .05);
}
#myContact ul li a{
	font-size: 15px;
	display: flex;
	width: 100%;
	height: 50px;
	overflow: hidden;
}


#map {
	height: 500px;
  }

.contactlaststatus{
	white-space:nowrap!important;
	color: rgba(0, 0, 0, .40)!important;
	font-size: 12px;
}
.contactstatus{
	white-space:nowrap!important;
	font-size: 12px;
}
.contactlast{
	white-space:nowrap!important;
	color: rgba(0, 0, 0, .40)!important;
	font-size: 12px;
}


.chatcontacto{
	 padding: 3px;
	font: 20px;
}

.chatmasivo{
	display: none;
}
#lstchat{
	flex: 1;
	overflow-y: auto;
	background-image: url("../img/ef2.png");
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: white;
}
.chatload{
	background-image: url("../img/heytu.gif")!important;
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
}
.fondochat{
	background-image: url("../img/mifondochat.jpg")!important;
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
}
.chatcontactfoto img{
	border-radius: 50%;
	width: 30px; height: 30px;
}
.chatcontact span{
	background-color: var(--fmb-color5);
}
.chatmefoto img{
	border-radius: 50%;
	width: 30px; height: 30px;
}
.chatme span{
	background-color: var(--fmb-color6);
	color: var(--fmb-color3);
}
.chat{
	margin: 5px;
}
.chat span{
	padding: 5px;
	border-radius: 5px;
}
#mensaje{	
}
.contactselected{
	background-color: #dddddd;
}

.msjclasevirtual{

}

.meetpanel{
	display: none;
}
.msjclasevirtual{
	font-size:14px;
}

.postlink{
	color: #0275d8;
	font-size: 14px!important;
	font-weight: bold;
	display: inline!important;
}

.postlink:hover{
	text-decoration: underline!important;
}

.selectaulavirtual{
	font-size: 17px!important;
    background-color: #0275d8;
    color: white;
}
.modal-full{
	width: 80%;
	height: 80%;
}
.presentacionEstudiante{
	font-size: 13px;
	font-weight: 600;
	background-color: var(--principal-color);
    padding: 0 22px;
    border-radius: 10px;
	max-height: 45px;
	max-width: 330px;
	color: #fff;
}
#lstPresentaciones{
	text-align: justify;
	text-justify: inter-word;
	list-style: none;
}
#lstPresentaciones .cont-Pres{
	padding: 10px 15px;
    background: var(--hover);
    border-radius: 10px;
}
#lstPresentaciones li{
	margin-bottom: 5px;
}
#lstPresentaciones .fechapresenta,
#cursosdash .fechapresenta{
	color: var(--text);
	font-weight: 500;
	font-size: 13px;
}
#lstPresentaciones .mensajep{
	text-align: justify;
    font-weight: 400;
    color: var(--text-counter);
    padding: 4px 18px;
    display: block;
    border-bottom: 1px solid var(--gris-op);
}
#lstPresentaciones .adjuntosR{
	padding: 5px 15px;
}
#lstPresentaciones .adjuntosR .lblarchivose{
	color: var(--text);
	font-weight: 500;
	display: block;
}
#lstPresentaciones .adjuntosR a{
	font-weight: 400;
	color: #039d85;
	font-size:13px;
}
#lstPresentaciones .obsDoc{
	color: var(--text);
	font-weight: 600;
	display: block;
}
.presenta{
	font-size: 13px;
}
.adsquad{
	height: 250px!important;
	max-height: 250px!important;
	overflow: hidden;
}
#cvcontrols{
	margin-bottom: 20px;
}
#vjMeetLoad{
	display: none;
}

.msjdeuda{
	color: red;
	font-size: 15px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}



@media screen and (max-width: 320px){
	.navegacion ul{
		width: 100%;
	}
}

@media screen and (max-width: 320px){
	.navbar-brand a:text{
		display: none;
	}
}



.ubiq{
	border: 1px solid red;
}
.ubiq2{
	border: 1px solid black;
}
.ubiq3{
	border: 5px solid green;
}

.nmsjcontact{
	background-color: #fa3e3e; 
	border-radius: 2px;  
	width:auto; height:auto;  
	color:white;  
	padding: 1px 3px;
	font-size: 10px;
}


.friendfoto{
	width: 50px; height: 50px;
}
.friendfoto img{
	border-radius: 50%;	
	width: 50px; height: 50px;
	border: 0px solid #dddfe2;	
	margin-right: 10px;
}
.icumple{ color:rgba(234, 41, 41, 0.71); }
.iemail{ color: var(--fmb-color); }
.iphone{ color: gray; }
.imaker{ color: red; }

.navbar{
	box-shadow: 0 0 0 2px rgba(0,0,0,.075);
	height: 45px;
}

.borrararchivoadjunto:hover{
	color: red;
}





.expand-triangle{
	position: absolute;
	margin-top:-15px;
	color: #222d32;
}

.iconmenuitem{
	width: 25px!important; height: 20px!important;
}

a:hover{
	text-decoration: none!important;
}
/*top*/
.scrolltop{
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: none;
}
/*endtop*/

/* .menuactivo{
	background-color:#f8f9faa3!important;		
	color: black!important;
	border-left: 3px solid red;
} */



.iconitem{
	display: inline-block;
    width: 28px!important;
    text-align: center;
}

/*para el uso de graficos google*/
canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.card-header{
	
}
.card-group.padres{
	gap: 45px;
	justify-content: center;
	padding: 10px;
	font-family: var(--font);
}

.card.padres{
	display:flex;
	flex-direction:column;
	align-items: center;
	padding-top: 15px;
	max-width: 350px;
	border-radius: .5rem!important;	
	box-shadow: 6px 9px 16px -4px;
}
.card.padres  .card-body{
	width: 100%;
}
.panel-title{
	background-color: var(--fmb-color)!important;
}
.panel-title h5{
	background-color: var(--fmb-color)!important;
}




#wrapper{
	width: 100%;
}


.breadcrumb{
	margin: 0; padding:0;
}
.pcw-head{
    background-color: #ffffff;
	padding: 0px !important;
	height: 30px;
	margin-bottom: 5px;
}
.miga{
	margin: 0 auto !important;
}

#uploaded_image2{
	width: 60px; height: 60px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .3);
	border-radius: 3px;
	margin-top: 25px;
}
#uploaded_image{
	margin: 0 auto;
	width: 160px; height: 160px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .3);
	border-radius: 3px;
	margin-bottom: 25px;
}
#dvFoto{
	width:150px;height:150px; 
	margin: 4px 0 0 4px;
	background-size: cover; 
	position: absolute;
}

#btnUpload{
	cursor:pointer;
	margin: 101px 0 0 0;
	display: block;
	border: 0px solid red;
	background-color: black;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */  
	width: 150px; height:auto; position: static;
}



/*ESTILOS DE DROPZONE MATERIAL*/
	#lstfilesm{ /*para la lista de archivos subidos*/
		color: #ccc;
		font-size: 12px;
		/* background-color: gray; */
		z-index: 1;
	}
	#lstfilesm p{
		margin: 0px;
	}
	#pushfilem{ /*para tener el receptor de archivos como capa principal*/
		z-index: 2;
		/* background-color: green; */
	}
/*END ESTILOS DE DROPZONE*/

/*ESTILOS DE DROPZONE TRABAJO*/
	#lstfilest{ /*para la lista de archivos subidos*/
		color: #ccc;
		font-size: 12px;
		/* background-color: gray; */
		z-index: 1;
	}
	#lstfilest p{
		margin: 0px;
	}
	#pushfilet{ /*para tener el receptor de archivos como capa principal*/
		z-index: 2;
		/* background-color: green; */
	}
/*END ESTILOS DE DROPZONE*/

/*ESTILOS DE DROPZONE PRESENTAR*/
	#lstfilespt{ /*para la lista de archivos subidos*/
		color: #ccc;
		font-size: 12px;
		/* background-color: gray; */
		z-index: 1;
	}
	#lstfilespt p{
		margin: 0px;
	}
	#pushfilept{ /*para tener el receptor de archivos como capa principal*/
		z-index: 2;
	}
/*END ESTILOS DE DROPZONE*/

/*ESTILOS DE DROPZONE VIDEO*/
	#lstfilesv{ /*para la lista de archivos subidos*/
		color: #ccc;
		font-size: 12px;
		/* background-color: gray; */
		z-index: 1;
	}
	#lstfilesv p{
		margin: 0px;
	}
	#pushfilev{ /*para tener el receptor de archivos como capa principal*/
		z-index: 2;
	}
/*END ESTILOS DE DROPZONE*/

/*ESTILOS DE DROPZONE VIDEO*/
#lstfilesua{ /*para la lista de archivos subidos*/
	color: #ccc;
	font-size: 12px;
	/* background-color: gray; */
	z-index: 1;
}
#lstfilesua p{
	margin: 0px;
}
#pushfileua{ /*para tener el receptor de archivos como capa principal*/
	z-index: 2;
}
/*END ESTILOS DE DROPZONE*/

/*ESTILOS DE DROPZONE VIDEO*/
#lstfilessa{ /*para la lista de archivos subidos*/
	color: #ccc;
	font-size: 12px;
	/* background-color: gray; */
	z-index: 1;
}
#lstfilessa p{
	margin: 0px;
}
#pushfilesa{ /*para tener el receptor de archivos como capa principal*/
	z-index: 2;
}
/*END ESTILOS DE DROPZONE*/

/*ESTILOS DE DROPZONE VIDEO*/
#lstfilesplan{ /*para la lista de archivos subidos*/
	color: #ccc;
	font-size: 12px;
	/* background-color: gray; */
	z-index: 1;
}
#lstfilesplan p{
	margin: 0px;
}
#pushfileplan{ /*para tener el receptor de archivos como capa principal*/
	z-index: 2;
}
/*END ESTILOS DE DROPZONE*/

.fcheckbox{
	margin-left: 10px;
    width: 15px;
    height: 15px;
}

.ck-editor button{
	font-size: 10px!important;
}
.ck-editor{
	width: 100%!important;
}


#dvFile{
	width: 160px; height: 160px;
	background-size: cover; 
	background-repeat: no-repeat;
	position: relative;
	border: 3px dotted rgba(0, 0, 0, .3);
	border-radius: 3px;
}
.noborder{
	border: 0px solid white!important;
}
.dragover{
	
}
#cursosdash #modalUA #NombreUA{
	min-height: 57px;
}

#cursosdash #ul-cursos-tabs .nav-item{
	font-family: var(--font);

}
#cursosdash .aw-message{
	position: relative;
	z-index:auto;
	display: block;
}
#cursosdash #ver-btns-T{
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 8px 0;
}
#cursosdash #ul-cursos-tabs .nav-item .nav-link{
	color: var(--text-counter);
}

#cursosdash #ul-cursos-tabs .nav-item .nav-link.active{
	color: var(--principal-color);
}

#cursosdash .rcHeader{
	font-family: var(--font);
	font-weight: 600;
}
#cursosdash .row:first-child .subtitulo{
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	color: var(--text-counter);
	background-color: var(--hover);
    border-radius: 10px;
    padding: 4px 15px;
	border: 2px dashed #2FA38D;
}

#cursosdash .row:first-child .subtitulo > i{
	color:#336666;
	padding: 0 6px;
}

#cursosdash .row:first-child .titulo{
	font-size: 20px;
	text-align: center;
	font-weight: 800;
	color: #2FA38D;
}
#planeta{
	/* height: 100vh; */
	height: fit-content;
	padding-top: 10px;
}

#planeta #plaimg-not span{
	color: var(--gris);
}

.mbeo{
	overflow-y: auto;
    max-height: 70vh;
}

#btnUploadFile{
	cursor:pointer;
	width:100%; height: 100%;
	display: block;
	border: 0px solid red;
	background-color: black;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}
/* .mimenuicon{
	color: #0275d8!important;
} */
#btnAceptarCambio{
	margin: 0 auto;
}
#progress{
	bottom: 0px;
}

.pvista{
	background-color: rgb(1 60 111 / 37%) !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #000000e0 !important;
    text-align: center;
	cursor: pointer!important;
}
.preciovista{
	
}

/*oculo 29/04/2018   para que no se vea feo upload*/
/*lo volvemos a activar para que respete espaciado de controles, cambiando top por bottom*/
.row{
	margin-bottom: 7px!important;
}
/*END FORMULARIOS*/
/* a{
	color: black;
} */
.form-group{
	margin-bottom: 10px;
}

.notifications{
	list-style: none;
	margin: 0; padding:0;
}
.notifications li{
	font-size: 12px;
	padding-bottom: 5px;
	padding-right: 20px;
}
.notifications li:hover{
    -webkit-box-shadow: 0 5px 15px 2px rgba(0,0,0,0.25);
    box-shadow: 0 5px 15px 2px rgba(0,0,0,0.25);
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	font-weight: bolder;
}
.imgparent{
	
}

.frow {
    margin-top: 6px;
}
.frow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}
.frow .frow:hover{
	-webkit-box-shadow: 0 5px 15px 2px rgba(0,0,0,0.25);
    box-shadow: 0 5px 15px 2px rgba(0,0,0,0.25);
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.pagoinfo{
	/* font-family: 'Salsa', cursive; */
}
.lblpago{
	/* font-family: 'Bungee', cursive;
	font-family: 'Kite One', sans-serif; */
	font-weight: bold;
	font-size: 15px!important;
}

/*CARDS DE MIS CURSOS*/
	#rowcursos{
		background-color: var(--hover);
		padding: 15px 10px 25px 10px;
		border-radius: 20px;
		font-family: var(--font);
	}

	.box-widget {
		border: none;
		position: relative;
	}
	.box-widget:hover{
		-webkit-box-shadow: 0 5px 15px 2px rgba(0,0,0,0.25);
		box-shadow: 0 5px 15px 2px rgba(0,0,0,0.25);
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}
	.box {
		position: relative;
		border-radius: 15px;
		background: #ffffff;
		/* border-top: 3px solid #d2d6de; */
		margin-bottom: 20px;
		width: 100%;
		box-shadow: 0 1px 1px rgba(0,0,0,0.1);		
	}
	.widget-user .widget-user-header {
		padding: 20px;
		height: 83px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
	}
	.bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer {
		background-color: #00a7d0 !important;
	}
	.widget-user .widget-user-username {
		margin-top: -10px;
		margin-bottom: 0px;
		margin-left: 18px;
    	margin-right: 18px;
		font-size: 15px;
		font-weight: 300;
		text-shadow: 0 1px 1px rgba(0,0,0,0.2);

		/* font-family: 'Sniglet', cursive; */
	}
	.widget-user .widget-user-desc {
		margin-top: 0;
		font-size: 15px;
		/* font-family: 'Sniglet', cursive; */
		color: #343a40;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		font-weight: 600;
		padding-left: 30px;
    	padding-right: 30px;
	}
	.description-block{	
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.inputlabel{
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		background: white;
		border: 0px;
	}
	#error{
		width: 95%;
	}
	.widget-user .widget-user-image {
		position: absolute;
		top: 55px;
		left: 50%;
		margin-left: -35px;
	}
	.widget-user .widget-user-image>img {
		width: 60px;
		height: 60px;
		border: 3px solid #fff;
		background-color: white;
	}

	

	.img-circle {
		border-radius: 50%;
	}
	.img-circle:hover{
		background: red;
	}
	.widget-user .box-footer {
		padding-top: 20px;
	}
	.border-right{
		border-right: 1px solid #ddd;
	}
	.box-footer {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
		border-top: 1px solid #f4f4f4;
		padding: 10px;
		background-color: #fff;
		/* font-family: 'Sniglet', cursive; */
		/* font-family: 'Salsa', cursive; */
		/* font-family: 'Averia Sans Libre', cursive; */
		/* font-family: 'Kite One', sans-serif; */
	}

	/*para icono de alumnos en cada curso*/
	.widget-user-students>a>img{
		width: 30px;
		height: 30px;
	}
	.widget-user-students{
		position: absolute;
		top: 10px;
		left: 15%;
		margin-left: -35px;
		/* font-family: 'Sniglet', cursive; */
	}
	/*para icono de notas en cada curso*/
	.widget-user-notas>a>img{
		width: 30px;
		height: 30px;
	}
	.widget-user-notas{
		position: absolute;
		top: 10px;
		left: 96%;
		margin-left: -35px;
		/* font-family: 'Sniglet', cursive; */
	}

	/*lista de estudiantes*/

	.list-unstyled, .chart-legend, .contacts-list, .users-list, .mailbox-attachments {
		list-style: none;
		margin: 0 auto;
		padding: 0;
	}
	.users-list-center{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.users-list-me>li{
		/* width: 20%; */
		float: left;
		padding: 5px;
		text-align: center;
		font-size: 11px;
	}
	.users-list>li {
		width: 20%;
		float: left;
		padding: 5px;
		text-align: center;
		font-size: 11px;
	}
	.users-list-me{
		list-style: none;
		margin: 0 auto;
		padding: 0;
	}
	.users-list-me>li img{
		border-radius: 50%;
		/* max-width: 100%; */
		height: auto;
		height: 65px;
		width: 65px;
	}
	.users-list>li img {
		border-radius: 50%;
		/* max-width: 100%; */
		height: auto;
		height: 65px;
		width: 65px;
	}
	.users-list-name {
		font-weight: 600;
		color: #444;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.users-list-date {
		color: #999;
		font-size: 12px;
	}
	.users-list-name, .users-list-date {
		display: block;
	}

	/*notas*/
	.notita{
		font-size: 15px;
		/* font-family: 'Vampiro One'; */
		padding-right: 12px;
    	padding-left: 3px;
	}
	.notitaicon{
		font-size: 20px;
	}

	#balotary{
		display: none;
	}
	.balres{
		display:none;
	}

	/*FORMULARIO DE EVALUACION - REGISTRO Y MODIFICACION*/
	#registronotas{
		
	}
	#registronotas table{

	}
	#registronotas table tr{
		
	}
	#registronotas table td{
		
	}
	#registronotas .nota{
		text-align: center;
		font-size: 13px!important;
    	font-weight: 600;
	}
	#registronotas .nota-table{
		max-width: 70px;
	}
	#registronotas .notaoption{
		font-size: 16px;
	}
	#mverNotas .card{
		border-radius: calc(1.25rem - 1px) calc(1.25rem - 1px) 0 0;
	}
	#mverNotas .card-header:first-child{
		border-radius: calc(1.25rem - 1px) calc(1.25rem - 1px) 0 0;
	}
	.ingresonota{
		border: 1px solid #ddd;
		font-size: 11px;
    	height: auto;
	}
	.ingresonota:hover{
		background: #ddd;
	}

/**/
#lstvideo{
	max-height: calc(100vh - 135px);
	overflow: hidden;
}
#lstvideo:hover{
	overflow-y: auto;
}
.rowhalf{
	height: calc((100vh - 135px)/2);
}
/* .vi:hover{
	-webkit-box-shadow: 0 5px 15px 2px rgba(0,0,0,0.25);
    box-shadow: 0 5px 15px 2px rgba(0,0,0,0.25);
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	font-weight: bolder;
} */



/*LIBRETA*/
	/* se pasa a fmb.informeprogreso */

	
	.alert-heading{
		color: red;
		font-size: 20px;
		/* font-family: 'Bungee', cursive; */
	}
	hr{
		border-top: 5px solid red;
	}
	.notification{
		font-size: 15px;
		/* font-family: 'Barlow', sans-serif;		 */
	}

	/*checkbox perzonalizado*/
	/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 20px;
	margin-right: 5px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {display:none;}
  
  /* The slider */
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 15px;
    width: 15px;
    left: 5px;
    bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .slider {
	background-color: var(--fmb-color);
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px var(--fmb-color);
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }

#data{
	font-size: 10px;
}
#data tr td{
	padding: 0px;
}
#data > tr td:first-child{
	padding-left: 13px;
}

@media (min-width: 992px){
	.modal-lg {
		max-width: 80%;
	}
	.modal-boletin {
		max-width: 50%;
	}
}

.peresultados{
	width: 100%;
		margin: 0 auto;
}
#peresultadosfull{
	border: 1px solid black;
	font-size: 12px;		
	margin: 0 auto;

	width: 21cm;
	/* min-height: 29.7cm; */
	/* padding: 0.5cm; */
	/* margin: 0.5cm auto; */
	border: 1px #D3D3D3 solid;
	border-radius: 5px;
	background: white;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	height: auto;
}
#peresultadosdata{
	font-size: 12px;
}

.inre{
	background-color: rgba(0, 0, 0, 0.33);
    height: auto;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4f5fc+0,bfe8f9+50,9fd8ef+51,2ab0ed+100;Blue+Gloss+%235 */
background: rgb(228,245,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(228,245,252,1) 0%, rgba(191,232,249,1) 50%, rgba(159,216,239,1) 51%, rgba(42,176,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 ); /* IE6-9 */
}
.inre-icon {
	background-color: #0275d8;
	border-radius: 10px 0 0 10px;
	background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(30,87,153,0.8) 15%, rgba(30,87,153,1) 19%, rgba(30,87,153,1) 20%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 80%, rgba(30,87,153,1) 81%, rgba(30,87,153,0.8) 85%, rgba(30,87,153,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#001e5799',GradientType=0 ); /* IE6-9 */
}

#infopos{
	font-size: 15px;
	font-weight: 800;
}
/*TAB PANEL MAIN*/
.menu{
	font-size:12px;
	/* font-family: 'Sniglet', cursive; */
	font-size: 12px;
	color: black;
	margin: 0px;
}
.menu .option{
	background-color: var(--fmb-color);
	text-align: center;
	border: 1px solid #ddd;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	color: white;
	border: 2px solid white;
}
.menu .option:hover{
	background-color: #ddd;
	
}
.menu .option i{
	font-size: 15px;
}
.select{
	background-color: white!important;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: var(--fmb-color)!important;
}

.panel{
	width: auto; height: calc(100vh - 107px)!important;
	max-height: calc(100vh - 70px)!important;
	background-color: white;
	margin-top: 0px;
    margin-left: 0px;
	margin-right: 0px;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	border: 2px solid white;
	overflow-x: hidden;
	overflow-y: auto;
}

/*comentario*/

.comentario .userfoto{
	width: 30px !important;
	height: 30px !important;
	float: left;
	border-radius: 50%;
}
.comentario .username{
    color: #444;
    display: block;
	font-weight: 600;
	font-size: 11px;
}
.comentario .texto{
	margin-left: 40px;
	color: #555;
	font-size: 12px;
}
.comentario .puntaje{
	/* line-height: 2; */
	border-radius: .25rem!important;
	padding: 3px;
}
.circlepuesto{
	
    background-image: url("././../img/iconfinder_Medal-2_379373.png");
    
	
	/* border: 1px solid red; */
    border-radius: 50%;
    padding: 3px 4px 3px 3px;
    /* background-image: url(https://i.pinimg.com/originals/b9/3a/43/b93a430….jpg); */
    width: 50px;
	background-size: cover;
	background-position: center;
    height: 32px;
    position: absolute;
    /* left: 129px; */
    /* top: 48px; */
	margin: -24px 74px;
	line-height: 38px;
    font-weight: bolder;
}
.circlepuestome{
	
    background-image: url("././../img/iconfinder_Medal-2_379373.png");
    
	
	/* border: 1px solid red; */
    border-radius: 50%;
    padding: 3px 4px 3px 3px;
    /* background-image: url(https://i.pinimg.com/originals/b9/3a/43/b93a430….jpg); */
    width: 50px;
	background-size: cover;
	background-position: center;
    height: 32px;
    position: absolute;
    /* left: 129px; */
    /* top: 48px; */
	margin: -24px 9px;
	line-height: 38px;
    font-weight: bolder;
}
.medallaotros{
	
    background-image: url("././../img/medallaotros.png");
    
	
	/* border: 1px solid red; */
    border-radius: 50%;
    padding: 3px 4px 3px 3px;
    /* background-image: url(https://i.pinimg.com/originals/b9/3a/43/b93a430….jpg); */
    width: 50px;
	background-size: cover;
	background-position: center;
    height: 32px;
    position: absolute;
    /* left: 129px; */
    /* top: 48px; */
	margin: -35px 90px;
	line-height: 38px;
    font-weight: bolder;
}
.medallaotrosme{
	
    background-image: url("././../img/medallaotros.png");
    
	
	/* border: 1px solid red; */
    border-radius: 50%;
    padding: 3px 4px 3px 3px;
    /* background-image: url(https://i.pinimg.com/originals/b9/3a/43/b93a430….jpg); */
    width: 50px;
	background-size: cover;
	background-position: center;
    height: 32px;
    position: absolute;
    /* left: 129px; */
    /* top: 48px; */
	margin: -35px 30px;
	line-height: 38px;
    font-weight: bolder;
}

.primerpuesto{
	background-image: url(././../img/fuegos-artificiales-4.gif);
    /* border: 1px solid red; */
    border-radius: 50%;
    padding: 3px 4px 3px 3px;
    width: 100px;
    background-size: cover;
    background-position: center;
    height: 100px;
    position: absolute;
    margin: -80px 40px;
    line-height: 38px;
    font-weight: bolder;
}
.primerpuestome{
	background-image: url(././../img/fuegos-artificiales-4.gif);
    /* border: 1px solid red; */
    border-radius: 50%;
    padding: 3px 4px 3px 3px;
    width: 100px;
    background-size: cover;
    background-position: center;
    height: 100px;
    position: absolute;
    margin: -80px -28px;
    line-height: 38px;
    font-weight: bolder;
}
.expresion1{
	/* font-family: 'Bungee', cursive; */
	font-size: 15px;
	color: #0c5fae;
}
.expresion2{
	/* font-family: 'Bungee Inline', cursive; */
	color: black;
	font-size: 14px;
}
.me{
	padding-bottom: 10px;
	margin-bottom: 3px;
	/* border-bottom: 1px solid gray; */
	-webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.75);
}
/* .frm .titulo{
	font-family: 'Salsa', cursive;
    font-size: 20px;
    color: #0c5fae;
    text-align: center;
    font-weight: 900;
}
.frm .subtitulo{
	font-family: 'Salsa', cursive;
    font-size: 15px;
    color: rgba(0,0,0,.6);
    text-align: center;
    font-weight: 900;
} */
.frm .btn{
	padding: 0.1rem .5rem!important;
    font-size: 0.7rem!important;
}

.modal-header-tab{
	display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 15px 0px 10px;
    border-bottom: 0px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}


/* WHATSAPP */
.whatsapp{
	position: absolute;
	width: 40px;
	height: 40px;
	z-index: 99;
	margin-left: 8px;
	margin-top: 8px;
	color: green;
}
.calc{
	position: absolute;
	width: 40px;
	height: 40px;
	z-index: 99;
	margin-left: 8px;
	margin-top: 8px;
	color: #363435;
}

@keyframes pulse1 {
	from { transform: scale(1); }
	50% { transform: scale(2); }
	to { transform: scale(1); }
}
.pulse1 {
	animation-name: pulse1;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	/* animation-timing-function: 5s; */
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@keyframes pulse2 {
	from { transform: scale(1); }
	50% { transform: scale(1.8); }
	to { transform: scale(1); }
}
.pulse2 {
	animation-name: pulse2;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-delay: 2s;
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@keyframes pulse3 {
	from { transform: scale(1); }
	50% { transform: scale(1.5); }
	to { transform: scale(1); }
}
.pulse3 {
	animation-name: pulse3;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-delay: 3s;
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.animated-circles {
	position: absolute;
	top: 0;
}

.abajoaladowhatsapp{
	bottom: 70px!important;
	right: -25px!important;
	margin-right: 95px;
	position: fixed;
	z-index: 99;
	transition: all .2s ease-in-out; transform: scale(1);
}
.circle {
	background: rgba(0,0,0,.075);
	width: 45px;
	height: 45px;
	/* border-radius: 5px; */
	position: absolute;
	z-index: 49;
	transform: scale(1);
	-webkit-transform: scale(1);
}

.backg{
	font-size: 56px;
	position: absolute;
	/* margin: -22px -55px; */
	color: #2125292e!important;
	z-index: -1;

	/**/
	position: absolute;
	/* top: 0; */
	left: 0;
	margin-top: -20px;
	width: 100%;
	
	text-transform: uppercase;
	text-align: center;
}
/*MESSENGER*/
.messenger{
	position: absolute;
	width: 40px;
	height: 40px;
	z-index: 99;
	margin-left: 8px;
	margin-top: 4px;
	color: green;
	font-size: 28px;
}

.modal-header-tab{
    padding: 10px 14px 0 5px;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.kit{
	display: none;
}
#pagogrupal{
	display: none;
}





/* font-family: 'Bungee', cursive;
font-family: 'Barlow', sans-serif;
font-family: 'Indie Flower', cursive;
font-family: 'Pacifico', cursive;
font-family: 'Khula', sans-serif;
font-family: 'Permanent Marker', cursive;
font-family: 'Lobster Two', cursive;
font-family: 'Great Vibes', cursive;
font-family: 'Kaushan Script', cursive;
font-family: 'Amaranth', sans-serif;
font-family: 'Handlee', cursive;
font-family: 'Kalam', cursive;
font-family: 'Architects Daughter', cursive;
font-family: 'Calligraffitti', cursive;
font-family: 'Allerta Stencil', sans-serif;
font-family: 'Delius', cursive;
font-family: 'Bungee Inline', cursive;
font-family: 'Sedgwick Ave Display', cursive;
font-family: 'Metamorphous', cursive;
font-family: 'Shojumaru', cursive;
font-family: 'Creepster', cursive;
font-family: 'Sniglet', cursive;
font-family: 'Salsa', cursive;
font-family: 'Geo', sans-serif;
font-family: 'Faster One', cursive;
font-family: 'Vampiro One', cursive;
font-family: 'Averia Sans Libre', cursive;
font-family: 'Cherry Cream Soda', cursive;
font-family: 'Kite One', sans-serif;
font-family: 'Nosifer', cursive;
font-family: 'Vibur', cursive;
font-family: 'Monofett', cursive;
font-family: 'Londrina Shadow', cursive;
font-family: 'Keania One', cursive;
font-family: 'Caesar Dressing', cursive;
font-family: 'Fruktur', cursive;
font-family: 'Sirin Stencil', cursive;
font-family: 'Felipa', cursive;
font-family: 'Combo', cursive;
font-family: 'Emblema One', cursive;
*/

/*esto es para control tipo fieldset google*/
/* .lbl{
	position: absolute;
    bottom: 9px;
    left: 20px;
    z-index: 8px!important;
    background: white;
	padding: 0 3px 0 3px;
	color: #202124;
}
.lblhover{
	transform: scale(0.95) translateY(-18px) translateX(-5px);
    font-size: 12px;
    color: #5f6368;
    user-select: none;
}

.form-control:focus {
    border-color: #0275d8!important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.65)!important;
}
 */

 /*competencia evaluada*/
 .ce{
	 background-color: white;
	 margin-bottom: 3px;
 }
 .ce:hover{
	background-color: var(--yellow);
}
.ce::selection{
	background-color:var(--yellow);
}

 /*CRONOMETRO*/
 /* contador */
.contador {
	font-family: 'Baloo Da', cursive;
	margin-bottom: 12px;
}
.times .time {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	border-top: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
}
.times .time:first-child {
	border-right: 0px;
}
.times .time:last-child {
	border-left: 0px;
}
.times .time i {
	font-size: 16px;
}
.crono-width {
	background: #fff;
	width: 100%;
	margin: 0px;
}
.btn-crono {
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	padding: 5px;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
.active-btn {
	background: #56ca7f !important;
	border-bottom: 7px solid #1d9447 !important;
}
.active-btn:hover {
	background: #1d9447 !important;
}
.start-btn {
	background: #3396d0;
	border-bottom: 7px solid #0b79b9;
}
.start-btn:hover {
	background: #0b79b9;
}
.stop-btn {
	background: #3a3a3a;
	border-bottom: 7px solid #000;
}
.stop-btn:hover {
	background: #000;
}

/* BIBLIOTECA */
.biblio .ebook{
	margin-bottom: 10px;
	color: white;
}
.biblio .card{
	background-image: url(https://img.freepik.com/free-vector/abstract-futuristic-background_23-2148403788.jpg?size=626&ext=jpg&ga=GA1.2.34516586.1585413212);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.biblio .card:hover{
	-webkit-box-shadow: -1px 4px 18px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 4px 18px 5px rgba(0,0,0,0.75);
	box-shadow: -1px 4px 18px 5px rgba(0,0,0,0.75);
}
.biblio h5{
	font-family: 'Bungee', cursive;
}
.biblio .titulo{
	font-size: 20px;
    font-family: monospace;
}
.biblio .nivelgrado{
	font-size: 15px;
	font-family: monospace;
}

.studentasis{
	font-size: 14px;
}

#dgvVentaDetalle{
	/* height: 100px; */
}
#dgvProductos{
	/* height: 100px; */
}


.comprobante{
	border: 0px;
    font-size: 17px!important;
    background-color: #ececec;
    appearance: inherit;
}
.titulocreacurso{
	font-size: 25px;
    font-weight: bold;
    font-family: 'Salsa';
    color: #343a40db;
    margin-top: 48px;
}
.atencion{
	font-size: 20px!important;
}


.nsc{
	-moz-user-select: none; 
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none; 
}

.marginbottom{
	margin-bottom: 15px;
}
#ingresardatos{
	display: none;
}
.vd{
	font-family: 'Salsa', cursive!important;
    font-size: 18px!important;
    color: rgba(0,0,0,.6)!important;
    font-weight: 900!important;
    text-align: center!important;
}

#btnNotaCredito{
	display: none;
}

.horarioclase{
	background-color: #ffffffb8;
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 5px;
}
.horarioclase .titulo,.subtitulo{
	font-size: 15px;
}

.horarioclase .titulo{
	font-family: 'Salsa', cursive;
    font-size: 20px;
    color: #0c5fae;
    text-align: center;
    font-weight: 900;
}
.horarioclase .subtitulo{
	font-family: 'Salsa', cursive;
    font-size: 14px;
    color: rgba(0,0,0,.6);
    text-align: center;
    font-weight: 900;
}
.horarioclase .curso{
	font-family: 'Salsa', cursive;
    font-size: 13px;
    color: rgb(0 0 0 / 85%);
    text-align: center;
    font-weight: 900;
    margin-bottom: 10px;
}

.horarioclase .curso:hover {
    background-color: #0275d83b;
    border-radius: 5px;
    font-size: 13.5px;
    cursor: pointer;
    animation-duration: 1s;
}
.horarioclase .span {
	font-size: 13px;
}
.horarioclase #nada{
	font-size: 18px;
}
.horarioclase .msj{
	font-size: 15px;
	text-align: center;
	margin: 15px 0 15px 0;
}


#btnPlusMaterial{
	/* display: none; */
}

.loadsesion{
	display: none;
}

.ccon{
	display: inline-block;
	margin: 2px 10px 2px 10px;
    font-weight: 500;
}

/* CHECK TAREAS */
/**
 * Extracted from: SweetAlert
 * Modified by: Istiak Tridip
 */
 .success-checkmark {
	width: 80px;
	height: 115px;
	margin: 0 auto;
  }
  .success-checkmark .check-icon {
	width: 80px;
	height: 80px;
	position: relative;
	border-radius: 50%;
	box-sizing: content-box;
	border: 4px solid #4caf50;
  }
  .success-checkmark .check-icon::before {
	top: 3px;
	left: -2px;
	width: 30px;
	transform-origin: 100% 50%;
	border-radius: 100px 0 0 100px;
  }
  .success-checkmark .check-icon::after {
	top: 0;
	left: 30px;
	width: 60px;
	transform-origin: 0 50%;
	border-radius: 0 100px 100px 0;
	animation: rotate-circle 4.25s ease-in;
  }
  .success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
	content: "";
	height: 100px;
	position: absolute;
	background: #ffffff;
	transform: rotate(-45deg);
  }
  .success-checkmark .check-icon .icon-line {
	height: 5px;
	background-color: #4caf50;
	display: block;
	border-radius: 2px;
	position: absolute;
	z-index: 10;
  }
  .success-checkmark .check-icon .icon-line.line-tip {
	top: 46px;
	left: 14px;
	width: 25px;
	transform: rotate(45deg);
	animation: icon-line-tip 0.75s;
  }
  .success-checkmark .check-icon .icon-line.line-long {
	top: 38px;
	right: 8px;
	width: 47px;
	transform: rotate(-45deg);
	animation: icon-line-long 0.75s;
  }
  .success-checkmark .check-icon .icon-circle {
	top: -4px;
	left: -4px;
	z-index: 10;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	position: absolute;
	box-sizing: content-box;
	border: 4px solid rgba(76, 175, 80, 0.5);
  }
  .success-checkmark .check-icon .icon-fix {
	top: 8px;
	width: 5px;
	left: 26px;
	z-index: 1;
	height: 85px;
	position: absolute;
	transform: rotate(-45deg);
	background-color: #ffffff;
  }
  .fz-chk{
	  font-size: var(--font-size-small)!important;
  }
  @keyframes rotate-circle {
	0% {
	  transform: rotate(-45deg);
	}
	5% {
	  transform: rotate(-45deg);
	}
	12% {
	  transform: rotate(-405deg);
	}
	100% {
	  transform: rotate(-405deg);
	}
  }
  @keyframes icon-line-tip {
	0% {
	  width: 0;
	  left: 1px;
	  top: 19px;
	}
	54% {
	  width: 0;
	  left: 1px;
	  top: 19px;
	}
	70% {
	  width: 50px;
	  left: -8px;
	  top: 37px;
	}
	84% {
	  width: 17px;
	  left: 21px;
	  top: 48px;
	}
	100% {
	  width: 25px;
	  left: 14px;
	  top: 45px;
	}
  }
  @keyframes icon-line-long {
	0% {
	  width: 0;
	  right: 46px;
	  top: 54px;
	}
	65% {
	  width: 0;
	  right: 46px;
	  top: 54px;
	}
	84% {
	  width: 55px;
	  right: 0px;
	  top: 35px;
	}
	100% {
	  width: 47px;
	  right: 8px;
	  top: 38px;
	}
  }


.ctrlLoad{
	display: block;
	margin: -26px 12px 0 0 !important;
}
.load { color: var(--principal-color); }
.ok { color: rgb(12, 178, 12); }
.error { color: red; }



.libreimpre{
}

#vuelto{
	font-weight: bold;
    font-size: 20px;
	text-align: center;
	display: none;
}
#VueltoValor{

}
#ProductoNombreDiv{
	display: none;
}

@page {
	size: A4;
	margin: 0;
}
@media print {
	.libreimpre {
		margin: 0;
		border: initial;
		border-radius: initial;
		width: initial;
		min-height: initial;
		box-shadow: initial;
		background: initial;
		page-break-after: always;
	}
}


/**************************************/