@charset "utf-8";
/* CSS Document */
.login-page .main-header {
	padding-top: 0;
}
.main-header {
	background-color: #fff !important;
}
.login-page .main-header, .registration-page .main-header {
	background-position: center center!important;
}
.student-list-content ul li .student-name {
	color: #fff;
}
.student-list-content ul li .student-name:hover {
	color: #fff;
}
.student-list-content ul li.active .student-name {
	color: #fff;
}
.student-list-content ul li:hover .student-name {
	color: #fff;
}
.photo-library-listing ul li a {
	color: #fff;
}
.photo-library-listing ul li.active a {
	color: #fff;
}
.pageorder-list ul li a {
	color: #fff;
}
.pageorder-list ul li a:hover, .pageorder-list ul li a:focus {
	color: #fff;
}
.pageorder-list ul li:hover a {
	color: #fff;
}
.pageorder-list ul li.active a {
	color: #fff;
}
.welcome-text ul li, .welcome-text ul li a {
	color: #000 !important;
}
.welcome-text ul li a:hover {
	color: #007bc2!important;
}
.navbar-inverse {
	background: #B31B1B !important;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background-color: #e32a2a !important;
	color: #fff !important;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	background-color: #e32a2a !important;
	color: #fff !important;
}
.navbar-nav > li {
	border-right: 1px solid #e32a2a !important;
}
.nav.navbar-nav > li:first-child {
	border-left: 1px solid #e32a2a !important;
}
.navbar-inverse .navbar-nav > li > a {
	color: #fff!important;
}
.advice .headding {
	background: #0E4D94 !important;
	color: #fff !important;
}
.btn-primary {
	background: #B31B1B !important;
	border: 1px solid #B31B1B !important;
}
.btn-primary:hover {
	background: #e32a2a !important;
}
.sidebar {
	background: #B31B1B !important;
}
.color-bg {
	background: #1b3c81 !important;
}
.photo-library-listing .panel-default > .panel-heading {
	background: #E32A2A !important;
}
.border-box-header h3 {
	color: #B31B1B !important;
}
.sidebar h3 {
	background: #e32a2a !important;
}
.question-listing ul li {
	background: none!important;
}
.cover span {
	background: #740331 !important;
}
.color {
	color: #006644 !important;
}
.stepsbar ul li.active .number {
	background: #006644 !important;
}
.login-header {
	background: #B31B1B !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background: #006644 !important;
	border-color: #006644 !important;
	color: #fff !important;
}
.pagination.alphabet-list li.active a {
	background: #006644 !important;
	border-color: #006644 !important;
}
.pagination > li > a, .pagination > li > span {
	color: #000 !important;
}
.question-listing ul li .number {
	background: #e32a2a !important;
	color: #fff !important;
}
.template-outer.active {
	background: #006644 !important;
}
.welcome-text ul li::after {
	background: #000 !important;
}
.btn-group.wide .wide, .wide.btn.ng-binding {
	background: #e32a2a !important;
}
.welcome-text ul li:last-child::after {
	background: none !important;
}
.panel-default > .panel-heading {
	background-color: #B31B1B!important;
	color: #fff !important;
}
.question-listing ul li.active a {
	color: #FFF !important;
}
.question-listing ul li a:hover {
	color: #FFF !important;
}
.question-listing ul li a {
	color: #B3B3B3 !important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(179, 27, 27, 0.75) !important;
}
.student-list-content ul li {
	color: #fff !important;
	background: transparent;
}
.student-list-content ul li:hover {
	color: #fff !important;
}
.question-listing ul li:hover::after, .question-listing ul li.active::after {
	background: url("../../images/tab-arrow.png") no-repeat right top!important;
}
.custom-select:after {
	background: #ffffff url("arrow-down.png") no-repeat center center!important;
}
.custom-select-multiple::after {
	background: url("arrow-multiple.jpg") center top no-repeat #fff !important;
	width: 19px;
	background-size: cover;
	height: 82px;
}

.template-outer.active {
	background: #B31B1B !important;
	color: #FFF;
}
.photo-library-listing ul li a:hover, .photo-library-listing ul li.active a {
	background: #000 !important;
	color: #fff;
}

.mailer-body .mar-bot-10 { margin-bottom:10px;}
.mailer-body .text-right { margin-right:10px;}

@media (max-width: 1360px) {
	.main-header {
		background-position: left -31px!important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.main-header {
		background-position: left top!important;
		background-size: 458px!important;
	}
}

@media (max-width: 554px) {
	.main-header {
		background-position: -362px -32px !important;
		background-size: 902px auto !important;
	}
}

@media (min-width:555px) and (max-width:767px) {
	.main-header {
		background-position: -135px -31px !important;
		background-size: 800px auto !important;
	}
}

@media (max-width:767px) {
	.main-header {
		background-position: -362px -32px !important;
		background-size: 902px auto !important;
	}
	.login-page .main-header, .registration-page .main-header {
		background-position: center center!important;
		background-size: 80% auto!important;
	}
	.welcome-text {
		background: rgba(0, 0, 0, 0.7);
	}
	.welcome-text ul li, .welcome-text ul li a {
		color: rgb(255, 255, 255)!important;
	}
	.welcome-text ul li::after {
		background: none!important;
	}
}
/* Create a custom checkbox for welcome page starts */
.checkmark { border: 1px solid #B31B1B   !important; }
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {  background-color: #B31B1B   !important;  }
/* Create a custom checkbox for welcome page ends */
.mCSB_scrollTools .mCSB_draggerRail {background-color: #B0B0B0 !important; } /*background color of Editor: scroll bar */
.contributor-list .btn-primary, .student-search .btn-primary { background: #000 !important; } /*background color of Editor: Alumi page button*/