.off-canvas-wrapper {background-color: #fff;}
#offcanvas .navbar-nav > li > a, #offcanvas .navbar-nav > li > span {color: #333; }
#offcanvas .navbar-nav > li.active > a, #offcanvas .navbar-nav > li >a:hover, #offcanvas .navbar-nav > li>a:focus {background-color: #12499c;color:#fff;}
.navbar-default {background-color: #C3A790;}
.navbar .nav > li.active > a, .navbar .nav > li.active > span, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {background-color: #986d4a;}
footer {background-color: #C3A790;}
.btn-primary, .cbtn .btn {background-color: #C3A790; border-color: #55280c; color:#fff;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {background-color: #55280c; border-color: #55280c;}
.loginform{justify-content: center;align-items: center;display: flex;height: 100vh;}
.loginform > div{width:100%;}
.mobile-logo img{width:150px;max-width:100%;}
.list-cat-title{padding: 20px 0 0 0;font-weight:bold;font-size:125%;}
#fds-navbar ul.nav{width:100%;}
.red{color: red;}
.input-group-sm .form-control{height: 24px;padding: 2px 2px;max-width: 55px;}
.input-group-sm .form-control, .input-group-sm span.mj{display: inline-block;}
button.btn.pimg{padding: 0px 12px;}
.moduletable .productlist .btntop{display: none;}
.products-toggler .btn-primary.active{background-color: #C3A790;border-color: #55280c;}
.cbtn{margin-top: 20px;}
.border > h3{margin-bottom: 10px;}
.border > h3.fprods {margin-bottom: 0px;}
.orderlist table table{background:transparent !important; margin-bottom:0;}
.orderlist table table tr td{border-top:none;}
tr.is_favorite .favorite-toggler span{color: red;}
#ui-tabs #tabs{padding: 0;}
.selectdate .dropdown-menu button, .selectcustomer .dropdown-menu button{width: 100%;border-bottom: 1px solid #d7d7d7;background: #fbfbfb;text-align:left;}
.selectdate .dropdown-menu button:hover, .selectdate .dropdown-menu button:active, .selectdate .dropdown-menu button:focus,
.selectcustomer .dropdown-menu button:hover, .selectcustomer .dropdown-menu button:active, .selectcustomer .dropdown-menu button:focus{background: #d7d7d7;}
#offcanvas li.pull-right {float: none !important;}
.container {padding-left: 30px; padding-right: 30px;}
.modal-body a[rel=vm-additional-images] img{max-height: 75vh;display: block;margin-left: auto;margin-right: auto;}
.table-responsive{padding-top:0;}
.newsflash{padding:20px;background: #f5f5f5;}
.newsflash .nfitem p{margin:0;}
.newsflash h4{padding-left:0;}
.newsflash .newsflash-image{text-align:center;}
.newsflash .newsflash-image img{max-width: 20%;transform: rotateZ(90deg);margin-top: -5%;margin-bottom: -8%;}
.dropdown-menu .form-group{margin:0;}
.dropdown-menu .form-group #selectcustomer-search{border-top: none;border-left: none;border-right: none;}
.searchinput{background: #f3f3f3 !important;}
.dropdown-menu li.selected button,.dropdown-menu li.selected button:hover,.dropdown-menu li.selected button:active,.dropdown-menu li.selected button:focus{background: #C3A790;color: #fff;}
.loginform .panel p{margin-bottom: 0;font-size: 85%;}
.loginform .panel .panel-heading{padding: 0;}
.loginform .panel .panel-heading a{padding: 10px 15px;display: block;}
.loginform .panel .panel-title {font-size: inherit;}

@media (max-width: 767px){
    .btntop .btn{margin-bottom:15px;margin-top:15px;}
    .products-show-all{margin-top:15px;}
    .mobile-btns .dropdown-menu{left: auto;right: 0;}
    .mobile-btns .list-inline>li{padding-left: 0px;padding-right: 0px;}
    .mobile-btns .list-inline>li > button, .mobile-btns .list-inline>li > .selectdate > form > button{margin-left: 3px;margin-right: 3px;}
    .mobile-btns .list-inline>li.mobile-userinfo{padding-right: 3px;}
}

@media (max-width: 480px){
    .mobile-btns{padding-left:0;padding-right:0;}
    .mobile-btns .list-inline li{padding-right:0;}
}