/*import url('http://fonts.googleapis.com/css?family=Exo+2');*/

html {
    min-height: 100%;
    position: relative;
}

body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
    
    margin-bottom: 60px;
    
    background-color: white;
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 1199px) { 
    body {
        margin-bottom: 80px;
    }
}

@media (max-width: 767px) { 
    body {
        margin-bottom: 80px;
    }
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  
  font-weight: 500;
  line-height: 1.1;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.top05 { margin-top: 0.5%; }
.top1 { margin-top: 1%; }
.top2 { margin-top: 2%; }
.top3 { margin-top: 3%; }
.top4 { margin-top: 4%; }
.top5 { margin-top: 5%; }
.top6 { margin-top: 6%; }
.top7 { margin-top: 7%; }
.top8 { margin-top: 8%; }
.top9 { margin-top: 9%; }
.top10 { margin-top: 10%; }
.top15 { margin-top: 15%; }
.top17 { margin-top: 17%; }
.top30 { margin-top: 30%; }

.bottom05 { margin-bottom: 0.5%; }
.bottom1 { margin-bottom: 1%; }
.bottom2 { margin-bottom: 2%; }
.bottom3 { margin-bottom: 3%; }
.bottom4 { margin-bottom: 4%; }
.bottom5 { margin-bottom: 5%; }
.bottom6 { margin-bottom: 6%; }
.bottom7 { margin-bottom: 7%; }
.bottom8 { margin-bottom: 8%; }
.bottom9 { margin-bottom: 9%; }
.bottom10 { margin-bottom: 10%; }
.bottom15 { margin-bottom: 15%; }
.bottom17 { margin-bottom: 17%; }
.bottom30 { margin-bottom: 30%; }

.vam {
    vertical-align: middle !important;
}

.bs-center-block {
    margin: 0 auto;
}

body > .body-content {
    padding: 0px 15px 0;    
}


.navbar {
    margin-bottom: 0px;
    border-radius: 0px;
}

/*.navbar-brand {
    height: auto;
    padding-top: 0;
}*/

div.area-logo {                
    padding: 5px;        
    height: 77px;
    color: black;
}


div.area-logo ul.navbar-right {
    margin-top: 8px;
}

div.area-logo > a {                
    display: inline-block;
}
    
.area-navbar {    
    background: none;
    border: none;        
}

.area-navbar.with-bottom-border {
    border-bottom: 1px solid #a1a6ad;
}

.area-infobar {
    border-top: 1px solid red;
}

.area-mainmenu {
    background-color: #06384f;
    padding-left: 0px;
    padding-right: 0px;
}

/*.navbar-nav {
    width: 100%;
    margin: 0 0px;    
}*/

.navbar-brand/*,
.navbar-nav li a*/ {
    padding-bottom: 0;        
}

@media (min-width: 768px) {     
    .area-mainmenu .navbar-nav li a.menu-button {
/*        height: 77px;*/
/*        padding-top: 10px;*/
        text-align: center;
    }
}

@media (max-width: 767px) { 
    .navbar-nav li {
        padding-left: 20px;
    }
}

.navbar-nav li a > .glyphicon, 
.navbar-nav li a > .fa {
    font-size: 135%;    
}

.navbar-nav li a > .icomoon {
    font-size: 16px;
}

@media (min-width: 768px) { 
    .navbar-nav li a > .menutext::before {
        content: "\A";
        white-space: pre;
    }
}

@media (max-width: 767px) { 
    .navbar-nav li a > .menutext {
        margin-left: 10px;
    }
}

@media (min-width: 768px) { 
    .area-mainmenu .navbar-nav li {
        min-width: 120px;        
    }
}

@media (min-width: 992px) { 
    .area-mainmenu .navbar-nav li {
        min-width: 140px;        
    }
}

@media (min-width: 1200px) { 
    .area-mainmenu .navbar-nav li {
        min-width: 160px;
    }
}

.navbar-right {
    margin-right: 0px;
}
.area-mainmenu .navbar-right {
    margin-right: 0px;    
}

.area-mainmenu .navbar-nav > .active > a, .area-mainmenu .navbar-nav > .active > a:focus, .area-mainmenu .navbar-nav > .active > a:hover {
    background-color: #DA251D;
    color: white;    
}

.area-logo .navbar-nav > li > a {
    color: #333;
}
.area-logo .navbar-nav > li > a:focus, .area-logo .navbar-nav > li > a:hover {
    color: #DA251D;
}

.area-mainmenu .navbar-nav > li > a,
.area-mainmenu .navbar-nav > li > a:focus {
    color: white;
}

.area-mainmenu .navbar-nav > li > a:hover {
    background-color: #DA251D;
    color: white;    
}

@media (max-width: 767px) {     
    .area-mainmenu .navbar-nav .open .dropdown-menu > li > a,
    .area-mainmenu .navbar-nav .open .dropdown-menu > li.active > a {
        background-color: transparent;
        color: white;
    }
    
    .area-mainmenu .navbar-nav .open .dropdown-menu > li > a:hover,
    .area-mainmenu .navbar-nav .open .dropdown-menu > li.active > a:hover{
        background-color: #DA251D;
        color: white;    
    }
    
    .area-mainmenu .navbar-nav > .open > a,
    .area-mainmenu .navbar-nav > .open > a:hover,
    .area-mainmenu .navbar-nav > .open > a:focus 
    {
        background-color: transparent;
        border: 1px solid #DA251D;
        color: white;    
    }
    
    .area-mainmenu .navbar-nav > li > a:hover, 
    .area-mainmenu .navbar-nav > li > a:focus {
        color: white;
    }
}

/*@media (max-width: 768px) {
    .area-navbar {
        border-bottom: 10px solid #80b3ff !important;
    }

    .area-infobar {
        border-bottom: none !important;
    }
}*/

img.navbar-brand {
    max-height: 150px;
}

img.menu-logo {
    max-height: 150px; 
    padding-top: 2px; 
    padding-bottom: 2px;
}

.footer {
/*    background-color: #373e48;*/
    background-color: #06384f;
    color: #ccc;
    bottom: 0;
    height: 60px;
    position: absolute;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}   

.footer {
/*    background-color: #373e48;*/
    background-color: #06384f;
    color: #ccc;
    bottom: 0;
    height: 60px;
    position: absolute;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}    

@media (max-width: 1199px) { 
    .footer {
        height: 80px;
    }
}

@media (max-width: 767px) { 
    .footer {
        height: 80px;
    }
}

/*.footer span {
    margin: 20px 0;
}*/

.footer .space {
    margin: 15px;
}


.footer .ftr-menu {    
    text-align: center;
}

.footer .ftr-social {    
    text-align: center;
    margin-top: 20px;
}

.footer .ftr-credentials {    
    text-align: center;
    margin-top: 15px;
}


@media (min-width: 1200px) { 
    .footer .space {
        margin: 20px;
    }

    .footer .ftr-menu {
        text-align: right;
    }
    .footer .ftr-social {    
        text-align: right;
        margin-top: 0px;
    }

    .footer .ftr-credentials {    
        text-align: left;
        margin-top: 0px;
    }    
}

@media (max-width: 1199px) { 
    .footer .social {
        margin-left: 15px;
    }
}    

.red {
    color: red;
}

.ipred {
    color: #DA251D;
}

.text-default {
    color: black;
}

.text-small-75 {
    font-size: 75%;
}

.text-small-80 {
    font-size: 80%;
}

.text-small-85 {
    font-size: 85%;
}

.text-small-90 {
    font-size: 90%;
}

.text-small-95 {
    font-size: 95%;
}

.indent-margin5 { 
    margin-left: 5px; 
}

.indent-margin10 { 
    margin-left: 10px; 
}

.indent-margin20 { 
    margin-left: 20px; 
}

.indent-r-margin5 { 
    margin-right: 5px; 
}

.indent-r-margin10 { 
    margin-right: 10px; 
}

.indent-r-margin20 { 
    margin-right: 20px; 
}


.no-wrap {
    white-space: nowrap;
}

.no-topmargin {
    margin-top: 0px;
}

.no-bottommargin {
    margin-bottom: 0px;
}

.no-padding {
    padding: 0px !important;
}

.no-toppadding {
    padding-top: 0px !important;
}

.no-bottompadding {
    padding-bottom: 0px !important;
}


.btn-xl {
    min-width: 200px;
    min-height: 200px;
    /*height: 250px;*/
    /*padding: 58px;*/
    /*font-size: 22px;*/
    border-radius: 8px;
    margin-right: 20px;
    margin-bottom: 20px;
    
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;    
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;    
}


.grayout {
    background-color:  #f5f5f5;
}

.profileimage {
    height: 25px; 
    width: 25px; 
    display: inline-block; 
    border-radius: 999px;
}

@media (min-width: 769px) {
    .mi-xs-hidden {
        display: none;
    }
}


.page-title {
    width: 100%;    
    vertical-align: middle;
/*    text-align: center;*/
    border-bottom: 1px solid #a1a6ad;
/*    font-family: "Philosopher";    
    font-weight: bold;*/
    color: #06384f; 
    background-color: transparent;
}

.page-title-icon {
    color: #a1a6ad;    
    float: left;    
    font-size: 100%;    
}

/*.page-title-header {
    color: #a1a6ad;
}*/

@media (min-width: 768px) { 
    .page-title {
        height: 57px;
        line-height: 57px;
        padding: 0 15px;
        font-size: 22px;
    }

    .page-title-icon {        
        margin: 16px 16px 16px 0px;                
    }
}

@media (max-width: 767px) { 
    .page-title {
        height: 45px;        
        line-height: 45px;                
        padding: 0 5px;
        font-size: 20px;
    }

    .page-title-icon {        
        margin: 12px 8px 0 5px;                   
    }
}

.breadcrumb-holder {
    font-size: 13px;    
}

.breadcrumb {    
    background-color: transparent;
    display: inline;
    padding: 3px;
}

.breadcrumb > li + li::before {    
    content: "/";
    padding: 0 5px 0 5px;
}

.breadcrumb > li > a, .breadcrumb > .active {
    color: #a1a6ad;
    text-decoration: none;
}
.breadcrumb > li > a:hover {
    color: #DA251D;
    text-decoration: none;
}


.btn-ipred, a.btn-ipred {
    background-color: #DA251D;
    color: #fff !important;
}

.btn-ipgray, a.btn-ipgray {    
    background-color: #06384f;
    color: #fff !important;
}

.panel-link {
/*    color: inherit;*/
    color: #555 !important;    
}
.panel-link:hover {
    color: #DA251D !important;
    text-decoration: none;
}

/*.panel-heading {
    overflow: hidden;
}*/
.panel-icon {
    font-size: 28px;
    margin-right: 25px;
    margin-top: -22px;
    padding: 10px;
    color: #555 !important;
    border: 4px double #ddd;
    border-radius: 100%;
    background-color: white;
}

.groups-panel-group-item {
    width: 100%; 
    min-height: 40px; 
    line-height: 40px; 
    vertical-align: middle; 
    border-bottom: 1px solid #ddd; 
    padding-left: 10px;
}
 
.groups-panel-group-item a {
    color: #000 !important;
}

.groups-panel-group-item a:hover {
    color: #DA251D !important;
}

.groups-panel-group-item a:hover,
.groups-panel-group-item a:focus {    
    text-decoration: none;
}

.groups-panel-subgroup-item {
    width: 100%; 
    min-height: 35px; 
    line-height: 35px; 
    vertical-align: middle; 
    border-bottom: 1px solid #ddd; 
    padding: 0px 10px;
    background-color: #eee;
}

/*.groups-panel-group-item:last-child,*/
.groups-panel-subgroup-item:last-child {
    border-bottom: 0px solid red; 
}

.panel-screener {
    max-height: 500px;
    overflow-y: auto;
}

.tbl-articles th {
    background-color: #eee;    
    border-bottom: none !important;
}

.no-bg {
    background-color: white !important;    
}

.tbl-articles tr:first-child td.no-bg {
    border-top: 0px !important;
}


.table-items-group {
    width: 100%;
}

.table-items-group > thead {
    background-color:  #f5f5f5;
}    

.table-items-group > tbody > tr:first-child,
.table-items-group > tbody > tr:first-child > td {
    border-top: 0 none;
}

.table-items-group.no-border > tbody > tr,
.table-items-group.no-border > tbody > tr > td {
    border-top: 0 none;
}

.table-items-group-noinnerpadding > tbody > tr > td {
    padding: 0px;
}

.no-border {
    border: none;
}



/********************************************************************/
/***************  panel with nav-tabs *******************************/
.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
    background-color: #ddd;
    border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: white;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}

.panel.with-nav-tabs table tr:first-child td {
    border-top: none;
}

.nav.adm-menu li.active a {    
    background-color: #eee;
}

#mdClientSelector,
#mdClientPosSelector,
#mdBGSelector {
    width: 70vw;
}

@media (max-width: 991px) { /*md+*/
    #mdClientSelector,
    #mdClientPosSelector,
    #mdBGSelector {
        width: 95vw;
    }
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

.validation-summary-errors > ul,
.validation-summary-valid > ul {
    list-style-type: none;
    color: red;
    padding: 20px 0;
}
.validation-summary-errors ul li,
.validation-summary-valid ul li {
    display: block;
}
    
    
.blueimp-gallery > .dellink {
  position: absolute;  
  bottom: 15px;
  left: 15px;
  color: #fff;
  /*display: none;*/
}
.blueimp-gallery-controls > .dellink {
  display: block;
}    


.panel.select-items {    
    background-color: transparent !important;
}

.select-items {
    box-shadow: none;    
    background-color: none !important;
}
.lnk-select-item {
    color: #000;
    outline: none;
    text-decoration: none;           
}

.lnk-select-item:hover,
.lnk-select-item:focus {        
    color: #888;
    outline: none;
    text-decoration: none;    
}

.lnk-select-item .descr-container {
    min-height: 40px;
}

.lnk-select-item:hover .descr-container .sp-item-name,
.lnk-select-item:focus .descr-container .sp-item-name {
    color: #000;
}


.img-container {
    /*height: 14vw;*/ 
    background-color: #fff;
    display: table;
    width: 100%;
}
    .img-container .centered {
        display: table-cell;
        vertical-align: middle;
    }
    

    .img-container-phsearchitem {        
        background-color: #f8f8f8;
    }    
    
    .img-container-branditem {
        background-color: #fff;
    }

@media (max-width: 767px) { 
/*    .img-container-phsearchitem {
        height: 163px;
    }
    .img-container-phsearchitem img {
        max-height: 163px;
    }*/
    
    .img-container-branditem {
        height: 108px;
    }
    .img-container-branditem img {
        max-height: 108px;
    }
}
@media (min-width: 768px) { 
    .img-container-phsearchitem {
        height: 163px;
    }
    .img-container-phsearchitem img {
        max-height: 163px;
    }
    
    .img-container-branditem {
        height: 108px;
    }
    .img-container-branditem img {
        max-height: 108px;
    }
}
@media (min-width: 992px) { 
    .img-container-phsearchitem {
        height: 218px;
    }
    .img-container-phsearchitem img {
        max-height: 218px;
    }
    
    .img-container-branditem {
        height: 151px;
    }
    .img-container-branditem img {
        max-height: 151px;
    }
}
@media (min-width: 1200px) { 
    .img-container-phsearchitem {                        
        height: 195px;
    }
    .img-container-phsearchitem img {
        max-height: 195px;
    }
    
    .img-container-branditem {                        
        height: 110px;
    }
    .img-container-branditem img {
        max-height: 110px;
    }
}

.td-img-container {
    width: 170px;    
}

.img-container-articlelist {
    max-width: 168px; 
    max-height: 126px;
    background-color: #f8f8f8;
}
    .img-container-articlelist img {
        max-width: 168px;
    }


@media (min-width: 768px) { 
    .img-container-articleinfo {
    /*    max-width: 112px; 
        max-height: 150px;*/
        max-width: 350px;    
        min-width: 250px;
    }
}

.contacts-map {
    width: 100%;    
    height: 500px;
    background-color: #ccc;
}

.map-canvas {
    width: 100%;
    height: 100%;
}

.padded-content {
    padding: 15px;
}


.address-item {
    min-height: 210px;
}
 
@media (max-width: 991px) { 
    .address-item {
        min-height: 230px;
    }
}

@media (max-width: 767px) { 
    .address-item {
        margin-bottom: 10px;        
        min-height: 150px;
    }
}

.dropdown-menu > li > a:not(.btn):link, .dropdown-menu > li > a:not(.btn):visited, .dropdown-menu > li > a:not(.btn):hover, .dropdown-menu > li > a:not(.btn):active {
  color: #333;
}

.area-mainmenu .navbar-nav .open .dropdown-menu > li > a:hover,
.area-mainmenu .navbar-nav .open .dropdown-menu > li.active > a:hover {
    color: white;
}



ul.navbar-nav #frm-qsearch #searchvalue {
    width: auto;
}

@media (min-width: 768px) { 
    ul.navbar-nav #frm-qsearch #searchvalue {
        width: 210px;
    }
}

@media (min-width: 992px) { 
    ul.navbar-nav #frm-qsearch #searchvalue {
        width: 280px;
    }
}

@media (min-width: 1200px) { 
    ul.navbar-nav #frm-qsearch #searchvalue {
        width: 350px;
    }
}

.promoprice-alert {    
    color: white !important; 
    background-color: gold;
    padding: 7px 3px; 
    border-radius: 0px;    
}

.priceondemand-alert {    
    color: white !important; 
    background-color: royalblue; /* #23527c; */
    padding: 7px 7px; 
    border-radius: 0px;    
}

.filter-checkboxlist .checkbox {
    margin-left: 20px;    
}

.filter-checkboxlist .checkbox:first-child {
    margin-top: 0px;    
}

.dv-checkboxlist-holder {
    max-height: 300px;
    overflow-y: auto;
    
}

section#announcements {    
    background-color: #06384f;
    color: white;
    padding-top: 30px;    
    padding-bottom: 30px;    
}

.dv-scgallery {
    position: absolute; 
    /*top: 10%; 
    left: 85%;*/
    top: 20px;
    right: 16px;
}


.submenu-holder {
    border-top: 1px solid white;
    background-color: #919ebc;    
}

.nav.submenu {
    outline: none;    
}

.nav.submenu li:not(.active) a:not(:hover):not(:focus) {
    color: white;
}

.nav.submenu li.active a {    
    background-color: #e6e7e8;
    /*color: #485e88;*/
}

.pageheading {
    font-size: 130%;
    font-weight: 700;
    margin-bottom: 30px;
}

@media (max-width: 767px) { 
    .lnk-toggle-repl {
        display: inline-block;
        margin-top: 10px;
    }
}