a:hover, a:focus {
	text-decoration: none;
}
* {

	font-family: 'Raleway', sans-serif;
}
a {
	cursor: pointer;
}
body {
	font-size: 13px;
}
.main {
	float: left;
	width: 100%;
	position: relative;
	min-height: 100vh;
	background: #1B354E;
	padding-bottom: 30px;
}
.fast {
	-vendor-animation-duration: 1s;
	-vendor-animation-delay: 0s;
}
.slow {
	-vendor-animation-duration: 3s;
	-vendor-animation-delay: 1s;
}
.reallyslow {
	-vendor-animation-duration: 6s;
	-vendor-animation-delay: 3s;
}
.logo-container {
	color: #fff;
	position: absolute;
	top: 22vh;
	left: 85vh;
	text-align: center;
	font-size: 18px;
	line-height: 2.5;
}
.btn-login, .btn-login:hover, .btn-login:focus {
	float: left;
	width: 100%;
	height: 38px;
	color: #1B354E;
	background: #fff;
	border-radius: 3px;
	line-height: 1.5;
	/*	margin-top: 24px;*/
	font-size: 18px;
	/*	font-weight: bold;*/
}
.logo-container span {
	font-size: 14px;
	float: left;
	width: 100%;
}
.logo-container span a {
	color: #fff;
}
.logo-i img {
	margin-bottom: 24px;
	width: 285px;
}
.logo-container .form-control {
	margin-bottom: 15px;
	font-size: 13px;
}
.register .form-control {
	margin-bottom: -2px;
	border-radius: 0;
}

.register .btn-login {
	margin-top: 15px;
}
.form-control:focus {
	border-color: #1B354E;
	box-shadow: none;
}
.check {
	display: none;
}
.register .check-label {
	margin-right: 5px;
}
.check-label {
	/*	font-size: 18px;*/
	color: #bfbfbf;
	display: inline-block;
	padding: 0 0 0 1.7em !important;
	cursor: pointer;
	line-height: 1px;
}
.checkbox {
	text-align: left;
	color: #bfbfbf;
}
.checkbox a {
	color: #bfbfbf;
}
.check-label:before {
	content: '';
	display: inline-block;
	background: #474E88;
	position: absolute;
	left: 0;
	top: 10px;
	height: 15px;
	width: 15px;
	margin-right: 10px;
	border-radius: 80%;
	box-shadow: 0px 1px 0 0 rgba(0, 0, 0, .2);
	box-sizing: border-box;
	border: 8px solid #fff;
	transition: border .3s ease;
}

.check:checked + .check-label:before {
	border-color: #fff;
	border-width: 3px;
}
.check + .check-label {
	transition: color .7s ease;
}
.check:checked + .check-label {
	color: #5D5D5D;
}
.register span {
	float: left;
	width: 100%;
	position: absolute;
	left: 0;
	margin-top: 57px;
}
.logo img {
	width: 120px;
	margin-left: 15px;
	margin-top: 15px;
}
.btn-group > .btn, .btn-group-vertical > .btn {
	font-size: 13px;
}
.btn-toolbar {
	float: left;
	width: 100%;
	padding: 15px 0;
	margin-top: -1px;
}
.btn-toolbar {
	float: left;
	width: 100%;
	padding: 12px 0;
	margin-bottom: -2px;
}
.btn-primary {
	color: #fff !important;
}
.right-nav {
	text-align: right;
}
.right-nav a {
	color: #fff;
	background: #1F3D5A;
	padding: 0 20px;
	font-size: 14px;
	line-height: 4;
	display: inline-block;
	margin-left: 5px;
}
.right-nav .active {
	background: #474E88;
}
.btn-primary {
	background: #529ECC;
	padding: 7px 20px;
	font-size: 14px;
	border: none;
}
.sumbit .form-control {
	height: 50px;
	font-size: 15px;
	border: 1px solid #eee !important;
	border-color: #fff;
}
.sumbit .form-control:focus {
	border-color: #ccc;
}
.btn-toolbar .btn-primary {
	/*	display: none !important;*/
}
.top-title div span {
	float: left;
	width: 100%;
	background: #fff;
	height: 50px;
	padding: 7px 15px;
	line-height: 2.5;
	font-size: 16px;
	color: #999;
	text-align: right;
}
.top-title div span img {
	width: 40px;
	float: right;
	height: 40px;
	margin-left: 15px;
	border-radius: 3px;
}
.top-title div {
	padding: 0;
}
.top-title {
	float: left;
	width: 100%;
	padding: 0;
}
.top-title .col-md-5 span {
	color: #000;
	font-size: 16px;
	text-align: left;
	border-right: 1px solid #ccc;
	border-top-left-radius: 4px;
}
.top-title .col-md-7 span {
	border-top-right-radius: 4px;
}
.accept {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	height: 40px;
	line-height: 2.1;
	font-size: 16px;
}
.accept .checkbox {
	margin: 0;
}
.md-fullscreen-mode {
	background: #1B354E;
}
.md-fullscreen-mode .md-input {
	background: #1B354E !important;
	color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background: #474E88;
	border: none !important;
	box-shadow: none !important;
}
.status-cont {
	float: left;
	/*	padding: 30px;*/
}
.main > nav {
	float: left;
	width: 100%;
}
.status-cont .panel {
	float: left;
	width: 100%;
}
.status-cont .panel h4 {
	float: left;
	width: 100%;
	margin-bottom: 0;
}
.status-cont .panel h4 span {
	padding: 10px 10px;
	float: left;
	font-weight: bold;
	text-transform: capitalize;
}
.status-cont .panel h4 span small {
	padding-left: 7px;
	color: #000;
}
.status-cont .panel article {
	float: left;
	width: 100%;
	padding-top: 7px;
	padding-left: 22px;
	padding-right: 22px;
	padding-bottom: 7px;
}
.status-cont .panel h4 .btn {
	float: right;
	color: #fff;
	border-radius: 0;
	font-size: 14px;
	margin-top: -1px;
	margin-right: -1px;
	height: 36px;
	line-height: 1.7;
}
.btn-declined {
	background: #D0022E;
}
.btn-pending {
	background: #A3989A;
}
.btn-accepted {
	background: #B3BBF6;
}
h3 a, h3 a:hover {
	color: #fff;
	text-decoration: underline;
}
.material-icons {
	font-size: 15px;
}
.right-nav2 a {
	float: left;
	width: 100%;
	color: #fff;
	margin: 4px 0;
	font-size: 14px;
}
.right-nav2 {
	margin-top: 15%;
}

.right-nav2 small a {
	float: left;
	width: 100%;
	font-size: 11px;
	color: #fff !important;
}
.right-nav2 a .fa {
	display: none;
}
.right-nav2 .active .fa {
	display: inline-block;
	margin-right: 5px;
}
.right-nav2 small a .fa {
	display: inline-block;
	margin-left: 4px;
}
.right-nav2 .active {
	font-weight: bold;
}
.dropdown-menu {
	margin-top: 8px !important;
	margin-left: 6px !important;
	background: #3B4176;
	min-width: 15rem;
}
.dropdown-menu > li {
	float: left;
	width: 100%;
}
.dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background: #3B4176;
	color: #fff;
	float: left;
	width: 100%;
}
.right-nav ul {
	float: right;
	width: 85%;
	padding: 0;
	margin: 0;
}
.right-nav ul li {
	float: none;
	display: inline-block;
}
.right-nav ul .dropdown:hover > .dropdown-menu {
	display: block;
	width: 100% !important;
}
.dropdown-menu {
	top: auto;
	margin-top: 0 !important;
}
.show {
	display: inline-block !important;
}
.dropdown-menu > li > a {
	margin: 0;
}
/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid white;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: 100%;
	z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid rgb(173, 173, 173);
	position: absolute;
	top: 50%;
	margin-top: -17px;
	margin-left: 1px;
	left: 100%;
	z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
	padding: 6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
	padding: 6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
	padding: 6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
	border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
	border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
	border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
	border-left: 10px solid #adadad;
}
.container {
	width: 100%;
	float: left;
	margin-top: 20px;
}
div.FixedHeader_Cloned table {
	margin: 0 !important
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
	background: #fff;
	font-size: 13px;
}
.dt-bootstrap .row {
	float: left;
	width: 100%;
}
div.dataTables_wrapper div.dataTables_filter label {
	color: #fff;
	float: right;
}
div.dataTables_wrapper div.dataTables_length label {
	color: #fff;
	float: left;
}
td .btn {
	padding: 5px 9px;
	font-size: 12px;
	border-radius: 0;
	display: inline-block;
	float: right;
	border: none;
	margin-right: 4px;
	color: #fff !important;
}
.pagination {
	float: right;
	text-align: right;
}
.input-sm {
	margin: 0 4px;
}
.pagination > li > a, .pagination > li > span {
	padding: 4px 12px;
	font-size: 12px;
}
footer {
	background: #031D36;
	color: #fff;
	padding: 21px 0;
	text-align: center;
	float: left;
	width: 100%;
}
.fa-copyright {
	margin-right: 4px;
}
footer p {
	margin: 0;
}
.table-striped {
	margin: 15px 0 !important;
	width: 99.5% !important;
	border-radius: 3.5px;
}
.pagination {
	margin-top: 0;
}
footer a {
	color: #fff;
}
.input-group-addon {
	position: absolute;
	z-index: 10;
	width: 34px;
	height: 34px;
	color: #1B354E;
	background: #ccc;
}
.input-group {
	margin-bottom: 12px;
}
.input-group input {
	float: left;
	width: 100%;
	padding-left: 40px;
	height: 36px;
	margin-top: -1px;
	font-size: 13px;
}
.glyphicon-pencil {
	font-size: 14px;
}
h1 select, select {
	float: right;
	padding: 4px 8px;
	font-size: 12px;
	color: #fff !important;
	background: #1F3D5A !important;
	border: 1px solid #1B354E;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #474E88 !important;
	border-color: #474E88 !important;
}
article a {
	color: #1B354E;
	font-weight: bold;
}
.dataTables_info {
	color: #fff;
}
.profile {
	float: left;
	width: 100%;
}
.profile th, .profile td {
	color: #fff;
	padding: 3px 0;
	font-size: 16px;
}
.edit, .edit:hover, .edit:focus {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	margin-left: 5px;
}
.cke_editor_content {
	/*	margin-bottom: 15px !important;*/
}
.error {
	top: 100%;
}
.alert-success {
	color: #3c763d;
	top: 114%;
	position: absolute;
	width: 100%;
	line-height: 1;
	/* color: #fff; */
	display: block;
	font-size: 12px !important;
}
@media only screen and (max-device-width: 768px) and (max-device-width: 1024px) {
	.right-nav {
		float: left;
		width: 100%;
		margin-top: 18px;
		text-align: center;
		margin-bottom: 10px;
	}
	td .btn {
		margin-bottom: 5px;
	}
	.main .container > .col-md-2 {
		float: left;
		width: 100%;
		margin-top: 10px;
	}
	.right-nav2 {
		margin: 0;
	}
	.main .container .col-md-10 {
		float: left;
		width: 100%;
		padding-bottom: 15px;
		overflow: scroll;
	}
	div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
		text-align: left;
	}
	.pagination {
		float: left;
	}
	footer {
		padding: 21px 10px;
	}
	.logo {
		float: none !important;
		margin: 0 auto;
		margin-bottom: 12px !important;
	}
	.main {
		min-height: 130vh;
	}
	h1 select {
		float: left;
		margin-top: 7px;
	}
	.logo {
		text-align: center;
		display: block;
	}
	.right-nav a {
		color: #fff;
		background: #1F3D5A;
		padding: 0 5px;
		font-size: 13px;
		line-height: 2;
		display: inline-block;
		margin-left: 5px;
		margin-bottom: 5px;
	}
	.right-nav ul li {
		float: left;
	}
	select.form-control:not([size]):not([multiple]) {
		float: left;
	}
	div.dataTables_wrapper div.dataTables_filter label {
		float: left;
		width: 100%;
		text-align: left;
	}
	.col-md-offset-3 {
		float: left;
		width: 100%;
	}
	.logo-container {
		width: 80%;
		left: 10%;
	}
	.logo-i img {
		max-width: 75%;
	}
 .col-md-6{
		float: left;
		width: 100%;
	}
}
.btn {
	text-transform: capitalize;
}
