/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,200italic,200,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);

button:focus,
select:focus,
input:focus,
a:focus {
    outline: none;
}

#add-product-popup .quantity-group #color-quantity {
    font-weight: bold;
    padding: 5px 2%;
    text-align: center;
    width: 59px;
    font-family: arial, sans-serif;
    font-size: 14px;
    border-radius: 0;
}

#add-product-popup .quantity-group input {
    float: left;
}

#add-product-popup .quantity-group .plus,
#add-product-popup .quantity-group .minus {
    background-color: #999;
    padding: 0 15px;
    font-size: 25px;
    border-radius: 0;
    line-height: 34px;
}

#add-product-popup .add-to-cart {
    background: url("/wp-content/themes/nayma/images/add-to-cart.png") no-repeat !important;
    border: medium none;
    color: #fff;
    font-weight: 700;
    height: 40px;
    font-size: 14px;
    padding: 11px 0 15px 10px !important;
    text-align: left;
    width: 147px !important;
    float: right;
}

.table-car-paint {
    font-family: 'Raleway', Arial, sans-serif;
    border: 0;
}

.table-car-paint > thead > tr > th,
.table-car-paint > tbody > tr > td {
    border: 0;
    border-collapse: collapse;
    vertical-align: middle;
}

.table-car-paint > thead > tr.ng-table-sort-header > th:first-child {
    border-radius: 4px 0 0 0;
}

.table-car-paint > thead > tr.ng-table-sort-header > th:last-child {
    border-radius: 0 4px 0 0;
}

.table-car-paint > thead > tr.ng-table-sort-header > th {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    background: #3165aa;
    box-shadow: 1px 0 0 #20569d inset;
    padding: 6px 10px;
    border-left: #4d82c1 1px solid;
}

.table-car-paint > thead > tr.ng-table-filters > th {
    border-top: 1px solid #20569d;
    padding: 8px 10px;
    background: rgb(74, 125, 187);
    background: -moz-linear-gradient(top, rgba(74, 125, 187, 1) 0%, rgba(93, 150, 219, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(74, 125, 187, 1) 0%, rgba(93, 150, 219, 1) 100%);
    background: linear-gradient(to bottom, rgba(74, 125, 187, 1) 0%, rgba(93, 150, 219, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a7dbb', endColorstr='#5d96db', GradientType=0);
}

.table-car-paint > tbody > tr > td {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #333;
    padding: 8px 10px;
    cursor: pointer;
}

.table-car-paint > tbody > tr:nth-of-type(2n+1) {
    background: #f1f5f9;
    color: #3165aa;
}

.table-car-paint > tbody > tr:hover {
    background: #f7f7f7;
}

.table-car-paint input.input-filter {
    border: 1px solid #3f72b1;
    height: 34px;
    background: #eff3f8;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    font-family: Arial, sans-serif;
    white-space: normal;
    color: #333;
    box-shadow: none;
}

.table-car-paint input.input-filter::-moz-placeholder {
    color: #333;
}

.table-car-paint input.input-filter:-ms-input-placeholder {
    color: #333;
}

.table-car-paint input.input-filter::-webkit-input-placeholder {
    color: #333;
}

.ng-table-pager {
    display: block;
    margin: auto;
    text-align: center;
}

.pagination {
    margin: 5px auto 25px auto;
}

.pagination > li > a,
.pagination > li > span {
    padding: 6px 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 4px;
    border: 0;
    color: #2a5890;
}

.add-product-popup form {
    background: #e8ebee;
    padding: 20px;
    text-align: left;
    border: 1px solid #dde0e4;
    margin: 0 15px 15px 15px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
}

.add-product-popup input.form-control {
    border-radius: 4px;
    height: 34px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    font-family: arial, sans-serif;
    box-shadow: none;
}

#sidebar-search-color select.form-control,
#sidebar-search-color input.form-control,
.add-product-popup select.form-control {
    padding: 6px 2%;
    text-transform: capitalize;
    color: #666;
    font-family: Arial, sans-serif;
    box-shadow: none;
    background: #fff;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
}

.add-product-popup .total {
    font-size: 14px;
    line-height: 22px;
    padding: 6px 15px;
    border: 1px solid #91a0b0;
    background: #8292a3;
    color: #fff;
    margin-bottom: 5px;
    border-radius: 4px;
    position: relative;
}

.add-product-popup .form-group label,
.add-product-popup .total {
    font-family: 'Raleway', Arial, sans-serif;
    font-weight: 600;
    padding-bottom: 6px;
}

.add-product-popup .total span {
    color: #fff;
    font-size: 16px;
    font-family: arial, sans-serif;
}

.modal-header {
    padding: 25px 15px 20px 15px;
    border: 0;
}

.modal-footer {
    background: #f7f7f7;
    border-top: 1px solid #eee;
    border-radius: 0 0 4px 4px;
}

h3.modal-title {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    font-weight: 600;
    padding: 0;
}

button.close {
    background: #444 none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    height: 30px;
    line-height: 25px;
    opacity: 1;
    position: absolute;
    right: -15px;
    text-shadow: none;
    top: -15px;
    width: 30px;
    z-index: 10;
    margin: 0;
}

button.close span {
    font-size: 30px;
    font-weight: normal;
    line-height: 0;
    vertical-align: baseline;
}

button.close:hover,
button.close:focus {
    color: #fff;
    opacity: 1;
}

#sidebar-search-color h3 {
    font-size: 17px;
    line-height: 24px;
    padding: 10px 20px;
    color: #fff;
    border-radius: 4px 4px 0 0;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    background: #c52823;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1Njk2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNTI4MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #d56967 0%, #c52823 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d56967), color-stop(100%, #c52823));
    background: -webkit-linear-gradient(top, #d56967 0%, #c52823 100%);
    background: -o-linear-gradient(top, #d56967 0%, #c52823 100%);
    background: -ms-linear-gradient(top, #d56967 0%, #c52823 100%);
    background: linear-gradient(to bottom, #d56967 0%, #c52823 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d56967', endColorstr='#c52823', GradientType=0);
}

#sidebar-search-color form {
    padding: 15px;
    background: #f7f7f7;
    border: 1px solid #eee;
}

#sidebar-search-color .form-group {
    margin-bottom: 10px;
}

#sidebar-search-color .btn i.fa {
    margin-right: 5px;
    font-size: 13px;
}

#sidebar-search-color .btn {
    float: right;
    border: 0;
    font-weight: 600;
    color: #fff;
}

.find-color-block {
    overflow: hidden;
    text-align: center;
    margin: 25px auto 15px auto;
}

.img-box img {
    text-align: center;
    border-radius: 4px;
    max-width: 30px;
    border: 1px solid #fff;
    margin-right: 10px;
    padding: 1px;
}

.note-oem {
    background: #cf342f;
    border: 1px solid #ee6561;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    padding: 7px 10px;
    border-radius: 4px;
}

@media (min-width: 768px) {
    .table-car-paint {
        table-layout: fixed;
    }

    .table-car-paint > thead > tr.ng-table-sort-header > th img {
        border-radius: 4px;
        width: 122px;
        margin-left: 4px;
    }
}

@media (max-width: 1025px) {
    .table-car-paint > tbody > tr > td {
        font-size: 13px;
        line-height: 18px;
        font-weight: 500;
    }

    .table-car-paint > thead > tr.ng-table-sort-header > th,
    .table-car-paint > thead > tr.ng-table-filters > th,
    .table-car-paint > tbody > tr > td {
        padding: 10px;
    }

    button.close {
        right: -2px;
        top: -2px;
    }
}

@media (max-width: 767px) {
    .table-responsive {
        border: 0;
    }

    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: normal;
    }

    .table-car-paint > thead > tr.ng-table-sort-header > th {
        font-size: 13px;
        line-height: 18px;
        font-weight: 500;
    }

    #add-product-popup .add-to-cart {
        float: none;
    }

    .add-product-popup form {
        margin: 5px auto;
        padding: 5px;
    }
}

@media (max-width: 480px) {
    .table-car-paint > thead > tr.ng-table-sort-header > th,
    .table-car-paint > thead > tr.ng-table-filters > th,
    .table-car-paint > tbody > tr > td {
        padding: 10px 5px;
    }

    .table-car-paint > thead > tr.ng-table-sort-header > th {
        font-size: 12px;
        line-height: 18px;
        font-weight: 700;
    }

}


body.tax-product_cat.term-car-paint.term-241 .woo-content-area ul.products,
body.tax-product_cat.term-car-paint.term-241 .woo-content-area .woocommerce-result-count {
    display: none;
}