@charset "utf-8";
/* CSS Document */

/* LOGIN SCREEN */
.herobg{
	background: #3498db;
}

.login-container{
	height: 500px;
	background: white;
	border-radius: 20px;
	max-width: 770px;
	overflow: hidden;
	box-shadow: #2470a2 5px 5px 6px;
}

.login-image{
	background: url(../img/login_teacher.jpg);
	background-size: cover;
	width: 100%;
}

.login-brand{
	text-align: center;
	margin-bottom: 40px;
}

/* END OF LOGIN SCREEN */

/* HEADER NAVBAR */

.navbar-item img{
	max-height: 3rem;
}

.navbar{
	background: #3498db;
	box-shadow: #a6a8a9 0 3px 7px;
}

.navbar-menu{
	padding-right: 2rem;
}

.navbar-item.has-dropdown.is-hoverable.profile-section{
	margin-left: 4rem;
}

.navbar-item, .navbar-item .navbar-link{
	color: #323031;
	font-weight: bold;
}

.navbar-item .navbar-dropdown .navbar-item{
	color: black;
	font-weight: normal;
}

.navbar-item .navbar-link hover{
	color: #333;
}


@media (max-width: 1023px){
	.navbar-menu{
		background-color: #3498db;
	}
}



/* END OF HEADER NAVBAR */

/* FONT STYLES */
h1 {
	font-family: 'Righteous', cursive;
	font-size: 3rem;
	color: #3498db;
}

h2 {
	font-family: 'Righteous', cursive;
	font-size: 2rem;
	color: #3498db;
}

h3 {
	font-family: 'Righteous', cursive;
	font-size: 1rem;
	color: #3498db;
}

h4{
	font-size: 1rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}

h5{
	font-size: 1rem;
	font-family: 'Montserrat', sans-serif;
	color: #848484;
}

/* END OF FONT STYLES */

/* ICON COLORS */

.fon-red{
	color: red;
}

.fon-red :hover{
	color:#A10002;
}

.fon-black{
	color: #323232;
}

.fon-black :hover{
	color:#000;
}


.fon-green{
	color: #0A9300;
}

.fon-green :hover{
	color: green;
}

.fon-gray{
	color: silver;
}

.fon-gray :hover{
	color: gray;
}

.fon-yellow{
	color: #FFCE00;
}

.fon-yellow :hover{
	color: gold;
}

.fon-white{
	color: #ffffff;
}

.fon-white :hover{
	color: #ffffff;
}

/* END OF ICON COLORS */

/* CALENDAR */
.cal_header{
		background: #fb1d5b !important;
		text-align: center !important;
		font-size: 15px;
		width: 150px;
		height: 30px !important;
		font-family: sans-serif;
		color: #fff;
		line-height: 30px;
}
	
.cal_title{
		
    	text-align: center;
    	font-size: 30px;
    	text-transform: uppercase;
    	font-family: sans-serif;
    	color: #fff;
    	margin-bottom: -18px;
    	background: transparent;
    	padding: 5px 0;
		line-height: 30px;

}
	
.cal{
		width: 100%;
		background: #e2e2e2;
}
	
.cal td{
		vertical-align: top;
		background: #FBFBFB;
		height: 100px;
		width: 14%;
		border: dashed 1px #DCDCDC;
}
		
.cal td:hover{
		background: #ffe7ee;
}
		
.trocames{
    	display: inline-block;
    	background: #3498db;
    	border: none;
    	color: #fff;
    	font-size: 35px;
    	font-weight: bold;
    	line-height: 30px;
    	cursor: pointer;
    	margin: 0 25px 0 25px;
    	border-radius: 35px;
    	padding: 8px;
    	width: 45px;
    	height: 45px;
    	box-shadow: #1a4b6b -2px 3px;
}
	
.trocames:hover{
		background: #aacee6;
}
	
.compromissos{
		margin-bottom: 30px;
}

/* END OF CALENDAR */