/* HWBO app colors settings
   ========================================================================== */
/**
 * Modify this file if you want to replace colors 
 * Definitioned main container, sidebar, font colors, etc.
 */

 /*
 * General elements, states, hovers, buttons, layout...
 */
a {
	color: #f5414c;
    -webkit-transition: all 0.1s ease-out 0.1s;
    -moz-transition: all 0.1s ease-out 0.1s;
    -o-transition: all 0.1s ease-out 0.1s;
    transition: all 0.1s ease-out 0.1s;	
} 
a:hover {
	color: #454545;
}
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], 
[type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea, select {
	background-color: #fff;
	border: 1px solid #ccc;
	height: 30px;
	padding: 2px 8px;
	
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, 
[type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus {
	border: 1px solid #aaa;
	
	
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;		
}
label {
	font-size: 16px;
	color: rgba(0,0,0,0.8);
} 
.left, .pull-left {
	float: left;
}
.right, .pull-right {
	float: right;
}
.button, .btn-form .button {
	position: relative;
	background-color: #f85962;
	border-bottom: 3px solid #bc3941;
  	color: #fff;
  	font-size: 13px;
  	font-weight: 500;
  	opacity: 1;
  	padding: 0.85em 1.65em;  	
}
.button:after, .btn-form .button:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.button.disabled.secondary.hwboPrimaryButton, .button.secondary.hwboPrimaryButton[disabled], .button.disabled.secondary.hwboPrimaryButton, .button.secondary.hwboPrimaryButton[disabled], 
.button.disabled.secondary.hwboSecondaryButton, .button.secondary.hwboSecondaryButton[disabled], .button.disabled.secondary.hwboSecondaryButton, .button.secondary.hwboSecondaryButton[disabled] {
	background-color: #f85962;
	opacity: 0.6;
}
.button.small {
	border: 1px solid #b93840;
	padding: 0.65em 0.8em;
}

.row {
	max-width: 100%;
}
.noPaddingLeft {
	padding-left: 0;	
}
.noPaddingRight {
	padding-right: 0;	
}
.noMarginLeft {
	margin-left: 0;	
}
.noMarginRight {
	margin-right: 0;	
}
  
 /*
 * Body, logo and left nav
 */
 .off-canvas-content {
	background: #f5f5f5;
 }
.logo-holder {
	background: white;
	height: 70px;
	margin: 0; 
	top: 0; 
	left: 0;
	z-index: 10;
}

.logo-holder a {
	font-size: 2em;
	letter-spacing: 0.1em;
	margin-top: 9px;
    font-family: Russo One;
    color: white;
}
.module-holder {
	font-family: 'Roboto-Thin'; 
	font-size: 32px !important; 
	border-radius: 1px; 
	color: #000000 !important; 
	letter-spacing: -1px; 
	opacity: 0.8;
}

.home-secondary-holder {
	border-radius: 1px;
    color: #4e4e4e !important;
    background: white;
    border-style: solid;
    border-width: 1px;
    border-color: #d9d9d9;
    padding-left: 1.7em;
}

.off-canvas { 
	background: #2b2f3e;    	
}
.off-canvas .side-nav li a:hover {
    background: #1d202c !important;
    color: #fff !important;
}   
.off-canvas .side-nav li a { 
    color: #c4c4c4;
}  
.off-canvas .side-nav li label { 
    color: rgba(168, 166, 166, 0.95);	
}

/*
 * Menu
 */

.off-canvas .side-nav li { 
    margin: 20px 0 20px 0;
} 
.off-canvas .side-nav li label { 
    font-size: 22px;
    color: #cecdcd;   
    padding: 0 20px;   
}    
.off-canvas .side-nav li a { 
    display: block;
    padding: 5px 0;
    line-height: 40px;      
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    padding: 0 20px;       
}      
.off-canvas .side-nav .side-nav li { 
    position: relative;
    margin: 0;
}  
.off-canvas .side-nav .side-nav li.second-list-items a {
    padding: 0 25px 0 40px;
}           
.off-canvas .side-nav .side-nav li .icon-holder { 
    position: absolute;
    top: 10px;
    left: 25px;
    line-height: 1.4;
}   
.off-canvas .side-nav .side-nav li .icon-holder .fa {
    font-size: 10px;
    font-weight: normal;
    color: rgba(168, 166, 166, 0.55);
} 
.off-canvas .side-nav .side-nav li:nth-child(1) .fa {
    color: #26a65b;
}  
.off-canvas .side-nav .side-nav li:nth-child(2) .fa {
    color: #59abe3;
}  
.off-canvas .side-nav .side-nav li:nth-child(3) .fa {
    color: #e87e04;
}           
.off-canvas .side-nav .side-nav li:nth-child(4) .fa {
    color: #9b59b6;
} 

.off-canvas .side-nav .side-nav li:nth-child(5) .fa, .mobile-leftmenu .side-nav .side-nav li:nth-child(5) .fa {	
    color: #F22613;		
}
  
.off-canvas .side-nav .side-nav li:nth-child(6) .fa, .mobile-leftmenu .side-nav .side-nav li:nth-child(6) .fa {		
    color: #336E7B;		
}		
.off-canvas .side-nav .side-nav li:nth-child(7) .fa, .mobile-leftmenu .side-nav .side-nav li:nth-child(7) .fa {		
    color: #4B77BE;		
}       
  
.off-canvas .side-nav .side-nav li:nth-child(8) .fa, .mobile-leftmenu .side-nav .side-nav li:nth-child(8) .fa {		
    color: #FFFF9A;		
} 

.off-canvas .side-nav .side-nav li:nth-child(9) .fa, .mobile-leftmenu .side-nav .side-nav li:nth-child(9) .fa {		
    color: #FFC0CB;		
} 

.off-canvas .side-nav .side-nav li:nth-child(10) .fa, .mobile-leftmenu .side-nav .side-nav li:nth-child(10) .fa {		
    color: #FFD27F;		
}   
  
.off-canvas .side-nav li:nth-child(1){
	margin-top: 0;
}
.off-canvas .side-nav li ul li:nth-child(1){
	margin-top: 50px;
}
.off-canvas .menu-holder {
	padding-bottom: 10px;
}

/*
 * Header
 */
.app_header {
  	height: 70px;
  	margin: 0;
  	top:0; 
}
.app_header .regular_header {
	position: absolute;
	right:0;
 	left: 250px;
	top: 0;
  	background: #f2f2f4;
  	border-bottom: 1px solid #dddddf;	
	z-index: 10;
}

/* @media (max-width : 40em) {
	.app_header .regular_header {
		display: none !important;
	}
}
 */
.app_header .page-title {
	position: relative; 
	z-index: 1;
}
.app_header .page-title h3 { 
    line-height: 82px;  
}
.header-border {
	border-bottom: 1px solid #dddddf; 
	background-color: white;
}
.app_header .header-icons {
	position: absolute;
	top: 0;
	right: 0;
	height: 70px;
	right: 250px;
	z-index: 98;
}
.app_header .header-icons ul {
	margin: 0;
}
.app_header .header-icons ul li {
	position: relative;
	float: right;
	padding: 0 20px;
}
.app_header .header-icons ul li.icon {
	height: 70px;
 	line-height: 40px;
	font-size: 25px;
	color: #595959;
}

.app_header .header-icons ul li.icon span.pe-7s-search {
	cursor: pointer;
}
.app_header .header-icons ul li.icon span.pe-7s-home {
	cursor: pointer;
}
.app_header .header-icons ul li.icon span.pe-7s-info {
	cursor: pointer;
}
.app_header .header-icons ul li.icon .profile_holder,
.app_header .header-icons ul li.icon .notification_holder, 
.app_header .header-icons ul li.icon .search_holder {
	display: table-cell;
	height: 70px;
	vertical-align: middle;
}
.app_header .header-icons ul li.icon .profile_holder .dropdown_profile,
.app_header .header-icons ul li.icon .notification_holder .dropdown_notification,
.app_header .header-icons ul li.icon .search_holder .dropdown_search { 
	cursor: pointer;
}

@media (max-width : 40em) {
.app_header .header-icons ul li.icon .profile_holder .dropdown_content,
.app_header .header-icons ul li.icon .hamburger--collapse .dropdown_content, 
.app_header .mobileheader-bottom .dropdown_content {
	position: absolute;
	display: none;
	width: 350px;
	padding: 10px 10px 0 10px;
	top: 69px;
	right: 0;
	background: #fff;
	border: 1px solid #d7d7d7;
	z-index: 999;
	-webkit-box-shadow: 0px 4px 56px -12px rgba(117,117,122,1);
	-moz-box-shadow: 0px 4px 56px -12px rgba(117,117,122,1);
	box-shadow: 0px 4px 56px -12px rgba(117,117,122,1);	
}
}
	
 @media (min-width : 40em) {
.app_header .header-icons ul li.icon .profile_holder .dropdown_content,
.app_header .header-icons ul li.icon .hamburger--collapse .dropdown_content, 
.app_header .mobileheader-bottom .dropdown_content {
	position: absolute;
	display: none;
	width: 450px;
	padding: 10px 10px 0 10px;
	top: 69px;
	right: 0;
	background: #fff;
	border: 1px solid #d7d7d7;
	z-index: 999;
	-webkit-box-shadow: 0px 4px 56px -12px rgba(117,117,122,1);
	-moz-box-shadow: 0px 4px 56px -12px rgba(117,117,122,1);
	box-shadow: 0px 4px 56px -12px rgba(117,117,122,1);	
}
}
	

.app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content {
	position: absolute;
	display: none;
	width: 500px;
	padding: 10px 10px 10px 10px;
	top: 69px;
	right: -70px;
	background: #fff;
	border: 1px solid #d7d7d7;
	z-index: 999;
	-webkit-box-shadow: 0px 4px 56px -12px rgba(117,117,122,1);
	-moz-box-shadow: 0px 4px 56px -12px rgba(117,117,122,1);
	box-shadow: 0px 4px 56px -12px rgba(117,117,122,1);	
}

.app_header .header-icons ul li.icon .search_holder .dropdown_search_content {
	position: absolute;
	display: none;
	width: 600px;
	top: 69px;
	right: -50px;
	background: #fff;
	border: 1px solid #d7d7d7;
	z-index: 999;
	-webkit-box-shadow: 0px 4px 56px -12px rgba(117,117,122,1);
	-moz-box-shadow: 0px 4px 56px -12px rgba(117,117,122,1);
	box-shadow: 0px 4px 56px -12px rgba(117,117,122,1);	
}

.app_header .mobileheader-bottom .dropdown_content { 
	position: relative;
	width: 100%;
	top: 30px;
	right: 0;
	background: #2b2f3e;
	border: none;
	padding: 0;
}
.app_header .mobileheader-bottom .dropdown_content ul {
	padding-left: 30px;
	padding-right: 20px;
}
.app_header .mobileheader-bottom .dropdown_content ul.language-selector {
	padding: 0;
	border-top: 1px solid #383e54;
}

.app_header .header-icons ul li.icon .profile_holder .dropdown_content:after,
.app_header .header-icons ul li.icon .profile_holder .dropdown_content:before {
	bottom: 100%;
	left: 57.2%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content:after, 
.app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content:before {
	bottom: 100%;
	left: 52%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.app_header .header-icons ul li.icon .search_holder .dropdown_search_content:after, 
.app_header .header-icons ul li.icon .search_holder .dropdown_search_content:before {
	bottom: 100%;
	left: 63%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.app_header .header-icons ul li.icon .profile_holder .dropdown_content:after,
.app_header .header-icons ul li.icon .search_holder .dropdown_search_content:after,
.app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: 132px;	
}
.app_header .header-icons ul li.icon .profile_holder .dropdown_content:before,
.app_header .header-icons ul li.icon .search_holder .dropdown_search_content:before,
.app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #d0d0d0;
	border-width: 10px;
	margin-left: 130px;	
}
.app_header .header-icons ul li.icon .profile_holder .dropdown_content .user-img {
	float: left;
	display: block;
}
.app_header .header-icons ul li.icon .profile_holder .dropdown_profile img, 
.app_header .header-icons ul li.icon .profile_holder .dropdown_content .user-img img {
	display: block;
	border-radius: 100%;
}
.app_header .header-icons ul li.icon .profile_holder .dropdown_profile span.pe-7s-angle-down {
	position: absolute;
	right: -5px;
	top: 25px;
	color: #9f9f9f;
	font-weight: 600;
}
.app_header .header-icons ul li.icon .profile_holder .dropdown_content ul.side-nav li label,
.app_header .header-icons ul li.icon .search_holder .dropdown_search_content ul.side-nav li label,
.app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content ul.side-nav li label {
	font-family: "Roboto-Thin";
	font-size: 24px;
	line-height: 28px;
	color: #010101;
}
.app_header .header-icons ul li.icon .profile_holder .dropdown_content ul.side-nav ul.side-nav li a,
.app_header .header-icons ul li.icon .search_holder .dropdown_search_content ul.side-nav ul.side-nav li a,
.app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content ul.side-nav ul.side-nav li a {
	color: #333;
	font-weight: 500;
	font-size: 14px !important;
	margin: 15px 0;
}
.app_header .header-icons ul li.icon .profile_holder .dropdown_content ul.side-nav ul.side-nav li.account-links, 
.app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content ul.side-nav ul.side-nav li.account-links,
.app_header .header-icons ul li.icon .search_holder .dropdown_search_content ul.side-nav ul.side-nav li.account-links,
.app_header .header-icons ul li.icon .profile_holder .dropdown_content ul.side-nav li,
.app_header .header-icons ul li.icon .search_holder .dropdown_search_content ul.side-nav li,
.app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content ul.side-nav li {
	float: left;
	line-height: 26px;
} 
.app_header .header-icons ul li.icon .profile_holder .dropdown_content ul.side-nav ul.side-nav ul.down-list,
.app_header .header-icons ul li.icon .search_holder .dropdown_search_content ul.side-nav ul.side-nav ul.down-list,
.app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content ul.side-nav ul.side-nav ul.down-list {
	display: inline-block;
	background: #f7f7f7;
	border-top: 1px solid #d7d7d8;
	width: 316px;
	margin: 0px -50px -10px -50px;
}

.notificationLinkHover:hover {
    opacity:0.5;
}

.profile-user-photo {
    position:relative;
}
.profile-user-photo img {
    width:100%;
    vertical-align:top;
}
.profile-user-photo:after, .profile-user-photo:before {
    position:absolute;
    opacity:0;
    border-radius: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.profile-user-photo:after {
    content:'\A';
    width:100%; height:100%;
    top:0; left:0;
    border-radius: 100%;
    background:rgba(0,0,0,0.6);
}
.profile-user-photo:before {
    content: attr(data-content);
    width:100%;
    color:#fff;
    z-index:1;
    bottom: 20px;
	left: 0;
    text-align:center;
    border-radius: 100%;
}
.profile-user-photo:hover:after, .profile-user-photo:hover:before {
    opacity:0.6;
}

/* account */
.customAtag {
	color: #B2121B;
}


/*
 * Mobile header
 */
.mobile_header {
	height: 70px;
	background: #f5414c;
}
.mobileheader-bottom {
	position: relative;
	cursor: pointer;	
	padding: 0;
	margin: 0 0 30px 0;
}
.mobileheader-bottom .mobile-menuicon {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	background: #2b2f3e;	
}

.app_header .mobileheader-bottom .dropdown_content ul li, 
.app_header .mobileheader-bottom .dropdown_content ul li h4, 
.app_header .mobileheader-bottom .dropdown_content ul li h5 {
	color: rgba(255,255,255,0.8) !important;
}
.app_header .mobileheader-bottom .dropdown_content ul li .icons-down {
	color: rgba(255,255,255,0.4);	
}
.app_header .mobileheader-bottom .dropdown_content ul li .head-main { 
	border-bottom: 1px solid #383e54 !important
}
.mobileheader-bottom .mobile-menuicon span {
	color: rgba(255,255,255,0.7);	
	font-size: 22px;
	line-height: 28px;
}
.mobile_header .hamburger-inner, 
.mobile_header .hamburger-inner::before, 
.mobile_header .hamburger-inner::after {
	background: #fff;
}	
.mobile-heading {
	padding: 0 30px;
}
.mobile-heading h3 {
	font-size: 30px;
	line-height: 80px;
	color: #fff;
}	
.mobile_header .mobile-icons {
	position: absolute;
	top: 0;
	line-height: 96px;
	height: 70px;
}
.mobile_header .mobile-icons.left-icon {
	left: 20px;
}	
.mobile_header .mobile-icons.right-icon {
	right: 20px;
}	
.mobile_header .mobile-icons .right-box span {
	font-size: 21px;
	font-weight: 500;
	color: #fff;
}
.app_header .mobileheader-bottom .dropdown_content ul.language-selector li {
	background: #1b1f2b;	
	width: 50%;
	border-left: none !important;
}
.app_header .mobileheader-bottom .dropdown_content ul.language-selector li:nth-child(1){
	border-right: 1px solid #383e54;
}
.app_header .mobileheader-bottom .dropdown_content ul.language-selector li a {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	color: rgba(255,255,255,0.4);
}

/*
 * Mobile left navigation
 */
.mobile-leftmenu {
	position: fixed;
	top: 0;
	left: -250px;
	
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);	
} 
 
/*
 * Search field
 */

.app_header .page-search input {
	width: 100%;
    padding-right: 32px;
	font-size: 17px;
	margin: 0.4em;
} 
.app_header .page-search span.pe-7s-angle-left {
	position: absolute;
	top: 0.45em;
	left: 1px;
	font-size: 40px;
	font-weight: lighter;
	color: #9f9f9f;
	background: white;
	border-right: 1px solid #cccccc;
	cursor: pointer;
}
.app_header .page-search span.pe-7s-close {
	position: absolute;
	top: 0.25em;
	right: 16px;
	font-size: 35px;
	font-weight: 500;
	color: rgba(159, 159, 159, 0.7);
	cursor: pointer;
}
.app_header .page-search span.pe-7s-search {
	position: absolute;
	top: 0.8em;
	left: 22px;
	font-size: 24px;
	font-weight: 700;
	opacity: 0.45;
	color: #9f9f9f;
	cursor: pointer;
}
 
/*
 * Hamburger icon
 */
.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

.hamburger-box {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 27px;
    height: 1px;
    background-color: #9f9f9f;
    border-radius: 0;
    position: absolute;
    
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
  .hamburger-inner::after {
    bottom: -10px; } 
.hamburger--collapse .hamburger-inner {
  top: 90%;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -16px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    margin-top: 0;
    top: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }

.app_header .header-icons ul li.icon .hamburger .dropdown_content ul.hamb-first {
	margin-bottom: 12px;
}
.app_header .header-icons ul li.icon .hamburger--collapse .dropdown_content ul li,
.app_header .mobileheader-bottom .dropdown_content ul li {
	float: none;
	padding-bottom: 20px;
}
.app_header .header-icons ul li.icon .hamburger--collapse .dropdown_content ul li .head-main,
.app_header .mobileheader-bottom .dropdown_content ul li .head-main {
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 16px;
	padding-bottom: 5px;
}
.app_header .header-icons ul li.icon .hamburger--collapse .dropdown_content ul li .head-main h4 {
	font-size: 24px;
	color: #010101;
}
.app_header .header-icons ul li.icon .hamburger--collapse .dropdown_content ul li h5,
.app_header .mobileheader-bottom .dropdown_content ul li h5 {
    font-family: Roboto;
    font-size: 12px;
    color: #010101;
    text-transform: uppercase;	
    margin-bottom: 5px; 
}
.app_header .header-icons ul li.icon .hamburger--collapse .dropdown_content ul li .fa {
	font-size: 14px;
	color: #aaa;
}
.app_header .header-icons ul li.icon .hamburger--collapse .dropdown_content ul li span {
	font-size: 15px;
}
.app_header .header-icons ul li.icon .hamburger--collapse .dropdown_content ul li .icons-down {
	line-height: 15px;
}
.app_header .header-icons ul li.icon .hamburger .dropdown_content ul.language-selector {
	margin: 24px -20px 0 -20px;
	background: #f2f2f4;
	border-top: 1px solid #d0d0d0;	
}
.app_header .header-icons ul li.icon .hamburger .dropdown_content ul.language-selector li,
.app_header .mobileheader-bottom .dropdown_content ul.language-selector li {
	float: left;
	padding: 10px 40px 12px 40px;
	line-height: 36px;
	border-left: 1px solid #d0d0d0;		
}
.app_header .header-icons ul li.icon .hamburger .dropdown_content ul.language-selector li a {
	font-family: Roboto;
	font-size: 13px;
	color: #222;
	text-transform: uppercase;
}
.app_header .header-icons ul li.icon .hamburger .dropdown_content ul.language-selector li:nth-child(1) {
	border-left: none;
	padding-left: 60px;
}

/*
 * Header switcher
 */
.switcher {
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.switcher .content {
  position: relative;
  margin: 0;
  padding: 0;
  max-height: 30px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.switcher .text {
  display: none;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
}
.switcher.is-disabled {
  opacity: 0.4;
}
.switcher.default {
  background-color: #7f7f7f !important;
  border: none;
  border-radius: 2em;
  min-width: 44px;
  height: 22px;
  padding: 2px 4px;
/*   margin: 23px 0 0 0; */
  
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.switcher.default input {
  display: none;
}
.switcher.default .slider {
  background-color: #fff;
  border-radius: 1.5em;
  margin: 0;
  height: 18px;
  width: 18px;
  z-index: 2;  
  left: 0;
  position: absolute;
  top: 0;
  
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.switcher.default .text {
  width: 50%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.switcher.default .textYes {
  display: none;
  color: white;
  float: left;
}
.switcher.default .textNo {
  display: none;	
  color: #9f9f9f;
  float: right;
}
.switcher.is-active {
  background-color: transparent;
  border: 0;
  padding: 1px 4px;  
}
.switcher.default.is-active .slider {
  background: #cecdcd;			
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.switcher.short {
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.switcher.short input {
  display: none;
}
.switcher.short .content {
  border: 1px solid #aaaaaa;
  border-radius: 50%;
  height: 18px;
  padding: 0;
  width: 18px;
}
.switcher.short .slider {
  background-color: #519b20;
  border-radius: 50%;
  height: 12px;
  margin: 3px;
  opacity: 0;
  
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 12px;
}
.switcher.short.is-active .slider {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/*
 * Main
 */
.app_main {
	position: relative;
	background: #f5f5f5;
	padding: 14px 0 0 0;
}

.tutorialBackground {
	background: #efe4b0 !important;
}


.app_main .form-holder, .app_main .form-buttons {
	display: inline-block;
	width: 100%;
}

.app_main .form-holder, .app_main .form-buttons .btn-form:nth-child(1) input{
	margin-right: 0;
}

/*
 * Footer
 */
.app_footer {
	background: #fff;
	border-top: 1px solid #d7d7d7;
}
.app_footer .copyright-text, .app_footer a {
	font-size: 14px;
	line-height: 30px;
	color: #545658;
	
}
.app_footer ul {
	margin: 0
}
.app_footer ul li {
	float: left;
	margin: 0 0 0 65px;
	line-height: normal;
}
.logo-footer {
	margin: 0;
}	

.logo-footer img {
	width: 70%;
    margin: 9px 0;
}

.app_footer_font {
	font-size: 0.7em;
	font-family: Open Sans;
	text-transform: uppercase;
	color: rgba(34, 34, 34, 0.55);
	margin: 9px 0;
}

.app_header_font {
	font-size: 0.9em;
	font-family: Open Sans;
	text-transform: uppercase;
	color: rgba(34, 34, 34, 0.55);
	margin: 9px 0;
}

.app_footer_font span {
	color: #1b1b1b;
}

.app_header_font span {
	color: #717171;
}

.app_footer ul li span {
	line-height: normal;
	font-size: 15px;
	color: #111;
}

*		
 * Dark color scheme				
 */				
body.dark {				
	background: #242835;				
}		
				
body.dark [type="text"], body.dark [type="password"], body.dark [type="date"], body.dark [type="datetime"], body.dark [type="datetime-local"], body.dark[type="month"], body.dark[type="week"], 				
body.dark [type="email"], body.dark [type="number"], body.dark [type="search"], body.dark [type="tel"], body.dark [type="time"], body.dark [type="url"], body.dark [type="color"], 				
body.dark textarea, body.dark select {				
	background: #363b4c;				
	border: 1px solid #51535c;		
	color: white;				
}
	
body.dark .app_header .page-search span.pe-7s-angle-left {
	border-right: 1px solid #51535c;
	background: #363b4c;
	color: white;
}	
	
		
body.dark input[type="password"][disabled], body.dark input[type="text"][disabled], body.dark fieldset[disabled] input[type="text"], body.dark fieldset[disabled]		
body.dark input[type="date"][disabled], body.dark fieldset[disabled]		
body.dark input[type="date"], body.dark input[type="datetime"][disabled], body.dark fieldset[disabled]		
body.dark input[type="datetime"], body.dark input[type="datetime-local"][disabled], body.dark fieldset[disabled]		
body.dark input[type="datetime-local"],body.dark input[type="month"][disabled], body.dark fieldset[disabled]		
body.dark input[type="month"], body.dark input[type="week"][disabled], body.dark fieldset[disabled]		
body.dark input[type="week"], body.dark input[type="email"][disabled], body.dark fieldset[disabled]		
body.dark input[type="email"], body.dark input[type="number"][disabled], body.dark fieldset[disabled]		
body.dark input[type="number"], body.dark input[type="search"][disabled], body.dark fieldset[disabled]		
body.dark input[type="search"], body.dark input[type="tel"][disabled], body.dark fieldset[disabled]		
body.dark input[type="tel"], body.dark input[type="time"][disabled], body.dark fieldset[disabled]		
body.dark input[type="time"], body.dark input[type="url"][disabled], body.dark fieldset[disabled]		
body.dark input[type="url"], body.dark textarea[disabled], body.dark fieldset[disabled]		
body.dark textarea {		
    background: #363b4c;				
	border: 1px solid #51535c;		
	color: white;			
}	
	
body.dark [type="text"]:focus, body.dark [type="password"]:focus, body.dark [type="date"]:focus, body.dark [type="datetime"]:focus, body.dark [type="datetime-local"]:focus, body.dark[type="month"]:focus, body.dark[type="week"]:focus, 				
body.dark [type="email"]:focus, body.dark [type="number"]:focus, body.dark [type="search"]:focus, body.dark [type="tel"]:focus, body.dark [type="time"]:focus, body.dark [type="url"]:focus, body.dark [type="color"]:focus, 				
body.dark textarea, body.dark select {				
	background: #363b4c;				
	border: 1px solid #51535c;		
	color: white;				
}			
				
body.dark, body.dark .additionalInfoOrganisationLine1, body.dark .additionalInfoOrganisationLine2, body.dark ::placeholder {				
	color: #cecdcd;				
}		
				
body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6,				
body.dark .additionalInfoText, body.dark div.ui-datepicker th span, body.dark .ui-state-default, body.dark .ui-widget-content .ui-state-default, 				
body.dark .ui-widget-header .ui-state-default, body.dark div.ui-datepicker .ui-widget-header .ui-datepicker-title, body.dark div.ui-timepicker-div dl dt, 				
body.dark div.ui-timepicker-div dl dd, body.dark .ui-timepicker-div td, body.dark .app_footer ul li h5, body.dark .app_footer ul li span,				
body.dark .app_footer .copyright-text, body.dark .app_footer .copyright-text, body.dark .app_footer .copyright-text, body.dark .app_footer .copyright-text a {				
	color: #d3d7dd !important;				
}
			
body.dark .app_footer_font,
body.dark .app_footer_font span,
body.dark .app_header_font,
body.dark .app_header_font span {		
    color: white;		
}		
			
body.dark .off-canvas-content, body.dark .app_main {				
	background: #242835;				
}		
				
body.dark .ui-widget .ui-widget, body.dark div.ui-slider-horizontal .ui-slider-handle {				
	background: #4a5165				
}		
					
body.dark .app_header .regular_header, body.dark .app_footer {				
	background: #363b4c;				
	border-bottom: 1px solid #51535c;		
	border-top: 1px solid #51535c;				
}
		
body.dark  app_footer .copyright-text, body.dark .app_footer a {		
    color: #d3d3d3;		
}		
				
body.dark .additionalInfo {				
	background: #363b4c;				
	border: 1px solid #51535c;				
}		
				
body.dark .button, body.dark .btn-form .button {				
	border-left-color: transparent;				
	border-right-color: transparent;				
	border-top-color: transparent;						
}		
				
body.dark div.ui-datepicker, body.dark div.ui-datepicker .ui-datepicker-title select {				
	border: 1px solid #51535c;					
	background: #363b4c;				
	color: #cecdcd;							
}		
				
body.dark div.ui-datepicker .ui-datepicker-header, body.dark div.ui-datepicker .ui-widget-header, 				
body.dark thead, body.dark tbody, body.dark tfoot {				
	background: #363b4c;					
}		
				
body.dark .ui-datepicker table {				
	border-top: 1px solid #51535c;				
	border-right: 1px solid #51535c;				
	border-left: none;						
	border-bottom: none;				
}

body.dark .circle {
	color: black;
}

body.dark .colorRed {
	color: #FF7E7E;
}

body.dark .colorGreen {
	color: #00EE00;
}

body.dark .aCustom,
body.dark .fa  {				
	color: #fff;
}

body.dark .fa {
	color: #fff;
}

body.dark .fa:hover {
	border-radius: 5px;
}

body.dark .fa.colorGrey.disabled {
	border-radius: 0px;
}

body.dark .fa.colorGrey.disabled:hover {
	color: #999;
}

body.dark .fa.colorRed {
	color: #b2121b;
}

body.dark .fa.colorTeal {
	color: #88e6f8;
}

body.dark .fa.colorPurple {
	color: #aeaefe;
}

body.dark .fa.colorBlue {
	color: #1585D0;
}

body.dark .fa.colorDarkBlue {
	color: #2644C8;  
}

body.dark .fa.colorGreen {
	color: #298A08;
}



body.dark .servicesStatus.noColor {
    color: #fff;
}

body.dark .servicesStatus.coloredGreen {
    color: #7DE67D;
}

body.dark .servicesStatus.coloredRed {
    color: #FFA9AA;
}

body.dark .darkThemeWhite   {
	color: white !important; 
}
				
body.dark div.ui-datepicker th {				
	border-bottom: 1px solid #51535c;				
}		
				
body.dark tbody tr:nth-child(2n) {				
	background: #363b4c;			
	color:white;			
}
			
body.dark tbody tr:nth-child(n) {				
	background: #363b4c;			
	color:white;			
}			
			
body.dark .ui-widget-header, body.dark tbody,				
body.dark .ui-timepicker-div td {				
	border: none;				
}
				
body.dark div.ui-datepicker .ui-datepicker-title select {				
	background: #363b4c;					
}
				
body.dark .ui-tpicker-grid-label {				
	border: none !important;				
}
			
body.dark .app_wrapper {		
    background: transparent;		
}
		
body.dark .orderSumaryLabel label {		
	color: white !important;		
}
	
body.dark .tabsCustomHeaderColor {		
	background: #242835;		
	border: none !important;		
}

.gm-style .gm-style-iw-d {
    box-sizing: border-box;
    overflow: auto;
    background: white;
    color: #363b4c;
    font-weight: bold;
}

body.dark .gm-style .gm-style-iw-d {
    box-sizing: border-box;
    overflow: auto;
    background: white;
    color: #363b4c;
    font-weight: bold;
}
		
body.dark .divCustom {		
	background: #242835;		
}

body.dark ul.pagination li a {
	color: white !important;
}

body.dark .dropdown_content {		
	background: #242835;		
}

body.dark .profileTitle span {	
	color: white !important;		
}

body.dark .notificationDarkTheme {
	color: white !important;		
}

body.dark .notificationFormDarkTheme {
	background-color: #636569 !important;	
}

body.dark .signOutBtn {
	color: white;
}
		
body.dark label {		
	color: white;		
}

body.dark .input-group .input-group-addon {		
	background: #363b4c;				
	border: 1px solid #51535c;		
	border-left: transparent;		
}
		
body.dark .allWhiteRows tr td {		
    background-color: transparent;		
}
		
body.dark .customBorder {
	background: #363b4c;				
	border: 1px solid #51535c;	
    color: white !important;
}
	
body.dark .transparentStatusSecondaryBackground[disabled], body.dark .button.transparentStatusSecondaryBackground:hover, body.dark .button.transparentStatusSecondaryBackground:focus {
	 color: white !important;
}	
		
body.dark .selectableTable .ui-selected {		
    background: #f5414c !important;		
    color: white;		
}
		
body.dark .secondarySpan {		
	background: #363b4c;		
	color: white;		
}
		
body.dark .jui-checkboxes-container .jui-checkbox {		
	background: #363b4c;		
	border: 1px solid white;		
	color: white;		
}
		
body.dark .jui-checkboxes-container .jui-checkbox.active {		
    background-color: #f5414c;		
   	border: 1px solid #51535c;		
    background-position: center;		
    background-repeat: no-repeat;		
    background-image: url('/HWBO/img/hwbo/checkbox-white-8a633f2aececacbdf47644f896a12e5c.png');		
}
		
body.dark .app_header .header-icons ul li.icon .profile_holder .dropdown_content:after,
body.dark .app_header .header-icons ul li.icon .search_holder .dropdown_search_content:after,
body.dark .app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content:after {		
    border-color: rgba(136, 183, 213, 0);		
    border-bottom-color: #363b4c;		
}
		
body.dark .app_header .header-icons ul li.icon .profile_holder .dropdown_content, 
body.dark .app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content,
body.dark .app_header .header-icons ul li.icon .search_holder .dropdown_search_content,
body.dark .app_header .header-icons ul li.icon .hamburger--collapse .dropdown_content, 
body.dark .app_header .mobileheader-bottom .dropdown_content {			
 	background: #363b4c;		
    border: 1px solid #51535c;				
}
		
body.dark .app_header .header-icons ul li.icon .profile_holder .dropdown_content:before,
body.dark .app_header .header-icons ul li.icon .search_holder .dropdown_search_content:before,
body.dark .app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content:before {		
    border-color: rgba(194, 225, 245, 0);		
    border-bottom-color: #51535c;			
}
		
body.dark .app_header .header-icons ul li.icon .profile_holder .dropdown_content ul.side-nav ul.side-nav ul.down-list,
body.dark .app_header .header-icons ul li.icon .search_holder .dropdown_search_content ul.side-nav ul.side-nav ul.down-list,
body.dark .app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content ul.side-nav ul.side-nav ul.down-list {		
    background: #363b4c;		
    border-top: 1px solid #51535c;		
}
		
body.dark .small.button.secondary {			
    /*background-color: #f85962;	*/	
    border: 0px;		
    border-bottom: 3px solid #bc3941;		
    color: white !important;		
}
		
body.dark .app_header .header-icons ul li.icon .profile_holder .dropdown_content ul.side-nav ul.side-nav li a,
body.dark .app_header .header-icons ul li.icon .search_holder .dropdown_search_content ul.side-nav ul.side-nav li a,
body.dark .app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content ul.side-nav ul.side-nav li a {		
	color: white;		
}

body.dark .app_header .header-icons ul li.icon .notification_holder,
body.dark .app_header .header-icons ul li.icon .headerDate {
	color: white;
}

body.dark .sortTextColor {
	color: white;
}
		
body.dark .app_header .header-icons ul li.icon .profile_holder .dropdown_content ul.side-nav li label,
body.dark .app_header .header-icons ul li.icon .search_holder .dropdown_search_content ul.side-nav li label,
body.dark .app_header .header-icons ul li.icon .notification_holder .dropdown_notification_content ul.side-nav li label {		
    color: white;		
}

body.dark .nav-menu-icon span {
	background: white !important;
}
		
body.dark .orderSummary {		
    border: 1px solid #51535c;		
    background: #363b4c;		
}		
body.dark .inputCustom {		
    border: 1px solid #51535c !important;		
    background: #363b4c;		
}	
	
body.dark .bloodTypeLabel label {		
    background: #51535c;		
    color: white;		
    border: 1px solid #51535c;		
}	
	
body.dark .ui-widget-content {		
    border: none;		
    background: #363b4c;		
    color: #222222;		
}
		
body.dark .tabsCustomBody {		
	border: 1px solid #51535c !important;		
    border-radius: 0;		
    margin: 0;		
}
		
body.dark #tabFamily select {			
    background: #363b4c;		
}
		
body.dark #tabProduct select {		
	background: #363b4c;		
}
		
body.dark .ui-state-default, body.dark .ui-widget-content .ui-state-default, body.dark .ui-widget-header .ui-state-default {		
    border: 0;		
    background: #242835;		
    color: #888;		
}
		
body.dark .ui-state-active, body.dark .ui-widget-content .ui-state-active, body.dark .ui-widget-header .ui-state-active {		
    border: 1px solid #51535c;		
    border-bottom:0;		
    background: #363b4c;		
}

body.dark .ui-state-default a {
	color: white;	
}
		
body.dark  .ui-state-active a, body.dark .ui-state-active a:link, body.dark .ui-state-active a:visited {		
    color: white;		
}
		
body.dark .phenotypeDialog {		
	 background: #363b4c;		
}
		
body.dark .standingOrderDiv {		
    background: #363b4c;		
    border: 1px solid #51535c;		
}
		
body.dark .standing [type="radio"] + label {		
    color: #cecdcd;		
}
		
body.dark .standing [type="checkbox"] + label {		
    color: #cecdcd;		
}
		
body.dark .gray888 {		
    color: #cecdcd;		
}
		
body.dark .gray333 {		
    color: white;		
}
		
body.dark .loginPanel {		
	background: #242835;		
    border: 1px solid #51535c;		
}
		
body.dark input:-webkit-autofill, body.dark textarea:-webkit-autofill, body.dark select:-webkit-autofill, body.dark input:-webkit-autofill:hover,		
body.dark input:-webkit-autofill:focus {		
	-webkit-box-shadow: 0 0 0px 1000px #363b4c inset !important;		
	-webkit-text-fill-color: white !important;		
}
		
body.dark .stockDeletedRow {		
	background: rgba(255, 0, 0, 0.25) !important;		
}
		
body.dark .stockNewRow {		
	background: rgba(0, 197, 0, 0.18) !important;		
}
		
body.dark .stockModifiedRow {		
	background: rgba(255, 165, 0, 0.28) !important;		
}

body.dark .bloodTypeColoredInput.colorRed input:enabled {
	background-color: #6F5050;
}

body.dark .bloodTypeColoredInput.colorGreen input:enabled {
	background-color: #3E603E;
}
		
body.dark .stock .ui-selected {		
    background: #b5b5b5 !important;		
    color: white;		
}
		
body.dark dialog, body.dark .reveal-modal {		
    background: #363b4c;		
    border: 1px solid #51535c;		
    color: white;		
}
		
body.dark .orderNumber th span {		
	color: #ffd79a;		
}
		
body.dark .footerBackground {		
	background: #363b4c;		
}

body.dark .app_header .page-search {
	background: transparent;
}

body.dark .top-bar {
	background-color: #51535c !important;
    border: 1px solid #51535c;
}

body.dark .top-bar ul .statusBar {
	border-right: 3px solid #242835;
}

body.dark .statusRed {
	background: #f85962;
}

body.dark .statusRed h1 {
	color: black !important;
}

body.dark .statusGreen h1 {
	color: black !important;
}

body.dark .statusOrange h1 {
	color: black !important;
}

body.dark .statusPurple h1 {
	color: white !important;
}

body.dark .statusGray {
	background: #363b4c;
	color: black !important;
}

body.dark .screenInfo {
	font-family: 'Roboto-Thin';
    font-size: 32px !important;
    border-radius: 1px;
    color: white !important;
    letter-spacing: -1px;
    opacity: 0.8;
}

body.dark .additionalInfoSites {
    background: #363b4c;
    border: 1px solid #e2e2e2;
    min-height: 9.5em;
    padding: 16px 0;
    margin: 0 0 10px 0;
    /* width: 32% !important; */
}

body.dark .top-bar .statusBar h1 {
	color: #363b4c !important;
}

body.dark .popup {
    position: absolute;
    float: left;
    left: 8px;
    top: 8px;
    width: 350px;
    overflow-y: auto;
    max-height: 100%;
    z-index: 1000;
    background-color: #363b4c;
    padding: 5px;
    color: #FFFFFF;
    font-weight: bold;
    border: 1px solid #c6c3c3;
    -webkit-box-shadow: 1px 1px 1px 1px #c6c3c3;
    -moz-box-shadow: 1px 1px 1px 1px #c6c3c3;
    box-shadow: 1px 1px 1px 1px #c6c3c3;
}

body.dark .orderHistory {
    background: #363b4c;		
    border: 1px solid #51535c;	
	color: white;
}

body.dark .orderHistory2 {
	background: #363b4c;		
    border: 1px solid #51535c;	
	color: white;
}

body.dark .bloodTypeStockText input:disabled, body.dark .bloodTypeText2 input:disabled {
	background: #363b4c !important;
}

body.dark .tableCustomSecondary {
	border-color: #51535c;
}

body.dark .tableCustomSecondary thead tr th {
	background: #363b4c !important;
	border-color: white;
	color: white !important;
}

body.dark .tableCustomSecondary tbody {
	background: #242835;
}

body.dark .tableCustomSecondary tbody tr td {
	border-color: white;
	color: white;
}

body.dark .tableCustomSecondary tr:hover {
	background-color: #585f5d;
}

body.dark .app_header {
	background: #363b4c;
}

body.dark .header-border {
	background: #363b4c;
}

body.dark .module-holder {
	color: white !important;
}

body.dark .statHome {
	color: black !important;
}

body.dark .totalOrders {
	color: white;
}

body.dark .myOrdersCustomStyle {
	color: white;
}

body.dark .asapHome {
	color: black !important;
}

body.dark .statBackground {
	color: black !important;
}

body.dark .asapBackground {
	color: black !important;
}

body.dark .routineBackground {
	color: black !important;
}

body.dark .scheduledBackground {
	color: black !important;
}

body.dark .searchBackground {
	background: #363b4c;
}

body.dark .header_time {
    background-color: #242835;
    border: thin solid #51535c;
}

body.dark .sub-nav {
	background: #363b4c;
    border: 1px solid #51535c;
}

body.dark .customSearchStyle {
	color: white;
}

body.dark .sub-nav dd a {
	color: white;
}

body.dark .chosen-container-single .chosen-single {
	background: #363b4c;
	color: white;
	border: 1px solid #51535c;
}

body.dark .chosen-container-single .chosen-search input[type="text"] {
	background: #363b4c;
	color: white;
	border: 1px solid #51535c;
	background: url('/HWBO/img/common/chosen-sprite-8b55a822e72b8fd5e2ee069236f2d797.png') no-repeat 100% -20px;
}

body.dark .chosen-container .chosen-results li.active-result {
	background: #363b4c;
	color: white;
	border: 1px solid #363b4c;
}

body.dark .chosen-container .chosen-results li.highlighted {
	background: #3875d7;
}

body.dark .chosen-container .chosen-drop {
	background: #363b4c;
	border: 1px solid #51535c;
}

body.dark .customMultiSelect {
	height: 5em !important; 
	background: #363b4c !important;
	border: 1px solid #51535c;
	color: white;
}

body.dark .customMultiSelect1 {
	height: 8em !important; 
	background: #363b4c !important;
	border: 1px solid #51535c;
	color: white;
}

body.dark .chosen-container-multi .chosen-choices {
	background-image: none;
	background-color: #363B4C;
}

body.dark .chosen-container-multi .chosen-choices li.search-choice {
	background-image: none;
	border-color: #BCBCBC;
	background-color: #363B4C;
}

body.dark .chosen-container-multi .chosen-choices li.search-choice span {
  	color: white;
}

body.dark .chosen-container-multi .chosen-choices li.search-field .default {
	color: white;
}

body.dark .divModifiersCustom {
   background: #242835;
   border: 1px solid #51535c;	
}

body.dark .home-secondary-holder {
	color: white !important;
	background: #363b4c;
}

body.dark .additional_info_secondary {
	background: #242835;
}

body.dark .modifiersCustomText {
	color: white;
}

body.dark .app_wrapper_with_additional_info {
	background: #242835;
}

body.dark .headerAdditionalUserInfoStyle {
   background: #242835;
   border: 1px solid #51535c;
   color: white;
}

body.dark .headerAdditionalUserInfoStyle2 {
   color: #cacaca;
}

body.dark .headerAdditionalUserInfoStyle3 {
	color: #cacaca;
}

body.dark .customAtag {
	color: white;
}

body.dark .responsive-table tbody td {
	color: white;
}

body.dark .customTextArea[readonly] {
    background: #363b4c;
    color: white;
}

body.dark .statusBarAdditionalStyle {
     background: #363b4c !important;
}

body.dark .customStockPopupLabel {
    color: white;
}

body.dark .buttonOrderQty.borderColorTransparent {
	 color: white;
}

body.dark .headerLabel {
	border-right: red; 
}

.switcher.is-active {
	background: rgba(212, 19, 13, 1) !important;
}

.unseenNotificatins {
	position: absolute; 
	top: 23px; 
	left: 40px; 
	background-color: rgba(212, 19, 13, 1); 
	color: #fff; 
	border-radius: 3px; 
	padding: 1px 3px; 
	font: 9px Verdana;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.header-border {
		border-bottom: 1px solid #dddddf; 
		background-color: #B40C00;
	}
	
	.module-holder {
		color: white !important;
	}
	
	.pe-7s-home {
		color: white;
	}
	
	.fa.colorGrey.fa-question {
		color: white;
	}
	
	.pe-7s-chat {
		color: white;
	}
	
	.pe-7s-search {
		color: white;
	}
	
	.switcher.default {
	    background-color:  white !important;
	    border: none;
	    border-radius: 2em;
	    min-width: 44px;
	    height: 22px;
	    padding: 2px 4px;
	    margin: 0 0 0 0;
	    -webkit-transition: background-color 0.3s;
	    transition: background-color 0.3s;
	}
	
	.switcher.default .slider {
	    background-color: #b40c00 !important;
	    border-radius: 1.5em;
	    margin: 0;
	    height: 18px;
	    width: 18px;
	    z-index: 2;
	    left: 0;
	    position: absolute;
	    top: 0;
	    -webkit-transform: translateX(0%);
	    -ms-transform: translateX(0%);
	    transform: translateX(0%);
	    -webkit-transition: -webkit-transform 0.3s;
	    transition: transform 0.3s;
	}
	
	.nav-menu-icon span {
	  display: block;
	  position: absolute;
	  height: 2px;
	  width: 100%;
	  background: white !important;
	  border-radius: 9px;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}
	
	.app_header .header-icons ul li.icon .profile_holder .dropdown_profile span.pe-7s-angle-down {
	    position: absolute;
	    right: -5px;
	    top: 25px;
	    color: white !important;
	    font-weight: 600;
	}
	
	.unseenNotificatins {
	    position: absolute;
	    top: 23px;
	    left: 40px;
	    background-color: white;
	    color: #cc3325;
	    border-radius: 3px;
	    padding: 1px 3px;
	    font: 9px Verdana;
	}
}

body.dark .welcomeDescription {
	color: white !important;
}

body.dark .additionalInfoMin {
	background: #242835;
}

body.dark .splitOrderOrderNumber {
	line-height: 20px;  
	color: white; 
	font-weight: bold;
}