/*USO*/
/*var(--fmb-color)*/
: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;
}
/*http://cssdeck.com/labs/css3-webkit-vertical-scrollbars*/
::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 2px;
    background-color: #f5f5f500;
}

::-webkit-scrollbar{
	width: 7px;
	height: 8px;
	background-color: #f5f5f503;
}

::-webkit-scrollbar-thumb{
	border-radius: 2px;
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
	background-color: var(--fmb-color);
}

body{
	min-height: 100%;
	line-height: 1.5;
	
	font-family: 'Sniglet', cursive!important;
	font-weight: 500;
	font-size: 12px!important;

	overflow-x: hidden;
	background-color: #bec3c9;
}

.modal[data-backdrop="false"]{ 
	background-color: rgba(0, 0, 0, 0.486); 
}

#clases{
}
#clases span{
	margin-right: 5px;
}
#clases span a{
	color: #212529;
    font-size: 10px;
}
#msjObservacion{
	white-space: pre-line;
}

.texto{
	font-family: 'PT Serif', serif;
	font-size: 15px;
}
#msjObs{
	display: none;
}
.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;
}
#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{
	max-height: 250px;
    overflow-y: scroll;
}

#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);
}
.comunicadofecha{
	font-size: 15px;
}
.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-left{
	/* margin: 10px 0 0px 8px;
	border-radius: 10px;
	border: 2px solid white; */
	
	background-color: #ddd;
	min-width: 20%;
	position: fixed;
	z-index: 1020;
	left: 0;
	padding-top: 0;
	overflow: hidden;
	color: white;
	/* font-family: 'Sniglet', cursive; */

	background-image: url('../img/escolnet-menu.jpg');
	background-size: cover;
	background-position: 75%;
	font-size: 13px;
	box-shadow: 0px 10px 15px 2px #1d2129;
	z-index: 1020;
}
.navMenuTitle{
	padding: 8px;
    color: #f8f9fa;
    font-size: 15px;
	/* background-color:#0275d8; */
	background-color:#0275d8d1;
    border-bottom: 1px solid #FFF;
    /* border-top-left-radius: 10px;
    border-top-right-radius: 10px; */
    -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;
    /* font-family: 'Sniglet', cursive; */
}
.navbar-left-ul{
	list-style: none;
    margin: 0;    padding: 0;
	margin-top: 0px;
	padding-top: 10px;
}
.navbar-left-ul ul{
	list-style: none;
	margin-left: 0px; padding-left: 6px;
	background-color: #f8f9faa3;
	display: none;
}
.navbar-left-ul ul ul /*Todos los elementos del 3er nivel*/
,.navbar-left-ul ul ul ul /*Todos los elementos del 4to nivel*/
,.navbar-left-ul ul ul ul ul/*Todos los elementos del 5to nivel*/
,.navbar-left-ul ul ul ul ul ul/*Todos los elementos del 6to nivel*/
{
	margin-left: 12px!important;
}
.navbar-left-ul li{
	margin: 0;
	border-bottom: 1px solid #e9ecef0a;
}
/*nivel raiz*/
.navbar-left-ul>li a{
	color: white;
	padding: 5px 15px 5px 5px;
	display: block;	
}
.navbar-left-ul ul>li a{
	color: black;
	padding: 5px 15px 5px 0px;
	display: block;	
}
.navbar-left-ul li a:hover{
	transition-duration: 0.3s;
	/*ease, equivalente a cubic-bezier(0.25, 0.1, 0.25, 1.0)
linear, equivalente a cubic-bezier(0.0, 0.0, 1.0, 1.0)
ease-in, equivalente a cubic-bezier(0.42, 0, 1.0, 1.0)
ease-out, equivalente a cubic-bezier(0, 0, 0.58, 1.0)
ease-in-out, equivalente a cubic-bezier(0.42, 0, 0.58, 1.0)*/
	transition-timing-function: ease;
	background-color: #ffffff;
	color: rgb(0, 0, 0)!important;
}
.navbar-left-ul lis:hover{
	transition-duration: 0.3s;
	/*ease, equivalente a cubic-bezier(0.25, 0.1, 0.25, 1.0)
linear, equivalente a cubic-bezier(0.0, 0.0, 1.0, 1.0)
ease-in, equivalente a cubic-bezier(0.42, 0, 1.0, 1.0)
ease-out, equivalente a cubic-bezier(0, 0, 0.58, 1.0)
ease-in-out, equivalente a cubic-bezier(0.42, 0, 0.58, 1.0)*/
	transition-timing-function: ease;
	background-color: #343a40;
	color: white!important;
	border-left: 3px solid var(--fmb-color)!important;
}
.navbar-fill{
	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-fill-show{
	height: 100vh;
}
.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;
}



.tab-content>.active{
	
}


.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;
}
.pointer{
	cursor: pointer;
}
.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{
	background-color: var(--fmb-color);
	color: white!important;	
	width: auto!important;
	text-align: center;
	font-weight: 100;
}
.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;
}


.table thead tr{
	background-color: var(--fmb-color);
}

.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;
}

#menuctrls{
	font-size: 14px;
	padding: 5px;
}

.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;
	/*-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);*/	
}

.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{
	background-color:gray;
}
#lstAsignaturaGrado li:hover{
	background-color:gray;
}
#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: 15px;
}
#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: -25px 10px 0 0;
	z-index: 1500;
	display: none;
}
#chkDNIok{
	margin: -25px 10px 0 0;
	z-index: 1500;
	display: none;
}
#chkDNIer{
	margin: -25px 10px 0 0;
	z-index: 1500;
	display: none;
}
#chkuserload{
	margin: -25px 10px 0 0;
	z-index: 1500;
	display: none;
}
#chkuserok{
	margin: -25px 10px 0 0;
	z-index: 1500;
	display: none;
}
#chkuserer{
	margin: -25px 10px 0 0;
	z-index: 1500;
	display: none;
}

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

/*funciones del sistema y cargo*/
#lstfs{

}

#lstfs li a:hover{
	background-color: gray;
}

#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;
	}
	#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: 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;
		}
		#page-content-wrapper{
			margin-left: 20%;
		}
	/*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)*/
@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;
		}
		#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;
}

.contactuser{
	float: left!important;
	overflow:hidden!important;
	width: auto;
	white-space:nowrap!important;
	text-overflow: ellipsis!important;
	margin-right: 5px;
	font-size: 12px;
}
#map {
	height: 500px;
  }
.dropdown-dividerline{
	height: 0;
    margin: 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}
.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;
}

.contactcargo{
	float: left!important;
	overflow:hidden!important;
	width: auto;
	white-space:nowrap!important;
	text-overflow: ellipsis!important;
	margin-right: 5px;
	font-size: 11px;
}
.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: 15px;
	font-weight: bold;
}
#lstPresentaciones{
	text-align: justify;
}
#lstPresentaciones li{
	margin-bottom: 5px;
}
.presenta{
	font-size: 15px;
}
.adsquad{
	height: 250px;
	max-height: 250px;
	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;
}
.noti{
	background-color: #fa3e3e; 
	border-radius: 2px;  
	width:auto; height:auto;  
	position: fixed;
	color:white;  
	margin: 5px 0px 0 10px; padding: 1px 3px;
	display: none;	
	font-size: 10px;
}
.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{
	
}
.panel-title{
	background-color: var(--fmb-color)!important;
}
.panel-title h5{
	background-color: var(--fmb-color)!important;
}




#wrapper{
	width: 100%;
}

#page-content-wrapper{
	width: auto; height: auto;
	margin-left: 20%;
	/* overflow: auto; lo elimino para q scroll sea el del body */
	padding: 10px 18px 10px 18px;
	box-sizing: border-box;
	/* overflow-x: hidden; */
	/* overflow-y: hidden; */
}
.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{
	width: 160px; height: 160px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .3);
	border-radius: 3px;
	margin-top: 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;
}
/*para mostrar que tipo de archivo se adjunta a asignatura*/
.uploadfiles:hover{
	overflow-y: auto;
}

.uploadfiles{
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-top: 4px;			
	background-color: white;
	position: relative;	
	height: 100%; width: auto;
	overflow :hidden;
}
.ufc{ /*para las capas*/
	position: absolute;
	width: 100%;
	height: 100%;
}

/*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*/

.rf{
	background-color: #eee;
    height: 21px;
    margin: 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
}
.pushfileover{
	border: 3px dotted black!important;
	background: rgba(255, 255, 255, 0.65);
}


#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{
	
}

#planeta{
	height: 100vh;
}

.mbeo{
	overflow-y: scroll;
    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;
}

.row{
	/* margin-top: 7px; *//*oculo 29/04/2018   para que no se vea feo upload*/
}
/*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*/
	.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: 3px;
		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: 3px;
		border-top-left-radius: 3px;
	}
	.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: 10px;
		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: 3px;
		border-bottom-left-radius: 3px;
		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;
	}
	.nota{
		width: 100px;
		text-align: center;
		height: 20px;
	}
	.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: scroll;
}
.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;
}

/*LINEA DE TIEMPO*/
	.timeline {
		position: relative;
		margin: 0 0 30px 0;
		padding: 0;
		list-style: none;
	}
	.timeline>li {
		position: relative;
		margin-right: 10px;
		margin-bottom: 15px;
	}
	.timeline>li>.timeline-item {
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
		border-radius: 3px;
		margin-top: 0;
		background: #eee;
		color: #444;
		margin-left: 60px;
		margin-right: 15px;
		padding: 0;
		position: relative;
	}
	.timeline>li>.timeline-item>.timeline-header {
		margin: 0;
		color: #555;
		border-bottom: 1px solid #f4f4f4;
		padding: 10px;
		font-size: 16px;
		line-height: 1.1;

		margin: 0;
		color: #666;
		border-bottom: 1px solid #ddd;
		padding: 10px;
		font-size: 15px;
		line-height: 1.1;
		/* font-family: 'Sniglet', cursive; */
	}
	.timeline>li>.timeline-item>.timeline-body, .timeline>li>.timeline-item>.timeline-footer {
		padding: 10px;
	}
	.timeline>li>.timeline-item>.timeline-body, .timeline>li>.timeline-item>.timeline-footer {
		padding: 10px;
	}
	.timeline>.time-label>span {
		font-weight: 600;
		padding: 5px;
		display: inline-block;
		background-color: #fff;
		border-radius: 4px;
	}
	.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
		background-color: #dd4b39 !important;
	}
	/* .bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
		color: #fff !important;
	} */
	.bg-red{
		color: #fff;
	}
	.timeline:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		width: 4px;
		background: #ddd;
		left: 31px;
		margin: 0;
		border-radius: 2px;
	}
	.timeline>li>.timeline-item>.time {
		color: #999;
		float: right;
		padding: 4px;
		font-size: 12px;
	}
	.doc{
		width: 40px!important;
		/* height: 30px!important; */
		font-size: 10px!important;
		/* line-height: 30px!important; */
		position: absolute!important;
		color: #000!important;
		background: #d2d6de!important;
		border-radius: 5px!important;
		text-align: center!important;
		left: 13px!important;
		top: 0!important;
		font-weight: 600!important;
		padding: 5px;
	}
	.notadisplay{
		font-size: 35px;
    	font-family: 'Salsa', cursive;
	}
	.bg-blue {
		background-color: #0073b7 !important;
	}
	.inittimeline {
		margin-top: -18px;
		left: 20px!important;
		font-size: 10px!important;
		width: 25px!important;
		height: 25px!important;
	}
	.iconfile{
		width:20px; height:20px;
    	background-size: cover;
	}
	.timeline-header a{
		color: #0275d8;
		font-size: 15px;
		font-weight: 500;
		font-family: 'Salsa', cursive;
	}


/*LIBRETA*/
	.libreta{
		/* border: 2px solid rgb(29, 28, 28); */
		width: 100%;
		margin: 0 auto;
		background-color: white;
	}
	#libretafull{
		font-size: 11px;
		margin: 0 auto; padding: 0.5cm;
		width: 21cm; height: auto;
		border: 1px #D3D3D3 solid;
		border-radius: 5px;
		background: white;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	}
	#frmInforme{
		margin-top: 10px;
	}
	#libretafull>table
	#asis{
		font-size: 10px;
	}
	#estadistica{
		font-size: 10px;
	}
	#logo{
		width: 250px; height: 50px;
		margin-bottom: 10px;
	}
	.loaddata{
		display: none;
	}
	.libreta .titulo{
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.libreta .lbl{
		width: 90px;
		color: black;
	}
	.libreta .estudiante{
		border: 2px solid black;
		margin-left: 10px;
		margin-right: 20px;
		width: 350px;
	}
	.libreta .codigo{
		border: 2px solid black;
		margin-left: 10px;
		width: 100px;
	}
	.compename{
		max-width: 100px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		/* white-space: normal;
		word-wrap: normal;		 */
	}
	#libretafull .table-sm td, .table-sm th {
		padding: 2px;
	}
	.signatureline{
		border-top: 1px solid black;
	}


	.libreta table,.libreta tr,.libreta tr th,.libreta tr td{
		border: 1px solid black;
	}

	.area{
		background-color: #0275d8;
		color: white;
	}
	.areast{
		background:red!important;
		color: white;
		text-align: center;
	}
	.compest{
		text-align: center;
	}
	.aprecia{
		font-size: 14px;
		font-weight: bolder;
		border: 1px solid black;
		text-align: center;
	}
	.apreciacion{
		border: 1px solid black;
		text-align: justify;
		padding: 5px;
		font-size: 12px;
	}
	#firmadirec{
		height: 80px; width: 200px;		
	}

	#libretaok,#asistencia,#estadistica,#leyenda1,#apreciacion,#firma{
		display: none;
	}
	.signatureline{
		border-top: 1px solid black;
		margin-top: 60px;
    	margin-bottom: 30px;
	}


	.notadet{
		/* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
		font-size: 11px;
		color: #212529;
		font-weight: 700;
	}
	.notadet-info{
		/* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
		font-size: 12px;
		color: #464a4e;
		font-weight: 500;
		margin-left: 12px;
	}
	#leyendaprim{
		font-size: 10px;
	}
	#leyendaprim tr td{
		word-wrap: break-word!important;
		white-space: wrap!important;
		text-align: justify;
		vertical-align:middle!important;
	}
	.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;
}

@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{
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.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;
}