/*
* RomaNoVa
*/

@font-face {
  font-family: 'Caudex';
  font-style: normal;
  font-weight: 400;
  src: local('Caudex'), url(../Content/RMN/fonts/Caudex-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Caudex';
  font-style: normal;
  font-weight: 700;
  src: local('Caudex Bold'), local('Caudex-Bold'), url(../Content/RMN/fonts/Caudex-Bold.woff) format('woff');
}

body
{
    color: #fff; 
    background-color: #000; 
}

/* override default css to fit store settings */

/* 02-12-15 CtP no class associated to editlabel, use id */
#editlabel
{
	color: #454545;
}

.logo 
{
    position:absolute;
    z-index: 999;    
    top: 2px;
}
.logo img 
{
    max-height: 80px;
}
.header .column-second 
{
    padding-left: 25.25424%;
}
.header 
{
    background-color: #000;
}
.header .column-first
{
    width: 25.25424%;
}
.header .column-second
{
    width: 20.67797%; /* RZ 6-10-2015: Changed from 30.67797% */    
}
.context-bar, .ui-dialog .ui-dialog-titlebar-close
{
    background-color: #fff; 
}
.context-bar #btnlistview,
.context-bar #btngridview,
.context-bar #btnimageview
{
    color: #C0BEBE; 
}
.context-bar #btngridview.active .gridview:before, 
.context-bar #btnlistview.active .listview:before, 
.context-bar #btnimageview.active .imageview:before
{
    color: #000;
}
/* Left-side bar */
#filter-toggle .corner
{
    border-right: 40px solid #fff; 
}
#filter-toggle:hover
{
    background: #000; 
    color: #bfbfbf;
}
#filter-toggle:before 
{
    color: inherit;
}

#grid-filter #partialinventory .inventory-item.active
{
    background-color: #A2A2A2;
    color: #fff;
}
#grid-filter #partialinventory .inventory-item:hover, 
#grid-filter #partialinventory .inventory-item.active, 
#grid-filter .dropdown-items.selected,
#grid-filter .dropdown-items:hover,
#grid-filter #filter-list .filter-item:hover, 
#grid-filter #filter-list .dropdown-list .dropdown-items:hover
{
    background: #292828; 
    color: #bfbfbf;
}
#grid-filter #filter-list .dropdown-menu
{
    background: #3b3b3b; 
}

#grid-view #btncancelorder, #grid-view #btnconfirmorder
{
    border-radius: 3px;
}
#grid-view #btncancelorder:hover
{
    color: #bfbfbf;
    border-radius: 3px
}
#grid-view #btnconfirmorder:hover, .ui-dialog .ui-dialog-titlebar .ui-state-hover
{
    /* background: #292828;
    color: #bfbfbf;
    border-radius: 3px;
 */
    background: #4D4D4D;
    color: #bfbfbf;
    border-color: #323232;
    border-radius: 3px;    
}

/* slider */
.slider .ui-slider .ui-slider-range
{
    background: #A2A2A2; 
}
.slider .ui-state-default, .slider .ui-widget-content .ui-state-default, .slider .ui-widget-header .ui-state-default
{
    background: #6F6B6B;
}
.slider .ui-state-default:hover, .slider .ui-widget-content .ui-state-default:hover, .slider .ui-widget-header .ui-state-default:hover
{
    background: #4E4E4E;
    color: #fff;
}

/* right side bar */
#index-bar
{
    background: #323232;
}
#index-bar .index-item.enable:hover
{
    background: #747474; 
    color: #fff;
}
#index-bar .index-item.enable.active
{
    background: #747474; 
}

/* account button */
#account:hover, #account .menu-item:hover
{
    background: #292828; 
    color: #bfbfbf;
}
#account .menu
{
    color: #fff; 
}

/* shopping cart header */
#shopping-cart .row.bottom {
    border-top: 1px solid #000;
}
#shopping-cart .row.top
{
    border-bottom: 1px solid #000;
}
#shopping-cart .row-item.green, #shopping-cart .row-item.darkblue, #help-view .help-item.green .icon, #order-notification .status.green 
{
    background: #D1C7C7;
}
#shopping-cart .row-item:hover.green, #shopping-cart .row-item:hover.darkblue
{
    background: #B6ACAC;
}

#shopping-cart .row-item.red, #help-view .help-item.red .icon 
{
    background: #A2A2A2;
}
#shopping-cart .row-item:hover.red
{
    background: #D1C9C9;
}
#shopping-cart .row-item.active 
{
    background: #B6ACAC;
}
#shopping-cart .row-item.summaryButton.on 
{
    background-color: #A2A2A2;    
}

#shopping-cart .row-item.summary-mode:hover.direct-order, 
#shopping-cart .row-item.summary-mode:hover.confm-order, 
#shopping-cart .row-item.summary-mode:hover.questionButton, 
#shopping-cart .row-item.summary-mode:hover.summaryButton, 
#shopping-cart .row-item.summary-mode:hover.green, 
#shopping-cart .row-item.summary-mode:hover.red 
{
    background: #000;
}
#shopping-cart .row-item .sale-btn, #divleverdatum 
{
    color: #000;
}
#shopping-cart .row-item .sale-btn:hover 
{
    color: #747474;
}

#summary-detail-view 
{
    -webkit-box-shadow: inset 0 0 0 5px #D1C7C7;
    -moz-box-shadow: inset 0 0 0 5px #D1C7C7;
    box-shadow: inset 0 0 0 5px #D1C7C7;
}
#navigation .list-item:hover
{
    color: #747474; 
}

#navigation .list-item:before, .languages .flag:before
{
    color: #fff; 
}

/* Grid Colors start here*/
.slick-headerrow
{
    background: #3b3b3b; 
}

/* footer */
.footer #contact-link:hover:after {	
    background: #4D4D4D;
    color: #bfbfbf;
    border-color: #323232;
}
/* end of footer */

/* Input types, a, etc */
input[type="button"], input[type="reset"], input[type="submit"]
{
    background: #fff;
    color: #000;
    border-radius: 3px;
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, 
.ui-dialog .ui-widget-content button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover 
{
    background: #4D4D4D;
    color: #bfbfbf;
    border-color: #323232;
    border-radius: 3px;
}

.login-form input[type="text"], 
.login-form input[type="password"]
{
    border-radius: 3px;
    color: #000;
}

/* grid layout */

/* bulk button */
#gridinventorycontainer.list-view .slick-cell .bulk-prices:hover:before, 
#gridpricelistcontainer.list-view .slick-cell .bulk-prices:hover:before, 
#gridhistoryinventorycontainer.list-view .slick-cell .bulk-prices:hover:before
{
    color: #323232;  
}
#bulk-modal 
{
    background: #323232; 
}
#bulk-modal .bulk-table th, .ui-dialog .ui-dialog-titlebar
{
    background: #000;  
}
#gridinventorycontainer.list-view .slick-cell.active.r0 .amount-button, 
#gridinventorycontainer.list-view .slick-cell.selected.r0 .amount-button, 
#gridinventorycontainer.list-view .slick-cell.editable.r0 .amount-button, 
#gridpricelistcontainer.list-view .slick-cell.active.r0 .amount-button, 
#gridpricelistcontainer.list-view .slick-cell.selected.r0 .amount-button, 
#gridpricelistcontainer.list-view .slick-cell.editable.r0 .amount-button, 
#gridhistoryinventorycontainer.list-view .slick-cell.active.r0 .amount-button, 
#gridhistoryinventorycontainer.list-view .slick-cell.selected.r0 .amount-button, 
#gridhistoryinventorycontainer.list-view .slick-cell.editable.r0 .amount-button, 

#gridinventorycontainer.list-view .slick-cell.r0 .order-amount, 
#gridpricelistcontainer.list-view .slick-cell.r0 .order-amount, 
#gridhistoryinventorycontainer.list-view .slick-cell.r0 .order-amount 
{
    background: #292828;
    border-color: #bfbfbf;
    color: #bfbfbf;
}
#gridinventorycontainer.list-view .slick-cell.active.r0 .amount-button .amount-text, 
#gridinventorycontainer.list-view .slick-cell.selected.r0 .amount-button .amount-text, 
#gridinventorycontainer.list-view .slick-cell.editable.r0 .amount-button .amount-text, 
#gridpricelistcontainer.list-view .slick-cell.active.r0 .amount-button .amount-text, 
#gridpricelistcontainer.list-view .slick-cell.selected.r0 .amount-button .amount-text, 
#gridpricelistcontainer.list-view .slick-cell.editable.r0 .amount-button .amount-text, 
#gridhistoryinventorycontainer.list-view .slick-cell.active.r0 .amount-button .amount-text, 
#gridhistoryinventorycontainer.list-view .slick-cell.selected.r0 .amount-button .amount-text, 
#gridhistoryinventorycontainer.list-view .slick-cell.editable.r0 .amount-button .amount-text
{
    color: #bfbfbf;
    border-color: #3B3B3B;
}

#gridinventorycontainer.list-view .slick-cell.r0 .amount-button:hover, 
#gridpricelistcontainer.list-view .slick-cell.r0 .amount-button:hover, 
#gridhistoryinventorycontainer.list-view .slick-cell.r0 .amount-button:hover,
#gridinventorycontainer.list-view .slick-cell.r0 .amount-button:hover .amount-text, 
#gridpricelistcontainer.list-view .slick-cell.r0 .amount-button:hover .amount-text, 
#gridhistoryinventorycontainer.list-view .slick-cell.r0 .amount-button:hover .amount-text,

#detailView .amount:focus
{
    background: #292828; 
    color: #bfbfbf;
    border-color: #3B3B3B;
}

.ui-dialog .ui-dialog-titlebar .ui-widget-content .ui-state-hover, 
.ui-dialog .ui-dialog-titlebar .ui-widget-header .ui-state-hover, 
.ui-dialog .ui-dialog-titlebar .ui-state-focus, 
.ui-dialog .ui-dialog-titlebar .ui-widget-content .ui-state-focus, 
.ui-dialog .ui-dialog-titlebar .ui-widget-header .ui-state-focus
{
    background: #000; 
    color:  #fff;
    border-color: #4D4D4D;
}

.history-selectmenu .ui-selectmenu:hover,

#gridinventorycontainer.tile-view .slick-cell.active .item-footer, 
#gridinventorycontainer.tile-view .slick-cell.editable .item-footer, 
#gridpricelistcontainer.tile-view .slick-cell.active .item-footer, 
#gridpricelistcontainer.tile-view .slick-cell.editable .item-footer,
.image-view .slick-cell.active .item-footer, 
.image-view .slick-cell.editable .item-footer,

#pricelistdeliverydate .ui-state-hover, 
#pricelistdeliverydate .ui-widget-content .ui-state-hover, 
#pricelistdeliverydate .ui-widget-header .ui-state-hover, 
#pricelistdeliverydate .ui-state-focus, 
#pricelistdeliverydate .ui-widget-content .ui-state-focus, 
#pricelistdeliverydate .ui-widget-header .ui-state-focus
{
    background: #323232;
    color: #bfbfbf;
}

#pricelistdeliverydate .ui-datepicker-today .ui-state-active, 
#pricelistdeliverydate .ui-datepicker-today .ui-widget-content .ui-state-active, 
#pricelistdeliverydate .ui-datepicker-today .ui-widget-header .ui-state-active,
#pricelistdeliverydate .ui-state-active, #pricelistdeliverydate .ui-widget-content .ui-state-active, 
#pricelistdeliverydate .ui-widget-header .ui-state-active 
{
    background: #292828;
    color: #bfbfbf;

}

/* Extra adjustments added *
#grid-filter .filter-title, #grid-filter .filter-title,
#navigation,
#shopping-cart, #account 
{
    font-family: Caudex, "Merriweather Sans", Helvetica, Arial, sans-serif;
}
*/

body 
{
    font-family: Caudex, "Merriweather Sans", Helvetica, Arial, sans-serif;
}

.context-bar #mailcontainer 
{
    color: #454545;
}

.context-bar #mailcontainer:hover 
{
    color: #fff;
}


@media only screen and (max-width: 1279px) and (max-height: 799px) {
  #responsive .logo img {
	max-height: 60px;
  }
}