:root {
	--theme_color_normal: #002F3B;
	--theme_color_normal_lite: #009381;
	--theme_color_active: #00C4B3;
}

#header {
	background-color: #FFFFFF;
	background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
	height: 50px;
}

#logo {
	margin-top: 5px;
}

#logo img {
	height: 40px;
	width: auto;
}

.login-info a#show-shortcut {
	color: #FFFFFF;
	padding-top: 5px;
}

#ribbon {
	background: none repeat scroll 0 0 var(--theme_color_normal_lite);
	font-weight: bold;
}
#ribbon .breadcrumb,#ribbon .breadcrumb a {
	color: #E4E4E4!important;
}
#ribbon .breadcrumb li:last-child,#ribbon .breadcrumb>.active {
	color: #FFFFFF;
}

aside {
	/*background: rgba(0, 0, 0, 0) linear-gradient(to right, #3a3633 93%, #2a2725 100%) repeat scroll 0 0;*/
	background: var(--theme_color_normal);
}

nav ul li a {
	font-weight: bold;
}

.btn-header > *:first-child > a {
	background-color: var(--theme_color_normal);
	background-image: -moz-linear-gradient(center top , var(--theme_color_normal), #f1f1f1);
	border: 1px solid #bfbfbf;
	border-radius: 2px;
	color: #fff;
}
.btn-header > *:first-child > a:hover {
	border: 1px solid #bfbfbf;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08) inset;
	color: var(--theme_color_active);
}
.btn-header > *:first-child > a:active {
	background-color: var(--theme_color_normal);
	background-image: linear-gradient(to bottom, var(--theme_color_normal) 0px, #ededed 100%);
}

.hidden-menu #hide-menu > *:first-child > a {
	background-image: linear-gradient(to bottom, var(--theme_color_normal) 0px, var(--theme_color_normal) 100%);
	border-color: var(--theme_color_normal);
}

.jarviswidget-color-ripple>header {
	border-color: var(--theme_color_normal) !important;
	background: var(--theme_color_normal);
	color: #fff
}

.jarviswidget-color-ripple>header .nav-tabs li:not(.active) a,
.jarviswidget-color-ripple>header>.jarviswidget-ctrls a {
	color: #fff !important
}

.jarviswidget-color-ripple>header .nav-tabs li a:hover {
	color: #333 !important
}

.page-footer {
	background: var(--theme_color_normal_lite) none repeat scroll 0 0;
	height: 50px;
}

.nav-btn {
	font-size: 13px !important;
	line-height: 1.5 !important;
	border-radius: 3px !important;
	padding: 3px 7px !important;
	height:auto !important;
}

.horizontal-nav-btns {
	margin:0;
	padding:0;
	list-style:none;
	position: relative;
}
.horizontal-nav-btns > li {
	display:inline-block;
	margin-bottom:3px;
}
.navbar-left > li {
	margin-right: 4px;
}
.navbar-right > li {
	margin-left: 4px;
}

.form-header {
	min-height: 40px;
	max-height: 340px;
	background: #fff none repeat scroll 0 0; 
	border-bottom: 1px dashed rgba(0, 0, 0, 0.2); 
	color: #222; 
	display: block; 
	font-size: 16px; 
	font-weight: 400; 
	margin-bottom: 20px; 
	padding-bottom: 8px !important;
}


/*-- Css for nicer display of user roles --*/
.role-super-admin,
.role-admin {
	font-weight: bold;
	color: black;
}

.role-manager {
	font-weight: bold;
	color: #c4a500;
}

.role-supervisor {
	font-weight: bold;
	color: #800080;
}

.role-support {
	font-weight: bold;
	color: #009d00;
}

.role-auditor {
	font-weight: bold;
	color: #009d00;
}

.role-editor {
	font-weight: bold;
	color: #4c4cff;
}

.role-premium-user {
	font-weight: bold;
	color: #4c4cff;
}

.role-user {
	font-weight: bold;
}
.highlighted{
	background:#ffffac!important;
}

/*-- Css for form field validation error --*/
.checkbox.state-error i, .radio.state-error i, .state-error input, .state-error select, .state-error textarea, .toggle.state-error i {
	background: #fff0f0 none repeat scroll 0 0;
	border-color: #a90329;
}
.toggle.state-error input:checked + i {
	background: #fff0f0 none repeat scroll 0 0;
}
.state-error + em, .state-error em {
	color: #d56161;
	display: block;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	margin-top: 6px;
	padding: 0 1px;
}
.rating.state-error + em {
	margin-bottom: 4px;
	margin-top: -4px;
}
.state-error select + i {
	background: #fff0f0 none repeat scroll 0 0;
	box-shadow: 0 0 0 9px #fff0f0;
}
.state-error .icon-append, .state-error .icon-prepend {
	color: #ed1c24;
}

.StatusINACTIVE, .StatusDELETED, .error {
	color: #FF0000;
}

.pointer-cursor { 
	cursor: pointer; 
}


.btn-primary {
	background-color: var(--theme_color_normal); /*#1B70CE;*/
	border-color: #2c699d;
	color: #fff;
}
.btn-primary.focus, .btn-primary:focus {
	background-color: var(--theme_color_active); /*#275b89;*/
	border-color: #10263a;
	color: #fff;
}
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
	background-color: var(--theme_color_active); /*#275b89;*/
	border-color: #1f496d;
	color: #fff;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
	background-color: #1f496d;
	border-color: #10263a;
	color: #fff;
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary.focus[disabled], .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color: var(--theme_color_normal); /*#1B70CE;*/
	border-color: #2c699d;
}
.btn-primary .badge {
	background-color: #fff;
	color: var(--theme_color_normal); /*#1B70CE;*/
}

a {
	color: var(--theme_color_active);
	text-decoration: none;
}
a:focus, a:hover {
	color: var(--theme_color_normal); /*#214e75;*/
	text-decoration: none;
}

.pagination > li > a, .pagination > li > span {
	color: var(--theme_color_normal); /*#1B70CE;*/
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	color: var(--theme_color_normal); /*#214e75;*/
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: var(--theme_color_active); /*#1B70CE;*/
}

.dropdown-menu-center {
	/*right: auto;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);*/
	width:450px; 
	left:50%; 
	margin-left:-225px;
}

.multiselect-container>li>a>label {
    padding: 3px 20px 3px 28px !important;
}

.select2-selection__choice {
	padding: 0 22px 0 6px !important;
	line-height: 25px !important;
}
.select2-selection__choice__remove {
	font-family: FontAwesome !important;
	opacity: 0.6 !important;
	font-size: 0 !important;
}
.select2-selection__arrow b:before {
    content: none !important;
}
.select2-search__field {
    background: none !important;
}