#brand-name {
	color: #444d58;
	font-size: 18px;
	margin-left: 10px;
	margin-right: 5px;
	font-weight: lighter;
	font-family: Poppins, cursive!important
}

.navbar-brand {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: lighter;
	margin-top: 3px
}

.navbar-brand:hover {
	color: #fff
}

.navbar-brand img {
	display: inline-block;
	width: 33px;
	margin-top: -15px
}

textarea {
	resize: none!important
}

h4.caption {
	margin-bottom: 30px!important;
	border-bottom: 1px #ccc solid!important;
	padding-bottom: 13px!important
}



table.dataTable tbody td,
table.dataTable tbody th {
	font-weight: lighter;
	padding: 10px 0 0 12px
}

a.form-control,
button.form-control,
div.form-control,
input.form-control,
select.form-control {
	height: 28px!important;
	padding-top: 7px

}

select.form-control {
	padding-top: 4px

}





.btn {
	font-weight: bold
}

.container {
	padding-left: 0;
	padding-right: 0
}

.container-fluid {
	padding-left: 10px;
	padding-right: 10px
}

.dropdown-user .username,
.dropdown-user .username-hide-mobile {
	font-size: 13px!important;
	font-weight: 100
}

label.full-width {
	width: 100%
}

.page-header .page-header-menu .hor-menu .navbar-nav>li>a {
	padding: 10px 18px 8px 18px!important;
	font-weight: lighter!important
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a {
	background: #4c87b9!important;
	color: #fff!important
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>i {
	color: #fff!important
}

.note.note-warning {
	background: #f1f1f1;
	border-bottom: 1px solid #f3cc31;
	border-top: 1px solid #f3cc31;
	border-right: 1px solid #f3cc31
}

.tabdrop ul.dropdown-menu {
	height: 200px;
	overflow-y: scroll
}

.image-container {
	height: 250px;
	text-align: center;
	border: 1px #f1f1f1 solid;
	margin: 5px
}

.image-container img {
	width: 100%!important;
	height: 90%!important;
	display: block
}

.image-container span {
	margin-top: 5px;
	font-weight: 700
}

.console-table {
	color: #333;
	width: 98%
}

.console-table tr {
	border-bottom: 1px #ccc solid
}

.console-table td,
.console-table th {
	padding: 5px
}

.console-table i {
	margin-left: 20px
}

.console-table i.green {
	color: #3d9082
}

.console-table i.red {
	color: #e7505a
}

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
	margin-top: 18px!important
}

section.wrapper {
	padding: 40px 0;
	position: fixed;
	z-index: 9999;
	background: #1f1f1f;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0
}

section.wrapper.dark {
	background: #ccc
}

div.spinner {
	-moz-animation: rotate 10s infinite linear;
	-webkit-animation: rotate 10s infinite linear;
	animation: rotate 10s infinite linear;
	position: relative;
	display: block;
	margin: auto;
	width: 142px;
	height: 142px;
	top: 40%
}

div.spinner i {
	-moz-animation: rotate 3s infinite cubic-bezier(.09, .6, .8, .03);
	-webkit-animation: rotate 3s infinite cubic-bezier(.09, .6, .8, .03);
	animation: rotate 3s infinite cubic-bezier(.09, .6, .8, .03);
	-moz-transform-origin: 50% 100% 0;
	-webkit-transform-origin: 50% 100% 0;
	transform-origin: 50% 100% 0;
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	border: solid 6px transparent;
	border-bottom: none;
	border-color: #606060!important
}

div.spinner i:nth-child(1) {
	-moz-animation-timing-function: cubic-bezier(.09, .3, .12, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, .3, .12, .03);
	animation-timing-function: cubic-bezier(.09, .3, .12, .03);
	width: 44px;
	height: 22px;
	margin-top: -22px;
	margin-left: -22px;
	border-color: #2172b8;
	border-top-left-radius: 36px;
	border-top-right-radius: 36px
}

div.spinner i:nth-child(2) {
	-moz-animation-timing-function: cubic-bezier(.09, .6, .24, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, .6, .24, .03);
	animation-timing-function: cubic-bezier(.09, .6, .24, .03);
	width: 58px;
	height: 29px;
	margin-top: -29px;
	margin-left: -29px;
	border-color: #18a39b;
	border-top-left-radius: 42px;
	border-top-right-radius: 42px
}

div.spinner i:nth-child(3) {
	-moz-animation-timing-function: cubic-bezier(.09, .9, .36, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, .9, .36, .03);
	animation-timing-function: cubic-bezier(.09, .9, .36, .03);
	width: 72px;
	height: 36px;
	margin-top: -36px;
	margin-left: -36px;
	border-color: #82c545;
	border-top-left-radius: 48px;
	border-top-right-radius: 48px
}

div.spinner i:nth-child(4) {
	-moz-animation-timing-function: cubic-bezier(.09, 1.2, .48, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 1.2, .48, .03);
	animation-timing-function: cubic-bezier(.09, 1.2, .48, .03);
	width: 86px;
	height: 43px;
	margin-top: -43px;
	margin-left: -43px;
	border-color: #f8b739;
	border-top-left-radius: 54px;
	border-top-right-radius: 54px
}

div.spinner i:nth-child(5) {
	-moz-animation-timing-function: cubic-bezier(.09, 1.5, .6, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 1.5, .6, .03);
	animation-timing-function: cubic-bezier(.09, 1.5, .6, .03);
	width: 100px;
	height: 50px;
	margin-top: -50px;
	margin-left: -50px;
	border-color: #f06045;
	border-top-left-radius: 60px;
	border-top-right-radius: 60px
}

div.spinner i:nth-child(6) {
	-moz-animation-timing-function: cubic-bezier(.09, 1.8, .72, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 1.8, .72, .03);
	animation-timing-function: cubic-bezier(.09, 1.8, .72, .03);
	width: 114px;
	height: 57px;
	margin-top: -57px;
	margin-left: -57px;
	border-color: #ed2861;
	border-top-left-radius: 66px;
	border-top-right-radius: 66px
}

div.spinner i:nth-child(7) {
	-moz-animation-timing-function: cubic-bezier(.09, 2.1, .84, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 2.1, .84, .03);
	animation-timing-function: cubic-bezier(.09, 2.1, .84, .03);
	width: 128px;
	height: 64px;
	margin-top: -64px;
	margin-left: -64px;
	border-color: #c12680;
	border-top-left-radius: 72px;
	border-top-right-radius: 72px
}

div.spinner i:nth-child(8) {
	-moz-animation-timing-function: cubic-bezier(.09, 2.4, .96, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 2.4, .96, .03);
	animation-timing-function: cubic-bezier(.09, 2.4, .96, .03);
	width: 142px;
	height: 71px;
	margin-top: -71px;
	margin-left: -71px;
	border-color: #5d3191;
	border-top-left-radius: 78px;
	border-top-right-radius: 78px
}

@-moz-keyframes rotate {
	to {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes rotate {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	to {
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.page-logo>a {
	color: #eee;
	font-family: Poppins, sans-serif;
	font-size: 20px;
	font-weight: lighter;
	margin-top: 9px
}

.page-logo>a:active,
.page-logo>a:hover {
	text-decoration: none
}

#account-action {
	font-size: 13px
}

#account-action option {
	padding: 3px 0px
}


.caption-subject{

    color: #24695c!important;
}

.font-dark{

    color: #24695c!important;
}