.ui-autocomplete {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-autocomplete .ui-menu-item {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    font-size: 14px;
}

.ui-autocomplete .ui-menu-item.ui-state-focus {
       color: #ffffff;
       text-decoration: none;
       background-color: #0088cc;
       border-radius: 0px;
       -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
       background-image: none;
   }

.pagination {
    margin: 0;
    margin-bottom: 20px;
}

form.form-products-per-page .products-per-page:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 132px;
    font-size: 12px;
}


form.form-products-per-page .products-per-page[name="per_page"]:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 219px;
}

.categories-grid .card ,.products-grid .card {
    margin-bottom: 0;
}

.price-old {
    color: #777;
    text-decoration: line-through;
}

td.price .price-new {
    color: #f44336;
}
.alert-red {
    color: #ff9800
}
.categories-grid .card .card-image a:hover, .products-grid .card .card-image a:hover {
    box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
}

.option-value div {
    padding-right:0;
}

.categories-grid .card img , .products-grid .card img {
    border: 0.5px solid #f7f7f7;
}

.modal-body h2 {
    margin:0;
}

.bottom50 {
    margin-bottom: 50px;
}

#toggle-pages-menu {display: none;}

.related-products h4.card-title {
    font-size: 14px;
}
.related-products .price-container .price{
    font-size: 16px;
}

#quick-order-table td {
    vertical-align: top;
}

#quick-order-table td a.btn {
    margin-top: 0;
}

#quick-order-table .product-field {
    width: 10em;
}

#quick-order-table .product_name {
    width: 20em
}

#quick-order-table .input-quantity {
    width: 4em;
}

@media (min-width: 768px) {

    span.responsive {
        display:none;
    }

    td.responsive {
        display:none;
    }

    table.responsive {
        display:none;
    }

}

@media (max-width: 767px){
       /* hide last update column for responsive layout */
     table .non-responsive {
        display:none;
     }

     span.responsive {
        display:inline;
    }

    table.non-responsive {
        display:none;
    }

    table.responsive > tbody > tr > td {
        padding: 8px;
    }

    .navbar-nav > li {
        float: none;
    }
    .navbar-toggle {
        display:inline;
    }

    #categories-menu .dropdown-menu {
        min-width: 100%;
    }

    .navbar-primary {
        margin-left: 15px;
        margin-right: 15px;
    }
    .navbar-nav .open ul.dropdown-menu {
        background-color: white;
    }
    .sidebar {
        display: none;
    }

}

#toggle-pages-menu {display: inline-block;width:100%;}
#toggle-pages-menu a {width:49%;}

@media (max-width: 767px){
    h3 {text-align: center;}

    .products-grid .col-xs-6 .card-product .price, .products-grid .col-xs-6 .card-product h4 {
        font-size: 12px;
    }

    .table > thead > tr > th {
        font-size: 1em;
    }

    #quick-order-table {

    }

    #quick-order-table .product-field {
        width: 100%;
        font-size: 12px;
    }

    #quick-order-table .product_name {
        width: 100%;
        font-size: 12px;
    }

    #quick-order-table .btn.btn-sm {
        padding: 3px 20px;
    }

    #quick-order-table {
        margin-bottom: 0;
    }

    #quick-order-table td.search {
        width: 50%;
    }
}

@media (max-width: 599px){
    .product-list tfoot {
        display:none;
    }

    .product-list td.amount {
        text-align: left;
    }
    .product-list td.last {
        padding-bottom:1em;
        border-bottom:0;
    }
    .tablesaw-stack tbody tr {
        border-bottom: 0;
    }
    th.product-price, td.product-price {
        display:none;
    }
    th.product-line-total, td.product-line-total {
        display:none;
    }

    th.discount, td.discount {
        display:none;
    }

    th.product-code, td.product-code {
        display:none;
    }
    span.product-price {
        display:block;
        text-align: right;
    }
    span.product-line-total {
        display:block;
        text-align: right;
        clear: both;
    }
    span.product-code {
        display:block;
    }

    td.product-delete a {
         margin-left: 2px;
        margin-top: 9px;
    }
    table.product-list {
        margin-bottom: 0;
    }

    .totals-phone {
        display:block;
    }
}

@media (min-width: 600px){
    td.product-price {
        display: table-cell;
    }
    span.product-price {
        display: none;
    }
    span.product-line-total {
        display: none;   
    }

    span.product-code {
        display: none;
    }
    .totals-phone {
        display:none;
    }
}

@media (max-width: 479px){
    .product-list tbody td {
        font-size: 12px;
    }
}

.header-search button.btn.btn-fab i {
    font-size: 0.8em;
    padding-bottom: 10px;
}

#categories-menu li a {
    font-size: 16px;
    padding-right: 20px;
}

.container h3, .container h1.top {
    font-family: "Roboto Slab","Times New Roman",serif;
}

#categories-menu .open .dropdown-menu > li > a {
    padding: 10px 20px;
}

#categories-menu.navbar-nav {
    margin: 0;
}

#categories-menu.nav-stacked > li + li {
    border-top: 1px dotted #eeeeee;
    margin-top: 0;
}

#categories-menu li, #categories-menu .dropdown-menu li {
    border-top: 1px solid #eeeeee;
    position: relative;
}


#categories-menu .divider {
    display:none;
}
#categories-menu .dropdown-menu {
    padding: 0;
}

ul#categories-menu.navbar-nav:not(.sm-collapsible)  .caret {
    border-bottom: 4px solid transparent;
    border-left: 4px dashed;
    border-top: 4px solid transparent;
    margin-right: 15px;
    margin-top: 6px;
    position: absolute;
    right: 0;
}

.main-raised {
    margin-left: 10px;
    margin-right: 10px;
}

#categories-menu {
    float: none;
}

@media (max-width: 600px){
    .logo h2.title {
        font-size: 30px;
        margin-top: 26px;
    }

    /*a#logo {text-align: center;}*/
    h3 {text-align:center;}
}

@media (max-width: 599px){
    .logo {
        width:100%;
        text-align:center;
    }

    .logo h2 {margin-bottom:0; font-size: 25px;}

    .logo a#logo {
        float:none;
    }
    
    .cart-button {
        width:100%;
    }

    .cart-button a {
        width:100%;
    }
    /*a#logo {text-align: center;}*/
    h3 {text-align:center;}

    div.mobile-top-menu {
        text-align: center;
    }
    div.mobile-top-menu select {
        width: 75%;
    }
}

/*a#logo { float:left; }*/
a#logo img {margin: 1.5em 0; max-width: 100%; max-height:100px;}
/*.logo {float:left;}*/
.logo.bottom20 {margin-bottom: 0; padding-left: 15px}
ul.nav-not-logged-in {padding-right: 15px}
ul.top-menu {
    margin-right: 0;
    padding-right: 15px;
}
.cart-button { float: right }
.cart-button { margin-top:20px;}
.mobile-top-menu select {width: 140px;}
.mobile-top-menu { text-align: right; }
.mobile-top-menu #notification-button {display:inline;}

div.card-signup .header {
    margin-top: -30px;padding: 5px 0;
}

.index-page .logo {
    float: left
}

.index-page .text-center .logo {
    float:none;
}

.profile_customers_sign_in .logo a#logo,
.profile_customers_password_new .logo a#logo,
.profile_customers_password_edit .logo a#logo {
    float: none;
}

.profile_customers_sign_in .logo,
.profile_customers_password_new .logo,
.profile_customers_password_edit .logo {
    text-align: center;
    float: none;
}

.profile_customers_sign_in .logo a#logo img,
.profile_customers_password_new .logo a#logo img,
.profile_customers_password_edit .logo a#logo img {
    margin-bottom: 0;
}

.table > thead > tr > th {
    vertical-align: bottom;
}

.form-group {
    margin: 5px 0 0;
}

input[type="checkbox"], input[type="radio"] {
    margin-right: 8px;
}

.quantity-chooser .btn-sm {
    padding: 5px
}

.quantity-chooser .input-quantity {
    width: 3em;
    display: inline;
    margin: 0 5px;
}

.go-back {
    display: none
}

.has-quantity {
    color: #4caf50;
    font-weight: bold;
}

.payment-way-option-label {
    clear: both;
    display: block;
}

.payment-ways-options > span {
    clear:both;
    display: block;
}

.left10 {margin-left: 10px}

.table .p-name a {
    display: block
}

/* change for showing form line correctly in Chrome for high resolution monitors */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm)  and (min-width:1500px) {
    .form-control, .form-group .form-control {
        background-size: 0 2px, 100% 2px;
    }
}

@media (max-width: 990px) {
    #categories-menu.navbar-header {
        float: none;
    }
    #categories-menu .navbar-toggle {
        display: block;
        position:relative;
    }
    #categories-menu.navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    #categories-menu.navbar-collapse.collapse {
        display: none!important;
    }
    #categories-menu .dropdown-menu {
        min-width: 100%;
    }
    #categories-menu.navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    #categories-menu.navbar-nav>li {
        float: none;
    }
    #categories-menu.navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.card .form-control.has-quantity {
    /* background-image: linear-gradient(#e02121, #e02121), linear-gradient(#4caf50, #4caf50); */
    /* background-size: 0 2px, 100% 4px; */
    background-color: #cee9cf;
    border:1px solid;
}

.card .form-control.has-quantity {
    /* background-image: linear-gradient(#e02121, #e02121), linear-gradient(#4caf50, #4caf50); */
    /* background-size: 0 2px, 100% 4px; */
    background-color: #cee9cf;
    border:1px solid;
}

.card .form-control.has-quantity.with-error {
    background-color: #f8bac7;
    border: 1px solid #ae314b;
    color: #ae314b;
}

.modal-body h2 {
    font-size: 18px;
}

.modal-content .modal-body {
    padding-top: 0;
}

.table-responsive .table-striped {
    padding-bottom: 0;
}

#errorModal {
    z-index: 1100;
}

.form-group.has-error label.label-control, .form-group.has-error .help-block {
    color: #f44336;
}

.form-group input[type="file"] {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 1;
    position: relative;
}

td .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.table-responsive .form-group {
    margin-left: 0;
    margin-right: 0;
}

.form-horizontal .text-right .form-group {
    margin-right: 0;
}

.form-horizontal .text-right .form-group .input-quantity{
    text-align:right;
}

.bootstrap-select .dropdown-menu {
    max-height:390px;overflow: hidden;
}

.blurred {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter:blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);

}

td.product-quantity .input-quantity {
    width: 10em;
    float: right;
}

.commentTextBox pre {
    margin-top:10px;
    margin-bottom: 0;
}

.btn.btn-category {
    width: 100%;
    white-space: normal;
}

.btn.btn-catalog {
    width: 100%;
    font-weight: bold;
}

#card-fields-for-payment-ways-that-require-card {
  height:100%;
  width:100%;
  position:relative;
}
#card-fields-for-payment-ways-that-require-card img.ajaxLoader {
  width:100%;
  max-width:100px; /* real image width */
  position:absolute;
  top:0; left:0; right:0; bottom:0;
  margin:auto;
  z-index: 10000;
}

.text-center #logo h2 {
    text-align: center;
}

a.terms-link {
    text-decoration: underline
}

.order-history .btn-group {
    margin: 0;
}

div.ui-helper-hidden-accessible {
    display: none;
}

@media (max-width: 479px){
    td.product-quantity .input-quantity {
        width:5em
    }
}

td div.product-status {
    white-space: nowrap;
}

.product-list tr.inactive>td {
    background-color: #f2dede;
}

.select2-results__option .wrap:before {
    font-family: FontAwesome;
    color: #999;
    content: "\f0c8";
    width: 25px;
    height: 25px;
    padding-right: 10px;

}
.select2-results__option[aria-selected=true] .wrap:before{
    content: "\f14a";
}

.manufacturer-filter {
    height: 40px !important;
    background-color: #8E8E8E !important;
}

.manufacturer-filter .select2-selection__rendered {
    line-height: inherit !important;
    color: #fff !important;
}

.manufacturer-filter  .select2-selection__placeholder {
    color: #fff !important;
}

.manufacturer-filter .select2-selection__clear {
    margin-left: 0.5em;
}

.manufacturer-filter b {
    border-top-color: #fff !important;
    border-bottom-color: #fff !important;
}