/********************************************************************* STYLE 1 *************************************************************/

.smart-style-1 a {
	transition: color 0.1s linear 0s,background-color 0.1s linear 0s !important;
}

.smart-style-1 body.container {
	border-left: 1px solid rgba(34, 38, 46, 0.4);
	border-right: 1px solid rgba(34, 38, 46, 0.4);
}

.smart-style-1 #header {
	background-image:none;
	background-color:#22262e;
}

.smart-style-1 #project-context > :first-child {
	color: #697B92;
	text-shadow: 0 0 1px #111318;
}

.smart-style-1 #ribbon {
	background: #e6e6e6;
}


.smart-style-1 #ribbon .breadcrumb > .active, .smart-style-1 #ribbon .breadcrumb li:last-child {
color: #868686;
}

.smart-style-1 #ribbon .breadcrumb a, .smart-style-1 #ribbon .breadcrumb {
color: #747474 !important;
}

.smart-style-1 .breadcrumb>li+li:before {
	color: #646464;
}

.smart-style-1 #project-selector {
	color: #B9B9B9;
}

.smart-style-1 .open > .dropdown-menu, .smart-style-1 .dropdown-menu {
	padding:4px;
}
.smart-style-1 .dropdown-menu>li>a, .smart-style-1 .dropdown-menu > li > a {
	border-radius:4px;
	margin:3px 0;
}


.smart-style-1 .btn.btn-ribbon {
background-color: #697486;
background-image: -moz-linear-gradient(top, #6F7D94, #697486);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6F7D94), to(#697486));
background-image: -webkit-linear-gradient(top, #6F7D94, #697486);
background-image: -o-linear-gradient(top, #6F7D94, #697486);
background-image: linear-gradient(to bottom, #6F7D94, #697486);
}

.smart-style-1 #logo-group span#activity {
background: #0d0f12;
border: 1px solid #0d0f12;
color:#fff;
cursor: pointer;
}.smart-style-1 .btn-header > :first-child > a {
background: #fb3c4a;
border: 1px solid #fb3c4a;
color:#fff !important;
cursor: pointer !important;	
}.smart-style-1 .btn-header > :first-child > a:hover {
	opacity:.9;
}

.smart-style-1 #cancel-search-js {
	background: #fb3c4a;
	line-height:29px !important;
}

.smart-style-1 .MsgTitle .txt-color-orangeDark {
	color:#fb3c4a !important;
}

@media (max-width: 979px) and (min-width: 768px) {
	.smart-style-1  #hide-menu i {
		color: #fff !important;
	}
}

@media only screen and (max-width: 679px) and (min-width: 0px) {
	.smart-style-1 #hide-menu i {
		color: #fff !important;
	}
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
	.smart-style-1 #sparks {
		background: #fff;
	}

	.smart-style-1 #cancel-search-js, .smart-style-1 .search-mobile .header-search > button {
		border-radius:3px;
	}
}	


.smart-style-1 .minifyme {
	background: #434953;
} .smart-style-1 .minifyme:hover {
	background: #5C6C86;
	color: #E1E8F3
}

.smart-style-1 #show-shortcut:hover > i {
	color:#fff;
}

.smart-style-1 aside, 
.smart-style-1 .superbox-show,
.smart-style-1 .inbox-footer  {
background: #1b1e24;
}
.smart-style-1 .superbox-list.active:before {
	color: #1b1e24;
}



.smart-style-1 #logo-group {
background:#22262e !important;
}

.smart-style-1 .login-info span, .smart-style-1 .login-info {
	border-bottom:none;
}

.smart-style-1 nav ul b .fa-expand-o:before {
	content: "\f104";
}

.smart-style-1 nav ul b .fa-collapse-o:before {
	content: "\f107";
}

.smart-style-1 .header-search > input[type="text"] {
	border-color:#FFF !important;
	border-radius:2px;
}

.smart-style-1 nav ul ul li > a {
	text-shadow: 0 1px 1px #000;
	font-size: 13px;
	padding-left: 43px;
	color:#e1eaf1;
	display: block;
	font-weight: 300;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}
.smart-style-1 nav ul ul ul li a {
	padding: 8px 17px 8px 54px !important;
}
.smart-style-1 nav ul ul ul ul li a {
	padding-left: 72px !important;
}
.smart-style-1 nav ul ul ul ul ul li a {
	padding-left: 90px !important;
}
.smart-style-1 nav ul ul ul ul ul ul li a {
	padding-left: 108px !important;
}

.smart-style-1 nav > ul > li > ul::before, .smart-style-1 nav > ul ul li::before {
	border:none !important;
}

.smart-style-1 nav > ul > li > a > i {
	font-size: 17px;
	vertical-align: 0px;
}

.smart-style-1 nav > ul > li >a b {
	right: 17px;
	top: 12px;
}

.smart-style-1 nav > ul > li > a > i:after {
	border:1px solid #fff; /* here */
}

.smart-style-1 nav ul ul {
	background: #22262E;
}

.smart-style-1 nav ul ul li > a:hover {
	background: #1b1e24 !important;
}


.smart-style-1 nav ul li a, 
.smart-style-1 .login-info strong, 
.smart-style-1 .login-info a {
	color: #8b91a0;
}.smart-style-1 nav ul li a:active {
	background:none;
}.smart-style-1 nav ul li a:hover {
	color:#E1EAF1;
}

.smart-style-1 .header-dropdown-list a.dropdown-toggle {
	color:#FFF;
	text-decoration:none;
}

.smart-style-1 nav ul li a {
	padding: 12px 17px 12px 16px;
}

.smart-style-1 .login-info {
	height:auto;
}
.smart-style-1 .login-info > span{
	padding: 5px 10px;
}

.smart-style-1 .login-info img {
	width: 35px;
	border-radius:50%;
}

.smart-style-1 .login-info a {
	margin-top:2px;
}
.smart-style-1 .login-info a span {
	max-width: 136px;
}

.smart-style-1 .login-info a:hover {
	color:#fff;
}

.smart-style-1 #logo-group > span .badge {
	background: #0aa699;
}

.smart-style-1 #activity.active .badge {
 	background: #0aa699 !important;
}

.smart-style-1 .ajax-dropdown {
	background: #E2E8F1;
}

.smart-style-1 .ajax-notifications {
	background:#fff;
}

/* no nav animation */
	.smart-style-1  nav > ul > li > a:hover i {
		-webkit-animation-name: none;
		-moz-animation-name: none;
		-o-animation-name: none;
		animation-name: none;
	}


/*
 * COLORS
 */

.smart-style-1 img.online {
	border-left-color: #0AA699 !important; 
}

.smart-style-1 .onoffswitch-inner:before {
	  background-color: #36AECC !important;
	}

	.smart-style-1 .bg-color-red {
	  background-color: #fb3c4a !important;
	}
	
	
	
.smart-style-1 .pagination>.active>a, 
.smart-style-1 .pagination>.active>span, 
.smart-style-1 .pagination>.active>a:hover, 
.smart-style-1 .pagination>.active>span:hover, 
.smart-style-1 .pagination>.active>a:focus, 
.smart-style-1 .pagination>.active>span:focus {
	background-color: #36AECC;
	border-color: #36AECC;
}	


/*
 * MINIFIED
 */

.smart-style-1.minified .login-info a {
	margin-top:6px;
}

.smart-style-1.minified nav ul li a {
	padding: 12px 17px 12px 14px;
}

.smart-style-1.minified nav > ul > li > a > i {
	font-size: 18px;
}

.smart-style-1.minified nav > ul > li {
border-bottom: 1px solid #131416;
border-top: 1px solid #303031;
}

.smart-style-1.minified nav > ul > li > ul {
	background:#1B1E24;
}
.smart-style-1.minified nav > ul > li > ul > li {
	background:#22262E;
}

.smart-style-1.minified .login-info img {
	width: 30px !important;
}
.smart-style-1.minified .login-info span {
	padding: 0px 5px !important;
}

.smart-style-1.minified nav ul ul li > a:hover {
	background: #30343D !important;
}

.smart-style-1.minified nav ul > li > ul > li > ul {
	background:#1B1E24;
}

.smart-style-1.minified nav > ul > li > ul > li > ul > li {
	background:#1B1E24;
}

.smart-style-1.minified nav ul ul li > a {
	padding-left: 13px;
	padding-right: 13px !important;
}
.smart-style-1.minified nav ul ul ul li a {
	padding-left: 33px !important;
	padding-right: 13px !important;
}
.smart-style-1.minified nav ul ul ul ul li a {
	padding-left: 43px !important;
	padding-right: 13px !important;
}
.smart-style-1.minified nav ul ul ul ul ul li a {
	padding-left: 53px !important;
	padding-right: 13px !important;
}
.smart-style-1.minified nav ul ul ul ul ul ul li a {
	padding-left: 63px !important;
	padding-right: 13px !important;
}


/*
 * widget colors
 */

.smart-style-1 .jarviswidget-color-darken > header  {
	background: #1B1E24 !important;
	border-color: #1B1E24 !important;
}

.smart-style-1 .jarviswidget-color-blueDark > header  {
	background: #353D4B !important;
	border-color: #353D4B !important;
}

.smart-style-1 .jarviswidget-color-blue > header {
	background: #688F9E;
	border-color: #6A838D !important;
}

.smart-style-1 .jarviswidget-color-purple > header {
	background: #736086;
}

.smart-style-1 .jarviswidget-color-red > header {
	background: #C02631;
	border-color: #8F2129 !important;
}

.smart-style-1  .jarviswidget .bg-color-red {
	background: #C02631 !important;
}

.smart-style-1 .jarviswidget-color-greenLight > header, .smart-style-1 .jarviswidget .bg-color-greenLight {
	border-color: #96B447 !important;
	background: #96B447 !important;
}

.smart-style-1 .jarviswidget-color-yellow > header, .smart-style-1 .jarviswidget .bg-color-yellow {
	border-color: #DBB727 !important;
	background: #FDD01C !important;
	color: #25241F;
}

.smart-style-1 .jarviswidget-color-pink > header, .smart-style-1 .jarviswidget .bg-color-pink {
	background: #DB8EBB !important;
}

/********************************************************************* STYLE 2 *************************************************************/

.smart-style-2 #shortcut {
	background-color: rgba(255, 255, 255, 0.9);
}

.smart-style-2 #shortcut ul {
	-webkit-box-shadow: 0 4px 10px rgba(0,0,0,.3);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid #A8BADB;
}

body.smart-style-2 {
	background:#fff;
}

.smart-style-2 #header, .smart-style-2 .inbox-footer, .smart-style-2 .superbox-show {
	background-image:none;
	background-color: #2C3742;
}
.smart-style-2 .superbox-list.active:before {
	color: #2C3742;
}

.smart-style-2 .superbox-img-description  {
	color:#9EA8B1 !important;
}

.smart-style-2 #project-context>:first-child {
	text-shadow:none;
}
.smart-style-2 #project-selector {
	color: #B2C1D5;
}
.smart-style-2 #project-selector:hover {
	color: #fff;
}

.smart-style-2 #logo-group span#activity {
	background:none !important;
	border:none !important;
	color:#C5C6CA;
}
.smart-style-2 #logo-group span#activity:hover {
	color:#fff;
}

.smart-style-2 .header-search>input[type="text"] {
	background: #161B22;
	border: 1px solid #0F1217;
	color:#fff;
	border-radius:4px;
}

.smart-style-2 .btn-header>:first-child>a {
	background:none;
	border:none !important;
	color: #C5C6CA;
	box-shadow:none !important;
}
.smart-style-2 .btn-header>:first-child>a:hover {
	color:#fff;
	cursor:pointer !important;
}

.smart-style-2 .header-search>button, 
.smart-style-2 .header-dropdown-list a.dropdown-toggle {
	color: #C5C6CA;
}

.smart-style-2 #ribbon {
	background:#fff;
}

.smart-style-2 .btn.btn-ribbon {
	background: #9498A0;
}

.smart-style-2 #ribbon .breadcrumb li:last-child, 
.smart-style-2 #ribbon .breadcrumb>.active, 
.smart-style-2 #ribbon .breadcrumb, 
.smart-style-2 #ribbon .breadcrumb a {
	color: #7C7C7C !important;
}

.smart-style-2 aside {
	background: #F7F7F7;
	background: -webkit-gradient(linear,left top,right top,color-stop(99%,#F7F7F7),color-stop(100%,#CACACA));
	background: -webkit-linear-gradient(left,#F7F7F7 99%,#CACACA 100%);
	background: -webkit-gradient(linear,top left,top right,from(#F7F7F7),to(#CACACA));
	background: linear-gradient(to right,#F7F7F7 99%,#CACACA 100%);
	min-height: 100%;
}

.smart-style-2 #left-panel {
	padding:15px;
}

.smart-style-2 #logo-group>span .badge {
	background: #008DC4;
}

.smart-style-2 .login-info span, 
.smart-style-2 .login-info {
	border: 0 !important; 
	box-shadow:none !important;
}

.smart-style-2 .login-info span {
	padding: 5px 10px 7px;
	background: #FFF;
	border-radius: 4px;
}

.smart-style-2 .login-info a span {
	padding:0;
	font-size: 16px !important;
	max-width: 105px;
}

.smart-style-2 .login-info { 
	margin-bottom:7px !important;	
	height:auto;
}

.smart-style-2 .login-info a {
	font-size: 16px !important;
	color: #33455A;
	margin-top: 2px;
}

.smart-style-2 .login-info img {
	width:35px;
}

.smart-style-2 nav ul li a {
	color: #69737A !important;
	font-size:12px !important;
}

.smart-style-2 nav > ul > li > a {
	padding-top:16px;
	padding-bottom:16px;
}

.smart-style-2 nav ul ul>li:hover b {
	color: #69737A !important;
}

.smart-style-2 nav>ul>li>a>i {
	font-size:25px !important;
}

.smart-style-2 nav > ul > li > a b {
	top:16px;
}

.smart-style-2 nav ul ul {
	background: none;
}

.smart-style-2 nav ul li.open>a, 
.smart-style-2 nav ul li.open>a b, 
.smart-style-2 nav ul .active>a {
	color: #202427 !important;
	font-weight: bold;
}

.smart-style-2 nav ul ul li>a:hover, 
.smart-style-2 nav ul li a:hover {
	color: #202427 !important;
	background:none !important;
}

.smart-style-2 nav ul ul li>a {
	padding-left:23px;
}

.smart-style-2 nav > ul > li > ul::before, 
.smart-style-2 nav > ul ul li::before {
	border: none !important;
}

.smart-style-2 nav ul ul ul li a {
	padding-left:30px;
}

.smart-style-2 nav ul ul ul ul li a {
	padding-left:40px;
}

.smart-style-2 nav ul ul ul ul ul li a {
	padding-left:50px;
}

.smart-style-2 nav ul ul ul ul ul ul li a {
	padding-left:60px;
}

.smart-style-2 .jarviswidget-color-blueDark>header {
	
	background: #2C3742 !important;
	border-color: #2C3742!important;
}

.smart-style-2 .btn-primary, .smart-style-2 .smart-form .button{
	background-color: #3b9ff3;
	border-color: #3292E2;
}

.smart-style-2 .btn-primary:hover, 
.smart-style-2 .btn-primary:focus, 
.smart-style-2 .btn-primary:active, 
.smart-style-2 .btn-primary.active, 
.smart-style-2 .open .dropdown-toggle.btn-primary {
	background-color: #3E90D4;
	border-color: #2F7DBE;
}

.smart-style-2 .dropdown-menu>li>a:hover, 
.smart-style-2 .dropdown-menu>li>a:focus {
	background-color: #3E90D4;
}



.smart-style-2 .btn-success {
	background-color: #96bf48;
	border-color: #84A83E;
}

.smart-style-2 .btn-success:hover, 
.smart-style-2 .btn-success:focus, 
.smart-style-2 .btn-success:active, 
.smart-style-2 .btn-success.active, 
.smart-style-2 .open .dropdown-toggle.btn-success {
	background-color: #89AD45;
	border-color: #78973B;
}

.smart-style-2 .btn-danger {
	background-color: #DB4A67;
	border-color: #CA4862;
}

.smart-style-2 .btn-danger:hover, 
.smart-style-2 .btn-danger:focus, 
.smart-style-2 .btn-danger:active, 
.smart-style-2 .btn-danger.active, 
.smart-style-2 .open .dropdown-toggle.btn-danger {
	background-color: #CF4762;
	border-color: #C0455E;
}


.smart-style-2 .btn-warning {
	background-color: #E2B14A;
	border-color: #C99D42;
}

.smart-style-2 .btn-warning:hover, 
.smart-style-2 .btn-warning:focus, 
.smart-style-2 .btn-warning:active, 
.smart-style-2 .btn-warning.active, 
.smart-style-2 .open .dropdown-toggle.btn-warning {
	background-color: #D6A848;
	border-color: #C09844;
}

.smart-style-2 .pagination>.active>a, 
.smart-style-2 .pagination>.active>span, 
.smart-style-2 .pagination>.active>a:hover, 
.smart-style-2 .pagination>.active>span:hover, 
.smart-style-2 .pagination>.active>a:focus, 
.smart-style-2 .pagination>.active>span:focus {
	background-color: #3b9ff3;
}

/*
 * MINIFIED
 */
.smart-style-2.minified .login-info a {
	margin-top: 4px;
}

.smart-style-2.minified #left-panel {
	padding:0 !important;
}

.smart-style-2.minified nav ul>li>a {
padding: 12px 11px;
}

.smart-style-2.minified nav>ul>li>ul, .smart-style-2.minified nav>ul>li>ul>li, .smart-style-2.minified nav>ul>li>ul>li>ul>li {
	background:#fff !important;
}

.smart-style-2.minified nav>ul>li {
	border-bottom: 1px solid #E6E6E6;
	border-top: 1px solid #FFFFFF;
}


.smart-style-2.minified nav>ul>li>a>i {
	font-size:18px !important;
}

.smart-style-2.minified .login-info span {
	padding:0;
}

.smart-style-2.minified .login-info {
	margin:0 !important;
}


.smart-style-2.minified nav ul li.active>a:before {
	height: 23px;
	right: -19px;
	top: 7px;
	font-size: 20px;
	color: #FFFFFF;
}

/*
 * COLOR PALLET
 */
.smart-style-2 .bg-color-red {
	background: #DB4A67 !important;
}

.smart-style-2 .bg-color-blue {
	background: #4387bf !important;
}

.smart-style-2 .smart-form .checkbox input:checked+i, 
.smart-style-2 .smart-form .radio input:checked+i, 
.smart-style-2 .smart-form .toggle input:checked+i {
	border-color: #3b9ff3;
}

.smart-style-2 .smart-form .toggle i:before {
background-color: #3b9ff3;
}

.smart-form .rating input+label:hover, 
.smart-form .rating input+label:hover~label {
	color: #3b9ff3;
}

.smart-style-2 .bg-color-greenLight {
	background-color: #89AD45 !important;
}

.smart-style-2 .bg-color-orange {
	background-color: #D6A848 !important;
}

.smart-style-2 .bg-color-teal {
	background-color: #5ba0a3 !important;
}

.smart-style-2 .minifyme {
	background: #D7DAE2;
	border-bottom: 1px solid #818181;
	color: #7E7E7E;
}

.smart-style-2  .minifyme:hover {
	color: #4E4E4E;
}

.smart-style-2 .onoffswitch-inner:before {
	background: #3b9ff3;
	border-color: #3b9ff3 #257DC7 #2A7DC4;
}

.smart-style-2 .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before {
	color: #84A83E;
}

/********************************************************************* STYLE 3 *************************************************************/

body.smart-style-3, .smart-style-3 body {
	background:#ffffff !important;
	font-family: Arial, sans-serif
}

.smart-style-3 #logo img {
	width: 125px;
	height: auto;
	padding-left: 3px;
	margin-top: -3px;
}

.smart-style-3 #header {
	background-color: #f78c40;
	background-image: -moz-linear-gradient(top, #f78c40, #d67632);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f78c40), to(#d67632));
	background-image: -webkit-linear-gradient(top, #f78c40, #d67632);
	background-image: -o-linear-gradient(top, #f78c40, #d67632);
	background-image: linear-gradient(to bottom, #f78c40, #d67632);
}

.smart-style-3 #ribbon {
	background: #fff;
} 

.smart-style-3 #ribbon .breadcrumb, .smart-style-3 #ribbon .breadcrumb a {
	color: #7C7C7C!important;
}

.smart-style-3 #ribbon .breadcrumb li:last-child, .smart-style-3 #ribbon .breadcrumb>.active {
color: #5F5F5F;
}

.smart-style-3.fixed-ribbon #ribbon {
	box-shadow: 0 .0625em .3125em rgba(0, 0, 0, .35);
}

.smart-style-3 .btn-header>:first-child>a,
.smart-style-3 #logo-group span#activity {
	background-color: #DD7C37;
	background-image: -moz-linear-gradient(top, #DD7C37, #B9662B);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B9662B), to(#B9662B));
	background-image: -webkit-linear-gradient(top, #DD7C37, #B9662B);
	background-image: -o-linear-gradient(top, #DD7C37, #B9662B);
	background-image: linear-gradient(to bottom, #DD7C37, #B9662B);
	color: #fff !important;
	border: 1px solid #f09d61;
	text-shadow: #985813 0 -1px;
} .smart-style-3 #hide-menu i {
	color: #fff !important;
}

.smart-style-3 .btn-header>:first-child>a:hover,
.smart-style-3 #logo-group span#activity:hover,
.smart-style-3 .btn-header>:first-child>a:active,
.smart-style-3 #logo-group span#activity:active {
	-webkit-box-shadow: inset 1px 1px 0px #985813,inset -1px -1px 0px #985813;
	-moz-box-shadow: inset 1px 1px 0px #985813,inset -1px -1px 0px #985813;
	box-shadow: inset 1px 1px 0px #985813,inset -1px -1px 0px #985813;
	background-color: #dd7a35;
	background-image: -moz-linear-gradient(top, #dd7a35, #984a13);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd7a35), to(#984a13));
	background-image: -webkit-linear-gradient(top, #dd7a35, #984a13);
	background-image: -o-linear-gradient(top, #dd7a35, #984a13);
	background-image: linear-gradient(to bottom, #dd7a35, #984a13);
}

.smart-style-3 #project-selector, 
.smart-style-3 #project-context>:first-child,
.smart-style-3 .header-dropdown-list>li>.dropdown-toggle {
	color:#fff;
	text-shadow: #985813 0 -1px;
}

.smart-style-3 .header-dropdown-list>li>.dropdown-toggle {
	display: block;
	background: rgba(0,0,0,0.2);
	padding: 2px 7px 3px;
	border-radius: 3px;
	margin-top: 14px;
}

.smart-style-3 .header-search>input[type=text] {
	border-color: #CA854F;
}

.smart-style-3 .header-search>button {
	color: #DF9B45;
}

.smart-style-3 aside {
	background: #f2f2f2;
	border-right:2px solid #ccc;
}

.smart-style-3 .login-info span {
	border-bottom:none;
}

.smart-style-3 .login-info a span {
	color: #444 !important;
}

.smart-style-3 .login-info {
	border-bottom: 1px solid #E2E2E2;
	background: #fff;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}

.smart-style-3 nav ul li a, .smart-style-3 nav ul li.open>a, .smart-style-3 nav ul li.open>a b {
	color: #444 !important;
}

.smart-style-3 nav>ul>li {
	background-color: #f2f2f2;
	background-image: -moz-linear-gradient(top, #f9f9f9, #f2f2f2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #f9f9f9, #f2f2f2);
	background-image: -o-linear-gradient(top, #f9f9f9, #f2f2f2);
	background-image: linear-gradient(to bottom, #f9f9f9, #f2f2f2);
	border-bottom: 1px solid #DFDFDF;
}

.smart-style-3 nav > ul > li.active>a:before {
	top: 10px !important;
}

.smart-style-3 nav>ul>li>a b {
	top: 12px;
}

.smart-style-3 nav ul li.active>a:before {
	top: 6px;
}

.smart-style-3 nav>ul>li.open {
	border-left: 4px solid #058dc7;
}

.smart-style-3 nav>ul>li > a{
	padding: 12px 10px 12px 11px;
	font-size: 13px;
}

.smart-style-3 nav>ul>li>a>i {
	color: #058dc7;
	font-size: 20px;
}

.smart-style-3 nav ul ul {
	background:none;
}

.smart-style-3 nav ul ul li>a {
	font-size: 13px;
}

.smart-style-3 nav ul li a:hover {
	background: rgba(0,0,0,.05) !important;
}

.smart-style-3 nav>ul>li.open > a {
	padding-left:7px;
}

.smart-style-3 nav>ul>li.open ul li>a {
	padding-left: 38px;
}

.smart-style-3 nav>ul ul li::before,
.smart-style-3 nav>ul>li>ul::before {
	border:none;
}


.smart-style-3  nav ul li.active>a {
	font-weight:bold;
}

.smart-style-3  nav ul li.active>a:before {
	color:#bbb;
}

.smart-style-3 .inbox-footer, 
.smart-style-3 .superbox-show {
	background:#3D3B39;
}

.smart-style-3 .superbox-list.active:before {
	color:#3D3B39;
}

.smart-style-3 nav>ul>li.open > ul > li > a {
	padding-left: 38px;
}

/*
 * MINIFIED
 */

.smart-style-3.minified nav>ul>li {
	border-bottom: 1px solid #E9E4E4;
	border-top: 1px solid #FFFFFF;
}

.smart-style-3.minified nav>ul>li>ul,
.smart-style-3.minified nav>ul>li>ul>li>ul>li {
	background-color: rgba(69,69,69,.9);
}

.smart-style-3.minified nav ul li a, 
.smart-style-3.minified nav ul li.open>a, 
.smart-style-3.minified nav ul li.open>a b {
	color:#fff !important;
}

.smart-style-3.minified nav>ul>li.open ul li>a {
	padding-left:14px;
}

.smart-style-3 .active+.ajax-dropdown {
	-webkit-box-shadow: 1px 14px 16px rgba(61, 35, 14, 0.55);
	box-shadow: 1px 14px 16px rgba(61, 35, 14, 0.55);
}

@media (max-width: 979px) {
	.smart-style-3 #content {
		padding-left: 5px;
		padding-right: 5px;
	}
	.smart-style-3 #ribbon {
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		border-radius:0px;
	}
}
.smart-style-3 .dropdown-menu>.active>a, 
.smart-style-3 .dropdown-menu>.active>a:hover,
.smart-style-3 .dropdown-menu>li>a:hover, 
.smart-style-3 .dropdown-menu>li>a:focus,
.smart-style-3 .tt-suggestion.tt-is-under-cursor {
	background-color: #EC9519;
	color: #fff;
}

.smart-style-3 .dropdown-menu>li>a {
	color: #4E361B;
}

.smart-style-3 .dropdown-menu {
	border-radius: 0;
	border-bottom: 2px solid #ADADAD;
	background: #FDDFB3;
}

.smart-style-3 .dropdown-menu .divider {
	background-color: #EBC7A6;
}

.smart-style-3 .dropdown-menu-large .dropdown-header {
	color: #5C391E;
}

.smart-style-3 .dropdown-menu-large>li ul>li>a:focus, 
.smart-style-3 .dropdown-menu-large>li ul>li>a:hover {
	border-radius:3px;
	background-color: #F1B686;
}

/*
 * FORMS
 */

.smart-style-3 input:not([type]), 
.smart-style-3 input[type="color"], 
.smart-style-3 input[type="email"], 
.smart-style-3 input[type="number"], 
.smart-style-3 input[type="password"], 
.smart-style-3 input[type="tel"], 
.smart-style-3 input[type="url"], 
.smart-style-3 input[type="text"],
.smart-style-3 textarea {
	border-top-color: #a3a3a3;
	border-left-color: #a3a3a3;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	-webkit-box-shadow: inset 0 1px 0 #d6d6d6;
	-moz-box-shadow: inset 0 1px 0 #d6d6d6;
	box-shadow: inset 0 1px 0 #d6d6d6;
	color: #000;
}

.smart-style-3 .has-warning .form-control {
	border-color: #c09853 !important;
}


.smart-style-3 .has-error .form-control {
	border-color: #b94a48 !important;
}

.smart-style-3 .has-success .form-control {
	border-color: #468847 !important;
}


.smart-style-3 .select2-container-multi .select2-choices .select2-search-field input, .smart-style-3 .tt-hint {
	box-shadow: none !important;
	border:none !important;
}

/*
 * Shortcut
 */

.smart-style-3 #shortcut {
	background-color: rgba(25, 16, 6, 0.85);
}

/*
 * alerts
 */

.smart-style-3 .bigBox span, .smart-style-3 .SmallBox span {
	letter-spacing:0px;
}


/********************************************************************* Skin-4 *************************************************************/


/* editor */
.status-editor {margin:0 0 5px 0;}
#editor-placeholder {display:none;}

.htmlarea {padding:4px 6px; border:1px solid #c2c2c2;  box-shadow: 0 0 3px #ccc; background:#fff; margin:0; cursor:text; min-height:3em; /*max-height:20em;*/ word-wrap:break-word; position:relative;}
.htmlarea .textarea-wrap {position:relative;}
.htmlarea .textarea-highlighter {position:relative; z-index:1; min-height:20px; padding:0 1px 0px; /*height:100%;*/ top:0; left:0; font-size:13px; white-space:pre-wrap; word-wrap:break-word; line-height:1.24; color:#fff;}
.htmlarea .textarea-highlighter span {background:#e5e5e5; color:#e5e5e5; white-space:pre-wrap;}
.htmlarea textarea {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; color:#666; font-size:13px; font-family:inherit; padding:0 0 1.5em; border:none; background:none; cursor:text; overflow:hidden; outline:none; word-wrap:break-word; line-height:1.24;}
.comments-editor .htmlarea textarea {font-size:11px;}
.comments-editor .htmlarea .textarea-highlighter {font-size:11px; min-height:17px;}
.htmlarea.focus textarea {color:#000;}
.htmlarea.focus {border:1px solid #7dbef1; box-shadow: 0 0 5px #ccc;}

.htmlarea-ac {position:relative; z-index:10;}
.htmlarea-ac-container {position:absolute; width:70%; z-index:50; left:0; top:0; display:none; background:#fff;}
.htmlarea-ac-container .htmlarea-ac-title {padding:3px 5px; font-weight:bold; font-style:italic; color:#6E6E6E; font-size:10px; border:1px solid #C2C2C2; border-top:none;}
.htmlarea-ac-container ul {list-style:none; margin:0; border:1px solid #C2C2C2; border-top:none;}
.htmlarea-ac-container ul li {border-bottom:1px solid #F5F5F5; cursor:pointer; display:block; width:100%;}
.htmlarea-ac-container ul li.hover {background:#e1e1e1;}
.htmlarea-ac-container ul li.selection {background:#e1e1e1;}
.htmlarea-ac-container ul li img {float:left; margin:2px 5px;}
.htmlarea-ac-container ul li span {float:left; margin:2px 0 0 0;}
.htmlarea-ac-container ul li span strong {background:#E1E1E1;}
.htmlarea-ac-container ul li.hover span strong, .htmlarea-ac-container ul li.selection span strong {background:#fff;}
/*\ editor */

/* attachments options */
.attachments-options {float:left; width:190px; margin:7px 0 0 0;}
.attachment-button {float:left; color:#7c7b7b; text-shadow:#fff 1px 1px 1px; display:inline-block; background-position:left center; background-repeat:no-repeat; margin:0 13px 0 0; position:relative; padding:0 0 0 18px; cursor:pointer; font-size:11px;}
.attachment-button:hover, .attachment-button.hover {color:#555;}
.attachment-button:hover .b_tooltip, .attachment-button.hover .b_tooltip {display:block; top:15px;}

.attachment-button.file {background-image:url(../images/icon-file-attachments.png);}
.attachment-button.link {background-image:url(../images/icon-link-attachments.png);}
.attachment-button.ac-btn {background-image:url(../images/icon-alias-attachments.png);}

.attachment-link-container {display:inline-block; position:relative; float:left;}
.attachments-options .attachment-link-field-container {background: url("../images/attachments-container-bkg.png") no-repeat left top; display:none; height:16px; left:-5px; padding:15px 11px 11px; position:absolute; top:10px; width:232px; z-index:5;}
.attachments-options .attachment-link-container.open .attachment-button {}
.attachments-options .attachment-link-container .add-link {float: right; height: 16px; line-height: 16px; margin: 0; padding: 0; text-align: center; width: 48px; border:1px solid #d9d9d9; background-color:#f3f3f3;}
.attachments-options .attachment-link-container .add-link:hover, .attachments-options .attachment-link-container .add-link.hover {background-color:#eaeaea; color:#7c7b7b;}
.attachments-options .attachment-link-container .add-link:active {box-shadow:inset 0 0 5px #cdcdcd;}
.attachments-options .attachment-link-field {border:1px solid #D7D7D7; float:left; height:16px; padding:0 2px; width:176px; font-size:10px; color:#666;}
.attachments-options .uploading {background:url("../images/loading-spin.gif") no-repeat center center; display:none; float:left; font-size:0; width:12px; height:12px; line-height:0; margin:0 0 0 5px; text-indent:-9999px;}
/*\ attachments options */

/* attachments */
.attachments {}

.attachments.uploads {display:none; border-bottom:1px solid #D9D9D9; padding:7px 0 0 0;}
.attachments.uploads .image-thumb {position:relative;}

.attachments.uploads .delete {position:absolute; width:16px; height:16px; right:2px; top:2px; z-index: 2; background:url("../images/icon-delete.png") no-repeat center center; cursor:pointer; font-size:0; margin:0 0 0 -1px; padding:0; text-indent:-9999px;}
.attachments.uploads .image-thumb .delete {background-color:#fff; border:1px solid #ddd;}

.attachments .images .image-thumb {display:inline-block; margin:0 5px 5px 0; border:1px solid #ddd; padding:2px; display:inline-block; position:relative;}
.attachments .images .image-thumb:hover {box-shadow:0 0 3px #bbb; border-color:#bbb;}
/*.attachments .images a img {height:160px;}*/

.attachments .files .container {position:relative;}
.attachments .files .file {margin:0 0 5px 0; font-size:11px;}

.attachments .image-thumb .play-icon {width:100%; height:60px; position:absolute; left:0; top:50%; margin:-30px 0 0 0; background:url(../images/play.png) no-repeat center top; z-index:1;}
.attachments .image-thumb:hover .play-icon {background:url(../images/play.png) no-repeat center bottom;}

.attachments .video-placeholder {width:460px; height:288px; display:none;}
.comments-thread-container .attachments .video-placeholder {width:320px; height:200px;}

.attachments .thumb {float:left; margin:0 0 0 5px;}

.attachments .links .container {position:relative; margin:0 0 6px 0; background:#FAFAFA; border:1px solid #ddd; border-radius:2px; box-shadow:0 0 2px #ddd; max-width:580px; padding:8px;}
.attachments.uploads .links .container {/*padding:0 25px 0 0;*/}
.attachments.uploads .links .container:hover {background:#f5f5f5;}
.attachments .links .content {margin: 0 0 0 100px;}
.comments-thread-container .attachments .links .content {margin: 0 0 0 90px;}
.attachments .links .content.text-info {margin:0;}
.attachments .links .content span {color:#666; display:block; font-size:11px; line-height:1.2; margin:0 0 5px; word-wrap:break-word;}
.attachments .links .content .link-title {font-size:11px; display:inline-block; word-wrap:break-word; max-width:100%;}

.attachments .links .single-thumb {float:left; width:90px; margin:0; padding:0; list-style:none;}
.attachments .links .single-thumb img {width:90px;}
.comments-thread-container .attachments .links .single-thumb {width:80px;}
.comments-thread-container .attachments .links .single-thumb img {width:80px;}

.attachments .links .container .jcarousel-container {position:relative; margin:0; float:left;}

.link-page-container .link-page-content.text-info {margin:0;}
.link-page-container .link-page-content a {font-weight:bold; display:block;}
.link-page-container .link-page-content span {display:block; margin:5px 0 0 0;}

.attachments .links .container .jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative; height:60px; width:80px;}
.attachments .links .container .jcarousel-list {z-index:1; overflow:visible; position:relative; top:0; left:0; margin:0; padding:0; width:2000px !important; height:60px;}
#center-container ol.comments-thread ul.jcarousel-list {padding:0 !important;}
.attachments .links .container .jcarousel-list li, .link-page-container .jcarousel-item {float:left; list-style:none; width:80px; height:60px; background:#fff; position:relative;}
.status-editor .attachments .links .container .jcarousel-list li, .status-editor .attachments .links .container .jcarousel-item {width:90px; height:68px;}
.attachments .links .container .jcarousel-next {z-index:3; display:none;}
.attachments .links .container .jcarousel-prev {z-index:3; display:none;}
.attachments .links .container .jcarousel-container-horizontal {width:80px; /*padding:0 2px; /*z-index:96;*/}
.attachments .links .container .jcarousel-container-vertical {width:80px; height:60px; /*padding:40px 20px;*/}
.attachments .links .container .jcarousel-clip-horizontal {width:80px; height:60px; /*z-index:97;*/}
.attachments .links .container .jcarousel-clip-vertical {width:80px; height:60px;}
.attachments .links .container .jcarousel-item {width:80px; height:60px;}
.attachments .links .container .jcarousel-item-horizontal {/*margin-right:10px;*/ margin:0 1px 0 0; /*z-index: 99;*/}
.attachments .links .container .jcarousel-item-vertical {margin-bottom:10px;}
.attachments .links .container .jcarousel-item-placeholder {background:#fff; color:#000;}

.jcarousel-item img {width:80px;}
.status-editor .jcarousel-item img {width:90px;}

.status-editor .attachments .links .container .jcarousel-container-horizontal {width:90px;}
.status-editor .attachments .links .container .jcarousel-container-vertical {width:90px; height:68px;}
.status-editor .attachments .links .container .jcarousel-clip-horizontal {width:90px; height:68px;}
.status-editor .attachments .links .container .jcarousel-clip-vertical {width:90px; height:68px;}
.status-editor .attachments .links .container .jcarousel-item {width:90px; height:68px;}
.status-editor .attachments .links .container .jcarousel-item-horizontal {margin:0 1px 0 0;}
.status-editor .attachments .links .container .jcarousel-item-vertical {margin-bottom:10px;}
.status-editor .attachments .links .container .jcarousel-item-placeholder {background:#fff; color:#000;}

.client-form .google-button {background:url(../images/google-connect_300.png) no-repeat; width: 330px; height: 75px; display: block; }

.dataTable tbody .shown .details-control:before {
    content: "\f056";
    color: #a90329;
}
.dataTable tbody .details-control:before {
    font-family: FontAwesome;
    content: "\f055";
    font-size: 1.4em;
    color: #739e73;
}

/*
		 * PROGRESS BARS
		 */
.widget-toolbar .progress {
  width: 130px;
  margin: 7px 0 0 0;
  height: 18px !important;
  font-size: 12px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
  -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #d1d1d1 inset;
}
.widget-toolbar .progress-bar {
  font-size: 12px;
}
/*
		 * PAGINATION
		 */
.widget-toolbar .pagination {
  margin: 4px 0;
}
.widget-toolbar .pagination > li > a {
  padding: 2px 7px;
}

/*
 * PROGRESS BARS
 */
.progress-micro {
  height: 3px !important;
  line-height: 3px !important;
}
.progress-xs {
  height: 7px !important;
  line-height: 7px !important;
}
.progress-sm {
  height: 14px !important;
  line-height: 14px !important;
}
.progress-lg {
  height: 30px !important;
  line-height: 30px !important;
}
.progress .progress-bar {
  position: absolute;
  overflow: hidden;
  line-height: 20px;
}
.progress .progressbar-back-text {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.progress .progressbar-front-text {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.progress.right .progress-bar {
  right: 0;
}
.progress.right .progressbar-front-text {
  position: absolute;
  right: 0;
}
.progress.vertical {
  width: 25px;
  height: 100%;
  min-height: 150px;
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 0px;
}
.progress.wide-bar {
  width: 40px;
}
.progress.vertical.bottom {
  position: relative;
}
.progress.vertical.bottom .progressbar-front-text {
  position: absolute;
  bottom: 0;
}
.progress.vertical .progress-bar {
  width: 100%;
  height: 0;
  -webkit-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
.progress.vertical.bottom .progress-bar {
  position: absolute;
  bottom: 0;
}
.progress {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  height: 22px;
  background: #eeeeee;
  box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;
  -webkit-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;
  -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 11px;
  color: #ffffff;
  text-align: center;
  background-color: #57889c;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: url('../images/pattern/overlay-pattern.png');
}
.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-danger {
  background-color: #a90329;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-success {
  background-color: #739e73;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #c79121;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #57889c;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-info .bar,
.progress .bar-info {
  background: #57889c;
}
.vertical-bars {
  padding: 0;
  margin: 0;
}
.vertical-bars:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.vertical-bars li {
  padding: 14px 0;
  width: 25%;
  display: block;
  float: left;
  text-align: center;
}
.vertical-bars li:first-child {
  border-left: none;
}
.vertical-bars > li > .progress.vertical:first-child {
  margin-left: auto;
}
.vertical-bars > li > .progress.vertical {
  margin: 0 auto;
  float: none;
}
/*
 * BAR HOLDER
 */
.bar-holder:first-child {
  border-top: none;
}
.bar-holder {
  padding: 18px 15px;
}
.bar-holder .progress {
  margin: 0;
}
/* progress bar colors */
[data-progressbar-value] {
  margin-top: 15px !important;
  overflow: visible;
  margin-bottom: 0px;
}
.dataTable [data-progressbar-value] {
  min-width: 70px;
}
[data-progressbar-value="100"]:before,
[data-progressbar-value="100"]:after,
[data-progressbar-value]:before,
[data-progressbar-value]:after {
  position: absolute;
  background: none;
  font-size: 11px;
  top: -12px;
}
[data-progressbar-value]:before {
  content: attr(data-progressbar-value);
  left: attr(data-progressbar-value) px;
}
[data-progressbar-value]:after {
  content: "%";
  left: 13px;
}
[data-progressbar-value="1"] > .progress-bar {
  width: 1%;
  background: #a90329;
}
[data-progressbar-value="2"] > .progress-bar {
  width: 2%;
  background: #a90329;
}
[data-progressbar-value="3"] > .progress-bar {
  width: 3%;
  background: #a90329;
}
[data-progressbar-value="4"] > .progress-bar {
  width: 4%;
  background: #a90329;
}
[data-progressbar-value="5"] > .progress-bar {
  width: 5%;
  background: #a90329;
}
[data-progressbar-value="6"] > .progress-bar {
  width: 6%;
  background: #a90329;
}
[data-progressbar-value="7"] > .progress-bar {
  width: 7%;
  background: #a90329;
}
[data-progressbar-value="8"] > .progress-bar {
  width: 8%;
  background: #a90329;
}
[data-progressbar-value="9"] > .progress-bar {
  width: 9%;
  background: #a90329;
}
[data-progressbar-value="10"] > .progress-bar {
  width: 10%;
  background: #db0435;
}
[data-progressbar-value="11"] > .progress-bar {
  width: 11%;
  background: #c79121;
}
[data-progressbar-value="12"] > .progress-bar {
  width: 12%;
  background: #c79121;
}
[data-progressbar-value="13"] > .progress-bar {
  width: 13%;
  background: #c79121;
}
[data-progressbar-value="14"] > .progress-bar {
  width: 14%;
  background: #c79121;
}
[data-progressbar-value="15"] > .progress-bar {
  width: 15%;
  background: #c79121;
}
[data-progressbar-value="16"] > .progress-bar {
  width: 16%;
  background: #c79121;
}
[data-progressbar-value="17"] > .progress-bar {
  width: 17%;
  background: #c79121;
}
[data-progressbar-value="18"] > .progress-bar {
  width: 18%;
  background: #c79121;
}
[data-progressbar-value="19"] > .progress-bar {
  width: 19%;
  background: #c79121;
}
[data-progressbar-value="20"] > .progress-bar {
  width: 20%;
  background: #c79121;
}
[data-progressbar-value="21"] > .progress-bar {
  width: 21%;
  background: #c79121;
}
[data-progressbar-value="22"] > .progress-bar {
  width: 22%;
  background: #c79121;
}
[data-progressbar-value="23"] > .progress-bar {
  width: 23%;
  background: #c79121;
}
[data-progressbar-value="24"] > .progress-bar {
  width: 24%;
  background: #c79121;
}
[data-progressbar-value="25"] > .progress-bar {
  width: 25%;
  background: #c79121;
}
[data-progressbar-value="26"] > .progress-bar {
  width: 26%;
  background: #c79121;
}
[data-progressbar-value="27"] > .progress-bar {
  width: 27%;
  background: #c79121;
}
[data-progressbar-value="28"] > .progress-bar {
  width: 28%;
  background: #c79121;
}
[data-progressbar-value="29"] > .progress-bar {
  width: 29%;
  background: #c79121;
}
[data-progressbar-value="30"] > .progress-bar {
  width: 30%;
  background: #c79121;
}
[data-progressbar-value="31"] > .progress-bar {
  width: 31%;
  background: #c79121;
}
[data-progressbar-value="32"] > .progress-bar {
  width: 32%;
  background: #c79121;
}
[data-progressbar-value="33"] > .progress-bar {
  width: 33%;
  background: #c79121;
}
[data-progressbar-value="34"] > .progress-bar {
  width: 34%;
  background: #c79121;
}
[data-progressbar-value="35"] > .progress-bar {
  width: 35%;
  background: #c79121;
}
[data-progressbar-value="36"] > .progress-bar {
  width: 36%;
  background: #c79121;
}
[data-progressbar-value="37"] > .progress-bar {
  width: 37%;
  background: #c79121;
}
[data-progressbar-value="38"] > .progress-bar {
  width: 38%;
  background: #c79121;
}
[data-progressbar-value="39"] > .progress-bar {
  width: 39%;
  background: #c79121;
}
[data-progressbar-value="40"] > .progress-bar {
  width: 40%;
  background: #c79121;
}
[data-progressbar-value="41"] > .progress-bar {
  width: 41%;
  background: #404040;
}
[data-progressbar-value="42"] > .progress-bar {
  width: 42%;
  background: #404040;
}
[data-progressbar-value="43"] > .progress-bar {
  width: 43%;
  background: #404040;
}
[data-progressbar-value="44"] > .progress-bar {
  width: 44%;
  background: #404040;
}
[data-progressbar-value="45"] > .progress-bar {
  width: 45%;
  background: #404040;
}
[data-progressbar-value="46"] > .progress-bar {
  width: 46%;
  background: #404040;
}
[data-progressbar-value="47"] > .progress-bar {
  width: 47%;
  background: #404040;
}
[data-progressbar-value="48"] > .progress-bar {
  width: 48%;
  background: #404040;
}
[data-progressbar-value="49"] > .progress-bar {
  width: 49%;
  background: #404040;
}
[data-progressbar-value="50"] > .progress-bar {
  width: 50%;
  background: #404040;
}
[data-progressbar-value="51"] > .progress-bar {
  width: 51%;
  background: #404040;
}
[data-progressbar-value="52"] > .progress-bar {
  width: 52%;
  background: #404040;
}
[data-progressbar-value="53"] > .progress-bar {
  width: 53%;
  background: #404040;
}
[data-progressbar-value="54"] > .progress-bar {
  width: 54%;
  background: #404040;
}
[data-progressbar-value="55"] > .progress-bar {
  width: 55%;
  background: #404040;
}
[data-progressbar-value="56"] > .progress-bar {
  width: 56%;
  background: #404040;
}
[data-progressbar-value="57"] > .progress-bar {
  width: 57%;
  background: #404040;
}
[data-progressbar-value="58"] > .progress-bar {
  width: 58%;
  background: #404040;
}
[data-progressbar-value="59"] > .progress-bar {
  width: 59%;
  background: #404040;
}
[data-progressbar-value="60"] > .progress-bar {
  width: 60%;
  background: #404040;
}
[data-progressbar-value="61"] > .progress-bar {
  width: 61%;
  background: #3276b1;
}
[data-progressbar-value="62"] > .progress-bar {
  width: 62%;
  background: #3276b1;
}
[data-progressbar-value="63"] > .progress-bar {
  width: 63%;
  background: #3276b1;
}
[data-progressbar-value="64"] > .progress-bar {
  width: 64%;
  background: #404040;
}
[data-progressbar-value="65"] > .progress-bar {
  width: 65%;
  background: #3276b1;
}
[data-progressbar-value="66"] > .progress-bar {
  width: 66%;
  background: #3276b1;
}
[data-progressbar-value="67"] > .progress-bar {
  width: 67%;
  background: #3276b1;
}
[data-progressbar-value="68"] > .progress-bar {
  width: 68%;
  background: #3276b1;
}
[data-progressbar-value="69"] > .progress-bar {
  width: 69%;
  background: #3276b1;
}
[data-progressbar-value="70"] > .progress-bar {
  width: 70%;
  background: #3276b1;
}
[data-progressbar-value="71"] > .progress-bar {
  width: 71%;
  background: #3276b1;
}
[data-progressbar-value="72"] > .progress-bar {
  width: 72%;
  background: #3276b1;
}
[data-progressbar-value="73"] > .progress-bar {
  width: 73%;
  background: #3276b1;
}
[data-progressbar-value="74"] > .progress-bar {
  width: 74%;
  background: #3276b1;
}
[data-progressbar-value="75"] > .progress-bar {
  width: 75%;
  background: #3276b1;
}
[data-progressbar-value="76"] > .progress-bar {
  width: 76%;
  background: #3276b1;
}
[data-progressbar-value="77"] > .progress-bar {
  width: 77%;
  background: #3276b1;
}
[data-progressbar-value="78"] > .progress-bar {
  width: 78%;
  background: #3276b1;
}
[data-progressbar-value="79"] > .progress-bar {
  width: 79%;
  background: #3276b1;
}
[data-progressbar-value="80"] > .progress-bar {
  width: 80%;
  background: #3276b1;
}
[data-progressbar-value="81"] > .progress-bar {
  width: 81%;
  background: #a0bda0;
}
[data-progressbar-value="82"] > .progress-bar {
  width: 82%;
  background: #a0bda0;
}
[data-progressbar-value="83"] > .progress-bar {
  width: 83%;
  background: #a0bda0;
}
[data-progressbar-value="84"] > .progress-bar {
  width: 84%;
  background: #9dbb9d;
}
[data-progressbar-value="85"] > .progress-bar {
  width: 85%;
  background: #9dbb9d;
}
[data-progressbar-value="86"] > .progress-bar {
  width: 86%;
  background: #9dbb9d;
}
[data-progressbar-value="87"] > .progress-bar {
  width: 87%;
  background: #97b797;
}
[data-progressbar-value="88"] > .progress-bar {
  width: 88%;
  background: #97b797;
}
[data-progressbar-value="89"] > .progress-bar {
  width: 89%;
  background: #91b391;
}
[data-progressbar-value="90"] > .progress-bar {
  width: 90%;
  background: #91b391;
}
[data-progressbar-value="91"] > .progress-bar {
  width: 91%;
  background: #91b391;
}
[data-progressbar-value="92"] > .progress-bar {
  width: 92%;
  background: #8eb18e;
}
[data-progressbar-value="93"] > .progress-bar {
  width: 93%;
  background: #8baf8b;
}
[data-progressbar-value="94"] > .progress-bar {
  width: 94%;
  background: #88ad88;
}
[data-progressbar-value="95"] > .progress-bar {
  width: 95%;
  background: #85ab85;
}
[data-progressbar-value="96"] > .progress-bar {
  width: 96%;
  background: #82a882;
}
[data-progressbar-value="97"] > .progress-bar {
  width: 97%;
  background: #7fa67f;
}
[data-progressbar-value="98"] > .progress-bar {
  width: 98%;
  background: #7ca47c;
}
[data-progressbar-value="99"] > .progress-bar {
  width: 99%;
  background: #79a279;
}
[data-progressbar-value="100"] > .progress-bar {
  width: 100%;
  background: #739e73;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
  background-image: none !important;
}
[data-progressbar-value="100"]:before {
  content: attr(data-progressbar-value);
  top: -12px;
  left: attr(data-progressbar-value) px;
}
[data-progressbar-value="100"]:after {
  content: "complete";
  left: auto;
  right: 0px;
  color: #739e73;
}
/* This issue relates to container + toggle menu with a result of overflow. */
html.hidden-menu-mobile-lock {
  overflow-x: hidden;
}
/*
 * No Padding
 */
.no-content-padding {
  margin: -10px -14px 0 -14px;
  /*used with content >:first-child */
}
.no-padding {
  padding: 0px !important;
}
.no-padding > pre {
  margin: 30px;
}
.no-padding  > table,
.no-padding .dataTables_wrapper table {
  border: none !important;
  margin-bottom: 0px !important;
  border-bottom-width: 0px !important;
}
.no-padding-bottom {
  padding-bottom: 0px !important;
}
.padding-5 {
  padding: 5px !important;
}
.padding-7 {
  padding: 7px !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-gutter {
  padding: 13px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-bottom-0 {
  padding-bottom: 0px !important;
}
.padding-top-0 {
  padding-top: 0px !important;
}
.no-padding  > table tr td:last-child,
.no-padding  > table tr th:last-child,
.no-padding .dataTables_wrapper table tr td:last-child,
.no-padding .dataTables_wrapper table tr th:last-child {
  border-right: none !important;
}
.no-padding  > table tr td:first-child,
.no-padding  > table tr th:first-child,
.no-padding .dataTables_wrapper table tr td:first-child,
.no-padding .dataTables_wrapper table tr th:first-child {
  border-left: none !important;
}
.no-padding .dataTables_wrapper table tbody tr:last-child td {
  border-bottom: 0;
}
/*
 * Font Weights
 */
.semi-bold {
  font-weight: 400 !important;
}
.ultra-light {
  font-weight: 300 !important;
}
/*
 * Font Sizes
 */
.font-xs {
  font-size: 85% !important;
}
.font-sm {
  font-size: 95% !important;
}
.font-md {
  font-size: 130% !important;
}
.font-lg {
  font-size: 160% !important;
}
.font-xl {
  font-size: 200% !important;
}
.font-400 {
  font-size: 400% !important;
}
/*
 * Margins
 */
.no-margin {
  margin: 0px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-top-0 {
  margin-top: 0px !important;
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}
/*
 * No border
 */
.no-border,
.well[class*=" bg-"].no-border {
  border-width: 0px !important;
}
.no-border-transparent {
  border-color: transparent !important;
}
.no-border-radius {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
/*
 * Inlines
 */
.display-inline {
  display: inline-block !important;
}
.display-normal {
  display: inline !important;
}
/*
 * CURSORS
 */
.cursor-pointer {
  cursor: pointer;
}
/*
 * Images
 */
.hover-transparent {
  opacity: .5;
}
.hover-transparent:hover {
  opacity: 1;
}
/*
 * Forced text alignments
 */
.text-align-center,
.text-center {
  text-align: center !important;
}
.text-align-left,
.text-left {
  text-align: left !important;
}
.text-align-right,
.text-right {
  text-align: right !important;
}
/*
 * HR
 */
hr.simple {
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: dashed;
}
/*
 * SHORT CUTS
 */
.pull-right {
  float: right !Important;
}
.pull-left {
  float: left !Important;
}
/*
 * Air fields
 * Description: absolute positioned objects
 */
.air {
  position: absolute;
  z-index: 5;
}
.air-bottom {
  bottom: 0px;
}
.air-top {
  top: 0px;
}
.air-top-right {
  top: 0px;
  right: 0px;
}
.air-top-left {
  top: 0px;
  left: 0px;
}
.air-bottom-left {
  bottom: 0px;
  left: 0px;
}
.air-bottom-right {
  bottom: 0px;
  right: 0px;
}
/*
 * Display none
 */
.display-none {
  display: none !important;
}
/*
 * Custom Radio and Input
 * SETUP
 */
.checkbox input[type="checkbox"].checkbox + span,
.checkbox-inline input[type="checkbox"].checkbox + span,
.radiobox-inline input[type="radio"].radiobox + span,
.radio input[type="radio"].radiobox + span {
  margin-left: -20px;
}
.form-inline .checkbox input[type="checkbox"].checkbox + span,
.form-inline .radiobox input[type="radio"].radiobox + span {
  margin-left: 0px;
}
.form-inline .checkbox,
.form-inline .radiobox {
  padding-left: 0px;
}
label input[type="radio"].radiobox + span,
input[type="checkbox"].checkbox + span {
  vertical-align: middle;
  line-height: 20px;
}
input[type="checkbox"].checkbox + span,
input[type="checkbox"].checkbox + span:after,
input[type="checkbox"].checkbox + span:before,
input[type="radio"].radiobox + span,
input[type="radio"].radiobox + span:after,
input[type="radio"].radiobox + span:before {
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
}
input[type="checkbox"].checkbox,
input[type="radio"].radiobox {
  visibility: hidden;
  position: absolute;
  z-index: 20;
  width: 18px;
  height: 18px;
}
label input[type="checkbox"].checkbox + span,
label input[type="radio"].radiobox + span {
  position: relative;
  z-index: 19;
  display: inline-block;
  margin: 0;
  line-height: 17px;
  min-height: 14px;
  min-width: 14px;
  margin-right: 5px;
}
label input[type="checkbox"].checkbox + span:hover,
label input[type="radio"].radiobox + span:hover {
  cursor: pointer;
}
label input[type="radio"].radiobox + span:before,
label input[type="checkbox"].checkbox + span:before {
  font-family: 'FontAwesome';
  font-size: 12px;
  border-radius: 0;
  content: "\a0";
  /* we use '\a0'; to simulate a non-breaking-space (http://milov.nl/7029) */
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 1px;
  height: 12px;
  line-height: 12px;
  min-width: 12px;
  margin-right: 5px;
  border: 1px solid #bfbfbf;
  background-color: #f4f4f4;
  font-weight: normal;
  margin-top: -1px;
}
/*
 * RADIO
 */
label input[type="radio"].radiobox + span:before {
  content: "\a0";
  /* we use '\a0'; to simulate a non-breaking-space (http://milov.nl/7029) */
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}
label input[type="radio"].radiobox:checked + span {
  font-weight: bold;
}
/* DEFAULT COLOR */
label input[type="radio"].radiobox:checked + span:before {
  content: "\f111";
  /* circle */
  color: #2E7BCC;
}
/* ORANGE COLOR */
label input[type="radio"].radiobox.style-3:checked + span:before {
  color: #a90329;
  border-color: #a90329;
}
/* CHROME COLOR */
label input[type="radio"].radiobox.style-2:checked + span:before {
  color: #66665e;
  border-color: #4d90fe;
  font-size: 9px;
}
label input[type="radio"].radiobox.style-2:checked + span {
  font-weight: normal;
}
/* Style 1 Radio */
label input[type="radio"].radiobox.style-1 + span:before {
  font-size: 9px;
  background: #ffffff;
  text-shadow: none;
  box-shadow: none !important;
  border-width: 1px;
  height: 13px;
  line-height: 13px;
  min-width: 13px;
}
label input[type="radio"].radiobox.style-1:checked + span:before {
  font-size: 10px;
  color: #333333;
  border-color: #333333;
  background: #ffffff;
}
label input[type="radio"].radiobox.style-1:checked + span {
  font-weight: normal;
}
/*
 * RADIO:HOVER & ACTIVE STATES
 */
/* DEFAULT:HOVER radio content --> 2022 */
label:hover input[type="radio"].radiobox + span:before,
label:hover input[type="radio"].radiobox:checked + span:before {
  color: #2E7BCC;
  border-color: #2E7BCC;
}
/* ORANGE:HOVER */
label:hover input[type="radio"].radiobox.style-3 + span:before,
label:hover input[type="radio"].radiobox.style-3:checked + span:before {
  color: #a90329;
  border-color: #a90329;
}
/* CHROME:HOVER */
label:hover input[type="radio"].radiobox.style-2:checked + span:before {
  color: #66665e;
  border-color: #4d90fe;
}
/* METRO:HOVER */
label:hover input[type="radio"].radiobox.style-1:checked + span:before {
  color: #333333;
  border-color: #333333;
  background: #ffffff;
}
label:hover input[type="radio"].radiobox.style-1 + span:before {
  color: #333333;
  border-color: #333333;
  background: #ffffff;
}
/* DEFAULT:ACTIVE */
label:active input[type="radio"].radiobox + span:before {
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
}
/*
 * RADIO:DISABLE STATES
 */
/* GLOBAL */
label input[type="radio"][disabled].radiobox + span,
label input[type="radio"][disabled].radiobox:checked + span,
label:hover input[type="radio"][disabled].radiobox:checked + span:before {
  color: #A7A7A7;
  cursor: not-allowed;
}
label input[type="radio"][disabled].radiobox:checked + span:before {
  content: "\f111";
}
label input[type="radio"][disabled].radiobox:checked + span:before,
label input[type="radio"][disabled].radiobox + span:before,
label:active input[type="radio"][disabled].radiobox:checked + span:before,
label:hover input[type="radio"][disabled].radiobox:checked + span:before {
  background: #eee !important;
  border-color: #CCC !important;
  box-shadow: none;
  color: #A7A7A7;
}
/*
 * CHECKBOX
 */
label input[type="checkbox"].checkbox + span:before {
  content: "\a0";
  /* we use '\a0'; to simulate a non-breaking-space (http://milov.nl/7029) */
}
label input[type="checkbox"].checkbox:checked + span:before {
  content: "\f00c";
}
label input[type="checkbox"].checkbox:checked + span {
  font-weight: bold;
}
/* DEFAULT COLOR */
label input[type="checkbox"].checkbox:checked + span:before {
  color: #2E7BCC;
}
/* RED COLOR */
label input[type="checkbox"].checkbox.style-3:checked + span:before {
  color: #ffffff;
  border-color: #a90329;
  background: #a90329;
}
/* CHROME */
label input[type="checkbox"].checkbox.style-2 + span:before {
  background: transparent;
  border-color: #c1c1c1;
  box-shadow: none;
}
label input[type="checkbox"].checkbox.style-2:checked + span:before {
  content: "\f00c";
  color: #66665e;
  border-color: #4d90fe;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #ffffff;
  /*#fefeec*/
}
label input[type="checkbox"].checkbox.style-2:checked + span {
  font-weight: normal;
}
/* METRO COLOR */
label input[type="checkbox"].checkbox.style-1 + span:before {
  color: #333333;
  background: #ffffff;
  text-shadow: none;
  box-shadow: none !important;
  border-width: 1px;
  height: 12px;
  line-height: 13px;
  min-width: 12px;
}
label input[type="checkbox"].checkbox.style-1:checked + span:before {
  color: #333333;
  border-color: #333333;
}
label input[type="checkbox"].checkbox.style-1:checked + span {
  font-weight: normal;
}
/*
 * CHECKBOX:HOVER & ACTIVE STATES
 */
label:active input[type="checkbox"].checkbox + span:before {
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
}
/* DEFAULT:HOVER */
label:hover input[type="checkbox"].checkbox + span:before {
  color: #2E7BCC;
  border-color: #2E7BCC;
}
/* RED:HOVER*/
label:hover input[type="checkbox"].checkbox.style-3 + span:before {
  color: #ffffff;
  border-color: #A90327;
}
/* CHROME:HOVER*/
label:hover input[type="checkbox"].checkbox.style-2 + span:before {
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}
label:hover input[type="checkbox"].checkbox.style-2:checked + span:before {
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
}
/* METRO:HOVER*/
label:hover input[type="checkbox"].checkbox.style-1 + span:before {
  border-color: #333333;
}
/* DEFAULT:ACTIVE */
label:active input[type="checkbox"].checkbox:checked + span:before {
  color: #ffffff;
  background: #2E7BCC;
  border-color: #2E7BCC;
}
/* RED:ACTIVE */
label:active input[type="checkbox"].checkbox.style-3:checked + span:before {
  color: #a90329;
  background: #ffffff;
  border-color: #a90329;
}
/* CHROME:ACTIVE */
label:active input[type="checkbox"].checkbox.style-2:checked + span:before {
  color: #66665e;
  background: transparent;
  border-color: #c1c1c1;
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
}
label:active input[type="checkbox"].checkbox.style-2 + span:before {
  color: #66665e;
  background: transparent;
  border-color: #c1c1c1;
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
}
/* METRO:ACTIVE */
label:active input[type="checkbox"].checkbox.style-1:checked + span:before {
  color: #ffffff;
  background: #333333;
  border-color: #333333;
}
/*
 * CHECKBOX:DISABLE STATES
 */
/* GLOBAL */
label input[type="checkbox"][disabled].checkbox + span,
label input[type="checkbox"][disabled].checkbox:checked + span,
label:hover input[type="checkbox"][disabled].checkbox:checked + span:before {
  color: #A7A7A7;
  cursor: not-allowed;
}
label input[type="checkbox"][disabled].checkbox:checked + span:before {
  content: "\f00c";
  color: #A7A7A7;
}
label input[type="checkbox"][disabled].checkbox.style-2:checked + span:before {
  content: "\f00c";
}
label input[type="checkbox"][disabled].checkbox:checked + span:before,
label input[type="checkbox"][disabled].checkbox + span:before,
label:active input[type="checkbox"][disabled].checkbox:checked + span:before,
label:hover input[type="checkbox"][disabled].checkbox:checked + span:before {
  background: #eee !important;
  border-color: #CCC !important;
  box-shadow: none;
  color: #A7A7A7;
  box-shadow: none !important;
}
/*
 * ANIMATED
 */
/* Navigation icon first level 
.desktop-detected nav > ul > li > a:hover i {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}

.desktop-detected nav > ul > li > a:hover i {
	-webkit-animation-duration: .7s;
	-moz-animation-duration: .7s;
	-o-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}*/
/* All dropdowns */
.open > .dropdown-menu {
  -webkit-animation-name: flipInX;
  -moz-animation-name: flipInX;
  -o-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: .4s;
  -moz-animation-duration: .4s;
  -o-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.active + .ajax-dropdown {
  -webkit-animation-name: flipInY;
  -moz-animation-name: flipInY;
  -o-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: .7s;
  -moz-animation-duration: .7s;
  -o-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*
	 * USED WITH DEMO
	 */
.square {
  display: block;
  float: left;
  margin-right: 10px;
  height: 20px;
  width: 20px;
}
.demo-btns {
    margin: 0;
    padding: 0;
    list-style: none;
}
.demo-btns>li {
    display: inline-block;
    margin-bottom: 7px;
}
/*
	 * RESET BOOTSTRAP DEFAULT IE FILTER
	 */
[class^="bg-"],
[class*=" bg-"] {
  filter: none !important;
}
/*
	 * TEXT COLOR
	 */
.txt-color-blue {
  color: #57889c !important;
}
.txt-color-blueLight {
  color: #92a2a8 !important;
}
.txt-color-blueDark {
  color: #4c4f53 !important;
}
.txt-color-green {
  color: #356e35 !important;
}
.txt-color-greenLight {
  color: #71843f !important;
}
.txt-color-greenDark {
  color: #496949 !important;
}
.txt-color-red {
  color: #a90329 !important;
}
.txt-color-yellow {
  color: #b09b5b !important;
}
.txt-color-orange {
  color: #b19a6b !important;
}
.txt-color-orangeDark {
  color: #a57225 !important;
}
.txt-color-pink {
  color: #ac5287 !important;
}
.txt-color-pinkDark {
  color: #a8829f !important;
}
.txt-color-purple {
  color: #6e587a !important;
}
.txt-color-darken {
  color: #404040 !important;
}
.txt-color-lighten {
  color: #d5e7ec !important;
}
.txt-color-white {
  color: #ffffff !important;
}
.txt-color-grayDark {
  color: #525252 !important;
}
.txt-color-magenta {
  color: #6e3671 !important;
}
.txt-color-teal {
  color: #568a89 !important;
}
.txt-color-redLight {
  color: #a65858 !important;
}
/*
	 * BACKGROUNDS
	 */
.bg-color-blue {
  background-color: #57889c !important;
}
.bg-color-blueLight {
  background-color: #92a2a8 !important;
}
.bg-color-blueDark {
  background-color: #4c4f53 !important;
}
.bg-color-green {
  background-color: #356e35 !important;
}
.bg-color-greenLight {
  background-color: #71843f !important;
}
.bg-color-greenDark {
  background-color: #496949 !important;
}
.bg-color-red {
  background-color: #a90329 !important;
}
.bg-color-yellow {
  background-color: #b09b5b !important;
}
.bg-color-orange {
  background-color: #c79121 !important;
}
.bg-color-orangeDark {
  background-color: #a57225 !important;
}
.bg-color-pink {
  background-color: #ac5287 !important;
}
.bg-color-pinkDark {
  background-color: #a8829f !important;
}
.bg-color-purple {
  background-color: #6e587a !important;
}
.bg-color-darken {
  background-color: #404040 !important;
}
.bg-color-lighten {
  background-color: #d5e7ec !important;
}
.bg-color-white {
  background-color: #ffffff !important;
}
.bg-color-grayDark {
  background-color: #525252 !important;
}
.bg-color-magenta {
  background-color: #6e3671 !important;
}
.bg-color-teal {
  background-color: #568a89 !important;
}
.bg-color-redLight {
  background-color: #a65858 !important;
}
/*
 * SmartAdmin Colorblind CSS
 * Description: This is an experimental CSS based on 
 * several design factors and pointers derived from
 * http://blog.templatemonster.com/2012/03/21/designing-colorblind-friendly-website/
 * 
 * While this may not be 100% accurate, but makes
 * SmartAdmin's components much more accessable
 * for the colorblind
 */
.colorblind-friendly .alert,
.colorblind-friendly .btn-primary {
  color: #FFFFFF;
}
.colorblind-friendly .btn:hover {
  background: #fff;
  color: #333;
  border-color: #333;
}
.colorblind-friendly .alert-danger,
.colorblind-friendly .btn-danger {
  background-image: url('../img/colorblind-friendly/pt1.png');
  border-color: #272727;
  background-color: #303030;
}
.colorblind-friendly .alert-success,
.colorblind-friendly .btn-success {
  background-image: url('../img/colorblind-friendly/pt2.png');
  border-color: #FF00EB;
  background-color: #1E5E00;
}
.colorblind-friendly .alert-warning,
.colorblind-friendly .btn-warning {
  background-image: url('../img/colorblind-friendly/pt3.png');
  border-color: #5F4415;
  background-color: #A07A00;
}
.colorblind-friendly .alert-info,
.colorblind-friendly .btn-info {
  border-color: #FF9900;
  background-color: #002E70;
}
/*
 * WIDGETs
 */
.colorblind-friendly .jarviswidget-ctrls .button-icon:hover {
  background-color: #333;
  color: #fff !important;
}
.colorblind-friendly .jarviswidget-color-blueDark .jarviswidget-ctrls .button-icon:hover,
.colorblind-friendly .jarviswidget-color-darken .jarviswidget-ctrls .button-icon:hover,
.colorblind-friendly .jarviswidget-color-blue .jarviswidget-ctrls .button-icon:hover {
  background-color: #fff;
  color: #333 !important;
}
.colorblind-friendly .jarviswidget {
  position: relative;
}
.colorblind-friendly .jarviswidget:hover:before {
  position: absolute;
  top: -3px;
  left: -5px;
  right: -5px;
  bottom: 0;
  border: 6px solid #333;
  visibility: visible;
  overflow: visible;
  height: 103%;
  z-index: 0;
  border-bottom-width: 10px;
}
/*
 * TABS
 */
.colorblind-friendly .nav > li:not(.active) > a:focus,
.colorblind-friendly .nav > li:not(.active) > a:hover {
  background-color: #303030;
  color: #fff !important;
}

.fixed-page-footer .page-footer {
  position: fixed;
  z-index: 901;
}
.minified .page-footer {
  padding-left: 58px;
}
.container.fixed-page-footer .page-footer {
  max-width: 1164px;
}
.hidden-menu .page-footer {
  padding-left: 20px;
}
/*
 * GENERAL MOBILE (Applies to all resolutions below 979px)
 */
@media (max-width: 979px) {
  /* mobile lock x-scroll for menu */
  html.hidden-menu-mobile-lock {
    overflow-x: hidden;
  }
  /* Force content to spread 100% */
  #main {
    width: 100% !important;
  }
  /* Footer */
  .page-footer {
    padding: 15px 14px 0;
  }
  /* Profile Page */
  .profile-pic > img {
    width: 110px;
  }
  /* Profile Page */
  .profile-pic {
    float: left;
  }
  .profile-pic > img {
    margin-right: 10px;
  }
  .profile-pic + div,
  .profile-pic + div + div {
    padding-left: 30px;
    padding-right: 30px;
  }
  /* added new class per version 1.3 
	html, body {
		overflow-x: hidden !important;
	}*/
  #fullscreen > :first-child > a {
    display: none !important;
  }
  body.container {
    border: none !important;
    width: 100% !important;
  }
  .inbox-data-message > :first-child {
    height: 50px;
    overflow: hidden;
  }
  .show-stats .show-stat-buttons > :first-child {
    padding-right: 13px;
  }
  .show-stats .show-stat-buttons > :last-child {
    padding-left: 13px;
  }
  .inbox-checkbox-triggered > .btn-group .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .inbox-body .table-wrap {
    padding: 0px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .inbox-nav-bar {
    padding-left: 5px;
    padding-right: 5px;
  }
  .inbox-data-message > :first-child > :first-child {
    display: block !important;
    font-size: 14px;
  }
  .inbox-table-icon > :first-child {
    margin-top: 12px;
  }
  #inbox-table .inbox-table-icon {
    padding-left: 10px !important;
  }
  /* search header */
  .header-search.pull-right {
    margin-left: 0px;
  }
  /* Visibility */
  .visible-tablet {
    display: inline-block !important;
  }
  .hidden-tablet,
  .display-inline.hidden-tablet {
    display: none !important;
  }
  .jarviswidget header h2 {
    width: 310px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  /* dropzone image fix */
  .dropzone .dz-default.dz-message {
    background-size: 100%;
    width: 200px;
    height: 43px;
    margin-left: -112px;
    margin-top: -23.5px;
  }
}
/* MOBILE LAYOUT STARTS HERE */
/*
 * IPAD HORIZONTAL
 */
@media (min-width: 768px) and (max-width: 979px) {
  #main::after {
    /*content: "IPAD HORIZONTAL";*/
  }
  #main {
    margin-left: 0;
  }
  #left-panel {
    left: -220px;
  }
  /* minified adjustment counter */
  .minified #left-panel {
    left: 0px;
  }
  /* responsive menu button */
  #hide-menu > :first-child > a {
    margin-top: 9px;
    width: 40px;
  }
  .btn-header a {
    margin-top: 9px !important;
    width: 40px !important;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 100%;
  }
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 220px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0px;
  }
  .jarviswidget header h2 {
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  /*
	 * Header search
	 */
  .header-search > input[type="text"] {
    margin-top: 9px;
  }
}
/*
 * IPAD VERTICAL
 */
@media (min-width: 768px) and (max-width: 880px) {
  #main::after {
    /*content: "IPAD VERTICAL";*/
  }
  #main {
    margin-left: 0;
    overflow-x: hidden;
  }
  #left-panel {
    left: -220px;
  }
  .no-content-padding {
    margin: 0 -14px !important;
  }
  .inbox-nav-bar.no-content-padding {
    margin-top: -10px !important;
  }
  /* minified adjustment counter */
  .minified #left-panel {
    left: 0px;
  }
  /* responsive menu button */
  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #logo {
    margin-top: 10px;
  }
  #logo img {
    width: 127px;
  }
  /* transparent header button */
  .btn-header.transparent a {
    border: none !important;
    background: none;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0px;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 220px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0px;
  }
  .jarviswidget header h2 {
    width: 180px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  /*
	 * Header search
	 */
  .header-search > input[type="text"] {
    margin-top: 9px;
  }
}
/*
 * OTHER DEVICES
 */
@media (max-width: 767px) {
  /* Profile Page */
  .profile-pic > img {
    width: 100px;
  }
  #main::after {
    /*content: "OTHER DEVICES";*/
  }
  #main {
    margin-left: 0px;
    overflow-x: hidden;
  }
  #left-panel {
    left: -220px;
  }
  /* dashboard microcharts */
  .show-stat-microcharts > div {
    margin-top: 0px !important;
    border-right: none !important;
  }
  .show-stat-buttons {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  /* padding adjustment */
  #content,
  #ribbon {
    padding-left: 5px;
    padding-right: 5px;
  }
  #header {
    padding-right: 5px;
  }
  #logo {
    margin-left: 4px;
  }
  .no-content-padding {
    margin: 0 -5px !important;
  }
  .inbox-nav-bar.no-content-padding {
    margin-top: -10px !important;
  }
  /* minified adjustment counter */
  .minified #left-panel {
    left: 0px;
  }
  /* transparent header button */
  .btn-header.transparent a {
    border: none !important;
    background: none;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
  /* responsive menu button */
  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #hide-menu > :first-child > a {
    width: 50px !important;
  }
  #logo {
    margin-top: 10px;
  }
  #logo img {
    width: 127px;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0px;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 220px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0px;
  }
  /*.fixed-navigation #left-panel {
		position:absolute !important;
	}*/
  body.fixed-navigation.hidden-menu {
    overflow: hidden !important;
  }
  /*
	 * fixed ribbon
	 */
  .fixed-ribbon #content {
    padding-top: 52px;
  }
  /*
	 * header search
	 */
  .header-search {
    display: none;
  }
  #search-mobile {
    display: block;
  }
  .search-mobile .header-search {
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 49px;
    background: #333;
    padding: 0 2px;
    box-sizing: border-box;
    left: 0px;
  }
  .search-mobile .header-search > input[type="text"] {
    margin-top: 2px;
    height: 45px;
    border-color: #333;
    padding-right: 75px;
  }
  .search-mobile .header-search > button {
    height: 29px;
    line-height: 29px;
    background: #DDDDDD;
  }
  .search-mobile .header-search > button {
    right: 44px;
  }
  .search-mobile #search-mobile {
    display: none;
  }
  .search-mobile #cancel-search-js {
    display: block;
  }
  .jarviswidget header h2 {
    width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
/*
 * ANDROID
 */
@media only screen and (min-width: 0px) and (max-width: 679px) {
  /* Profile Page */
  .profile-pic > img {
    width: 90px;
  }
  #main::after {
    /*content: "ANDROID";*/
  }
  #main {
    margin-left: 0;
    overflow-x: hidden;
  }
  #left-panel {
    left: -220px;
  }
  /* dashboard microcharts */
  .show-stat-microcharts > div {
    margin-top: 0px !important;
    border-right: none !important;
  }
  .show-stat-buttons {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  /* padding adjustment */
  #content,
  #ribbon {
    padding-left: 5px;
    padding-right: 5px;
  }
  #header {
    padding-right: 5px;
  }
  #logo {
    margin-left: 4px;
  }
  .no-content-padding {
    margin: 0 -5px !important;
  }
  .inbox-nav-bar.no-content-padding {
    margin-top: -10px !important;
  }
  /* minified adjustment counter */
  .minified #left-panel {
    left: 0px;
  }
  /* header color altered and adjusted for mobile view & contrast */
  #header {
    background: #ffffff;
  }
  #ribbon {
    border-bottom: 1px solid #CFCFCF;
    border-top: 1px solid #E6E6E6;
    background: #F5F5F5;
  }
  #ribbon .breadcrumb a,
  #ribbon .breadcrumb {
    color: #6D6C6C !important;
  }
  #ribbon .breadcrumb > .active,
  #ribbon .breadcrumb li:last-child {
    color: #333 !important;
  }
  /* responsive menu button */
  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #hide-menu > :first-child > a {
    width: 50px !important;
  }
  #logo {
    margin-top: 10px;
  }
  #logo img {
    width: 127px;
  }
  /* transparent header button */
  .btn-header.transparent a {
    border: none !important;
    background: none;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
  /* menu btn cont... */
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 220px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0px;
  }
  /*
	 * header search
	 */
  .header-search {
    display: none;
  }
  #search-mobile {
    display: block;
  }
  .search-mobile .header-search {
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 49px;
    background: #333;
    padding: 0 2px;
    box-sizing: border-box;
    left: 0px;
  }
  .search-mobile .header-search > input[type="text"] {
    margin-top: 2px;
    height: 45px;
    border-color: #333;
    padding-right: 75px;
  }
  .search-mobile .header-search > button {
    height: 29px;
    line-height: 29px;
    background: #DDDDDD;
  }
  .search-mobile .header-search > button {
    right: 44px;
  }
  .search-mobile #search-mobile {
    display: none;
  }
  .search-mobile #cancel-search-js {
    display: block;
  }
  .hidden-tablet {
    display: none !important;
  }
  .jarviswidget header h2 {
    width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
/*
 * IPHONE
 */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  /* Hide headings on phones as its not needed*/
  .page-title {
    display: none;
  }
  /* Profile Page */
  .profile-pic {
    text-align: left;
  }
  .profile-pic > img {
    width: 90px;
    margin-left: 0px;
    top: -25px;
    margin-right: 0px;
  }
  .profile-pic + div > h1 {
    font-size: 20px;
  }
  .profile-pic + div > h1 small {
    font-size: 16px;
  }
  .profile-carousel .carousel-indicators {
    top: 10px;
  }
  #main::after {
    /*content: "IPHONE";*/
  }
  #main {
    margin-left: 0;
    overflow-x: hidden;
  }
  #left-panel {
    left: -220px;
  }
  /* dashboard microcharts */
  .show-stat-microcharts > div {
    margin-top: 0px !important;
    border-right: none !important;
  }
  .show-stat-buttons {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  /* padding adjustment */
  #content,
  #ribbon {
    padding-left: 5px;
    padding-right: 5px;
  }
  #header {
    padding-right: 5px;
  }
  #logo {
    margin-left: 4px;
  }
  .no-content-padding {
    margin: 0 -5px !important;
  }
  .inbox-nav-bar.no-content-padding {
    margin-top: -10px !important;
  }
  /* minified adjustment counter */
  .minified #left-panel {
    left: 0px;
  }
  /* header color altered and adjusted for mobile view & contrast */
  #header {
    background: #ffffff;
  }
  #ribbon {
    border-bottom: 1px solid #CFCFCF;
    border-top: 1px solid #E6E6E6;
    background: #F5F5F5;
  }
  #ribbon .breadcrumb a,
  #ribbon .breadcrumb {
    color: #6D6C6C !important;
  }
  #ribbon .breadcrumb > .active,
  #ribbon .breadcrumb li:last-child {
    color: #333 !important;
  }
  /* lego width adjustment */
  #logo {
    width: 135px;
  }
  #logo-group {
    width: 169px !important;
  }
  /* spark line top */
  #sparks {
    text-align: center;
    background: #E0E0E0;
    padding: 10px 0;
    margin-bottom: 15px;
  }
  #sparks li {
    padding: 0 10px 0 20px;
  }
  /* responsive menu button */
  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #logo {
    margin-top: 10px;
  }
  #logo img {
    width: 127px;
  }
  /* transparent header button */
  .btn-header.transparent a {
    border: none !important;
    background: none;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
  #hide-menu > :first-child > a {
    width: 46px !important;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0px;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 220px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0px;
  }
  /* #*$^& Bootstrap 3 ! */
  .hidden-mobile {
    display: none !important;
  }
  .visible-mobile {
    display: inline-block !important;
  }
  /* activity panel */
  .ajax-notifications {
    height: 250px;
  }
  .ajax-dropdown {
    width: 299px;
    height: 320px;
    left: 0;
    top: 49px;
  }
  .ajax-dropdown:before {
    margin-left: -14px;
  }
  .ajax-dropdown:after {
    margin-left: -13px;
  }
  /*
	 * header search
	 */
  .header-search {
    display: none;
  }
  #search-mobile {
    display: block;
    margin-left: 0;
  }
  .search-mobile .header-search {
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 49px;
    background: #333;
    padding: 0 2px;
    box-sizing: border-box;
    left: 0px;
  }
  .search-mobile .header-search > input[type="text"] {
    margin-top: 2px;
    height: 45px;
    border-color: #333;
    padding-right: 75px;
  }
  .search-mobile .header-search > button {
    height: 29px;
    line-height: 29px;
    background: #DDDDDD;
  }
  .search-mobile .header-search > button {
    right: 44px;
  }
  .search-mobile #search-mobile {
    display: none;
  }
  .search-mobile #cancel-search-js {
    display: block;
  }
  /* widget headers width */
  .jarviswidget header h2 {
    width: 135px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
@-ms-viewport {
  
}
#extr-page #main {
  margin-top: 0px !important;
}
#mobile-profile-img {
  display: none !important;
  padding-right: 2px !important;
  padding-left: 2px !important;
}
.menu-on-top #mobile-profile-img {
  display: block !important;
}
#mobile-profile-img a.userdropdown img {
  width: 30px;
  margin-top: 5px;
  margin-left: 2px;
  border-radius: 3px;
  border: 1px solid #797979 !important;
}
.menu-on-top .page-footer {
  padding: 15px 13px 0;
}
.menu-on-top.hidden-menu #left-panel {
  left: 0px;
}
.menu-on-top #main {
  margin-left: 0px !important;
  margin-top: 69px !important;
}
.menu-on-top .minifyme,
.menu-on-top #hide-menu,
.menu-on-top #logout {
  display: none !important;
}
.menu-on-top aside#left-panel {
  width: 100% !important;
  min-height: 0 !important;
  height: auto;
  overflow: visible;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #222;
  border-top: 1px solid #333;
}
.menu-on-top aside#left-panel nav > ul {
  display: block;
  width: 100%;
}
.menu-on-top aside#left-panel nav > ul > li:first-child {
  margin-left: 0px;
}
.menu-on-top aside#left-panel nav > ul > li {
  display: block;
  position: relative;
  height: auto !important;
  padding: 0px !important;
  display: inline-block;
  float: left;
  border-right: 1px solid #222;
  border-left: 1px solid #4E4E4E;
  overflow: visible;
}
.menu-on-top aside#left-panel nav > ul > li > a {
  display: inline-block;
  height: 68px;
  line-height: 17px;
  text-shadow: none !important;
  font-size: 13px;
  text-decoration: none;
  line-height: 22px;
  padding: 10px 9px !important;
}
.menu-on-top li.active > a {
  font-weight: bold !important;
}
.menu-on-top .login-info,
.menu-on-top nav > ul > li > a b {
  display: none;
}
.menu-on-top aside#left-panel nav > ul > li > a > i {
  display: block !important;
  margin: 1px 0 4px;
  line-height: inherit;
  width: auto;
  /*vertical-align: sub;*/
  text-align: center;
  font-size: 24px;
  margin-bottom: 2px;
  width: 100%;
}
.menu-on-top .menu-item-parent {
  max-width: 72px;
  min-width: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 13px;
}
.menu-on-top .menu-item-parent + span {
  float: none !important;
  top: 5px;
  right: 5px;
  position: absolute;
}
.menu-on-top nav ul ul li a {
  padding-left: 10px !important;
  font-size: 13px;
}
/* Hover state */
.menu-on-top aside#left-panel nav > ul > li:hover {
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, #cfcfcf));
  background: -ms-linear-gradient(bottom, #ffffff, #cfcfcf);
  background: -moz-linear-gradient(center bottom, #ffffff 0%, #cfcfcf 100%);
  background: -o-linear-gradient(#cfcfcf, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#ffffff', GradientType=0);
}
.menu-on-top aside#left-panel nav > ul > li:hover > a {
  color: #333 !important;
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.menu-on-top aside#left-panel nav > ul > li > ul {
  position: absolute !important;
  background: #3a3633;
}
.menu-on-top aside#left-panel nav > ul > li:hover > ul {
  display: block !important;
}
.menu-on-top aside#left-panel nav ul li.active > a:before {
  content: "" !important;
}
.menu-on-top nav > ul ul li::before,
.menu-on-top nav > ul > li > ul::before {
  border: none;
}
/* hover state universal */
.menu-on-top nav ul ul li a,
.menu-on-top nav ul ul ul li a {
  color: #4C4F53;
}
.menu-on-top nav ul ul li a:hover,
.menu-on-top nav ul ul ul li a:hover {
  color: #fff;
  background-color: #4C4F53;
}
.menu-on-top nav ul ul li:hover > a {
  color: #fff;
  background-color: #4C4F53;
}
.menu-on-top nav > ul ul ul {
  border-top: 1px solid #c7c7c7 !important;
}
/* Hover state second level */
.menu-on-top nav ul ul li {
  overflow: visible;
}
.menu-on-top nav ul ul,
.menu-on-top nav ul ul ul {
  display: none !important;
  background: #ffffff !important;
  box-shadow: none;
  border: 1px solid #c7c7c7;
  -webkit-box-shadow: inset 0px -4px 0px 0px #bd2a2a;
  -moz-box-shadow: inset 0px -4px 0px 0px #bd2a2a;
  box-shadow: inset 0px -4px 0px 0px #bd2a2a;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-bottom: 1px solid #BD2A2A;
  border-top: none;
  width: 200px;
  border-radius: 0;
  padding: 3px;
  margin-left: 0px;
}
.menu-on-top nav > ul ul li:hover > ul {
  display: block !important;
  position: absolute;
  z-index: 999;
  left: 100%;
  top: -8px;
  background: #333;
}
/*
 * Child Arrow
 */
/* top level childs */
.menu-on-top nav > ul > li > a:after {
  content: "\f0dd" !important;
  top: 76% !important;
  color: #636363 !important;
  left: 46%;
}
/* next level childs */
.menu-on-top nav > ul > li > a:after,
.menu-on-top nav > ul ul > li a:after,
.menu-on-top nav ul ul li:hover > a:after,
.menu-on-top nav > ul ul > li a:hover:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
  display: block !important;
  position: absolute;
  top: 9px;
  right: 4px;
  color: #333;
}
.menu-on-top nav ul ul li:hover > a:after,
.menu-on-top nav > ul ul > li a:hover:after {
  color: #fff;
}
.menu-on-top nav > ul ul > li a:only-child:after,
.menu-on-top nav > ul > li > a:only-child:after {
  content: "" !important;
}
/*
 * Active Child
 */
.menu-on-top nav ul ul .active > a {
  color: #333 !important;
}
.menu-on-top nav ul ul .active > a:hover,
.menu-on-top nav ul ul li.active:hover > a {
  color: #fff !important;
}
/*
 * SLIMSCROLL CSS CHANGE
 */
.menu-on-top .slimScrollDiv,
.menu-on-top nav {
  overflow: visible !important;
}
/*
 * FIXED TOP HEADER
 */
body.menu-on-top.fixed-header {
  padding-top: 49px;
}
/*
 * FIXED TOP HEADER + NAV
 */
body.menu-on-top.fixed-header.fixed-navigation nav > ul {
  padding-right: 0px;
  /**/
  position: relative;
  /**/
  height: auto;
  /**/
  width: auto;
  /**/
  overflow: visible;
  /**/
}
/*
 * FIXED TOP HEADER + NAV + RIBBON
 */
body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon {
  left: 0px;
  top: 118px;
}
/*
 * RESPONSIVE
 */
/*
 * GENERAL MOBILE (Applies to all resolutions below 979px)
 */
@media (max-width: 979px) {
  .menu-on-top #mobile-profile-img a.userdropdown img {
    width: 39px;
    margin-top: 0px;
    margin-left: 2px;
    border-radius: 3px;
    margin-right: -3px;
  }
  .menu-on-top .btn-header.pull-right {
    margin-left: 0px !important;
  }
  .menu-on-top #main {
    margin-top: 0px !important;
  }
  .menu-on-top #left-panel {
    left: 0px;
    display: none;
  }
  body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon {
    top: 49px;
  }
  .menu-on-top.hidden-menu #left-panel {
    display: block;
  }
  .menu-on-top.hidden-menu #main {
    left: 0px !important;
  }
  .menu-on-top #hide-menu {
    display: block !important;
  }
  .menu-on-top aside#left-panel nav {
    height: 300px !important;
    overflow: scroll;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
  .menu-on-top .menu-item-parent {
    white-space: inherit;
    overflow: visible;
    text-overflow: inherit;
    text-align: left;
    min-width: 85%;
    max-width: 85%;
    padding-left: 5px;
  }
  .menu-on-top .menu-item-parent + span {
    top: 50%;
    margin-top: -8px;
  }
  .menu-on-top nav li.active > ul {
    display: block;
  }
  .menu-on-top nav > ul > li.active {
    background: #fff;
    background: -moz-linear-gradient(top, #cfcfcf 0, #ffffff 66%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfcfcf), color-stop(66%, #ffffff));
    background: -webkit-linear-gradient(top, #cfcfcf 0, #ffffff 66%);
    background: -o-linear-gradient(top, #cfcfcf 0, #ffffff 66%);
    background: -ms-linear-gradient(top, #cfcfcf 0, #ffffff 66%);
    background: linear-gradient(to bottom, #cfcfcf 0, #ffffff 66%);
  }
  .menu-on-top nav > ul > li.active > a {
    color: #333 !important;
  }
  .menu-on-top nav ul ul li:hover > a:after,
  .menu-on-top nav > ul ul > li a:after,
  .menu-on-top nav > ul ul > li a:hover:after,
  .menu-on-top nav > ul > li > a:after {
    top: 50%;
    right: 15px;
    font-size: 15px;
    margin-top: -8px;
    content: "\f0dd" !important;
  }
  .menu-on-top nav > ul ul > li a:only-child:after,
  .menu-on-top nav > ul > li > a:only-child:after {
    content: "" !important;
  }
  .menu-on-top nav > ul > li > a:after {
    top: 50% !important;
    left: auto;
    margin-top: -14px;
    font-size: 20px;
  }
  .menu-on-top nav ul ul,
  .menu-on-top nav ul ul ul {
    padding: 0px;
    border: none;
  }
  .menu-on-top nav ul ul ul {
    border-bottom: 2px solid #333;
  }
  .menu-on-top aside#left-panel nav > ul > li {
    width: 100%;
  }
  .menu-on-top aside#left-panel nav > ul > li > a {
    height: auto;
    display: block;
    padding: 8px 9px !important;
    border-bottom: 1px dotted #585858;
  }
  .menu-on-top nav > ul > li > ul > li > a,
  .menu-on-top nav > ul > li > ul > li > ul > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .menu-on-top aside#left-panel nav > ul > li > a > i {
    display: inline !important;
  }
  /* menu child */
  .menu-on-top aside#left-panel nav > ul li ul {
    position: relative !important;
    width: 100%;
    top: 0px;
    left: 0px;
  }
  .menu-on-top aside#left-panel nav > ul > li:active > ul,
  .menu-on-top aside#left-panel nav > ul > li:focus > ul {
    display: block !important;
  }
}
/*
 * Menu on top invisible
 * applying this class will make these elements invisible 
 * when menu on top is enabled
 */
.menu-on-top .top-menu-invisible {
  display: none !important;
}
.no-menu #left-panel,
.no-menu #hide-menu,
.no-menu #logout {
  display: none !important;
}
.no-menu #main {
  margin: 0px !important;
}
.no-menu #mobile-profile-img {
  display: block !important;
}
.no-menu #mobile-profile-img a.userdropdown img {
  width: 30px;
  margin-top: 5px;
  margin-left: 2px;
  border-radius: 3px;
  border: 1px solid #797979!important;
}
.project-members img {
    width: 25px;
    border-radius: 0;
}

.people-section .avatar{
	display: inline-block;
}

.people-section .details{
	display: inline-block;
}
.people-section .options-container{
	display: inline-block;
}

.btns {
    margin: 0;
    padding: 0;
    list-style: none;
}