/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 30, 2016, 11:46:27 AM
    Author     : sneha.parpelli
*/

.outer-search-section
{
    display: block;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: url(../../images/products/filter.png) 50% 50% repeat-x;
    font-weight: bold;
    /*color: #0073ea;*/
}
:focus {
    outline:none;
}
/*.product-body-gap
{
    height: 150px;
}*/

.productlisting-itemname 
{
    width:65%;
}
.productlisting-Location{
    width:20%;
}

.modal-body {

    max-height: 500px;

    overflow-y: auto;
}
.modal-dialog {
    width: 60%;

}
.modal-body label
{
    color:#000;
}
.tab_remark{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;border-top: 1px dotted #00BCD5;
}
.table_c{
    table-layout: fixed;
}
.productlisting-action{
    width: 10%;
}
.productlisting-slno{
    width: 5%;
}

.tdDiv{
    display: inline-block;width: 49%;
}
.tdPrice{
    width:100%;text-align: right;height: 15px; margin-bottom: 4px;
}
.tdNodays{
    width:100%;border-top: 1px dotted #00BCD5;text-align: right;height: 15px; margin-bottom: 4px;
}
.tdStockType{
    width:100%;border-top: 1px dotted #00BCD5;text-align: right;height: 15px; margin-bottom: 4px;
}

body
{
    font-family: 'Francois One', sans-serif;
}
.products-container .breadcrumb
{
    background-color: #ffffff;
    margin:1em 0em;
}
.products-container .breadcrumb>li>a,.products-container .breadcrumb>li 
{
    color: #012a57;
    font-size: 15px;
    font-weight: bold;
}
.products-container .breadcrumb>li>a:hover
{
    color:#12aaeb;
    text-decoration:none;

}

.product-container img
{
    margin: auto;
    height: 170px;
    width: 90%;
    padding: 0.6em 0em;
}
.product-container  a{cursor: pointer;}
.product-container  h3 
{
    font-size: 13px;
    color: #012a57;
    word-break: break-word;
    margin-top: 0px;
    margin-bottom: 7px;
    text-transform: uppercase;
    font-weight: bold;
}
.product-container h4 {
    font-size: 14px;
    color: #3382c5;
    word-break: break-word;
    margin-top: 0px;
    margin-bottom: 7px;
}
.product-container h5 {
    font-size: 14px;
    color: #ff9600;
    word-break: break-word;
    margin-top: 0px;
    margin-bottom:7px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 7px;
}
.product-container h6 {
    font-size: 14px;
    color: #454545;
    word-break: break-word;
    margin-top: 0px;
    margin-bottom: 7px;
    font-weight: bold;
}
.products-wraper h2
{
    font-family: 'Francois One', sans-serif;
    color:#043140;
    margin-top:0px;
}
.products-wraper label
{
    font-size:16px;
    color:#000;
    font-weight: normal;
}
.certifications label
{
    padding-left:4px;
}
.products-wraper .well-sm {
    margin-top: 0em;
    border-radius: 3px;
    background-image: none !important;
    background-color: #01bdd6;
    border: 1px solid #01bdd6;
    box-shadow: none !important;
    padding: 0px;
    font-size: 18px;
    color: #ffffff;
    padding-left: 5px;
}
.product-list
{
    margin-bottom:15px;
}
.product-container .panel-default>.panel-heading {
    background-color: #f3f3f4;
    border-color: #fff;
    background-image: none;
    border-radius: 0px;
    padding: 0px;
    border-bottom: 1px solid #e3e3e3;
}
.product-container .panel-body {
    padding: 15px 10px;
    text-align: justify;
    height:155px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 0px;
}
.product-container .panel-default {
    position: relative;
    margin-bottom: 2em;
}
.Contact-Supplier-icon
{
    height: 50px!important;
    width: 50px!important;
}
.Contact-Supplier-icon:hover
{
    border:2px solid #404a4a;
    border-radius:50%;
}
.Contact-Supplier-icon-container
{
    position: absolute;
    /* left: 38%; */
    bottom: -22px;
    width: 100%;
    text-align: center;
}
.Contact-Supplier-icon-container .fa:hover {
    background: #012a57;
    color: #f6ba18;
}
.Contact-Supplier-icon-container .fa
{

    background:#01bdd6;
    color: #ffffff; 
    border-radius: 50%;
    padding: 15px;

}
.cust-paginator
{
    margin-top:1em;
}
/*Product Left menu*/
.Product-left-sec{
    background: #fff;
}
.Product-left-sec .panel-default>.panel-heading {
    color: #fff;
    background-image: none;
    font-size: 16px;
    background: #012a57;
    padding: 3px 10px;
}
.Product-left-sec .panel-default>.panel-body {
    max-height:230px;
    overflow-y: auto;
}
.Product-left-sec .fa
{
    color: #f6ba18;
    margin-right: 10px;
}
.sub-catagory
{
    margin-left:0px;
}
.Product-left-sec .nav>li>a {

    color: #3b3939;
    font-size: 12px;
}
.main-category
{
    font-weight: bold;
    color: #012a57 !important;
    font-size: 13px !important;
    padding: 10px 0px !important;
}
.Product-left-sec label {
    color: #1c1c1c !important;
    font-size: 12px;
}
/*Product Left menu*/
/*Category Mega Menu*/

.cust-col-left {
    padding-right: 0 !important;
}
.cust-col-right {
    padding-left: 0 !important;
}
.drop-menu .panel{
    border-radius: 0;
}
.drop-menu .tab-content{
    border:none;
}
.drop-menu{
    padding: 0px 10px;
    background: #eaeef0;
    border-top: 3px solid #012a57;
    background-size: cover;
    margin-bottom: 1em;
}
.sub-cat-section span {

    font-size: 15px;
    margin: 1em 0 0.5em 0;
    color: #012a57;
    font-weight: bold;
}
.category-list-title {
}
.main-prod-cat ul li a {

    font-size:15px;
    margin: 0.5em 0 0.5em 0;
    color: #012a57;
    padding: 3px 15px;
}
.main-prod-cat ul li.active>a, 
.main-prod-cat ul li.active>a:focus, 
.main-prod-cat ul li.active>a:hover 
{
    color: #01bdd6;
}
.sub-cat-section .nav>li>a {
    position: relative;
    display: block;
    padding: 4px 0px;
    margin: 0px;
    color: #012954;
    font-size: 12px;
    font-weight: bold;
}


.sub-cat-section label{
    background: #012a57;
    width: 54px;
    height: 2px;
    display: block;
    margin: 3px 0px;
}
.drop-menu .panel{
    background: transparent;
    border:none;
    box-shadow: none;
}
.btn-link
{
    color: #012954;
    font-size: 15px;
    overflow: hidden;
    text-decoration: none;
    font-weight: normal;
    margin-top: 1.3em;
    float: right;
    margin-right: 15px;
    border: 1px solid #012a57;
}
.btn-link:hover{

    text-decoration: none;
    border: 1px solid #12aaeb;
    color: #12aaeb;
}
.sub-cat-section .nav>li>a:hover ,.sub-cat-section .nav>li>a:active,.sub-cat-section .nav>li>a:focus{
    color:#01bdd6;
    background: none;
}
.left-menu{
    border-right: 1px solid rgba(96, 126, 137, 0.48);
}
.drop-menu .nav-pills>li.active>a,.drop-menu .nav-pills>li.active>a:focus,.drop-menu .nav-pills>li.active>a:hover {
    background:none;
}
.sub-cat-section .nav-pills>li.active>a,.sub-cat-section .nav-pills>li.active>a:focus,.sub-cat-section .nav-pills>li.active>a:hover {
    background:none;
    color: #fcb857;

}

.left-menu .nav li a:hover,.left-menu .nav li a:active,.left-menu .nav li:focus{
    background: none !important;
    color: #01bdd6 !important;
}
.category-list-title:hover{
    color:#777;
}
.cust-panel-cat-list{
    max-height: 200px;
    overflow-y: auto;
}
.sub-cat-section-wrapper{
    margin-top:10px;
}
.cust-panel-cat-list::-webkit-scrollbar {
    width: 0.3em;
    border-radius: 6px;
    color: red;
}

.cust-panel-cat-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #ccc;
}

.cust-panel-cat-list::-webkit-scrollbar-thumb {
    background-color: #607e89;
    outline: 1px solid slategrey;
}
/*Category Mega Menu*/
/*On-Off-switch*/
.switch-view{
    display: inline-block;
    font-weight: bold;
    margin-right: 8px;
}
.switch-btn{
    margin-top: 1.3em;
}
.switch-btn .left,
.switch-btn .right
{
    border-radius:20px;
}

.switch-btn .btn{
    background-color: #012a57;
    color: #fff;
    border-color: #636363;
    background-image: none;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #01bdd6;
    border-color: #01bdd6;
    outline: none;
}
.btn-primary.active, .btn-primary:active {
    background-color: #01bdd6 !important;
    border-color: #01bdd6 !important;
}


.onoffswitch1 {
    position: relative; 
    width: 150px;
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select: none;
    float:right;
    margin-top: 1.3em;
}
.onoffswitch-checkbox1 {
    display: none;
}
.onoffswitch-label1 {
    display: block; 
    overflow: hidden;
    cursor: pointer;
    border:2px solid #ccc; 
    border-radius: 20px;
}
.onoffswitch-inner1 {
    display: block;
    width: 200%; 
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner1:before, .onoffswitch-inner1:after {
    display: block; 
    float: left;
    width: 50%;
    height: 30px; 
    padding: 0;
    line-height: 29px;
    font-size: 16px;
    color: white; 
    font-weight: bold;
    box-sizing: border-box;
}

.table-view:before
{
    content: "Image View";
    padding-left: 10px;
    background-color: #00bcd4; 
    color: #FFFFFF;
    font-size: 14px;
}
.image-view:after {
    content: "Browse View";
    padding-right: 10px;
    background-color: #f6ba18;
    color: #0c0c0c;
    text-align: right;
    font-size: 14px;
}

.onoffswitch-switch1 {
    display: block;
    width: 13px;
    margin: 10px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 6px;
    right: 115px;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox1:checked + .onoffswitch-label1 .onoffswitch-inner1 {
    margin-left: 0;
}
.onoffswitch-checkbox1:checked + .onoffswitch-label1 .onoffswitch-switch1 {
    right: 0px; 
}
.intials{
    margin-right: 3px;

}
.intials span{
    color: #00bcd4;
    margin-right: 5px;
}
/*On-Off-switch*/


/*----------------------------------location section-----------------------*/

.label-country{
    position: relative;
}
.label-state{
    margin-left: 10%;
    position: relative;
}

.label-city{
    margin-left: 20%;
    position: relative;
}
.location-container .nav>li>a {
    padding: 8px 15px;
    font-size: 15px;
}


.control-inline label {
    display: inline;
}
/*----------------------------------location section-----------------------*/
.attribute-value
{
    font-size: 13px;
    color: #919191;
    font-weight: bold;
    border-bottom: 1px dashed#ccc;
    padding-bottom: 10px;
    margin: 5px 0px;
}
/*-------------------Custom Scroll BAR----------------------*/


.product-container .panel-body::-webkit-scrollbar,
.Product-left-sec .panel-default>.panel-body::-webkit-scrollbar
{
    width:4px;
    height:6px;
    /*background-color: red;*/
}

.product-container .panel-body::-webkit-scrollbar-track,
.Product-left-sec .panel-default>.panel-body::-webkit-scrollbar-track 
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #CCCCCC;
}

.product-container .panel-body::-webkit-scrollbar-thumb,
.Product-left-sec .panel-default>.panel-body::-webkit-scrollbar-thumb
{
    background-color: #607e89;
    outline: 1px solid #ccc;

}
/*---------------------------------------custom-scroll---------------------------------------*/
/*Supplier Type Filter custom checkbox*/
.supplier-type-filter [type="checkbox"]:not(:checked),
.supplier-type-filter [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.supplier-type-filter [type="checkbox"]:not(:checked) + label,
.supplier-type-filter [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
}

/* checkbox aspect */
.supplier-type-filter [type="checkbox"]:not(:checked) + label:before,
.supplier-type-filter [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 1.25em; height: 1.25em;
    border: 1px solid #607e89;
    background: #fff;

    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.supplier-type-filter [type="checkbox"]:not(:checked) + label:after,
.supplier-type-filter [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: .1em;
    left: 3px;
    font-size: 1em;
    line-height: 0.8;
    color: #fe9126;
    transition: all .2s;
}
/* checked mark aspect changes */
.supplier-type-filter [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.supplier-type-filter [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
.supplier-type-filter [type="checkbox"]:disabled:not(:checked) + label:before,
.supplier-type-filter [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
.supplier-type-filter [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
.supplier-type-filter [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
.supplier-type-filter [type="checkbox"]:checked:focus + label:before,
.supplier-type-filter [type="checkbox"]:not(:checked):focus + label:before {
    border: 2px dotted blue;
}

/* hover style just for information */
.supplier-type-filter label:hover:before {
    border: 1px solid #01bdd6 !important;
}

/*Supplier Type Filter custom checkbox*/

/*------------------------side bar----------------------*/
/* General styles for all menus */
.cbp-spmenu-push-container{
    overflow-x: hidden;
}
.cbp-spmenu {
    position: absolute;
}

.cbp-spmenu .filter-title {
    color: #012a57;
    font-size: 20px;
    padding: 22px 10px;
    margin: 0;
    font-weight: bold;
    background: #fff;
}
.cbp-spmenu .filter-title .close:hover{
    color: red;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
    width: 20%;
    /*    height: 100%;
        top: 151px;
        z-index: 1000;
        overflow-y: auto; */
}

.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
}

.cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
    left: -20%;
}

.cbp-spmenu-right {
    right: 20%;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
    top: -150px;
}

.cbp-spmenu-bottom {
    bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 20%;
    width: 80%;   
}

.cbp-spmenu-push-toleft {
    left: 20%;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }

    .cbp-spmenu-top {
        top: -110px;
    }

    .cbp-spmenu-bottom {
        bottom: -110px;
    }
}

@media screen and (max-height: 26.375em){

    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -190px;
    }

    .cbp-spmenu-right {
        right: -190px;
    }

    .cbp-spmenu-push-toright {
        left: 190px;
    }
}


.main > section {
    width: 100%;
    margin: 0 auto;
}

.main > section h2 {
    font-weight: 300;
    color: #ccc;
}
.main > section .buttonset{
    background:#012a57;
    position: relative;
    padding: 0px 10px;
    cursor: pointer;
    height: 37px;
    top: -7px;
    margin-bottom: -37px;
    right: -1px;
    line-height: 35px;
}
.main > section .buttonset:before{
    content: '';
    position: absolute;
    left: -7px;
    width: 14px;
    height: 100%;
    background:#012a57;
    -ms-transform: skew(20deg);
    -webkit-transform: skew(20deg);
    transform: skew(20deg);

}
.main > section .buttonset:hover,
.main > section .buttonset.active{
    background: #607E89;
}
.main > section .buttonset:hover:before,
.main > section .buttonset.active:before{
    background: #607E89;
}

.icon-drop:before, 
.icon-arrow-left:before {
    font-family: 'fontawesome';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 2;
    text-align: center;
    color: #47a3da;
    -webkit-font-smoothing: antialiased;
    text-indent: 8000px;
    padding-left: 8px;
}

.icon-drop:before {
    content: "\e000";
}

.icon-arrow-left:before {
    content: "\f060";
}

.certification-gap{
    height: 22%;
}
/*------------------------side bar----------------------*/


.ui-menu {
    z-index: 99999;
}

.selectedAddOns{
    display: inline-block;
    background: #768b94;
    padding: 2px 10px;
    color: #fff;
    border-radius: 0px;
    border: 1px solid #768b94;
    margin-right: 4px;
    margin-bottom: 5px;

}

/*----------------------------End-----------------------------------*/

/*---------------------------Price Slider------------------------------------*/

/* Because of the prefix/suffix we need to shift the labels left
    a little bit so they are still aligned centrally. */

#steps-fivepercent-slider .ui-slider-tip {
    visibility: visible;
    opacity: 1;
    top: -30px;
}

/*----------------------------Price Slider End-----------------------------------*/


@media only screen and (max-width:766px) and (min-width:320px)
{
    .products-container .breadcrumb
    {
        text-align: right;
    }
    .switch-btn{
        text-align: right;
    }
    
}
@media only screen and (max-width:1920px) and (min-width:1600px)
{
    .onoffswitch4-switch {
        right: 91%;
    }
    .product-container img {
        height: 190px;
        width: 90%;
    }

}

@media only screen and (max-width:1024px) and (min-width:1000px){
    .switch-btn {
        margin-top: 1.5em;
        margin-right: 17px;
    }
    .switch-btn .left, .switch-btn .right, .switch-btn .center {
        padding: 3px;
    }

}

@media only screen and (max-width:991px) and (min-width:320px){
    .cbp-spmenu-left
    {
        left: -190px;
    }

    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0px;
        width: 100%;
        background: #fffdfd;
        z-index: 999;

    }

    .table_c {
        table-layout: initial;
    }

    .btn-link {
        margin-bottom: 10px;
    }

}
@media only screen and (max-height:1080px) and (min-height:700px){
/*    .product-body-gap
    {
        height: 250px;
    }*/
}