/*

Colores:
 	Principal: #AD0D23
	Secundario: #DA223B
	Gris: #D2D2D2 y #A2A2A2;
	*/

	@font-face {
		font-family: "Dayrom";
		src: url(../fonts/DAYROM_.ttf) format("truetype");
	}

	@font-face {
		font-family: "Calibri";
		src: url(../fonts/calibri.ttf) format("truetype");
	}

	@font-face {
		font-family: "CalibriL";
		src: url(../fonts/calibril.ttf) format("truetype");
	}

	@font-face {
		font-family: "Gotham";
		src: url(../fonts/Gotham-Light.ttf) format("truetype");
	}


	html,body,.body{
		height: 100%;
	}

	body{
		/*padding-top:54px;*/
		color:#6b6b6b;
		background-color:#f9f9f9;
		font-family: CalibriL;
		height: 100%;

	}

	button{
		cursor:pointer;
	}

	nav{
		width:250px;
		left:-250px;
		top:50%;
		transform:translateY(-50%);
	/*min-height: 70%;
	height:500px;
	max-height:100%;*/
	height:100%;
	z-index:10;
	transition:left 0.5s,transform 0.5s;
	background:white;
	position:fixed;

}

h1,h2,h3,h4,h5,h6{
	color:#AD0D23;
	margin-bottom:0px;
}

.navbar{
	padding:0;
	background-color:white;
}

.navbar-collapse{
	flex-grow:initial;
}

nav.nav-active{
	left:0px;
	/*
	left:50%;
	transform:translate(-50%,-50%);*/
}

.nav-side-header{
	padding:15px;
	background-color:#AD0D23;
}

.nav-side-header div{
	display:inline-block;
}

.nav-side-header .title{
	width:80%;
}

.nav-side-header .title h1{
	font-size:20px;
	font-size:1.25rem;
	padding:0;
	margin:0;
	color: white;
}

.nav-side-header .close{
	width:20%;
	text-align: right;
}

.nav-side-header .close button{
	font-size:20px;
	font-size:1.25rem;
}

.container{
	padding-top:25px;
}

section{
	min-height: 400px
}

.shadow{
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
}

button.unstyled{
	background:none;
	border:none;
	padding:0;
}

button.toggleMenu{
	padding:15px;
}

app-header .navbar{
	z-index:9;
}

.navbar button.btn{
	margin:0 15px;
}

.navbar-nav .nav-item.nav-usr{
	border-left:1px solid #D2D2D2;
}

.navbar-nav .nav-item.nav-usr a{
	transition:background-color 0.5s, color 0.5s;
}

.navbar-nav .nav-item.nav-usr a:hover{
	background-color: #AD0D23;
	color:white;
}
/*
.navbar-nav .nav-link {
    padding-right:;
    padding-left: 0;
}
*/
.navbar-nav .nav-link {
	padding: 11px 20px;
	color:#AD0D23;
}

.navbar-brand{
	width: 60%;
	height:55px;
}

.navbar-brand>img {
  height: 100%;
  padding: 10px;
  width: auto;
}

.header-cerrar,.header-nombre,.header-matricula{
	line-height: 14px;
	margin-bottom:2px;
	text-align:center;
}

.header-nombre,.header-cerrar{
	font-size:20px;
	font-weight: bold;
}

.header-cerrar{
	padding:0px 5px;
	cursor:pointer;
	line-height:54px;
}

.header-matricula{
	font-size:14px;
	color:#A2A2A2;
}


@media (max-width: 992px){
	.header-nombre,.header-matricula{
		display:inline-block;
		font-weight: bold;
	}
	.header-matricula{
		font-size:15px;
	}
}

.btn,.btn-tab{
	border:2px solid #AD0D23;
	color:#AD0D23;
	background: none;
	border-radius: 0;
	transition:background 0.5s,color 0.5s;
}


.btn-tab{
	border:0px;
	border-bottom:2px solid #AD0D23;
	padding:8px;
}

.btn:hover,.btn-tab:hover,.btn-tab-active{
	color:white;
	background:#AD0D23;
}

.btn.disable:hover{
	color:#AD0D23;
	background: none;
}

.oi{
	color:#E3E3E3;
}

.card{
	border-radius:0;
	border:0;
}

.card-header{
	background-color: white;
}

.card-header h3{
	color:#AD0D23;
}

.align-middle-float,.align-middle-float-resp{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.align-middle-float.card{
	width:450px;
	max-width:100%;
}

.form-control {
	color: #A2A2A2;
	border: 0;
	border-bottom:2px solid #D2D2D2;
	border-radius: 0;
	margin-bottom:15px;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s, border-color 0.5s;

}

.form-control:focus {
	border: 0;
	border-bottom:2px solid #AD0D23;
	outline: 0;
	box-shadow: none;
}

label{
	color: #A2A2A2;
	font-size: 12px;
	margin-bottom:0;
}

.login-err{
	background-color:white;
	height:0%;
	padding:0px 6px;
	margin-bottom:5px;
	transition: padding 0.5s,height 0.5s;
}

.login-err p{
	color:#fc423e;
	margin-bottom:0;
	font-size:15px;
}

.login-err.login-err-active{
	height:100%;
	border-bottom:1px solid #fc423e;
	padding:6px 6px;
}

.nav-side-body .list-group-item{
	cursor:pointer;
	border:0px;
	margin:0;
	padding: 10px;
	border-bottom:1px solid #D2D2D2;
}

.nav-side-body .list-group-item:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.nav-side-body .list-group-item:last-child {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}


.noCursada .oi{

}

.cursando .oi{
	color:#074ebf;
}

.cursadaAp .oi{
	color:#acb100;
}

.aprobada .oi{
	color:#0aa22d;
}

.noPuedeCursar .oi, p.noPuedeCursar{
	color:#bb0c24;
}


.dialog{
	background:white;
	/*width: 50%;*/
	position:fixed;
	top:-100%;
	left:50%;
	transform:translate(-50%,-50%);
	transition:top 0.5s;
	max-height: 100%;
	overflow-y: scroll;
	z-index:30;

}

.dialog-active{
	top:50%;
}

.dialog-header,.dialog-body,.dialog-footer{
	width:100%;
	padding:10px;
	border-bottom:1px solid #D2D2D2;
}


.dialog-header:last-child
,.dialog-body:last-child,
.dialog-footer:last-child{
	border-bottom:none;
}

.container-inicio{
}

.home-container{
	background-image:url('../img/inicio-login.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center;
	background-attachment: fixed;
	padding-bottom:10px;
	min-height:100%;
}

.home-logo-container{
	height:75px;
	text-align: left;
}

.home-logo{
	height:100%;
	max-width:90%;
}

.inicio-row{
}

.inicio{
	position:relative;
	min-height:400px;
	background-position:center bottom;
	background-size:cover;
	background-repeat:no-repeat;
}

.inicio-text{
	width: 100%;
	padding:10px;
	font-family:Gotham;
}

.inicio-text h4{
	padding-top:10px;
	text-align: right;
	color:white;
}

.card-header .btn{

}

@media (max-width: 768px) {
	.container-inicio{
		min-height:auto;
		height:auto;
	}

	.inicio-row{
		min-height:auto;
		height:auto;
	}
	
	.inicio{
		min-height:300px;
	}

	.align-middle-float-resp{
		position:relative;
		top:auto;
		left:auto;
		transform: none;
	}
}

.navbar-margin{
	margin-top:54px;
}