/* * {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
} */

body {
	background-color: #eaeaea;
 /* background: url(../images/page-background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; */
}

.sch-text-div {
	float:left;
}

.sch-image-div {
	text-align:right;
	float:left;
	padding: 5px;
	border-right: 1px solid #333;
	margin-right:15px;
}

.mainbutton {
	width: 100%;
	background-color: #afca08;
	border: 0px;
	padding: 30px 5px 15px 5px;
	position: relative;
	margin-top:50px;
	margin-bottom:30px;
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	border-radius: 30px !important;
}
.mainbutton:hover {
	background-color: #BFDF09;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
	top: -7px;
}

.mainbutton:focus {
	background-color: #A8C409 !important;
	color: #fff !important;
}
.mainbutton p{
	font-size: 20px;
	text-align: left;
	color: #333;
}

.mainbutton p span{
	font-size: 55px;
	text-align: left;
	color: #333;
}


.welcome {
	font-size: 18px;
	color: #333;


}

.general-title {
    font-family: 'Arial';
    font-size: 28px;
    text-align: center;
}

.main-area {
	margin:30px 20px;
}
.logo-image {
	width:180px;
	}
.text-right-responsive {
	text-align:right;
}
.text-left-responsive {
	text-align:left;
}
.text-right-left-responsive {
	text-align:right;
}
.no-padding {
	padding:0px;
}
.no-margin {
	margin: 0px
}
.cm-yellow-color {
	color: #ffce00;
}
.cm-yellow-background-color {
	background-color: #ffce00;
}
.cm-blue-color {
	color: #2a36a9;
}
.cm-blue-background-color {
	background-color: #2a36a9;
}


.header-top {
	padding: 15px 20px 5px 20px;
	background-color: #2a36a9;
	color: #fff;
	font-size:16px;
}
.header-top li:last-child:after {
	display:none;
}
.header-top li:last-child {
	margin: -3px;
}
.header-top li:after {
	content: '|';
	margin:5px;
}
.header-top li {
	display: inline-block;
}
.header-top ul {
	list-style-type:none;
}
.header-top li a {
	color:#fff;
	text-decoration:none;
}
.header-top li a:hover {
	color:#ffce00;
}
.header-select-list {
	background:none;
	border: 0px;
	outline: 0px;
	cursor:pointer;
}


.cm-navbar {
	background-color: #373a43;
	font-size: 16px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
		-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	min-height: 110px;

}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.navbar-default {
    border-color: #373a43;
}
.navbar-brand {
	padding: 0px 0px 0px 20px;
}
.navbar-default .navbar-nav>.active>a {
	background: none;
	border-bottom: 2px solid #ffcc00;
}
.navbar-default .navbar-nav>.active>a:hover {
	background: none;
	border-bottom: 2px solid #ffcc00;
}
.navbar-right li a {
	padding: 15px 10px 5px 10px;
	border-bottom: 2px solid #373a43;
	color: #dbdbdb !important;
	margin-top:15px;

}
.navbar-right li a:hover {
	padding: 15px 10px 5px 10px;
	border-bottom: 2px solid #ffce00;
	color: #fff !important;
}
.navbar-default .navbar-toggle {
	background-color: #fff;
	border: 0px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ffcc00;

}
.navbar .navbar-toggle .icon-bar {
  background-color: #373a43;
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #373a43;
}



.manual {
	background-color: #e3e3e3;
	padding: 20px;
	border-right: 5px solid #2a36a9;
	margin-bottom: 20px;
	cursor: pointer;
	position:relative;
}
.manual:hover {
	border-right: 5px solid #0e186f;
	-webkit-box-shadow: 3px 9px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 9px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 3px 9px 8px 0px rgba(0,0,0,0.2);
	top: -7px;
}
.manual-icon {
	padding:10px;
	max-width:45px
}

.manual-icon span {
	font-size: 30px;
}

.manual-text {
	margin-left:45px;
}

.manual-text p {
	font-size: 18px;
	margin-bottom:0px;
}

.annoucements-title {
	font-family: 'Arial';
	font-size: 28px;
	text-align:center;
	margin-bottom: 40px;
	padding-bottom:10px;
	border-bottom: 1px solid #e3e3e3;

}
.announcement {
	background-color: #e3e3e3;
	padding: 20px;
	border-right: 5px solid #2a36a9;
	margin-bottom: 30px;
	cursor: pointer;
	position:relative;
}
.announcement:hover {
	border-right: 5px solid #0e186f;
	-webkit-box-shadow: 3px 9px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 9px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 3px 9px 8px 0px rgba(0,0,0,0.2);
	top: -7px;
}

.announcement:hover .annoucement-title{
	color: #0e186f;
}
.annoucement-day {
	font-family: 'Arial';
	font-size: 30px;
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 0px;
}
.annoucement-month {
	font-family: 'Arial';
	font-size: 14px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 10px;

}
.annoucement-title {
	font-size: 18px;
}
.annoucement-subject {
	border-left: 1px solid #999;
}

.oeclass{
	color: #777;
	font-size: 12px;
	line-height: 17px;
}
.oeclass p{
	margin-top: 0px;
	margin-bottom: 0px;
}

.footer-logo {
	padding-bottom: 15px;
}
.footer-logo p{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #666;
	color: #fff;
}

.footer-logo a{
	color: #ffce00;
	text-decoration: none;
}

.footer-logo a:hover {
	color: #ffbd00;
}

.footer-info {
	padding-left: 40px;
	padding-right:40px;
	margin-bottom: 20px;
}
.footer-info p{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ffce00;
	color: #fff;
	font-size: 20px;
	font-family: 'Open Sans';

}

.footer-list-block {
	margin-bottom:10px;
	padding-bottom:0px;
	border-bottom: 1px solid #777;
}

.footer-list {
	padding: 0px;
	margin-top:10px;
}
.footer-list li {
	display: inline-block;
}

.footer-list li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
 /*   float: left; */
    margin-top: 4px;
    margin-left: 20px;
	margin-right: 5px;
    color: #ffce00;
}

.footer-list a{
	color: #fff;
	text-decoration: none;
}

.footer-list a:hover {
	color: #ffce00;
}

.container {
	 border: 1px solid #373a43;
	 padding:0px;
	 margin-top:30px;
	 margin-bottom:30px;
	 background-color: #fff;
}


@media (max-width: 768px) {

	.main-area {
		margin:10px 10px;
	}
	.mainbutton p{
	text-align:center;
	}
	.sch-text-div {
		float: none;
	}

	.sch-text-div p {
		white-space:normal;
	}

	.sch-image-div {
	float: none;
	padding: 5px;
	border-right: 0px;
	margin-right: 0px;
	}
	.container {
	 margin-top:0px;
	 margin-bottom:0px;
	}
	.erasums-logo {
	float:none;
	margin-left:0px
	}
	.logo-image {
		width:130px;
	}
	 #navbar {
		 margin-top:20px;
	}
	.cm-navbar {
		min-height: 80px;
	}

	.navbar-right li a {
		margin-top:0px;
	}

	.text-right-responsive, .text-left-responsive{
		text-align:center;
	}
	.text-right-left-responsive {
		text-align:left;
	}
	.img-wrapper {
		height: auto;
		overflow: auto;
		width:100%;
	}
	.course h4 {
		height: auto;
		overflow: visible;
	}
	.course-details {
		height: auto;
		overflow: visible;
		display:inline-block;
	}
}

.announcement > div:first-child { margin-bottom: 20px;}