/*
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 4
Version: 4.3.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v4.3/admin/
*/

body {
	background: #ffffff;
	font-size: 12px;
	font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #707478;
	line-height: 1.42857143;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media screen and (max-width: 418px) {
	#content
	{
		padding-top: 71px;
	}
}
.spinner, .spinner-small {
	height: 50px;
	width: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	border: 2px solid #e96402;
	border-top: 2px solid #fff;
	border-radius: 100%;
}
.header .navbar-brand{
	width: auto;
}
#page-loader {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	z-index: 9999;
}
#header a:hover>img{
	filter: invert(38%) sepia(76%) saturate(4816%) hue-rotate(4deg) brightness(101%) contrast(108%) !important;
}
.input-group-append>button.btn.btn-outline-secondary>i.icon-eye-open.fa.fa-eye {
	color: #6c757d;
}
.input-group-append>button.btn.btn-outline-secondary:hover>i.icon-eye-open.fa.fa-eye{
	color: #ced4da;
}
.input-group-append>button.btn.btn-outline-secondary:hover>i.icon-eye-close.fa.fa-eye-slash{
	color: #ced4da;
}
.input-group-append>button.btn.btn-outline-secondary:hover{
	background: #6c757d;
}
.input-group-append>button.btn.btn-outline-secondary {
	background: white;
	border: 1px solid #ced4da;
}

.header .navbar-logo,
.login .login-header .brand .logo,
.header .navbar-nav > li .dropdown-toggle .label, 
.header .navbar-nav > li > a .label,
.label.label-theme,
.btn {
	background: #e96402;
}
.btn-scroll-to-top{
	background: #e96402;
	bottom: 80px;
}
.btn.btn-success, .btn.btn-success.disabled, .btn.btn-success.disabled:focus, .btn.btn-success.disabled:hover, .btn.btn-success[disabled], .btn.btn-success[disabled]:focus, .btn.btn-success[disabled]:hover{
	color: #fff;
	background: #e96402;
	border-color: #e96402;
}
.header.navbar-default .brand,
.header.navbar-default .brand,.header.navbar-default .navbar-brand {
    color: #fff !important;
	margin: 0px;
	padding: 10px 0px 10px 10px;
}
.header.navbar-inverse .navbar-brand {
	color: #fff !important;
}
.header .navbar-toggle, .header .navbar-toggle.pull-left{
	margin-left: auto;
	margin-right: 15px;
}
.text-theme,
.sidebar .nav > li.active > a i {
	color: #fff;
}
.sidebar .sub-menu > li.active:after {
	border-color: #e96402;
}
.header .navbar-nav>li .dropdown-toggle, .header .navbar-nav>li>a {
	padding: 15px 10px 15px 10px;
}
.header .navbar-nav>li>a:focus, .header .navbar-nav>li>a:hover {
	opacity: 0.9;
	color: #FFFFFF;
}
.form-control.focus,.form-control.input-white.focus,.form-control.input-white:focus,.form-control:focus {
	border-color: #e96402 !important;
	outline: 0;
	box-shadow: 0 0 0 .125rem rgba(245, 156, 26, 0.3) !important;
}
#header a:hover {
	background-color: white;
	color: #fb4400 !important;
}
div#header a:active {
	background-color: #fff !important;
}
.breadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: .75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: #f9f9f9;
	border-radius: .25rem;
}
.float-sub-menu-container {
	position: fixed;
	width: 220px;
	margin: 0;
	background: rgba(255, 255, 255, 0.8);
	z-index: 1020
}
.float-sub-menu-arrow,.float-sub-menu-line {
	top: 20px;
	background: #e7e9ea !important;
	position: absolute
}
.float-sub-menu li.has-sub>a:before,.float-sub-menu li:before,.float-sub-menu li>a:after {
	background: #e7e9ea !important;
}
.float-sub-menu li:after {
	left: 0;
	width: 6px;
	height: 6px;
	border: 1px solid #889097;
	border-radius: 4px;
	margin-top: -2px;
	z-index: 10;
	background: rgba(255, 255, 255, 0.8);
}
.float-sub-menu li.active>a,.float-sub-menu li.active>a:focus,.float-sub-menu li.active>a:hover,.float-sub-menu li>a:focus,.float-sub-menu li>a:hover {
	color: #e96402!important;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
	cursor: pointer;
	outline: 0;
	background: #e6e6e6;
	border-color: #e6e6e6;
}
.flatpickr-day.today {
	border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
	border-color: #959ea9;
	background: #959ea9;
	color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
	background: #e96402 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	border-color: #e96402 !important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background: #e96402 !important;
	border-color: #e96402 !important;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
	color: #fff;
	background-color: #ffbf05 !important;
	border-color: #ffbf05 !important;
}
.header .navbar-header{
	float: unset;
}
.header .navbar-nav{
	margin-right: 0;
	padding: 0 0px;
}
a:active {
	color: #ffffff!important;
	background: #e96402!important;
}
.badge.badge-danger, .label.label-danger {
	background: #e96402;
}
.sidebar .nav>li.nav-profile .cover.with-shadow:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: all .2s linear;
	background: rgba(0, 0, 0, 0.3);
}
.page-with-light-sidebar .sidebar .nav>li.nav-profile a{
	color: #000!important;
}
.sidebar .nav>li.nav-profile {
	padding: 20px;
	color: #000;
	background: #fff;
	overflow: hidden;
}
.sidebar .nav>li.nav-profile .cover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/cover-sidebar-user.png) no-repeat;
	background-size: cover;
}
.login label {
	width: 100%;
	color: #707478;
}
.custom-card hr {
	border-bottom: 2px solid #e96402;
	width: 42px;
	margin-left: 0px;
}

.custom-card .custom-card-content {
	border-radius: 4px;
	background-color: #ffffff;
	box-shadow: 2px 3px 4px 2px rgba(90, 91, 95, 0.3);
	transition: all 0.2s ease-in-out;
	position: relative;
	top: 0px;
	padding: 20px 30px 20px 30px;
	margin-top: 32px;
	width: 100%;
}

.custom-card .custom-card-content:hover {
	box-shadow: 6px 6px 10px 0px rgba(90, 91, 95, 0.3);
	top: -5px;
}

.custom-card .custom-card-content svg {
	font-size: 42px;
}
/* Added in v1.5 */

.gradient-enabled .sidebar .nav > li.active > a, 
.gradient-enabled .sidebar .nav > li.active > a:focus, 
.gradient-enabled .sidebar .nav > li.active > a:hover,
.gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, 
.gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, 
.gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active > a,
.gradient-enabled .label.label-theme,
.gradient-enabled .btn.btn-scroll-to-top,
.gradient-enabled .top-menu .nav > li.active > a, 
.gradient-enabled .top-menu .nav > li.active > a:focus, 
.gradient-enabled .top-menu .nav > li.active > a:hover {
	background: rgb(253,182,79); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkYjY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTljMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(253,182,79,1) 0%, rgba(245,156,26,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,182,79,1)), color-stop(100%,rgba(245,156,26,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(253,182,79,1) 0%,rgba(245,156,26,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(253,182,79,1) 0%,rgba(245,156,26,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(253,182,79,1) 0%,rgba(245,156,26,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(253,182,79,1) 0%,rgba(245,156,26,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb64f', endColorstr='#e96402',GradientType=0 ); /* IE6-8 */
}
.gradient-enabled .sidebar .nav > li.active > a {
	z-index: 10;
}
.gradient-enabled .sidebar .nav > li.active > a i,
.gradient-enabled .sidebar .nav > li.active > a .caret {
	color: rgba(253,182,79,0.5);
}
.pace-progress {
	background: #e96402;
}
.pace .pace-activity {
	border-top-color: #e96402;
	border-left-color: #e96402;
}
.gritter-bottom,.gritter-item,.gritter-top {
	background: url(../images/transparent/orange-0.8.png)!important;
	background: rgba(245, 156, 26, 0.8) !important
}
.gritter-item {
	font-family: inherit!important;
	color: #fff !important;
	font-size: 10px!important;
	padding: 2px 15px 5px!important;
}
.gritter-close,.gritter-light .gritter-close {
	left: auto!important;
	right: 0!important;
	top: 0!important;
	background: 0 0!important;
	width: 70px!important;
	height: auto!important;
	display: block!important;
	bottom: 0;
	border-left: 1px solid #fff;
}
.gritter-close:before,.gritter-light .gritter-close:before {
	content: 'Close'!important;
	position: absolute!important;
	text-align: center!important;
	right: 0!important;
	color: rgba(255, 255, 255, 0.91);
	left: 0;
	z-index: 10;
	text-indent: 0;
	font-size: 12px;
	font-weight: 600;
	line-height: 9px;
	top: 50%!important;
	margin-top: -5px;
	font-family: inherit
}
.table-bordered td, .table-bordered th{
	border: 0px transparent;
	border-top: 1px solid #dee2e6;
}
table {
	border-collapse: inherit !important;
	border-radius: 5px !important;
	border-spacing: unset;
}
.bootstrap-table .fixed-table-container .table {
	width: 100%;
	margin-bottom: 0!important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding: 10px 5px;
}
.table>tbody>tr:hover td{
	color: #646464;
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th{
	background: #E6E6E6 !important;
}
.bootstrap-table .fixed-table-container .table tbody tr.selected td{
	background-color: rgba(0,0,0,0)!important;
}
.table>tbody>tr.selected td{
	color: #FFFFFF;
}
.table>tbody>tr.selected{
	background: #e96402 !important;
	opacity: 100%;
}
label{
	margin-bottom: 0px;
	margin-top: 4px;
}
.btn-warning:hover {
	color: #f59c1a !important;
	background-color: #ffffff !important;
	border-color: #e96402 !important;
}


/* Added in v1.7 */

.page-with-light-sidebar .sidebar .nav > li.active > a > i {
	color: #fff;
}
.page-with-light-sidebar .sidebar .nav > li.active > a .badge,
.page-with-light-sidebar .sidebar .nav > li.active > a .label.label-theme {
	background: #e96402;
}
.page-with-light-sidebar .sidebar .nav>li .sidebar-minify-btn,.page-with-light-sidebar .sidebar .nav>li .sidebar-minify-btn:focus,.page-with-light-sidebar .sidebar .nav>li .sidebar-minify-btn:hover,.page-with-light-sidebar .sidebar .nav>li.active.expand>a,.page-with-light-sidebar .sidebar .nav>li.active>a,.page-with-light-sidebar .sidebar .nav>li.active>a:focus,.page-with-light-sidebar .sidebar .nav>li.active>a:hover,.page-with-light-sidebar.page-sidebar-minified .sidebar .nav>li.active:focus>a,.page-with-light-sidebar.page-sidebar-minified .sidebar .nav>li.active:hover>a,.page-with-light-sidebar.page-sidebar-minified .sidebar .nav>li.active>a {
    color: #fff;
    background: #e96402 !important;
    font-weight: 600;
}

/* Added in v1.9 */

.top-menu .nav > li.active > a i, 
.top-menu .nav > li.active > a:focus i, 
.top-menu .nav > li.active > a:hover i {
	color: #e96402;
}

.page-with-light-sidebar .sidebar .nav>li.nav-profile.active>a{
	background: rgba(0,0,0,0.8)!important;
}

.page-with-light-sidebar .sidebar, .page-with-light-sidebar .sidebar-bg {
	background: #fff;
	/*box-shadow: 0px 0px 10px 0px rgba(90, 91, 95, 0.1);*/
}
.header.navbar-default {
	background: #fff;
	/*box-shadow: 0px 0px 10px 0px rgba(90, 91, 95, 0.1);*/
}