@import "style-extra.css";

/* for menu-left by tanveer */ 
/* body > iframe[name="printIframe"] {
    position: absolute;
    top: -999em;
    left: -999em;
} */

.navbar-brand {
    padding-top: 0px!important;
}

.bg-grey {background: #dcdcdc}
.txt-wht { color: #fff; }


.footer {
    background: #000;
    padding: 50px 0;
    margin-top: 60px;
    background: url(../images/footer.jpg) center center no-repeat;
    background-size: cover!important;
}
.footer_note {
    background: #1e1e1e;
    padding: 10px 0;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 15px;
}
h3 { font-size: 22px;}
h4 { font-size: 18px;}

.add_banner { margin:0px 0 25px;}
.header_inner { background:#333;}
.inner_page_header { margin-top:85px;display: none !important}
.inner_page_headertemp { margin-top:85px;}
section {
    display: block; overflow: hidden;
}

.menu-left {
    float: left; 
}
.menu-left ul {
    list-style: none;
}
.menu-left ul.leftnav li {}

ul.leftnav li a {
    color: black; 
    border-radius: 0px;
    display: block;
    width: 105px;
    padding: 18px 0;
    text-align: center;
    background: #000;
}
ul.leftnav li a img { 
    width: 50px; 
    height: auto; 
}

ul.leftnav li a:hover, ul.leftnav li a.active, ul.leftnav li a:focus {
    background: #e52e0d;
    color: #fff;
    border-bottom: #fff solid 1px;
}
.menu-left ul li a i {}
.menu-left ul li a i.fa {}

ul.leftnav li .tooltip .tooltip-inner { padding: 12px 20px; font-size: 15px;  }


.content-wrapper {
    margin-left: 125px;
}
a.grey {background: #dcdcdc;}
a.orange{background: #F7A600;}
.border {border: 1px solid;}

.rht-tab .tab-content { 
    border: #ccc solid 1px; 
    border-top: none;
    margin: 0px;
    padding: 2px 20px;
}
.proficons {}
.proficons h5 a i.fa {width: 22px; text-align: center; font-size: 16px;}
.rht-tab .nav-tabs.nav-justified >.active a  { background: #F7A703!important; color: #fff;}

.box2 {
  border: #ccc solid 1px; 
  padding: 20px;
  overflow: hidden;  
}

.box2 .table-responsive { clear: both; }

ul.panelprods, ul.mesglist {list-style: none; }

/* product panel page style */
ul.mesglist li {
    display: block; margin-bottom: 10px; border-bottom: #ccc solid 1px; overflow: hidden; padding-bottom: 10px; 
}

ul.mesglist li a .mesg   { font}
ul.mesglist li a .sender { text-align: right; font-size: 15px;}

/* product panel page style */
.products .product {
    margin-bottom: 20px;
    text-align: center;
}
.products .product p { padding-top: 10px;height: 40px; }
.products .product a { /* height: 195px; */ width: 100%; display: block;}

.products .product a .prodimg {
    display: flex; 
    justify-content: center;
    align-items: center;
    height: 150px; 
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
 }
  
 .products .product a .prodimg img {
    max-width: 100%; max-height: 100%;
}

ul.panelprods {list-style: none; }
ul.panelprods li { display: block; margin-bottom: 10px; border-bottom: #ccc solid 1px; overflow: hidden; padding-bottom: 10px;  }
ul.panelprods li::after, ul.mesglist li::after { clear: both; }
ul.panelprods li a img { width: 60px; height: 60px; float: left; margin-right: 15px;}
ul.panelprods a, ul.mesglist li a { text-decoration: none; color: #818198;  }
ul.panelprods a .prodname { text-decoration: none; font-size: 12px;font-weight: bold; color: #c00; }
ul.panelprods a .proddiscrp { font-size: 10px;}
ul.panelprods a:hover .prodname, .panelprods a:focus .prodname { color: #000; }

/* distributor list page tab style */ 
.panel-default > .panel-heading {
    background-color: #fff!important ;
    border-color: transparent!important; 
}

.dist-info-tab .panel-body { padding: 0px 15px 25px 15px;}
.dist-info-tab .nav-tabs > li.active > a { border-top: #c00 solid 3px;}
.dist-info-tab h5 { font-size: 14px; font-weight: bold;  color: #000;  }
.dist-info-tab .tab-content { font-size: 13px;}

.panel-heading.second { padding: 20px 0px!important; }
.panel-heading.second .nav-tabs > li.active > a  { border-top: #000 solid 3px; }

.span5 { display: inline-block; width: 80px;}
.btn5 { margin: 2px; }
/* .container-fluid:after { display: block;} */

.img-responsive {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.wdt384 {width: 384px;}
.shpcrticon a i.fa {font-size: 20px; color: #d9534f; margin: 2px 5px;}
.title2 { display: block; background: #d9534f; border: #d9534f solid 1px; text-align: center; padding: 10px; color: #fff; }

@media (max-width:1199px) { 
}