/* ============================== */
/* ! Colors                       */
/* ============================== */
/* dark color */
.dark-color,
.dark-hover:hover,
.dark-hover.selected {
    color: #333333;
}
.dark-bg,
.dark-bg-hover:hover,
.dark-bg-hover.selected {
    background-color: #000;
}

.dark-body-bg {
	background: #f5f5f5
}
.dark-border,
.dark-border-hover:hover,
.dark-border-hover.selected {
    border-color: #282d37;
}
.dark-gradient,
.dark-gradient-hover:hover,
.dark-gradient-hover.selected {
	background: #282d37;
    color: white;
}


#menu-mobile.main-menu-desktop.slide-opened{
    background-color: white;
}
/* middle color */
.middle-color{
    color: #646973
}
.middle-hover:hover,
.middle-hover.selected {
    color: #ff0000;
}

.middle-bg,
.middle-bg-hover:hover,
.middle-bg-hover.selected {
    background-color: #999999;
}
.middle-border,
.middle-border-hover:hover,
.middle-border-hover.selected {
    border-color: #999999;
}
.middle-gradient,
.middle-gradient-hover:hover,
.middle-gradient-hover.selected {
	background: rgb(100,105,115); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(100,105,115,1) 0%, rgba(130,140,149,1) 52%, rgba(135,140,150,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,105,115,1)), color-stop(52%,rgba(130,140,149,1)), color-stop(100%,rgba(135,140,150,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(100,105,115,1) 0%,rgba(130,140,149,1) 52%,rgba(135,140,150,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(100,105,115,1) 0%,rgba(130,140,149,1) 52%,rgba(135,140,150,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(100,105,115,1) 0%,rgba(130,140,149,1) 52%,rgba(135,140,150,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(100,105,115,1) 0%,rgba(130,140,149,1) 52%,rgba(135,140,150,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646973', endColorstr='#878c96',GradientType=0 ); /* IE6-9 */
    
   
   
        

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #646973 0%, #878C96 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #646973 0%, #878C96 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #646973 0%, #878C96 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #646973), color-stop(1, #878C96));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #646973 0%, #878C96 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #646973 0%, #878C96 100%);
   
   
}

/* cream color */
.cream-color,
.cream-hover:hover,
.cream-hover.selected {
    color: #fbf9f7;
}
.cream-bg,
.cream-bg-hover:hover,
.cream-bg-hover.selected {
    background-color: white;
}
.cream-border,
.cream-border-hover:hover,
.cream-border-hover.selected {
    border-color: #fbf9f7;
}
.cream-gradient,
.cream-gradient-hover:hover,
.cream-gradient-hover.selected {
    
    background-image: linear-gradient(bottom, #F7F7F7 0%, #F2F2F2 100%);
    background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #F2F2F2 100%);
    background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #F2F2F2 100%);
    background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #F2F2F2 100%);
    background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #F2F2F2 100%);
    background-color: #F7F7F7;
    
}

.product-detail.cream-gradient,
.product-detail.cream-gradient-hover:hover,
.product-detail.cream-gradient-hover.selected {
	
	background-image: none;	 
    background-color: #fff;
	
}

/* light color */
.light-color,
.light-hover:hover,
.light-hover.selected {
    color: #ffffff;
}
.light-bg,
.light-bg-hover:hover,
.light-bg-hover.selected {
    background-color: #ffffff;
}

.light-grey-bg {
	background: #f5f5f5;
}
.light-border,
.light-border-hover:hover,
.light-border-hover.selected {
    border-color: #ffffff;
}
.light-gradient,
.light-gradient-hover:hover,
.light-gradient-hover.selected {
    background-image: linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-image: -o-linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-image: -moz-linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-image: -webkit-linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-image: -ms-linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-color: #ffffff;
    position: relative;
}


.main-menu .active-hover .acl-navigation-header {
    border-bottom: .1rem solid #d7dce1 !important;
    text-align: center;
    padding: 0;
    padding-bottom: 14px;
}

.main-menu .active-hover.current{
    border-bottom: 3px solid #ff0000;
    color: red;
}

.main-menu-desktop .active-hover:hover{
    border-bottom: 3px solid #ff0000;
}

.main-menu-desktop .acl-space-wrapper .active-hover:hover {
    border-bottom: initial;
}

.main-menu .active-hover:hover{
	color: #282d37;
}
.active-bg,
.active-bg-hover:hover,
.active-bg-hover.selected {
    background-color: #FF0000;
}
.active-border,
.active-border-hover:hover,
.active-border-hover.selected,
.juicy-selected .active-border-selected {
    border-color: #efef75;
}
.active-gradient,
.active-gradient-hover:hover,
.active-gradient-hover.selected {	
    background-color: #878c96;
}

.facebook-color,
.facebook-hover:hover {
    color: #3B5998;
}

.twitter-color,
.twitter-hover:hover {
    color: #33CCFF
}

.linkedin-color,
.linkedin-hover:hover {
    color: #4875B4;
}

.pinterest-color,
.pinterest-hover:hover {
    color: #AB171E;
}

.google-color,
.google-hover:hover {
    color: #D04028;
}

.page-tabs a {
   text-shadow: none;
}

.white-bg {
	background-color: #fff;
}

.oxInvalid input {
	box-shadow: red;
}

.pager-page.active, .pager-page:hover {
	background-color: #efef75;
}

.menu-bck-row{
	position: absolute;
	background: #ff0000;
	width: 100%;
	visibility: visible;
	height: 54px;
	box-shadow: 2px 0px 0px -1px #666666;	
}

.main-menu li{
	background: none;
}


.main-menu li.current:hover a.main-menu-item  {
    background: #fff;
}