@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Muli);
@import url(//fonts.googleapis.com/css?family=PT+Sans);


/* Login */
.login-form-control {
	max-width: 350px;
	margin: 100px auto 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #F0F0F0;
	background: rgba(255, 255, 255, 0.5);
	padding: 10px;
}

.login-form-control-input {
	margin-bottom: 15px;
	display: block;
	width: 85%;
	height: 20px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

h3, .h3 {
	font-size: 1.17em;
	font-weight: bold;
	color: #999;
}


/* Bootstrap */
@media (min-width: 768px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: none !important;
	}
}
/* datepicker no title in minutes */
.datetimepicker .datetimepicker-hours th {
	visibility: collapse;
	height: 0;
	font-size: 0;
	padding: 0;
}

.datetimepicker .datetimepicker-minutes th {
	visibility: collapse;
	height: 0;
	font-size: 0;
	padding: 0;
}

.datetimepicker datetimepicker-dropdown-bottom-right dropdown-menu {
	top: 0px;
}

/* ####### Cloack ####### */

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	/*display: none !important;*/
	display: none;
}

[ng-cloak] {
	display: none;
}

/* Login */

.form-login {
	max-width: 350px;
	margin: 100px auto 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #F0F0F0;
	background: rgba(255, 255, 255, 0.5);
}

/* Cuerpo */

body {
	background: transparent url('../img/background.jpg') no-repeat center center fixed;
	background-size: cover;
	min-height: 100%;
	width: 100%
	font-size: 12px;
	font-family: 'Muli', sans-serif;
}

/* Perm Filter */
.filterPermBtn {
	font-size: 13px;
	width: 230px;
	margin-top: -5.3em;
	margin-right: 2%;
	float: right;
}

.filterPerm {
	padding: 5px;
	height: 35px;
	font-size: 13px;
	width: 180px;
	margin-top: -3.7em;
	margin-right: 17%;
	float: right;
}

.filterPerm .input-group {
	width: 100%;
}

@media only screen and (max-width: 750px) {
	.filterPerm {
		margin-top: -14%;
		margin-right: -1%;
	}
}

/* Cuadrante */

.cuadranteFlex {
	display: flex;
}

@media only screen and (max-width: 950px) {
	.cuadranteFlex {
		display: block;
	}
}

/* END Cuadrante */

/* Search */

.searchInTableConf {
	height: 30px;
	font-size: 13px;
	width: 180px;
	margin-top: -3.1em;
	float: right;
}
.searchInTableConf .input-group {
	width: 100%;
}

.searchInTable {
	height: 30px;
	font-size: 13px;
	width: 210px;
	margin-top: -2.4em;
	float: right;
	margin-bottom: 20px;
}

.searchInTableNuevo {
	height: 30px;
	font-size: 13px;
	width: 210px;
	float: right;
}
.botonInformes {
	position: absolute;
	right: 236px;
	top: 23px;
}

.searchInTable .input-group {
	width: 100%;
}

.searchInTableAlumnos {
	height: 30px;
	font-size: 13px;
	width: 180px;
	margin-top: -5.2em;
	float: right;
}

.searchInTableAlumnos .input-group {
	width: 100%;
}



@media only screen and (max-width: 750px) {
	.searchInTable {
		margin-top: -14%;
		margin-right: -1%;
	}
}


.content {
	position: absolute;
	left: 150px;
	top: 45px;
	right: 0px;
	/*
	margin-left: 150px;
	margin-top: 10px;
	*/
}

.contenido {
	margin-left: 20px;
	margin-top: 10px;
}

h1 {
	font-size: 32px;
	margin: 16px 0 0 0;
}

/* ##### Botones Filtro Permisos ##### */
.btnFilterPermDefecto {
	opacity: 0.6;
}

.btnFilterPermActivo {
	background-color: #ff8000;
	border-color: #ff8000;
	color: white;
}

/* ##### Botones ##### */

.btn-default[disabled] {
	background-color: #32cd32;
	opacity: 0.4;
}

.btn-print {
	background-color: #ff8000;
	border-color: #ff8000;
	border: 1px solid #ff8000;
	color: white;
}

.btn-print:hover {
	opacity: 0.7;
	color: white;
}
.btn-print:focus {
	opacity: 0.7;
	color: white;
}

.yellow {
	color: #FFC200;
	font-size: 14pt;
}

.green {
	/*background-color: #32CD32;
	border-color: #32CD32;*/
	color: #07ab07;
}
.greenListSelected {
	/*background-color: #32CD32;
	border-color: #32CD32;*/
	background-color: #59f959;
}

.orange {
	color: #FF8000;
}

.blue {
	color: blue;
}

.gray {
	color: #2c2e33;
}

.red {
	color: red;
}
.activoAlertCh {
	color: #007bff;
}
.pausaAlertCh {
	color: #c39f33;
}
.finalizadoAlertCh {
	color: #28a745;
}
.redBorder {
	border-color: red !important;
}
.redBackground {
	background-color: red !important;
	color: white !important;
}

.grisOsc {
	background-color: #7F7F7F !important;
	border-color: #7F7F7F !important;
}

.gris {
	color: #fff;
	background-color: #7F7F7F;
	border-color: #7F7F7E;
}

.deshabilitar {
	display: none;
}

.deshabilitar2 {
	background-color: #5bc0de;
	color: #5bc0de;
	font-weight: bold;
}

.negrita {
	font-weight: bold;
}

.markActive {
	font-weight: bold;
	text-decoration: underline;
}

.blue {
	color: blue;
}

.closeCross {
	background: transparent;
	border: 0px;
	float: right;
	margin-top: -13px;
	margin-right: -10px;
}

.botonDefecto {
	background-color: #32CD32;
	/*display: block;*/
	text-align: center;
	color: #fff;
	margin: 15px auto;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	width: 76px;
	padding: 5px;
	cursor: pointer;
}

.botonDefecto:hover {
	text-decoration: none;
}

.botonDefecto[disabled] {
	background-color: #32CD32;
	opacity: 0.4;
	/*display: block;*/
	text-align: center;
	color: #fff;
	margin: 15px auto;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	width: 76px;
	padding: 5px;
	cursor: not-allowed;
}

.botonDefecto[disabled]:hover {
	text-decoration: none;
}

.botonBtnDefecto {
	background-color: #32CD32;
	border-style: none;
	color: #fff;
	margin: 15px auto;
	font-size: 13px;
	height: 30px;
	width: 76px;
	padding: 5px;
	cursor: pointer;
}

.botonBtnDefecto:hover {
	text-decoration: none;
}

.botonBtnDefecto[disabled] {
	opacity: 0.4;
	color: #fff;
	margin: 15px auto;
	font-size: 13px;
	height: 30px;
	width: 76px;
	padding: 5px;
	cursor: not-allowed;
}

.botonBtnDefecto[disabled]:hover {
	text-decoration: none;
}

.botonBtnCancelar {
	color: #fff;
	background-color: #d9534f;
	border-style: none;
	color: #fff;
	margin: 15px auto;
	font-size: 13px;
	height: 30px;
	width: 76px;
	padding: 5px;
	cursor: pointer;
}

.botonBtnCancelar:hover {
	text-decoration: none;
}

.botonBtnAdd {
	background-color: #5bc0de;
	border-style: none;
	color: #fff;
	margin: 15px auto;
	font-size: 13px;
	height: 30px;
	width: 76px;
	padding: 5px;
	cursor: pointer;
}

.botonBtnAdd:hover {
	text-decoration: none;
}

.botonBtnAdd[disabled] {
	opacity: 0.4;
	color: #fff;
	margin: 15px auto;
	font-size: 13px;
	height: 30px;
	width: 76px;
	padding: 5px;
	cursor: not-allowed;
}

.botonBtnAdd[disabled]:hover {
	text-decoration: none;
}

.botonCancelar {
	color: #fff;
	background-color: #d9534f;
	/*border-color: #d43f3a;*/
	/*display: block;*/
	text-align: center;
	color: #fff;
	margin: 15px auto;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	width: 76px;
	padding: 5px;
	cursor: pointer;
}

.botonCancelar:hover {
	text-decoration: none;
}


.botonBtnAzul {
	background-color: #3276b1;
	border-style: none;
	color: #fff;
	margin: 15px auto;
	font-size: 13px;
	height: 30px;
	width: 76px;
	padding: 5px;
	cursor: pointer;
}

.botonBtnAzul:hover {
	text-decoration: none;
}

.botonBtnAzul[disabled] {
	opacity: 0.4;
	color: #fff;
	margin: 15px auto;
	font-size: 13px;
	height: 30px;
	width: 76px;
	padding: 5px;
	cursor: not-allowed;
}

.botonBtnAzul[disabled]:hover {
	text-decoration: none;
}

/* asd */

.botonBtnGris {
	background-color: #7F7F7F;
	border-style: none;
	color: #fff;
	margin: 15px auto;
	font-size: 13px;
	height: 30px;
	width: 76px;
	padding: 5px;
	cursor: pointer;
}

.botonBtnGris:hover {
	text-decoration: none;
}

.botonBtnGris[disabled] {
	opacity: 0.4;
	color: #fff;
	margin: 15px auto;
	font-size: 13px;
	height: 30px;
	width: 76px;
	padding: 5px;
	cursor: not-allowed;
}

.botonBtnGris[disabled]:hover {
	text-decoration: none;
}


/* Etiqueta campos obligatorios */

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
	color: #a10101;
}

.redError {
	color: #a10101;
}

/* Selector secciones (Grupo) */

.form-control-selector {
	display: inline;
	width: 50%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}

/* Alert de tamaño igual que contenido */

.alert {
	display: inline-block;
}

/* Modal-dialog */

.modal-dialog {
	margin: auto;
}
/* text */

.muliFont {
	font-family: 'Muli', sans-serif;
}

/* Checkbox */

input[type="checkbox"] {
	width: 20px;
}

/* Selects */

#tablaData {
	position: static;
	top: 10px;
}

.dropdown-menu > li > a:hover {
	color: #000;
	background-color: #FF8000;
}

/* inputs (text) */

.form-control-login {
	width: 95%;
	height: 30px;
}

.form-control {
	width: 50%;
}

.control-50 {
	width: 50%;
}

.subcontainer-md-6-form {
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.7);
}

.container-form-ok {
	margin-top: 15px;
}


.div-right {
	float: right;
}

/* Parpadeo */
.blinkdc {
	animation-duration: 900ms;
	animation-name: blinkdc;
	animation-iteration-count: infinite;
	animation-timing-function: steps(2, start);
}
@keyframes blinkdc {
	80% {
		visibility: hidden;
	}
}

/* Animación tamaño */
.anidc {
	animation-duration: 900ms;
	animation-name: anidc;
	animation-iteration-count: infinite;
	animation-timing-function: steps(2, start);
}

@keyframes anidc {
	80% {
		font-size: 200%;
	}
}

.blinkdc {
	animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

/* ####### Login ####### */

/* Btn login */
.send {
	background-color: #ff8000;
	display: block;
	text-align: center;
	color: #fff;
	margin: 5px auto;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	width: 76px;
	text-decoration: none;
	border: 0;
	text-transform: uppercase;
}

.spinner-login {
	float: right;
	visibility: hidden;
	margin-right: 15px;
	margin-top: -13px;
}
/* ###### Cacebera ###### */

.header {
	color: white;
	background: #222;
	background: -webkit-linear-gradient(left, transparent, #222);
	background: -o-linear-gradient(right, transparent, #222);
	background: -moz-linear-gradient(right, transparent, #222);
	background: linear-gradient(to right, transparent, #222);
	height: 40px;
}

.header_icono_menu {
	font-size: 3em;
	position: absolute;
	left: 5px; top: -8px;
	cursor: pointer;
}

.header_info {
	position: absolute;
	top: 10px;
	left: 50px;
}


.header_nombre_ae {
	/*
	margin: auto;
	width: 12%;
	*/
	margin: auto;
	position: absolute;
	top: 10px;
	right: 47%;

}

/* Logout */
.header_div_logout {
	position: absolute;
	right: 15px;
	top: 5px;
}

.header_texto_logout {
	background-color: #ff8000;
	display: block;
	text-align: center;
	color: #fff;
	margin: 15px auto;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	width: 55px;
	text-decoration: none;
	margin: 0px;
	float: right;
}

.logo-superior-login {
	height: auto;
	width: 175px;
	margin-top: 0.7em;
	margin-left: 0.7em;
}

.logo-login {
	width: 172px;
	margin-top: 10px;
	margin-left: 3px;
}

.logo-lateral {
	position: relative;
	width: 85%;
	top: -5px;
}

@media only screen and (max-width: 500px) {
	.logo-login {
		width: 152px;
		margin-top: 7px;
		margin-left: 3px;
	}
}

.header-login {
	color: white;
	background-color: #222;
	height: 60px;
	text-align: left;
}

.container-aeol {
	margin: 0px;
	padding: 0px;
	width: 100%;
}


.perfil {
	text-decoration: none;
	color: white;
}

@media (min-width: 400px) {
	.perfil:hover {
		font-size: large;
		text-decoration: underline;
	}
}

.perfil:hover {
	text-decoration: underline;
}

/* Menu Corto */

.menuShort {
	background-color: #222;
	position: absolute;
	top: 40px;
	height: auto;
	text-transform: uppercase;
	font-weight: bold;
	outline: none;
	display: block;
	width: 40px;
}

/* Hueco menu logo */
.menu_hueco_logo_short {
	width: 40px;
	line-height: 40px;
	overflow: hidden;
	display: block;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 13px;
	text-decoration: none;
}

.menu_hueco_logo_short--logo, .menu_hueco_logo_short--logo:hover, .menu_hueco_logo_short--logo:active, .menu_hueco_logo_short--logo:visited {
	background-color: #ff8000;
	color: white;
}

.menu_div_icono_short {
	
	color: white;
}



/* ####### Menu ####### */

.menu-icono-svg {
	width: 50px;
	margin-top: -3px;
	margin-left: -5px;
}

.menu {
	background-color: #222;
	position: absolute;
	top: 40px;
	/*width: 150px;*/
	height: auto;
	text-transform: uppercase;
	font-weight: bold;
	outline: none;
	display: block;
}

.menu_item {
	text-decoration: none;
}

.menu_icono {
	margin-left: 10px;
	font-size: 15px;
	margin-top: 14px;
}

/* Hueco menu logo */
.menu_hueco_logo {
	/*height: 150px;*/
	width: 150px;
	line-height: 150px;
	overflow: hidden;
	display: block;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 13px;
	text-decoration: none;
}

.menu_hueco_logo--logo, .menu_hueco_logo--logo:hover, .menu_hueco_logo--logo:active, .menu_hueco_logo--logo:visited {
	font-size: 50px;
	background-color: #ff8000;
	color: white;
}

.menu_hueco_logo--logokc, .menu_hueco_logo--logokc:hover, .menu_hueco_logo--logokc:active, .menu_hueco_logo--logokc:visited {
	font-size: 50px;
	background-color: #fff;
	color: white;
}

.menu_div_texto {
	margin-top: 10px;
}

.menu_div_texto_compuesto {
	margin-top: 5px;
}

.menu_div_icono {
	margin-top: -30px;
	color: white;
}

.menu-div-icono-compuesto {
	margin-top: -47px;
}

.menu_texto {
	color: white;
	font-size: 12px;
	text-align: left;
	margin-top: 12%;
	margin-left: 40px;
}

.menu_textoCompuesto {
	color: white;
	font-size: 12px;
	text-align: left;
	margin-top: 5%;
	margin-left: 40px;
}
/* Huecos menu */

.menu_hueco_item {
	height: 40px;
	/*width: 150px;*/
	overflow: hidden;
	display: block;
	color: #fff;
	position: relative;
	border-bottom: 1px solid #333;
	font-size: 13px;
	text-decoration: none;
}

.menu_hueco_item:hover {
	background-color: black;
	color: white;
}

.menu_hueco_idiomas {
	height: 40px;
	overflow: hidden;
	display: block;
	position: inherit;
	left: 20px;
	top: 7px;
}

/* Button access */

.btn__login {
	background-color: #ff8000;
	display: block;
	text-align: center;
	color: #fff;
	margin: -10px auto;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	width: 76px;
	text-decoration: none;

}

.menu_logout:hover, .menu_logout:active, .menu_logout:visited, .menu
_logout:visited:active {
	background-color: #ff8000;
	color: white;
}

/* Menu SU */
.itemMenu {
	text-decoration: none;
}

.DCactive {
	background-color: #000;
	text-decoration: none;
}

.DCactive span {
	color: #ff8000;
}

.DCactive i {
	color: #ff8000;
}

a:-webkit-any-link {
	text-decoration: none;
}

/* Subtables */

.divData {
	margin-top: 6px;
	margin-bottom: 6px;
	text-align: -webkit-left;
}

.divDataInsignificant {
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.signature {
	max-width: 100%;
}

.tablaMIN {
	display: none;
}

.tablaMAX {
	display: block;
}

.tableAlumnos th {
	color: white;
}

.table-responsive {
	/* overflow-x: auto; */
	
	overflow-y: visible !important;
	overflow-x: visible !important;
	
}


/* END Responsitve table */

/* ##### FOOTER #### */

.modal-footer {
	width: 98%;
}

/* Menu Conf */

.activeMenuPers {
	background-color: rgba(34, 34, 34, 1);
	color: white;
}

.activeMenuPers a {
	color: white !important;
}

.hrPers {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.blocCursor {
	cursor: not-allowed;
}

.crossCursor {
	cursor: crosshair;
}

.form-control-100 {
	width: 100%;
}

/* BLINK (PARPADEO) */
.blink {
	animation: blink-animation 1s steps(5, start) infinite;
	-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
	to {
		visibility: hidden;
	}
}
@-webkit-keyframes blink-animation {
	to {
		visibility: hidden;
	}
}


/* Nuevo CSS */

tr:nth-of-type(odd) {
	background-color: rgba(238,238,238,0.0) !important;
}
tr:nth-of-type(even) {
	background: rgba(231, 231, 231, 1) !important;
	/* background-color: rgba(211,211,211,0.3); */
}
.table > thead {
	background: #AEACAA;
	color: #fff;

}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top: 0px solid #e7eaec !important;
}
.tabs-container .nav-tabs {
	border-bottom: 0px solid #e7eaec !important;
}

/***** ******/
.info-form {
	color: rgb(0, 139, 255);
	margin-left: 5px;
}
.warning-form {
	color: rgb(232, 184, 78);
	margin-left: 5px;
}
.error-form {
	color: rgb(255, 0, 0);
	margin-left: 5px;
}

.form-control {
	width: 100%;
}
tr:nth-of-type(odd) {
	background-color: rgba(238,238,238,0.0) !important;
}
tr:nth-of-type(even) {
	background: rgba(231, 231, 231, 1) !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top: 0px solid #e7eaec !important;
}
.nav-tabs > li > a {
	color: #FFFFFF !important;
	background-color: #c1c1c1;
}
.nav-tabs > li.active > a {
	color: #000 !important;
	background-color: rgba(0,0,0,0.2);
}

.tabs-container .nav-tabs {
	border-bottom: 0px solid #e7eaec !important;
}

.tabs-container .nav-tabs > li a:hover {
	background: #000;
	border-color: transparent;
	color: black !important;
	border: 0px solid #e7eaec !important;
	border-bottom-color: transparent;
}



.nav-subtabs > li > a {
	color: #FFFFFF !important;
	background-color: #F7A553;
}
.nav-subtabs > li.active > a {
	color: #000 !important;
	background-color: rgba(0,0,0,0.2);
}
.subtabs-container .nav-subtabs {
	border-bottom: 0px solid #e7eaec !important;
}

.botonNaranja {
	width: 220px;
	height: 55px;
	text-align: left;
	background-color: #ff8000;
	font-weight: bold;
}

.botonNaranjaLite {
	/*width: 120px;*/
	height: 55px;
	text-align: left;
	background-color: #ff8000;
	font-weight: bold;
}

.botonInactivo {
	opacity: 0.6;
}

.botonActivo {
	background-color: #ff8000;
	border-color: #ff8000;
	color: white;
}
.btn-printt {
	height: 55px;
	background-color: #ff8000;
	border-color: #ff8000;
	border: 1px solid #ff8000;
	color: white;
}
.btn-printt:focus {
	color: white;
}

.divInfoAluEdit {
	display: block;
}
.btnCopiarInfoAlu {
	float: right;
	position: relative;
	top: -34px;
}
@media (max-width: 992px) {
	.divInfoAlu {
		display: flex;
	}
	.btnCopiarInfoAlu {
		float: none;
		position: block;
		top: 0;
	}
}

/* VISTA CH */
.cuadroDetalleTexto {
	font-weight: bold; 
	text-align: center; 
	font-size: 12pt;
}

.botonDetalleCh {
	color: white; 
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.fondoDetalleCh {
	background: rgba(173, 173, 173, 0.31) !important;
}

/* PRACTICAS */
.divBtnAddPrac {
	position: relative; 
	top: -10px;
}
.divBtnAddPracFlash {
	position: relative; 
	top: -20px;

}

.iconosMenuContextual {
	color: #FF7000;
}