html {
	overflow: auto;
}
body {
	background-color: white;
	background-image: none;
	overflow:hidden;
	/* background: url("../img/mybg.png"); */
}
 /* HEADER GROUP*/
a {
	outline:none !important;
}	
.bordered {
  border: 1px solid rgba(0, 0, 0, 0.2);
} 
#header {
  width: 100%;	
  display: block;
  height: 49px;
  position: relative;
  margin: 0;
  padding: 0 13px 0 0;
  background: #174267 url(../img/header-net.png) repeat-x; 
  background-repeat:repeat;
}
#header > div {
  display: inline-block;
  vertical-align: middle;
  height: 49px;
  float: left;
}
#header > div.open {
  font-weight: bold;
}
.fixed-header #header {
  position: fixed;
  width: 100%;
  z-index: 1099;
}
.fixed-footer #footer {
	position:fixed;
	bottom:0px;
}
.fixed-footer #footer .copyright {
	padding-right: 230px;
}
.minified.fixed-footer #footer .copyright {
	padding-right: 55px;
}
.hidden-menu.fixed-footer #footer .copyright {
	padding-right: 20px;
}
.fixed-footer .workplace {
	margin-bottom: 20px;
}
.container.fixed-header #header {
  max-width: 1164px;
}
.container #footer {
	position:relative;
	width:100%;
	border-top:0px;
	background: transparent !important;
}
.container #footer .copyright {
	padding-right: 10px;
}
.fixed-header #header .ajax-dropdown {
  z-index: 1000;
}
.fixed-header #shortcut {
  position: fixed;
}
.fixed-header #main {
  margin-top: 51px;
}
#logo-group > span {
  display: inline-block;
  height: 39px;
  float: left;
}
#logo-group span#activity {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: default !important;
  display: inline-block;
  font-weight: bold;
  height: 24px;
  width: 24px;
  padding: 2px;
  text-align: center;
  text-decoration: none !important;
  -moz-user-select: none;
  -webkit-user-select: none;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #9ea196;
  color: #c4bab6;
  font-size: 19px;
  margin: 10px 0 0 0;
  position: relative;
}
#logo-group span#activity:hover {
  border: 1px solid #bfbfbf;
  transition: all 0.0s;
  cursor: pointer !important;
  -webkit-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
}
#logo {
  display: inline-block;
  width: 175px;
  margin-top: 13px;
  margin-left: 9px;
}
#logo img {
  width: 110px;
  height: auto;
  padding-left: 3px;
}
#logo-group > span .badge {
  position: absolute;
  top: -5px;
  right: -5px;
  cursor: pointer;
  background: #0091d9;
  display: inline-block;
  font-size: 10px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  color: #ffffff;
  font-weight: bold;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  padding: 2px 4px 3px 4px;
  text-align: center;
  line-height: normal;
}
#activity.active .badge {
  background: #006fa6 !important;
}
#project-context {
  display: inline-block;
  padding: 7px 13px 0;
  position: relative;
}
#project-context > span {
  display: block;
}
#project-context > :first-child {
  display: block;
  color: #bfbfbf;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 0 1px white;
  padding-left: 0px;
  text-align: left;
}
#project-context > :only-child {
  padding-top: 9px;
}
#project-selector {
  max-width: 97%;
  white-space: nowrap;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  color: #555555;
  font-size: 14px;
  cursor: pointer;
}
#project-selector:hover {
  color: #333333;
}
.header-search {
  position: relative;
}
.header-search.pull-right {
  margin-left: 6px;
}
.header-search > input[type="text"] {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  min-width: 200px;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  border-color: #bfbfbf;
  background: #ffffff;
  color: #404040;
  appearance: normal;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin-top: 10px;
  line-height: normal;
}
.header-search > button {
  background: none;
  border: none;
  color: #6D6A69;
  font-size: 17px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0px;
  top: 10px;
  width: 30px;
  z-index: 2;
}
#search-mobile {
  display: none;
}
#cancel-search-js {
  position: absolute;
  display: none;
  background: #a90329;
  z-index: 3;
  color: #ffffff;
  padding: 0;
  right: 10px;
  top: 10px;
  text-align: center;
  height: 29px;
  line-height: 29px;
  width: 30px;
  font-size: 17px;
  text-decoration: none !important;
}
#header > :first-child,
aside {
  width: 220px;
}
/*
 * LEFT PANEL
 */
#left-panel {
  position: absolute;
  top: 51px;
  left: 0px;
  z-index: 1098;
}
#main {
  display: block;
  margin-left: 220px;
  padding: 0;
  min-height: 500px;
}
/*
 * RIBBON
 */
#ribbon {
  min-height: 40px;
  background: #474544;
  padding: 0 13px;
  position: relative;
  border-bottom: 1px solid #475444;
}
#ribbon .breadcrumb {
  display: inline-block;
  margin: 0;
  font-size:12px;
  padding: 11px 34px 9px 0 !important;
  background: none;
  vertical-align: top;
}
#content {
    padding-top: 0px;
}
#ribbon .breadcrumb a,
#ribbon .breadcrumb {
  color: #BBBBBB !important;
  text-decoration: none !Important;
}
#ribbon .breadcrumb > .active,
#ribbon .breadcrumb li:last-child {
  color: #E4E4E4;
}
.fixed-ribbon #ribbon {
  position: fixed;
  right: 0;
  left: 220px;
  top: 51px;
  z-index: 1097;
}
.container.fixed-ribbon #ribbon {
  width: 944px;
  left: 590px;
}
.minified.fixed-ribbon #ribbon {
  left: 45px;
}
.hidden-menu.fixed-ribbon #ribbon {
  left: 10px;
}
/*
 * NAV
 * Menu CSS is learnt from: http://experiments.wemakesites.net/css3-treeview.html
 */	 
.fixed-navigation #left-panel {
  position: fixed;
  z-index: 1098;
}
.pull-right {
  float: right !Important;
}
.pull-left {
  float: left !Important;
}

/*
 * HIDDEN MENU
 */
.hidden-menu #left-panel {
  left: -210px;
  z-index: 1002;
}
.hidden-menu #main {
  margin-left: 10px;
}
.hidden-menu #left-panel:hover {
  left: 0px;
}
.hidden-menu .minifyme {
  display: none;
}
.minified #hide-menu {
  display: none;
}
.btn-header.pull-right {
  margin-left: 6px;
}
.btn-header a > span {
  font-size: 17px;
  color: white;
  font-weight: normal;
  line-height: 30px;
  height: 30px;
  display: inline-block;
}
.btn-header > :first-child > a {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: default !important;
  display: inline-block;
  font-weight: bold;
  height: 30px;
  min-width: 30px;
  padding: 2px;
  text-align: center;
  text-decoration: none !important;
  -moz-user-select: none;
  -webkit-user-select: none;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #bfbfbf;
  color: #6D6A69;
  font-size: 17px;
  margin: 12px 0 0 0;
}
.btn-header > :first-child > a:hover {
  cursor: pointer !important;
}
.btn-header > :first-child > a:active {
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #e8e8e8 0%, #ededed 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #ededed 100%);
  background-image: -o-linear-gradient(top, #e8e8e8 0%, #ededed 100%);
  background-image: -ms-linear-gradient(top, #e8e8e8 0%, #ededed 100%);
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ededed', GradientType=0);
  -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
}
.hidden-menu #hide-menu > :first-child > a {
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #5a5a5a 0%, #686868 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a5a5a), color-stop(100%, #686868));
  background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  background-image: -o-linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  background-image: -ms-linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  background-image: linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);
  -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
  color: #ffffff;
  border-color: #494949;
}
.hidden-menu #hide-menu > :first-child > a {
  -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
}
.hidden-menu #hide-menu > :first-child > a:active {
  -webkit-box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
}
/*

/*Messagebox */
.divMessageBox {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100000;
}
/*
.MessageIE{
    background-image: url("@{base-url}/bg.png");
    
}*/
.MessageBoxContainer {
  top: 35%;
  color: white;
  position: relative;
  width: 100%;
  background-color: #232323;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 20px;
}
.MessageBoxMiddle {
  position: relative;
  left: 20%;
  width: 60%;
}
.MessageBoxMiddle .MsgTitle {
  letter-spacing: -1px;
  font-size: 24px;
  font-weight: 300;
}
.MessageBoxMiddle .pText {
  font-style: initial;
  margin-top: 15px;
  font-size: 16px;
  line-height:20px;
}
.MessageBoxContainer input {
  width: 50%;
  padding: 5px;
}
.MessageBoxContainer select {
  width: 50%;
  padding: 5px;
}
.MessageBoxButtonSection {
  width: 100%;
  height: 30px;
}
.MessageBoxButtonSection button {
  float: right;
  margin-right: 7px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  font-weight: bold;
}
/* End of MessageBox */
.LoadingBoxContainer {
  top: 20%;
  color: white;
  position: relative;
  width: 100%;
  background-color: #232323;
}
.LoadingBoxMiddle {
  position: relative;
  left: 20%;
  width: 50%;
  padding: 10px;
}
.LoadingBoxContainer .MsgTitle {
  font-size: 26px;
}
.LoadingBoxContainer .pText {
  font-style: 30px;
}
#LoadingPoints {
  position: absolute;
}

/*
 * Login info
 */
.login-info {
  border-bottom: 1px solid #D8D4D4;
  display: block;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  border: solid transparent;
  border-width: 1px 0px 1px 0px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  width: 100%;
  margin: 0px !important;
  border-bottom: 1px solid #525151;
}
.login-info strong,
.login-info a {
  text-transform: capitalize;
  font-size: 14px;
  /* 14px~ */
  display: inline-block;
  color: #A8A8A8;
  text-decoration: none;
}
.login-info strong,
.login-info a:hover {
  color: #ffffff;
}
.login-info span {
  height: 38px;
  display: block;
  padding: 0 10px !important;
  /*border-bottom: 1px solid #1A1817;*/
  width:calc(100% - 41px);
  position: absolute;
  display: table;
  vertical-align: middle;
}
.login-info img {
  width: 25px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 7px;
  margin-left: 0px;
  border-left: 3px solid #ffffff;
}
.login-info,
.login-info *,
#logo-group *,
.minified .text {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * MINIFIED MENU
 */
.minified .inbox-badge {
  border-radius: 50%;
  font-size: 9px;
  padding: 2px;
  position: absolute;
  top: 6px;
  right: 6px;
  background: #ED1C24;
  min-width: 13px;
}
.minifyme {
  border-bottom: 1px solid #302F2F;
  background: #454545;
  color: #A8A8A8;
  text-align: center;
  padding: 0;
  width: 36px;
  height: 28px;
  display: block;
  position: absolute;
  right: -3px;
  border-radius: 5px 0px 0px 5px;
  cursor: pointer;
  margin-top: 5px;
  font-size: 19px;
  transition: all 0.1s linear 0s;
  top: 0px;
}
.minifyme:hover {
  background: #646464;
  color: #E4E4E4;
  right: 0px;
}
.minified .minifyme {
  right: 0px;
  color: #A8A8A8;
  position: absolute;
  width: 100%;
  border-radius: 0px;
  margin: 0;
  height: 40px;
  font-size: 23px;
  top: 0px;
}

.minified .minifyme .ico, .minified .minifyme .fa {
  margin-top: 8px !important;
}

.minified .minifyme .ico:before,.minified .minifyme .fa:before {
  content: "\f0a9";
}
.minified .login-info a {
  display: none;
}
.minified .login-info span {
  padding: 0px 5px !important;
  text-align: center;
}
.minified .login-info img {
  margin: -4px 0 0;
  width: 30px;
}
.minified .login-info {
  height: 39px;
  border-bottom: 1px solid #181818;
}
.minified #left-panel {
  width: 45px;
}
.minified #main {
  margin-left: 45px;
}
/*
 * Minified NAV
 */
.minified #left-panel:hover {
	overflow: visible;
}
.minified ul.navigation > ul {
  min-height: 100px !important;
  max-height: 180px !important;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #ed1c24 !important;
}
.minified ul.navigation > li,
.minified ul.navigation > li a {
  position: relative;
}
.minified .menu ul > li > a {
  display: block;
}
.minified ul.navigation > li > a .fa.fa-fw {
  display: block;
  width: auto;
  text-align: center;
  padding: 0;
}
.minified ul.navigation > li > a > i {
  text-align: center;
  margin: 0;
  display: block;
}
.minified ul.navigation > li.active > a::before {
  content: "\f0d9";
}
.minified .menu ul ul li a {
  padding-left: 10px;
  margin-left: 10px;
}
.minified .menu ul ul li li a {
  padding-left: 25px;
}
.minified ul.navigation ul li::before {
  left: 12px;
}
.minified ul.navigation > li > ul::before {
  left: 12px;
}
.minified ul.navigation > li > a > b {
  display: none;
}
.minified ul.navigation > li > a > .text {
	display:none;
}
.minified ul.navigation > li:hover > a > .text {
  font-weight: bold;	
  position: absolute;
  left: 40px;
  top: -3px;
  width: 186px !important;
  background-color: whiteSmoke;
  color: #333333;
  z-index: 3;
  -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  border-left: 1px solid #bfbfbf;
  border-top: 1px solid #D8D4D4;
  border-bottom: 1px solid #ffffff;
  margin-left: 0px;
  padding: 7px 7px 7px 6px;
}
.minified ul.navigation > li > ul {
  display: none !important;
  position: absolute;
  left: 40px;
  width: 200px;
  z-index: 1098;
  border: 1px solid #bfbfbf;
/*  min-height: 180px;*/
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  background: #3A3633;
  margin-top: 30px;
}
.menu ul > li > ul > li {
	padding: 1px;
}
.menu ul > li > ul > li > a > .text {
	font-size: 12px;
}
.minified .menu ul > li > ul > li > ul {
  position: relative;
  left: 13px;
  border: none;
  width: auto;
  margin-left: -12px;
  width: 197px;
}
.minified ul.navigation > li:hover > a > .text,
.minified ul.navigation > li:hover > ul {
  display: block !important;
  padding-bottom: 10px;
}
ul.navigation > li > ul > li:hover > a > .text, .minified ul.navigation > li:hover > ul > li:hover > a > .text {
	color: #ffffff;
}	
.minified ul.navigation > li:hover > ul > li > a > .text {
	padding: 0px;
}
.minified ul.navigation > li > ul > li {
  background-color: rgba(69, 69, 69, 0.9);
}
.minified ul.navigation > li > ul > li > ul > li {
  background-color: #484B50;
}
.minified ul.navigation > li > ul::before {
  border-left: none;
}
.minified ul.navigation ul li::before {
  border: none;
}
.slimScrollDiv,
.slimScrollDiv > :first-child {
  overflow: hidden;
}
.minified .slimScrollDiv,
.minified .slimScrollDiv > :first-child {
  overflow: visible !important;
}
.minified .slimScrollBar,.minified .slimScrollRail {
  display: none;
}
.minified ul.navigation > li > ul > li > a {
  padding-top: 3px;
  padding-bottom: 3px;
}
.minified ul.navigation > li > ul > li > ul > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
}
.minified ul.navigation > li > ul > li > ul > li a {
  padding-top: 6px;
  padding-bottom: 6px;
}
/* Fourth Level: A */
.minified .menu ul ul ul ul li a {
  padding-left: 45px;
}
/* Fifth Level: A */
.minified .menu ul ul ul ul ul li a {
  padding-left: 62px;
}
/* Sixth Level: A */
.minified .menu ul ul ul ul ul ul li a {
  padding-left: 82px;
}

/*
 * Custom Radio and Input
 * SETUP
 */

.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: 18px !important;
}
label.smart-radiobox {
	line-height: 22px;
	margin-bottom:0px;
}
label.smart-radiobox > input[type="radio"].radiobox + span {
  line-height: 20px !important;
}
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;
  width: 18px;
  height: 18px;
}
label input[type="checkbox"].checkbox + span,
label input[type="radio"].radiobox + span {
  position: relative;
  display: inline-block;
  margin: 0px 5px 0px 22px;
  line-height: 17px;
  min-height: 14px;
  min-width: 14px;
  margin-right: 5px;
  text-shadow:none;
}
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: 'Font Awesome Five Pro' !important;
  font-size: 10px;
  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;
  box-shadow: none !important;
  float:left;
}
label input[type="checkbox"].checkbox + span:before {
	font-weight: bold;
	position:absolute;
	left:-22px;
}
/*
 * RADIO
 */
label input[type="radio"].radiobox + span:before {
  content: "\f111";
  font-size:17px;
  /* we use '\a0'; to simulate a non-breaking-space (http://milov.nl/7029) */
  border: none;
  line-height:17px;
  background: white !important;
  color:#aaa;
  height:17px;
  border-radius: 50%;
  font-family: "Font Awesome Five Pro";
  position:absolute;
  left:-22px;
}
/* DEFAULT COLOR */
label input[type="radio"].radiobox:checked + span:before {
  /* circle */
  border:none !important;
  content: "\f192";
  color: #498C66;
  font-weight:bold;
}
/* 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: normal;
}
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 {
  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";
}
/* DEFAULT COLOR */

label input[type="checkbox"].checkbox:checked + span:before {
  color: #2E7BCC !important;
  border:1px solid #498C66 !important;
  background:#498C66 !important;
  color:white !important;
}
label.smart-checkbox.red-checkbox input[type="checkbox"].checkbox:checked + span:before {
  color: white;
  background:#a90329;
  border:1px solid #a90329;
}

/* 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
 */
/* 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 !important;
  color: #A7A7A7 !important;
  box-shadow: none !important;
}

/*
 * GENERAL MOBILE (Applies to all resolutions below 979px)
 */
@media (max-width: 979px) {
  .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;
  }
  .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;
  }
}
/* 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;
  }
  .fixed-ribbon #ribbon {
    left: 0px;
  }
  /*
	 * 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;
  }
  #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;
  }
  .fixed-ribbon #ribbon {
    left: 0px;
  }
  /*
	 * Header search
	 */
  .header-search > input[type="text"] {
    margin-top: 9px;
  }
}
/*
 * OTHER DEVICES
 */
@media (max-width: 767px) {
  #main::after {
    /*content: "OTHER DEVICES";*/
  }
  #main {
    margin-left: 0px;
  }
  #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 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #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;
  }
  .fixed-ribbon #ribbon {
    left: 0px;
  }
  .fixed-navigation #left-panel {
    position: absolute !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;
  }
  /* project info is not needed at this width */
}
/*
 * ANDROID
 */
@media only screen and (min-width: 0px) and (max-width: 679px) {
  #main::after {
    /*content: "ANDROID";*/
  }
  #main {
    margin-left: 0;
  }
  #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;
    background: #F5F5F5;
  }
  /* 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;
  }
  .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;
  }
  /* project info is not needed at this width */
  .hidden-tablet {
    display: none !important;
  }
}
/*
 * IPHONE
 */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  #main::after {
    /*content: "IPHONE";*/
  }
  #main {
    margin-left: 0;
  }
  #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;
  }
  /* 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;
  }
  .fixed-ribbon #ribbon {
    left: 0px;
  }
  /* project info is not needed at this width */
  /* #*$^& 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: 51px;
  }
  .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;
  }
}


/* custom */
aside {
	background: #68727b; /* Old browsers */
	background: -moz-linear-gradient(left, #68727b 93%, #5b656e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(93%,#68727b), color-stop(100%,#5b656e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #68727b 93%,#5b656e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #68727b 93%,#5b656e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #68727b 93%,#5b656e 100%); /* IE10+ */
	background: linear-gradient(to right, #68727b 93%,#5b656e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68727b', endColorstr='#5b656e',GradientType=1 ); /* IE6-8 */
    display: block;
    min-height: 100%;
    overflow: hidden;
}

#header {
	border-bottom: 2px solid #000;
}
#header #logo {
	margin-top: 10px;
}

#project-context .client-name {
    color: #FFFFFF;
    text-shadow: none;
	font-size: 12px; 
	text-transform:uppercase; 
	font-weight: 700;
	line-height:18px;  
}
ul.navigation li a {
    color: #CCCCCC;
    font-size: 12px !important;
    font-weight: 400;
    line-height: normal;
    text-shadow: none;
}
ul.navigation li a:hover,ul.navigation > li.active > a > .text,ul.navigation > li > ul > li.active > a > .text {
	color: #FFFFFF;
}

ul.navigation li {
	border:none;
	background: transparent !important;
}
.minifyme .ico,.minifyme .fa {
	margin-top:5px !important;
}
.btn-header a {
	margin-left:20px;
	background: transparent !important;
	border:none !important;
	padding: 0px 0px 0px 0px !important;
}	
.pull-right [class*="ico-"] {
	padding: 0 0 3px 0px;
}
ul.navigation li {
	margin-left: 7px;
}
ul.navigation li span.text {
	margin-top: 2px;
}
ul.navigation li.active > a:before {
    top: 4px;
}
ul.navigation li.active > a:before {
    color: #fff;
    content: "\f0d9";
    display: block;
    font-family: FontAwesome;
    font-size: 20px;
    height: 27px;
    line-height: normal;
    position: absolute;
    right: -15px;
    width: 27px;
}
ul.navigation li > ul > li.active > a:before {
	top: 4px;
	right: -22px;
}

.minified .content {
	margin-left: 45px;
}
.mobile-view-activated .content {
    margin-left: 0px;
}
.hidden-menu .content {
    margin-left: 10px !important;
}
a {
    color: #3276B1;
    text-decoration: none;
}
.btn-primary, .btn-primary:hover {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background-color: #517FA7 !important;
    background-image: none !important;
    border-color: #4C7AA2 #2D5D86 #174267 !important;
    border-image: none !important;
    border-style: solid !important;
    border-width: 1px !important;
}
h6 {
    font-size: 12px !important;
}
#logo img {
	width: auto !important;
}
#logo-group {
	margin-top:1px;
	width:135px !important;
}
#project-context {
	height: 32px !important;
	border-left:1px solid white;
	margin-top:10px;
	padding-top: 0px;
}

#ribbon {
    background: none repeat scroll 0 0 #68727B;
    min-height: 40px;
    padding: 0 13px;
    position: relative;
}
#ribbon .breadcrumb li {
    color: #BBBBBB;
    text-decoration: none;    
	text-shadow: none;    
}
#ribbon .breadcrumb li.active {
	color: #FFFFFF;
}

.login-info {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #8D969C;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.01) inset, 0 -1px 0 #000000 inset;
    color: #FFFFFF;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin: 0 !important;
    width: 100%;
}
.fixed-ribbon #content {
	padding-top: 40px;
}
.fixed-ribbon .no-ribbon {
  padding-top: 0px !important;
}
.login-info img {
    background: none repeat scroll 0 0 #5B656E;
    border: medium none;
    border-radius: 4px;
    float: left;
    height: auto;
    margin-left: 0px;
    margin-right: 5px !important;
    margin-top: 5px !important;
    padding: 6px;
    width: auto !important;
}
.minified .login-info {
    box-shadow: none;
    border-bottom:none;
}
.minified .login-info span {
    border-bottom: none;
}
.minified .login-info img {
	margin-left: 4px !important;
}
.minified .login-info .user-name {
	display:none;
}
#left-panel {
	top: 51px;
}
.collapse-sign {
	float:right;
	margin-right: 20px;
	margin-top: 9px;
}
div.menu ul.navigation li span.text {
	width: 150px;
}
ul.navigation li > ul > li {
    color: #CCCCCC;
    font-size: 12px !important;
    font-weight: 400;
    line-height: normal;
    border: none !important;
}
ul.navigation li > ul > li > a span.text {
	text-shadow: none;
	color: #CCCCCC;
}
ul.navigation > li:hover, ul.navigation li > ul > li:hover, ul.navigation li > ul > li.active {
	background: none !important;
}
.ui-tabs .ui-tabs-nav {
	background:transparent;
}
.fixed-header #content {
	margin-top: 51px;
}

.user-header-container {
	background: #E2E2BF !important;
	border-color: #B09B5B !important;
}
.user-header-title,.user-header-body {
	background: transparent !important;
	border: none !important;	
}
.user-header-title h1 {
	color: #FFFFFF !important;
}		
.user-header-body .caption {
	color:#333333;
}
.user-header-container .img-polaroid {
	width:100px;
	display:block;
	padding:5px;
}
.user-header-container .img-polaroid.no-picture {
	width: 110px;
	height: 145px;
	padding: 5px 10px;
	box-sizing: border-box;
}
.caption {
	text-shadow: none;
}
.minified .collapse-sign {
	display: none;	
}
.user-info {
	text-shadow:none;
}
.menu .user-info {
	box-shadow: none;
	text-shadow: none;
}
.menu .user-info .image {
	width: 50px;
	float: left;
}
.menu .user-info img {
	width: 50px;
	margin-left: 10px;
}
.menu .user-info .info {
	width: 140px;
	float: right;
	text-shadow: none;
	color: #fff;
}
.menu .user-info .info .user-name {
	font-size: 12px;	
}
.minified .user-info .image {
	display: none;	
}
.minified .user-info .info {
	display: none;	
}
ul.navigation li ul li.active > a:before {
	content: '';
}
.minified ul.navigation li.active > a:before {
	content: '';
}
.menu .mCSB_scrollTools {
	visibility: hidden;
	display:none;
}
.fixed-navigation .menu .mCSB_scrollTools {
	display:block;
}	
.menu .mCustomScrollBox .mCSB_scrollTools {
	width: 8px !important;
}
.menu .mCSB_container {
	margin-right: 0px !important;
}
.minified .menu .mCSB_scrollTools {
	display:none !important;
}
.hidden-menu .menu .mCSB_scrollTools {
	display:none !important;
}
aside:hover .menu .mCSB_scrollTools {
	visibility: visible;
}
.minified aside:hover .menu .mCSB_container {
	overflow: visible !important;
}
.hidden-menu aside:hover .menu .mCSB_scrollTools {
	display:block !important;
}
.menu .mCSB_scrollTools .mCSB_draggerRail {
	background: transparent !important;
}
.minified .menu .dr,.minified .menu .widget-fluid {
	display:none !important;
}
.minified ul.navigation > li.active span[class*="isw-"]:after, .minified ul.navigation > li.active span[class*="isb-"]:after {
	color: #fff;
	content: "\f0d9";
	display: block;
	font-family: FontAwesome;
	font-size: 20px;
	height: 21px;
	line-height: normal;
	position: absolute;
	left: 31px;
	width: 21px;
	top: 3px;
}

.user-name {
	display: table-cell;
	max-height: 30px;
    width: 140px;
    vertical-align: middle;
    padding-right: 5px;
    padding-top: 3px;
}

.aligned-user-name {
	max-height: 30px;
	line-height: 1.3;
	overflow: hidden;
}

.user-name-student {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 45px;
    width: 105px;
    line-height: 1.3;
}


/* JARVIS Widgets */
article.sortable-grid {
  min-height: 30px;
}
.jarviswidget {
  margin: 0 0 30px 0;
  position: relative;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 0;
  overflow:hidden;
}
.widget-content-padding {
  padding: 20px;
}
.widget-content-padding .well {
  margin-bottom: 0px;
}
/*
	 * HEADER
	 */
.jarviswidget > header {
  height: 34px;
  /* make sure ".jarviswidget-loader" is also the same height or it will flicker during collapse */
  padding: 0;
  line-height: 40px;
}
.ui-sortable .jarviswidget-sortable > header {
  cursor: move;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  line-height: normal;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}
.jarviswidget > header > .widget-icon {
  display: block;
  width: 30px;
  height: 32px;
  position: relative;
  float: left;
  font-size: 111%;
  line-height: 32px;
  text-align: center;
  margin-right: -10px;
}
.ui-sortable .jarviswidget-sortable.jarviswidget-collapsed > header {
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.jarviswidget > header h2 {
  height: 100%;
  width: auto;
  display: inline-block;
  font-size: 14px;
  position: relative;
  margin: 0;
  line-height: 34px;
  font-weight: normal;
  letter-spacing: 0px;
}
.jarviswidget > header > h2 {
  margin-left: 10px;
  float: left;
}
.jarviswidget > header > :first-child.widget-icon {
  margin-left: 0;
}
.jarviswidget > header .jarviswidget-icon {
  width: 16px;
  height: 16px;
  float: left;
  margin: 12px 10px 0 0;
  display: block;
  zoom: 1;
  z-index: 4000;
}
.jarviswidget-ctrls {
  width: auto;
  float: right;
  padding: 0;
  margin: 0;
}
.jarviswidget-ctrls .button-icon {
  min-width: 30px;
  height: 32px;
  float: left;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  border-left: 1px solid rgba(0, 0, 0, 0.09);
}
.jarviswidget-ctrls .button-icon:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.jarviswidget-loader {
  width: 32px;
  height: 32px;
  margin: 0;
  float: right;
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
  text-align: center;
  line-height: 32px;
  font-size: 111%;
}
/*
	 * CONTENT
	 */
.jarviswidget > div {
  float: left;
  width: 100%;
  position: relative;
  font-size: 13px;
  margin: 0;
  padding: 13px 0px 13px 0px;
}
.jarviswidget .widget-body {
  min-height: 100px;
  position: relative;
  margin: 0px 13px;
}
.jarviswidget .widget-body.widget-hide-overflow {
  overflow: hidden;
}
.widget-toolbar.no-border {
  border-left: none;
}
.widget-body.no-padding {
  margin: -13px -13px 0px;
}
.jarviswidget.well.transparent .widget-body.no-padding {
  margin: 0px !important;
}
.widget-body > table {
  margin-bottom: 0;
}
.widget-body.no-padding .alert {
  margin: 0 0 10px;
  padding: 10px;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border-width: 0px 0px 1px !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
}
.widget-body.no-padding .cke_chrome,
.no-padding .md-editor {
  border: none;
}
.widget-toolbar > .smart-form {
  margin-top: 2px;
}
.widget-toolbar > .smart-form .toggle:last-child {
  font-size: 12px;
  line-height: 29px;
}
.widget-toolbar > .smart-form .radio input + i,
.widget-toolbar > .smart-form .checkbox input + i,
.widget-toolbar > .smart-form .toggle input + i {
  border-width: 1px;
  border-color: #C7C7C7 !important;
  margin-top: 1px;
  box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset;
  -webkit-box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset;
  -moz-box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset;
}
/*
	 * WELL WIDGET
	 */
.jarviswidget.well {
  margin: 0 0 30px 0;
}
.jarviswidget.well > div {
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}
.jarviswidget.well header {
  display: none;
}
/*
	 * WIDGET FOOTER
	 */
.widget-footer {
  display: block;
  min-height: 32px;
  vertical-align: middle;
  position: relative;
  background-color: #F8F7F7;
  padding: 5px;
  border-top: 1px solid #E4E4E4;
  text-align: right;
  margin: 0px -13px -13px;
}
.no-padding .widget-footer {
  margin: 0;
}
.widget-footer.smart-form > label {
  margin-top: 4px;
  display: block;
}
/*
	 * EDIT BOX
	 */
.jarviswidget-editbox {
  display: none;
  padding-bottom: 10px;
  margin: 0px 13px !important;
}
/*.jarviswidget-editbox div {
		width: 100%;
		float: left;
		margin-bottom: 0;
	}
	.jarviswidget-editbox label {
		width: 80px;
		height: 26px;
		float: left;
		line-height: 26px;
		font-weight: bold;
		margin-bottom:0;
	}
	.jarviswidget-editbox input {
		width: 200px;
		height: 24px;
		padding: 0 5px;
		border: 1px solid #666;
	}
	.jarviswidget-editbox span {
		height: 26px;
		width: 26px;
		float: left;
		margin: 0 5px 0 0;
		cursor: pointer;
	}*/
/*
	 * TIMESTAMP
	 */
.jarviswidget-timestamp {
  font-size: 12px;
  color: #868686;
  font-style: italic;
  margin: 10px 0 0;
}
/*
	 * HELPERS
	 */
.jarviswidget-placeholder {
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 28px;
  /* adjusted from 28px */
  padding: 0;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*
	 * FULL SCREEN
	 */
body.nooverflow {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
#jarviswidget-fullscreen-mode {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
}
#jarviswidget-fullscreen-mode .jarviswidget {
  margin: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#jarviswidget-fullscreen-mode .jarviswidget > div {
  overflow-y: scroll;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#jarviswidget-fullscreen-mode > div > header {
  cursor: default;
}
/*
	 * WIDGET BODY TOOLBAR
	 */
.widget-body-toolbar,
.smart-form.widget-body-toolbar {
  display: block;
  padding: 8px 10px;
  margin: -13px -13px 13px;
  min-height: 42px;
  border-bottom: 1px solid #ccc;
  background: #fafafa;
}
.no-padding.widget-body-toolbar,
.no-padding .widget-body-toolbar,
.no-padding .smart-form.widget-body-toolbar {
  display: block;
  margin: 0px;
}
.widget-body-toolbar.smart-form .inline-group,
.smart-form .widget-body-toolbar .inline-group {
  float: left;
  margin-top: 4px;
}
.widget-body-toolbar .btn {
  vertical-align: middle;
}
.widget-body-toolbar .btn-xs {
  margin-top: 5px;
}
/*
	 * WIDGET BODY AJAX LOAD
	 */
.widget-body-ajax-loading::before {
  
  padding-top: 18%;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  display: block;
  background: rgba(255, 255, 255, 0.4);
  height: 100%;
  z-index: 1;
  width: 100%;
  position: absolute;
}
.widget-body-ajax-loading:hover {
  cursor: wait !important;
}
/*
	 * STYLING
	 */
.jarviswidget > header {
  color: #333;
  background: #fafafa;
}
.jarviswidget > div {
  background-color: #fff !important;
}
.jarviswidget-editbox {
  border-bottom: 1px solid #B1B1B1;
  background-color: #fff;
  margin: -13px -13px 13px;
}
.no-padding .jarviswidget-editbox {
  margin: 0 0 10px;
}
.jarviswidget-placeholder {
  background-color: #FFC;
  border: 1px dashed #A7A7A7;
}
/*
	 * CUSTOM STYLES
	 */
/* remove colors */
.jarviswidget-remove-colors {
  color: #333 !important;
  padding: 0 !important;
  background: none !important;
}
/* magenta theme */
.jarviswidget-color-magenta > header {
  background: #6E3671;
  color: #FFF;
}
.jarviswidget-color-magenta > header > .jarviswidget-ctrls a,
.jarviswidget-color-magenta .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-magenta .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-magenta > header {
  border-color: #6E3671 !important;
}
/* pink theme */
.jarviswidget-color-pink > header {
  background: #AC5287;
  color: #FFF;
}
.jarviswidget-color-pink > header > .jarviswidget-ctrls a,
.jarviswidget-color-pink .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-pink .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-pink > header {
  border-color: #AC5287 !important;
}
/* pinkDark theme */
.jarviswidget-color-pinkDark > header {
  background: #A8829F;
  color: #FFF;
}
.jarviswidget-color-pinkDark > header > .jarviswidget-ctrls a,
.jarviswidget-color-pinkDark .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-pinkDark .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-pinkDark > header {
  border-color: #A8829F !important;
}
/* yellow theme */
.jarviswidget-color-yellow > header {
  background: #B09B5B;
  color: #FFF;
}
.jarviswidget-color-yellow > header > .jarviswidget-ctrls a,
.jarviswidget-color-yellow .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-yellow .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-yellow > header {
  border-color: #B09B5B !important;
}
/* orange theme */
.jarviswidget-color-orange > header {
  background: #C79121;
  color: #FFF;
}
.jarviswidget-color-orange > header > .jarviswidget-ctrls a,
.jarviswidget-color-orange .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-orange .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-orange > header {
  border-color: #C79121 !important;
}
/* orangeDark theme */
.jarviswidget-color-orangeDark > header {
  background: #A57225;
  color: #FFF;
}
.jarviswidget-color-orangeDark > header > .jarviswidget-ctrls a,
.jarviswidget-color-orangeDark .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-orangeDark .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-orangeDark > header {
  border-color: #A57225 !important;
}
/* darken theme */
.jarviswidget-color-darken > header {
  background: #404040;
  color: #FFF;
}
.jarviswidget-color-darken > header > .jarviswidget-ctrls a,
.jarviswidget-color-darken .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-darken .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-darken > header {
  border-color: #404040 !important;
}
/* purple theme */
.jarviswidget-color-purple > header {
  background: #65596B;
  color: #FFF;
}
.jarviswidget-color-purple > header > .jarviswidget-ctrls a,
.jarviswidget-color-purple .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-purple .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-purple > header {
  border-color: #65596B !important;
}
/* teal theme */
.jarviswidget-color-teal > header {
  background: #568A89;
  color: #FFF;
}
.jarviswidget-color-teal > header > .jarviswidget-ctrls a,
.jarviswidget-color-teal .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-teal .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-teal > header {
  border-color: #568A89 !important;
}
/* teal theme */
.jarviswidget-color-blueDark > header {
  background: #4C4F53;
  color: #FFF;
}
.jarviswidget-color-blueDark > header > .jarviswidget-ctrls a,
.jarviswidget-color-blueDark .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-blueDark .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-blueDark > header {
  border-color: #4C4F53 !important;
}
/* blue theme */
.jarviswidget-color-blue > header {
  background: #60747C;
  color: #FFF;
}
.jarviswidget-color-blue > header > .jarviswidget-ctrls a,
.jarviswidget-color-blue .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-blue .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-blue > header {
  border-color: #60747C !important;
}
/* blueLight theme */
.jarviswidget-color-blueLight > header {
  background: #CCDADF;
  color: #2b363c;
}
.jarviswidget-color-blueLight > header > .jarviswidget-ctrls a,
.jarviswidget-color-blueLight .nav-tabs li:not(.active) a {
  color: #2b363c !important;
}
.jarviswidget-color-blueLight .nav-tabs li a:hover {
  color: #2b363c !important;
}
.jarviswidget-color-blueLight > header {
  border-color: #92A2A8 !important;
}
/* red theme */
.jarviswidget-color-red > header {
  background: #931313;
  color: #FFF;
}
.jarviswidget-color-red > header > .jarviswidget-ctrls a,
.jarviswidget-color-red .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-red .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-red > header {
  border-color: #931313 !important;
}
/* redLight theme */
.jarviswidget-color-redLight > header {
  background: #A65858;
  color: #FFF;
}
.jarviswidget-color-redLight > header > .jarviswidget-ctrls a,
.jarviswidget-color-redLight .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-redLight .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-redLight > header {
  border-color: #A65858 !important;
}
/* white theme */
.jarviswidget-color-white > header {
  background: #fff;
  color: #838383;
}
.jarviswidget-color-white > header > .jarviswidget-ctrls a,
.jarviswidget-color-white .nav-tabs li:not(.active) a {
  color: #838383 !important;
}
.jarviswidget-color-white .nav-tabs li a:hover {
  color: #838383 !important;
}
.jarviswidget-color-white > header {
  border-color: #C8C8C8 !important;
}
/* greenDark theme */
.jarviswidget-color-greenDark > header {
  background: #496949;
  color: #FFF;
}
.jarviswidget-color-greenDark > header > .jarviswidget-ctrls a,
.jarviswidget-color-greenDark .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-greenDark .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-greenDark > header {
  border-color: #638167 !important;
}
/* green theme */
.jarviswidget-color-green > header {
  background: #356E35;
  color: #FFF;
}
.jarviswidget-color-green > header > .jarviswidget-ctrls a,
.jarviswidget-color-green .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-green .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-green > header {
  border-color: #638167 !important;
}
/* greenLight theme */
.jarviswidget-color-greenLight > header {
  background: #71843F;
  color: #FFF;
}
.jarviswidget-color-greenLight > header > .jarviswidget-ctrls a,
.jarviswidget-color-greenLight .nav-tabs li:not(.active) a {
  color: #fff !important;
}
.jarviswidget-color-greenLight .nav-tabs li a:hover {
  color: #333 !important;
}
.jarviswidget-color-greenLight > header {
  border-color: #638167 !important;
}
/* 
	 * WIDGET COLOR DROPDOWN
	 * 
	 */
.color-select {
  list-style: none;
  margin: 0;
  padding: 4px;
  min-width: 156px;
  max-width: 156px;
  right: -3px;
}
.color-select li {
  display: block;
  margin: 2px;
  float: left;
}
.color-select li span,
.color-box {
  display: block;
  width: 22px;
  height: 22px;
  padding: 0;
  background: #333;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.color-select li span:hover {
  border: 3px solid rgba(0, 0, 0, 0.2);
}
.color-box {
  position: relative;
  vertical-align: middle;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  outline: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.3) !important;
}
.color-box:hover,
.open .color-box {
  outline: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.color-box:hover {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
}
.color-box:active {
  top: 1px;
  left: 1px;
}
.widget-toolbar > .color-box {
  margin-top: 7px;
  width: 18px;
  height: 18px;
  outline: 1px solid rgba(0, 0, 0, 0.2);
}
.widget-toolbar > .color-box:hover,
.widget-toolbar > .color-box:active,
.widget-toolbar > .color-box:focus {
  outline: 1px solid rgba(0, 0, 0, 0.25) !important;
}
.widget-toolbar .dropdown-menu.color-select {
  right: -2px;
}
/*
	 * ICONS
	 */
.jarviswidget-ctrls a {
  text-decoration: none;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  line-height: 32px;
  padding: 0;
  margin: 0;
  color: #333;
}
/*
	 * RTL - SUPPORT
	 */
.rtl .jarviswidget > header {
  padding: 0 7px 0 0;
}
.rtl .jarviswidget > header h2 {
  float: right;
  text-align: right;
}
.rtl .jarviswidget > header .jarviswidget-icon {
  float: right;
  margin: 12px 0 0 7px;
}
.rtl .jarviswidget-ctrls {
  float: left;
  padding: 10px 0 0 3px;
  margin: 0;
}
.rtl .jarviswidget-ctrls .button-icon {
  margin: 0 0 5px 5px;
}
.rtl .jarviswidget-loader {
  float: left;
}
/*
	 * CLEARFIX
	 */
.jarviswidget:before,
.jarviswidget:after,
.jarviswidget > div:before,
.jarviswidget > div:after,
.inner-spacer:before,
.inner-spacer:after,
.jarviswidget-editbox:before,
.jarviswidget-editbox:after,
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}
.jarviswidget:after,
.jarviswidget > div:after,
.inner-spacer:after,
.jarviswidget-editbox:after,
.clearfix:after {
  clear: both;
}
.jarviswidget,
.jarviswidget > div,
.inner-spacer:after,
.jarviswidget-editbox,
.clearfix {
  zoom: 1;
  /*IE*/
}
/*
	 * WIDGET TOOLBARS
	 */
.widget-toolbar {
  display: inline-block;
  float: right;
  width: auto;
  height: 32px;
  line-height: 32px;
  position: relative;
  border-left: 1px solid rgba(0, 0, 0, 0.09);
  cursor: pointer;
  padding: 0 6px;
  text-align: center;
}
.widget-toolbar > :first-child {
  text-align: left;
}
/*
	 * WIDGET TOOLBAR COMPONENTS
	 */
/*
		 * TABS
		 */
.jarviswidget header .nav-tabs {
  border-bottom-color: transparent;
}
.jarviswidget header .nav-tabs > li > a {
  border-radius: 0px;
  border: none;
  padding: 7px 15px 6px;
}
.jarviswidget header .nav-tabs > li.active > a,
.jarviswidget header .nav-tabs > li.active > a:hover,
.jarviswidget header .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #FFF ;
  border: 1px solid #C2C2C2;
  border-bottom-color: transparent;
  border-top: none;
  cursor: default;
}
.jarviswidget header:first-child .nav-tabs {
  float: left;
}
.jarviswidget header:first-child .nav-tabs li {
  padding-left: 0;
}
.jarviswidget header:first-child .nav-tabs li a {
  color: #333;
}
.jarviswidget header:first-child .nav-tabs.pull-right li:last-child a {
  margin-right: 0px !important;
  border-right: none !important;
}
/*
		 * PILLS
		 */
.jarviswidget header .nav-pills {
  margin: 3px;
}
.jarviswidget header .nav-pills > li > a {
  padding: 3px 5px 4px;
}
/*
		 * BTN GROUPS
		 */
.widget-toolbar .btn-group {
  margin-top: -3px;
}
/*
		 * BTNs
		 */
.widget-toolbar > .btn {
  margin-top: -3px;
  font-size: 12px !important;
  padding: 1px 8px !important;
}
/*
		 * INPUT
		 */
.widget-toolbar .smart-form label.checkbox,
.widget-toolbar .smart-form label.radio {
  line-height: 29px;
}
/*
		 * LABELS
		 */
.widget-toolbar > .label {
  vertical-align: middle;
  margin-top: -3px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  padding: 4px 7px;
}
/*
		 * BADGE
		 */
.widget-toolbar > .badge {
  padding: 5px 5px;
  font-size: 14px;
  border-radius: 50%;
  font-weight: normal;
  min-width: 24px;
  text-align: center !important;
}
/*
		 * 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;
}
/*
		 * TEXT INPUT
		 */
.widget-toolbar .widget-text-input {
  max-width: 220px;
}
.widget-toolbar input[type='text'] {
  height: 28px !important;
  margin-top: 2px;
}
.widget-toolbar.smart-form .icon-append,
.widget-toolbar.smart-form .icon-prepend,
.widget-toolbar .smart-form .icon-append,
.widget-toolbar .smart-form .icon-prepend {
  top: 3px !important;
}

/*
	 * BACKGROUNDS
	 */
span.bg-color-blue {
  background-color: #57889c !important;
}
span.bg-color-blueLight {
  background-color: #92a2a8 !important;
}
span.bg-color-blueDark {
  background-color: #4c4f53 !important;
}
span.bg-color-green {
  background-color: #356e35 !important;
}
span.bg-color-greenLight {
  background-color: #71843f !important;
}
span.bg-color-greenDark {
  background-color: #496949 !important;
}
span.bg-color-red {
  background-color: #a90329 !important;
}
span.bg-color-yellow {
  background-color: #b09b5b !important;
}
span.bg-color-orange {
  background-color: #c79121 !important;
}
span.bg-color-orangeDark {
  background-color: #a57225 !important;
}
span.bg-color-pink {
  background-color: #ac5287 !important;
}
span.bg-color-pinkDark {
  background-color: #a8829f !important;
}
span.bg-color-purple {
  background-color: #6e587a !important;
}
span.bg-color-darken {
  background-color: #404040 !important;
}
span.bg-color-lighten {
  background-color: #d5e7ec !important;
}
span.bg-color-white {
  background-color: #ffffff !important;
}
span.bg-color-grayDark {
  background-color: #525252 !important;
}
span.bg-color-magenta {
  background-color: #6e3671 !important;
}
span.bg-color-teal {
  background-color: #568a89 !important;
}
span.bg-color-redLight {
  background-color: #a65858 !important;
}

body.bg-color-blue .head {
  background-color: #57889c !important;
}
body.bg-color-blueLight .head {
  background-color: #92a2a8 !important;
}
body.bg-color-blueDark .head {
  background-color: #4c4f53 !important;
}
body.bg-color-green .head {
  background-color: #356e35 !important;
}
body.bg-color-greenLight .head {
  background-color: #71843f !important;
}
body.bg-color-greenDark .head {
  background-color: #496949 !important;
}
body.bg-color-red .head {
  background-color: #a90329 !important;
}
body.bg-color-yellow .head {
  background-color: #b09b5b !important;
}
body.bg-color-orange .head {
  background-color: #c79121 !important;
}
body.bg-color-orangeDark .head {
  background-color: #a57225 !important;
}
body.bg-color-pink .head {
  background-color: #ac5287 !important;
}
body.bg-color-pinkDark .head {
  background-color: #a8829f !important;
}
body.bg-color-purple .head {
  background-color: #6e587a !important;
}
body.bg-color-darken .head {
  background-color: #404040 !important;
}
body.bg-color-lighten .head {
  background-color: #d5e7ec !important;
}
body.bg-color-white .head {
  background-color: #ffffff !important;
}
body.bg-color-grayDark .head {
  background-color: #525252 !important;
}
body.bg-color-magenta .head {
  background-color: #6e3671 !important;
}
body.bg-color-teal .head {
  background-color: #568a89 !important;
}
body.bg-color-redLight .head {
  background-color: #a65858 !important;
}


/*
 * ARROW BOX
 */
.arrow-box-up:after,
.arrow-box-up:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow-box-up:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 7px;
  left: 50%;
  margin-left: -7px;
}
.arrow-box-up:before {
  border-color: rgba(131, 131, 131, 0);
  border-bottom-color: #838383;
  border-width: 8px;
  left: 50%;
  margin-left: -8px;
}

/*
	 * right
	 */
.arrow-box-up-right:after,
.arrow-box-up-right:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow-box-up-right:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 7px;
  right: 10px;
  margin-left: -7px;
}
.arrow-box-up-right:before {
  border-color: rgba(131, 131, 131, 0);
  border-bottom-color: #838383;
  border-width: 8px;
  right: 9px;
  margin-left: -8px;
}

/*
 * ANIMATED
 */
/* All dropdowns */
.jarviswidget .open > .dropdown-menu {
  -webkit-animation-name: flipInX;
  -moz-animation-name: flipInX;
  -o-animation-name: flipInX;
  animation-name: flipInX;
}
.jarviswidget .open > .dropdown-menu {
  -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;
}
.jarviswidget .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;
}

/* animations */
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.animated.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

/*
		 * toggles
*/
.input-toggle .toggle {
  margin-bottom: 0px;
  margin-right: 0px;
  padding-right: 76px;
  font-size: 15px;
  min-height: 21px;
  line-height: 25px;
  color: #404040;
  cursor: pointer;
}
.input-toggle .toggle input:disabled + i {
	opacity: 0.6;
}

.input-toggle.red-border {
    width: auto;
    height: 21px;
    display: inline-block;
    padding: 0px 2px;
    border-radius: 12px;
}    
.input-toggle .toggle:last-child {
  margin-bottom: 0;
}
.input-toggle .toggle input {
  position: absolute;
  left: -9999px;
}
.input-toggle .toggle i {
  content: '';
  position: absolute;
  top: 1px;
  display: block;
  height: 17px;
  border-width: 1px;
  border-style: solid;
  border-radius: 12px;
  background: #fff;
  width:74px;
}
.input-toggle .toggle i:after {
  content: attr(data-swchoff-text);
  position: absolute;
  right: 8px;
  left: 8px;
  font-style: normal;
  font-size: 11px;
  line-height: 18px;
  font-weight: 700;
  text-align: right;
  color: white;
  text-transform:capitalize;
}
.input-toggle.on-off-toggle .toggle i {
	width:50px;
}
.input-toggle.on-off-toggle .toggle {
	padding-right:52px;
}
.input-toggle.on-off-toggle .toggle i:after {
	text-transform:uppercase;
}
.input-toggle.active-inactive-toggle .toggle i {
	width:68px;
}
.input-toggle.active-inactive-toggle .toggle {
	padding-right:70px;
}
.input-toggle .toggle i:before {
  background-color: red;
}
.input-toggle .toggle i:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 4px;
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  opacity: 1;
  transition: right 0.2s;
  -o-transition: right 0.2s;
  -ms-transition: right 0.2s;
  -moz-transition: right 0.2s;
  -webkit-transition: right 0.2s;
  background:white;
}
.input-toggle .toggle input:checked + i:after {
  content: attr(data-swchon-text);
  text-align: left;
}
.input-toggle .toggle input:checked + i:before {
  right: 4px;
  left:inherit;
}