/* 
    Created on : Nov 13, 2015, 12:08:45 PM
    Author     : sinel cojocaru
*/

body {
    background: #efeeeb url('/shared_img/ep2_backgrounds/bg_rows.gif') repeat;
    color:white;
}

#bodyMain{
    background-color: transparent;
}

#modalsearchfilters .filter_select_option {
    width:100%;
}

.modal{ color:black;}

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

.margin-right-5{
    margin-right:5px;
}

.nomarginbottom{
    margin-bottom:0px;
}

.w100p{
    width:100%;
}

.mt7 {
    margin-top:7px;
}


/* loadingOverlayHtml */

.loadingOverlayHtml {
    text-align: center;
}

.loadingOverlayHtml p {
    color: rgba(255, 255, 255, 0.62);
    font-weight: bold;
    font-size: 20px;
}

.black {
    color:#000000;
    font-size: 12px;
}

.account_header .btn-xs{ float: right;}

div.topBox {
    font-size: 11px;
}
#topPersistent, #footer {

}

.orderTotals .popup{
    max-width: 300px;
    width:100%;
    border:1px solid #e1e1e1;
    border-radius:3px;
}

#powerSearchFields{
    float:none;
    width:100%;
}

.order-reminder-content{
    color: #000000;
}

#settings_modal{
    z-index:1090;
}

#header { 
    height: 62px;
    
}
#logoBox {
    margin-left: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{
    color: #d1e751;
}

.blackbackground{
    background: #333333;
}

.navbar{
    background: #333333;
    border-color:#333333;
    border-radius: 0px;
}

#header .topBox{
    height:55px;
    background-size: contain;
    width:100%;
    max-width:260px;
}

.account_header{
    float:left;
    width:100%;
}

#order_totals_text{
    margin-bottom:2px;
    float:left;
    width:100%;
}

#detailBtn{

}

#showmorefilters{
    position: absolute;
    top: 50px;
    text-decoration: none;
    color: #fff;
    background: #333;
    left: 100px;
    padding: 5px 10px;
    font-size: 11px;
    cursor: pointer;
    box-shadow: 0px 0px 2px #333;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.ToggleGridon a, .ToggleListon a, #startFirst, .ToggleListon span{
    padding: 6px 12px;
    font-size: 14px !important;
    font-weight: 400;
}

.productTopMessage{
    margin: 0 0 18px 0px;
}


#filtersContainer{
    width:100%;
}

#topNavWholesaleSearchForm{
    padding-top: 0px;
}

#bodyMain{
    margin-top:150px;
    margin-bottom: 0px;
}

.navbar-default .navbar-nav>li>a:hover, .sub-menu>li>a:hover,.sub-menu>li>a.on, .sub-menu>li>a:focus, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a.on {
    color: #d1e751;
}

.navbar-default .navbar-nav>li>a, .sub-menu>li>a{
    color: #fff;
}

.navbar-form {
    /*  padding: 10px 15px;*/
    margin-top: 8px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-left: 0px;
    border-top: 0px solid transparent; 
    border-bottom: 0px solid transparent; 
    -webkit-box-shadow: inset 0 1px 0 transparent,0 1px 0 transparent; 
    box-shadow: inset 0 1px 0 transparent,0 1px 0 transparent; 
}

.extra-menus{
    width:100%;
    margin-bottom: 10px;
}


.fontsize12{
    font-size:12px;
}

#CCTable tr th{
    border: none;
}
#CCTable tr td:nth-child(1),#CCTable tr td:nth-child(2), #CCTable tr td:nth-child(3){
    border: none;
}

.pagination{
    margin:5px 0;
}

.custHistory tr td{
    padding:4px !important;
}

#logoBox{
    float:left;
}

.marginleft25{
    margin-left:25px;
}

.dropdown-menu {
    background-color: #333;
    border-top: 0px;
    margin-top: -2px;
}

.dropdown-menu>li>a {
    background-color: transparent !important;
}


.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    background-color: #333;
    color: #fff;
}

li.dropdown {
    display: initial !important;
}

.powerSearch .input-group{
    max-width:370px;
    margin-top:8px;
}

.powerSearch .input-group-btn {

}

#powerSearchContainer{
    display:none;
    visibility: hidden;
}

.powerSearch #WholesalePowerSearch{
    width:200px;
    border-right: none;
}
.powerSearch #WholesaleInventoryTypeDTYDetTypeID{
    width:100px;
}

.recentorderspanel{
    float:left;
    width:100%;
    padding:10px;
}

th.small{
    color:#000000;
    font-size:12px;
}

.specialboxes img{
    width:100%;
}

.litviewcatalog{
    width:100%;
    padding:2px;
}



#footer{
    background: #333;
    height: 30px;
    line-height: 30px;
    color:#fff;
}

td.powered_by_TCS, td.company{
    color:#fff;
    padding:0px ! important;
}

#footer .u,#footer .u:hover  {
    text-decoration: none;
}

.footer_menu{
    width:100%;
    text-align: center;
}

.grid-selector{
    width:100%;
    padding: 10px 0px;
}
.pBrowse{
    padding-left:0px;
    width:100%;
}

.paginationContainer{
    padding:10px 5px;
    width:100%;
}

.topBox{
    padding-left:10px;
    padding-right:10px;
}

#filters{
    background: none;
    padding: 0;
}

/*Filter with set as responsive to 100%*/
#catalogFiltermenu .filter_select_option {
    width: 100%;
}

/*Smaller padding and no intrnal borders for list items*/
#catalogFiltermenu .list-group-item {
    padding: 5px 8px;
    border-width: 0px 0;
}

/* Products Css */
.hoverPictureTooltip {
    display: initial !important;
}

.hoverPictureTooltip_img {
    margin-top: 3px;
    margin-bottom: 3px;
}

/*---- Products Css thead----- */

/* div ajustaments */
table.table thead th a, table.table thead th a:hover {
    color: black;
    text-decoration: none;
}

#catalogItems {
    /*float: left;
    width: 70%;*/
}


#ProductsCatalogueTable > tbody > tr > td {
    text-align: center;
    vertical-align: middle;
}


#ProductsCatalogueTable > tbody > tr:hover > td {
    background-color: aliceblue;
    cursor: pointer;
}

#ProductsCatalogueTable > tbody > tr:hover {
    /*cursor: pointer;*/
}

#ProductsCatalogueTable > tbody > tr:hover > td:first-child,
#ProductsCatalogueTable > tbody > tr > td:first-child {
    background-color: white;
    cursor: inherit;
}

#ProductsCatalogueTable .headerSortLink {
    padding-right: 20px;
    min-width: 60px;
}

#ProductsCatalogueTable .headerNonSort {
    vertical-align: middle;
    text-align: center;
}       

#ProductsCatalogueTable {
    margin-top: 0px !important;
}
/* loading spinner css */
#progress_overlay_img {
    width: 100px;
}

/* Item price form distributor Popover fix */
.hoverPricePopoverDistributor {
    display: inline-block !important;
    width: 100%;
    text-align: center;
}

.hoverPricePopoverDistributor_cell:hover {
    background-color: cornsilk !important;
}

/* Custom pagination CSS, work around for the CakePHP pagination */

/* Clearling previous CSS  form pagination a form general css*/
.pagination a {
    color:none;
    text-decoration:none;
    -moz-border-radius-bottomleft: none;
    -moz-border-radius-bottomright: none;
    -moz-border-radius-topleft: none;
    -moz-border-radius-topright: none;
    background: none;
    padding: none;
    border: none;
}

/* Repalceing IL with SPAN */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;

    margin: 0px;
    margin-left: 15px;
}
.pagination > span {
    display: inline;
}
.pagination > span > a,
.pagination > span > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > span:first-child > a,
.pagination > span:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > span:last-child > a,
.pagination > span:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > span > a:hover,
.pagination > span > span:hover,
.pagination > span > a:focus,
.pagination > span > span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .current {
    float: left;
    padding: 0 11px;
    color: #999;
    cursor: default;
    line-height: 26px;
    text-decoration: none;
    border: 1px solid #DDD;
    border-left-width: 0;
}
.pagination > .current > a,
.pagination > .current > span,
.pagination > .current > a:hover,
.pagination > .current > span:hover,
.pagination > .current > a:focus,
.pagination > .current > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > span > a,
.pagination-lg > span > span {
    padding: 10px 16px;
    font-size: 18px;
}
.pagination-lg > span:first-child > a,
.pagination-lg > span:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > span:last-child > a,
.pagination-lg > span:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > span > a,
.pagination-sm > span > span {
    padding: 5px 10px;
    font-size: 12px;
}
.pagination-sm > span:first-child > a,
.pagination-sm > span:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > span:last-child > a,
.pagination-sm > span:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


/* PopupModal css */
.PopupOrderTable  {
    border: 0px;
}

.PopupOrderTable > thead > tr > td:first-child {
    width: 100%;
}


.PopupOrderTable > thead > tr:first-child > td
{
    border-top: 1px solid #ddd !important;
}

.PopupOrderTable  > tfoot > tr > td {
    border: 0px;
}

.QuantityInput input.form-control {
    width: 50px;
    text-align: right;
}

.QuantityPrice input.form-control {
    width: 62px;
    text-align: right;
}

.QuantityTotal input.form-control {
    font-weight: bold;
}

/* Tooltip fix */
.QuantityTotal {
    display: table !important;
}

.PopupOrderTable > tbody > tr > td {
    vertical-align: middle;
}

.PopupOrderTable .price {
    text-align: right;
}

.PopupOrderTable > tbody > tr > td:first-child {
    padding-left: 25px;
}

.PopupOrderTable > thead > tr > td {
    font-weight: bold;
}

.PopupOrderTable > tfoot > tr > td {
    font-weight: bold;
    vertical-align: middle;
    margin-top: 15px;
    border: 0px;
}

.QuantityTotal > input:first-child {
    width: 50px;
}

.producerLogo {
    float: left;
    margin-right: 10px;
}

/* Round corners table */
.table-curved {
    border-collapse: separate;
}
.table-curved {
    border: solid #ccc 1px;
    border-radius: 6px;
    border-left:0px;
}
.table-curved td, .table-curved th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.table-curved th {
    border-top: none;
}
.table-curved th:first-child {
    border-radius: 6px 0 0 0;
}
.table-curved th:last-child {
    border-radius: 0 6px 0 0;
}
.table-curved th:only-child{
    border-radius: 6px 6px 0 0;
}
.table-curved tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
.table-curved tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}

/* loadingOverlayHtml */

.loadingOverlayHtml {
    text-align: center;
}

.loadingOverlayHtml p {
    color: rgba(255, 255, 255, 0.62);
    font-weight: bold;
    font-size: 20px;
}

.popOverStyle span {
    display: block;
    text-align: center;
    font-size: 9px;
    margin-top: 3px;
    min-width: 120px;
}

#saved_filter_serches_select, #spotlights_select {
    width: 100%;
    display: initial !important;
}


/* Product comparison css */
#product-comparison-table {
    max-width: 100% !important;
} 

#product-comparison-table tbody td:nth-of-type(even) {
    background-color: #f5f5f5;
}

#product-comparison-table tbody tr td {
    vertical-align: middle;
    min-width: 139px;
}

#product-comparison-table tbody tr td:first-child {
    font-style: italic;
}

#product-comparison-table img {
    width: 100% !important;
    max-width: 250px;
}

#product-comparison-table .vendor-buttons button {
    display: block !important;
}

#product-comparison-table .CompareProductsTotals input {
    background-color: white;
}

.product-comparison-table-data-buypopup-content {
    min-width: 163px;
}

.product-comparison-table-data-buypopup-content div:last-child {
    padding-top: 10px;
}

.product-comparison-table-data-buypopup-content a {
    display: table-cell !important;
}

.select2-results .select2-disabled {
    display: none;
}

/* Review Order */

/* ReviewOrderTable css */

table.ReviewOrderTable thead th {
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid #ddd !important;
}

table.ReviewOrderTable > tbody > tr > td {
    vertical-align: middle;
    text-align: center;
}


.ReviewOrderTable > thead > tr > th:nth-child(5) {
    width: 100%;
}

.ReviewOrderTable > thead > tr > th.manufacturerColumn, 
.ReviewOrderTable > thead > tr > th.firstColumn, 
.ReviewOrderTable > tbody > tr > td.firstColumn, 
.ReviewOrderTable > tbody > tr > td.manufacturerColumn  {
    text-align: center
}

.ReviewOrderTable > thead > tr > th.manufacturerColumn {
    min-width: 90px !important;
}


.ReviewOrderTable > tbody > tr > td.firstColumn {
    font-weight: bold;
}

.vendor_item_data {
    margin-bottom: 0px;
}

.vendor_item_data div.list-group-item {
    padding: 4px 5px;
}

.vendor_item_data input.form-control {
    min-width: 50px;
}

.vendor_quntity > input.form-control {
    min-width: 50px;

}

.vendor_quntity {
    display: table !important;
}

div.popVendorPriceTotal input.form-control {
    min-width: 45px;
}

ul.popDetailsVendor {
    font-size: 12px;
}

ul.popDetailsVendor span.badge {
    background-color: #D48383;
    padding: 2px 7px;
}


.blackbackground{
    background: #333333;
}


#resources {
    padding:    0px 0px 0px 50px;
}
#resources * {
    vertical-align: top;
}
#resources a {
    text-decoration:    none;
}
.resourceIcon {
    min-width:  66px;
    min-height: 66px;
    text-align: center;
}
.resourceIcon img {
    padding:    0px 0px 20px 0px;
}
.resourceTitle {
    font-size:      larger;
    font-weight:    bold;
    padding:        4px 0px 0px 15px;
}
.resourceTitle * {
    color:  black;
}
.resourceDescription td {
    /*font-size:    smaller;*/
    padding:    2px 0px 10px 15px;
}

div.bottomTots div.error-message {
    text-align:left;
}

#sort_order {
    padding:0px 0px 0px 20px;
}

#sort_order select {
    display:block;
    width:110px;
}


.s-note {
    margin:3px 0px 0px 25px;
    color:gray;
    font-style:italic;
    font-size:smaller;
}


.sIndented {
    padding:15px 0px 15px 20px;
}

.settings-body input[type=radio], .settings-body input[type=checkbox] {
    margin-left:0 !important;
}

form.add_settings input{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.border-bottom-1pxe1 {
    border-bottom: 1px solid #e1e1e1;
}

.pading35topbot{
    padding:35px 0;
}

.padding20left{
    padding-left:20px;
}


.table-small{
    font-size:12px;
}

.CCdetailTable{
    margin: 0 ! important;
}

.CCdetailTable>tbody>tr>th , .CCdetailTable>tbody>tr>td{
    border-top: none;
}

tr.small th{
    background: none;
}

.entry>tbody>tr>td{
    border-top: none;
}

.pn_col {font-size:11px !important;}
.oo_col {font-size:11px !important;}
.av_col {font-size:11px !important;}
.si_col {font-size:11px !important;}
.ds_col {font-size:11px !important;}
.pr_col {font-size:11px !important;}
.f_col  {font-size:11px !important;}
.r_col  {font-size:11px !important;}


.pn_col {font-size:11px !important;}
.oo_col {font-size:11px !important;}
.av_col {font-size:11px !important;}
.si_col {font-size:11px !important;}
.sir_col {font-size:11px !important;}
.ds_col {font-size:11px !important;}
.c_col, .headerRow .c_col   {font-size:11px !important;}
.f_col, .headerRow .f_col   {font-size:11px !important;}
.ep_col, .headerRow .ep_col {font-size:11px !important;}
.r_col  {font-size:11px !important;}
.bottomTots {float:right;}

/*
.poNum {
        float:right;
}
*/

#PoNumber {
    width:220px;
}

.ui-selectmenu-menu.ui-widget.ui-widget-content.ui-selectmenu-open {
    font-size:.7em;
}

.estimate_needed_notice {
    display:none;
    color:black;
    background-color:#FBFA6E;
    width:350px;
    text-align:left;
    margin:16px 0px;
    padding:10px 0px 10px 12px;
}

.shipping-method .note {
    text-align:center;
    padding-top:6px;
}


.fleet {
    padding: 2px 10px 8px 10px;
}

.fleet * {
    display: block;
    min-width: 150px;
}

.fleet label {
    color: #888;
}

.fleet input {
    margin: auto;
}

.ui-selectmenu{
    width: 100% !important;
    max-width: 350px !important;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{
    z-index:0 !important;
}

.listViewDlxItem{
    border: none;
    border-bottom: 1px solid #bdbdbd;
    background: none;
    float: left;
    width: 100%;
}

.listViewDlxContainer{
    background: none;
}

.listViewDlxItem .availability {
    width:100%;
    text-align:center;
    margin:0;
    padding:10px;
}
.listViewDlxItem .orderQty {
    width:100%;
    text-align: center;
    margin:0;
    padding:5px;
}
.listViewDlxItem .orderQty input{
    width:100%;
    margin:0;
}

.listViewDlxItem .specs, .listViewDlxItem .pricing{
    width:100%;
    margin:0;
    padding:10px;
}

.listViewDlxItem .availability div{

}

#MyAccountShowVoidedTransactions{
    margin-left:0;
}


@media print {
    .ui-selectmenu, .ui-selectmenu-menu {
        text-align:center;
    }

    .ui-selectmenu-menu {
        overflow: visible;
    }

    .shipping-method .ui-selectmenu {
        overflow: visible;
        width:225px !important;
        left:75px;     

    }

    .shipping-method .note {
        padding-top:40px;
        width:225px;
        left:80px;
        position:relative;
    }
}
/* Responsive zone, media queries */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media (max-width: 479px) {

    #header { 
        background-size: contain;
    }
    .listViewDlxItem .name{ word-wrap : break-word;}
    
    .ui-selectmenu{
        max-width: 250px !important;
    }
    .ui-selectmenu-menu{
        max-width: 250px !important;    
    }
    h1{
        font-size: 18px;
    }

    #topPersistent, #footer{
        position: relative;
    }
    #footer {
        white-space:normal;
        min-height: 40px;
        height:auto;
    }
    #bodyMain{
        margin-top:20px;
    }
    #logoBox{
        width:100%;
        text-align:center;        
        margin-left:0;
        background-size: contain;
    }
    body{
        padding:0;
    }

    .listViewDlxContainer{
        background: transparent;
    }



    #WholesalePowerSearch{
        width:100% !important;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    #WholesaleInventoryTypeDTYDetTypeID{
        width:50% !important;
        float:left;
        margin-top:5px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .powerSearch{
        width:100%;
        float:left;
        height:auto !important;
        padding-right: 4px;
    }

    .powerSearch .input-group-btn{
        width:50% !important;
        float:left;
        margin-top:5px;
    }
    .powerSearch .input-group-btn input{
        width:100% !important;
        float:left;
    }

    #submitOrderButton{
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px;
    }

}


.buttons a.btn{
    margin-right: 10px;
}

/* remove position fixed on menu and footer */
@media(max-width:768px){
    #topPersistent, #footer{
        position: relative;
    }

    #showmorefilters{
        position:relative;
        text-align: center;
        top:0;left:0;
        float: none;
        margin: 0 auto;
        width: 100%;
        display: block;
        padding:0px;
        font-size: 15px;
        box-shadow: 0px 0px 0px #333;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin-top:10px;
    }

    .powerSearch .input-group{
        max-width: 100%;
        width: 100%;
    }

    .powerSearch{
        padding: 0px 10px;
    }

    #bodyMain{
        margin-top:10px;
    }

    .pading35topbot{
        padding:15px 15px;
    }

    .padding20left{
        padding-left:5px;
    }

    .mobile-mbottom10{
        margin-bottom: 10px;
    }

    .buttons a.btn{
        margin:5px auto;
        float:none;
        width:100%;
    }

    .listViewDlxItem .availability div{
        width:100%;
    }
}


/*
.col-xs-12 {
    width: auto;
    max-width: 100%;
}
*/

/*
.specials_home_box img {
    width:100%;
}
*/
.specials_home_box {
    position: relative;
    min-height: 1px;
    /*
    padding-right: 15px;
    padding-left: 15px;
    */
    
    float: left;
    
    /*
    width: 100%;
    */
    
    margin: 15px;
}