#logout:hover {
	font-weight: bold;
}

#app {
	background-color: #002b64;	
}

#notas-entr {
	background-color: #002b64;	
}

input.fecha.formcontrol.rounded[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}

.hamburguer{
	position: absolute;
	border-style: inset;
	z-index: 999;
	width: 32px; height: 32px;
	top: 20px;
	left: 20px;
	cursor: pointer;
	box-sizing: content-box;
	transition: all 0.5s;
}

.hamburguer .line{
	display: block;	
	width: 28px; height: 2px;
	background-color: white;
	margin: 5px 2px;
	transition: all 0.5s;
}

.hamburguer .line2{
	margin: 8px 2px;
}

.sidebar{
	position: fixed;
	top: 0;
	left: 0;
	width: 35%; 
	height: 100%;
	transform: translateX(-100%);
	background-color: #272727;
	align-items: center;
	opacity: 0;
	color: white;
	z-index: 950;
	transition: all 0.5s;
}
/*
.sidebar .item .enlace{
	text-decoration: none;
	color: white;
}
*/
a {
	text-decoration: none !important;
	color: white  !important;
	display: block;
	width: 100%;
	height: 50px;
	padding: 20px 0 50px 0;
}

.sidebar li:hover a{
	color: black !important;
}

.sidebar .sidebar-items{
	list-style: none;
	margin-top: 80px;
}

.sidebar .item{
	width: 100%;
	padding: 10px 0 10px 20px;
}

.sidebar .item:hover{
	color: black;
	background-color: white;
	cursor: pointer;
	transform: translateY(-3px);
}

.titulo{
	font-size: 20;
	border-bottom: 1px solid white;
}

.hamburguer:hover{
	border-style: outset;
}

.hamburguer.clicked{
	left: calc(35% - 60px);
}

.hamburguer.clicked .line{
	background-color: white;
}

.hamburguer.clicked .line1{
	transform: translateY(10px) rotate(-135deg);
}

.hamburguer.clicked .line2{
	transform: rotate(-135deg);
	opacity: 0;
}

.hamburguer.clicked .line3{
	transform:  translateY(-10px) rotate(135deg);
}

.sidebar.show {
	transform: translateX(0);
	opacity: 1;
	transition: all 0.5s;
}

@media only screen and (max-width: 600px) {
	.movil {
		width: 100% !important;
		display: inline-block !important;
		margin-left: 1rem !important;
		margin-bottom: 1.5rem!important;
		margin-top: 0 !important;
		margin-right: 0 !important;
	}
	.esconder {
		display: none !important;
	}
	.movil2 {
		width: 55% !important;
		display: inline-block !important;
		margin-left: 1rem !important;
		margin-bottom: 1.5rem!important;
		margin-top: 0 !important;
		margin-right: 0 !important;
	}

	.movil3 {
		width: 20% !important;
		display: inline-block !important;
		padding-top: 2rem !important;
		margin-left: 0 !important;
		margin-bottom: 1.5rem!important;
		margin-top: 0 !important;
		margin-right: 0 !important;
	}

	.movil4 {
		width: 20% !important;
		display: inline-block !important;
		padding-top: 0 !important;
		margin-left: 0 !important;
		margin-bottom: 1.5rem!important;
		margin-top: 0 !important;
		margin-right: 0 !important;
	}

	.enseñar {
		display: flex !important;
	}
}

.parent {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repea	t(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 2 / 1 / 3 / 3; }
.div4 { grid-area: 1 / 3 / 3 / 6; }