body{
	background-color: #eee;
}
.hide{
	display:none;
}
.center-stage{
	top: 15vh;
	font-size:1.5em;
}
.center-stage button{
	font-size: 0.8em;
}
.center-stage input{
	font-size: 0.8em;
	height:1.45em;
	margin-bottom: 30px;
	border-bottom-color:#ccc;
	border-bottom-style:solid;
	border-bottom-width:2px;
}
.dark {
	opacity:.4;
	font-size:1.3em;
	margin-right:5px;
}
.hidden-xs{
	display:none;
}
@media only screen and (min-width:768px){
	.center-stage{
		top: 15vh;
		font-size:14px;
	}
	.center-stage button{
		font-size: 14px;
	}
	.center-stage input{
		font-size: 14px;
		margin-bottom: 15px;
		border-bottom-color:#ccc;
		border-bottom-style:solid;
		border-bottom-width:1px;
	}
	span.hidden-xs{
		display:inline;
	}
}

.list-group{
	list-style-type: none;
}
.side_menu{
	width:15%;	
}
.graph_window{
	height:63%;
}
.section{
	border-right: 1px #ddd solid;
}
.table-button{
	margin-left: 5px;
}
#main-screen, #config-interface{
	width:85%;
}
.option {
	border: 1px #ddd solid;
	padding-top:10px;
	padding-bottom:10px;
}
.option:hover{
	background-color: #ddd;
	border-color: #ccc;
	cursor: pointer;
}
.on {
	background-color: #76ff03;
	border-color: #33691E;	
}
.on:hover{
	background-color: #76ff03;
	border-color: #33691E;	
}
.legend-menu{
	margin-bottom: 0px;
}
.column{
	height:100vh;
	text-align:center;
	float:left;
}
.overflow{
	overflow-y: scroll;
}
.horizontal-separator{
	border-bottom: 1px solid #ddd;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
}
.card{
	background-color:#fff;
	border: 1px #ddd solid;
	border-radius: 5px;
	transition:0.4s cubic-bezier(0.4,0,0.2,1) all;
	box-shadow: 0px 0px 6px 2px #ddd;
	padding:10px;
}
.card input{
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-radius:0px;
	box-shadow:none;
}
.form-horizontal{
	padding-top: 10px;
}
.foto{
	max-height: 120px;
	border-radius:50%;
}
.quick-data ul{
	padding:8px;
	border-radius:5px;
	border: 1px solid #ddd;
	text-align: left;
	list-style-type: none;
}
.quick-data ul>li{
	cursor:pointer;
}
.quick-data ul>li.selected{
	background-color: #2196F3;
	color: #FFF;
}

.hour-control, .dt-body-center{
	text-align:center;
}
#tutor-data textarea{
	max-width:250px;
}
.accion{
	margin-left:5px;
	margin-right:5px;
}
.table-hover tr,.cajita-data{
	cursor: pointer;
}
.cajita-data:hover, .cajita-data.seleccionada{
	background-color:#007799;
	color:#fff;
}
.student {
	margin-bottom:15px;
}
.progress{
	margin-bottom:0px;
}
.dataTables_length{
	text-align:left;
}
.tab-content{
	margin-top:15px;
}
.dia-data{
	text-align:left;
}
.footnav{
	position:absolute;
	left:20vw;
	bottom:10px;
	min-width:80vw;
}
.pretty-control{
	border-radius:5px;
	border-color:#ccc;
	padding:7px;
}
.rep-nav{
	margin-top:7px;
}
.rep-nav:hover{
	cursor:pointer;
}
p.info.error{
	color:#AA2222;
}
p.info.ok{
	color:#22AA22;
}
.wrong{
	background-color:#fb5353;
	border-color:#AA3333;
	color:#fff;
}
.wrong-container::after{
	content:"Este item es requerido";
}