#dashboard
{
	grid-area: main;
  	/*overflow-y: auto;*/
  	margin: 100px 30% 30px 30%;
  	transition: ease-in 0.2s;
}

#dashboard .main-title
{
	display: flex;
  	justify-content: space-between;
  	padding-left: 6px;
  	margin-bottom: 5px;

}

#dashboard .main-title span
{
	font-size: 18px;
	font-family: SegoeUI Bold, sans-serif;
	color: #7a7a7a;

}

#dashboard .main-cards
{
	display: grid;
  	grid-template-columns: 1fr 1fr;
  	gap: 0;
  	margin: 20px 0;
}

#dashboard .card
{
  	padding: 25px;
  	background-color: #ffffff;
  	box-sizing: border-box;
  	cursor: default;
  	border-radius: 5px;
  	margin: 5px;
  	height: auto;
  	min-height: 200px;
  	min-width: 250px;
  	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  	text-align: center;
}

#dashboard button
{
  	cursor: pointer;
  	background-color: #73afc6;
	border: 1px solid #73afc6;
	width: calc(50% - 15px);
	padding: 5px;
	border-radius: 50px;
	color: white;
}

#dashboard button:hover
{
  	background-color: #31a3dd;
}

#dashboard .btn-add-school:hover
{
  	background-color: unset;
}

#dashboard .card form
{
  	border: unset;
  	box-shadow: unset;
  	height:auto;
  	width: auto;
  	width: 50%;
  	min-width: 200px;
  	margin: unset;
}

#dashboard .card a
{
	text-decoration: none;
}

#dashboard .card span
{
	color: #0f0f0f;
}

#dashboard .card .txt-primary
{
	font-size: 14px;
	font-family: SegoeUI SemiBold, sans-serif;
}

#dashboard .card .txt-bold
{
	font-size: 18px;
	color: #5b5b5b;
	font-family: SegoeUI Bold, sans-serif;
}

#dashboard .card .txt-normal
{
	color: #5b5b5b;
}

#dashboard .card:hover
{
  	box-shadow: 1px 1px 1px 4px rgba(72, 73, 72, 0.1);
}

#dashboard .card:hover
{
  	box-shadow: 1px 1px 1px 4px rgba(72, 73, 72, 0.1);
}

#dashboard .card-inner
{
  	text-align: center;
}


#dashboard .card-inner-content .icon-blue
{
  	font-size: 30px;
  	color: #396dff;
}

#dashboard .card-inner-content .icon-yellow
{
  	font-size: 30px;
  	color: #ffbf0b;
}

#dashboard .card-inner-content .icon-grey
{
  	font-size: 30px;
  	color: #8497a5;
}

#dashboard .card-inner-content .icon-light-green
{
  	font-size: 30px;
  	color: #0095b7;

}

#dashboard .card-inner-content .icon-indigo
{
  	font-size: 30px;
  	color: #e0653f;

}

#dashboard .card-inner-content .icon-green
{
  	font-size: 30px;
  	color: #94d669;

}

#dashboard .card-inner-content .icon-red
{
  	font-size: 30px;
  	color: #ce365e;

}

#dashboard form select
{
  	border: 1px solid #eaeaea;
}

#dashboard form .icon-user
{
  	font-size: 25px;
  	margin-left: 10px;
  	position: relative;
  	top: 8px;
  	cursor: pointer;
  	color: #727272;
}

#dashboard form .icon-user:hover
{
  	color: #2482c5;
}


#dashboard .btn-add-school
{
  	width: calc(25% - 15px);
	margin-left: 15px;
	padding: 5px;
	border-radius: 50px;
	border: 1px solid #d3d3d3;
	background-color: inherit;
	cursor: pointer;
}

#dashboard #newSchoolForm
{
  	
}




#newSchoolForm .submit-box
{
	float: left;
	width: 51%;
}

#newSchoolForm .submit-box:nth-child(2)
{
	width: 49%;
}

#newSchoolForm .submit-box button
{
	width: 110px;
	margin: unset;
	margin-left: 5px;
	padding: 3px;
	color: #0f0f0f;
}

#newSchoolForm .submit-box button span
{
	color: #0f0f0f;
}

#newSchoolForm .form-footer
{
    padding: 15px;
}

#newSchoolForm .form-footer .btn-grey:hover
{
    background-color: #eaeaea;
}


/*

#dashboard .card:first-child
{
	border-left: 5px solid #396dff;
}

#dashboard .card:nth-child(2)
{
	border-left: 5px solid #ffbf0b;
}


#dashboard .card:nth-child(3)
{
	border-left: 7px solid #367952;
}

#dashboard .card:nth-child(4)
{
	border-left: 7px solid #cc3c43;
}

*/