/************************/







/***********/

/* ————————————————————–
  Tree core styles
*/
.tree {
    margin: 1em;
    padding-left: 0px;
}

    .tree input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
    }

        .tree input ~ ul {
            display: none;
        }

        .tree input:checked ~ ul {
            display: block;
            padding-left: 0px;
        }

    /* ————————————————————–
  Tree rows
*/
    .tree li {
        line-height: 1.2;
        position: relative;
        padding: 0 0 1em 1em;
        list-style: none;
    }

    .tree ul li {
        padding: 1em 0 0 1em;
    }

    .tree > li:last-child {
        padding-bottom: 0;
    }

/* ————————————————————–
  Tree labels
*/
.tree_label {
    position: relative;
    display: inline-block;
    background: #fff;
}

label.tree_label {
    cursor: pointer;
}

    label.tree_label:hover {
        color: #666;
    }

    /* ————————————————————–
  Tree expanded icon
*/
    label.tree_label:before {
        background: #686E88;
        color: #fff;
        position: relative;
        z-index: 1;
        float: left;
        margin: 0 1em 0 -2em;
        width: 1em;
        height: 1em;
        border-radius: 0;
        content: '+';
        text-align: center;
        line-height: .9em;
    }

:checked ~ label.tree_label:before {
    content: '–';
}

/* ————————————————————–
  Tree branches
*/
.tree li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -.5em;
    display: block;
    width: 0;
    border-left: 1px dotted #777;
    content: "";
}

.tree_label:after {
    position: absolute;
    top: 0;
    left: -1.5em;
    display: block;
    height: 0.5em;
    width: 1em;
    border-bottom: 1px dotted #777;
    border-left: 1px dotted #777;
    content: '';
}

label.tree_label:after {
    border-bottom: 0;
}

:checked ~ label.tree_label:after {
    border-top: 1px dotted #777;
    border-right: 1px dotted #777;
    border-bottom: 0;
    border-left: 0;
    bottom: 0;
    top: 0.5em;
    height: auto;
}

.tree li:last-child:before {
    height: 1em;
    bottom: auto;
}

.tree > li:last-child:before {
    display: none;
}

.tree_custom {
    display: block;
    background: #eee;
    padding: 1em;
    border-radius: 0.3em;
}


.flexMenu-viewMore {
    background: #e8e8e8;
}


/**************/

.cust_det a {
    color: #000;
}


.cust_det label {
    margin-right: 7px;
}




.table-striped > tbody > tr:nth-child(odd) {
    background-color: #E9E9E9 !important;
}

#seven_a .panel-heading {
    min-height: 77px !important;
    height: auto;
}


.h_ebay {
    margin-top: 30px;
    color: #d20031;
}

    .prh4 h4, .h_ebay h4, .images_div h4 {
        margin-bottom: 40px;
        color: #d20031;
    }

.mb {
    margin-bottom: 7px;
}

input[type="text"] {
    padding: 7px 8px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

select {
    padding: 7px 8px;
    border-radius: 3px;
    border: 1px solid #ccc;
}


.icone_cust_det a {
    margin-left: 15px;
}


.icone_cust_det {
    text-align: right;
    margin-bottom: 30px;
}

.rt_product tr td:first-child {
    padding-left: 15px;
}


.cust_table tr td:first-child {
    padding-left: 15px;
}

.drp {
    background: #686E88 !important;
    color: #fff !important;
    border: none;
}

.modal-footer {
    border-top: 0px;
    border-top: 0px !important;
}

.modal-dialog .btn-default {
    background: #F20031 !important;
    border-color: #fff !important;
    color: #fff !important;
}

.modal-title {
    color: #fff !important;
    margin-bottom: 0px !important;
}

.close {
    color: #fff !important;
    opacity: 1 !important;
}

.tab_product > li > a:hover {
    background: transparent !important;
}


.tab_product > li.focus > a, .tab_product > li.active > a {
    background: #686E88 !important;
    border-radius: 0px;
}

.tab_product {
    margin-top: 30px;
    margin-bottom: 50px;
    background: #fff;
}

    .tab_product li {
        margin-left: 0px !important;
    }

    .tab_product a {
        color: #000;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
        border-right: 1px solid #ddd;
        border-radius: 0px !important;
    }


.prod_size {
    padding-left: 0px;
}

    .prod_size li {
        float: left;
        list-style: none;
    }

.transfer_btn {
    margin: 0 auto;
    display: block;
    margin-top: 46px;
}

.red {
    color: #d20031;
}

.prod_size li a {
    color: #fff;
    padding: 5px 9px;
    background: #686E88;
    border-radius: 3px;
    margin-right: 9px;
    margin-bottom: 10px;
    display: block;
    width: 82px;
}

.drop_filter {
    background: #fff;
    border: 1px solid #abaaaa;
    margin-left: 15px;
}

/**************/

.hiddenChild {
    display: none;
    list-style-type: none;
}

.displayChild {
    list-style-type: none;
    display: list-item;
    padding-left: 12px
}

.bg_color {
    color: #fff;
    background: #9E9999;
    padding: 15px;
}

/*****************/

.box_cat {
    border: 2px solid #e2e2e2;
    padding: 10px;
    text-align: center;
    margin: 10px;
    position: relative;
    min-height: 215px;
}

.cancel_box_cat {
    position: absolute;
    right: 15px;
    color: #d20031 !important;
}

.add_prod_cat {
    text-align: right;
}

.box_cat_active {
    border: 2px solid #686e88;
}


.cat_rad input[type="radio"] {
    margin-right: 8px;
    position: relative;
    top: 2px;
}



.box_cat img {
    display: block;
    margin: 0 auto;
}


.list_ul, .list_ul_ul {
    list-style: none;
    padding-left: 0px;
}


    .list_ul li a {
        font-size: 14px;
        color: #000;
        padding: 5px;
        display: block;
    }


.army_ul {
    padding-left: 18px;
}




.list_ul ul {
    list-style: none;
}



.action_tabl {
    background: #939398;
    color: #fff;
    border-radius: 3px;
    padding: 2px 11px;
    /*margin-bottom: 10px;*/
    margin-left: 20px;
    font-size: 13px;
    display: block;
    margin-right: 20px;
}


.dt_message {
    color: #97989a;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

.time_message {
    color: #97989a;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
}








.modal-body {
    overflow: auto;
}

.prod_size .active a {
    background: #b71239;
}

.tab-content .panel-default > .panel-heading {
    background: #DADDE6;
    color: #333;
    height: 56px;
}


.navbar {
    background: #d20031;
    border-radius: 0px;
    margin-bottom: 0px;
}

body {
    background: #f3f3f3;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #52545d;
}

header {
    background: #fff;
}

.black_a {
    color: #000;
}

.comm_cust {
    background: #ffe8ee;
    color: #d20031;
    padding: 8px;
    margin-top: 5px;
}

.mrg_bot {
    margin-bottom: 5px;
    display: inline-block;
}

.nbr_order {
    font-size: 24px;
    margin-top: 15px;
    margin-left: 30px;
    margin-bottom: 15px;
}



.pdmarg {
    margin-bottom: 250px !important;
    padding-bottom: 200px !important;
}

.content {
}

.nbr {
    font-weight: 600;
    margin-left: 7px;
}

.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #bb022d;
}

.margin_15 {
}

.aw_pay {
    background: #fca247;
    color: #fff;
    padding: 1px 8px;
    border-radius: 3px;
}

.aw_pay_v {
    background: #80ca1e;
    color: #fff;
    padding: 1px 8px;
    border-radius: 3px;
}


.box h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin-bottom: 13px;
    color: #000;
}


.modal_crd label {
    width: 150px;
    margin-bottom: 20px;
}


.modal_address label {
    width: 150px;
    margin-bottom: 20px;
}

.fullbox {
    margin-top: 20px;
}

.Credit_crd {
    position: relative;
    float: right;
    color: #fff;
}

.warh_modal label {
    width: 150px;
    margin-bottom: 20px;
}

.sep_cust {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}


.card_div {
    background: #9E9999;
    color: #fff;
    padding: 15px 30px;
    width: 100%;
    margin-bottom: 30px;
    float: left;
    margin-right: 30px;
}



.shipadress {
    min-height: 260px;
}

.ship_text {
    float: right;
}

.chadress:hover {
    color: #fff;
    text-decoration: none;
}

.collapsediv {
    border: 1px solid #dadada;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
    -moz-box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
    box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
}



.panel-title {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.collapsediv .panel-heading {
    padding: 0px;
}

.collapsediv .panel-title > a {
    display: block;
    padding: 22px 15px;
}


.bck_order label {
    margin-bottom: 20px;
    width: 200px;
}

.shipad, .gd {
    min-height: 367px;
}


.note a i {
    margin-left: 10px;
    margin-top: 16px;
}

.bgdiv {
    padding: 20px;
    background: #fff;
    border: 1px solid #dadada;
    min-height: 367px;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(38,72,99,0.19);
    -moz-box-shadow: 0px 0px 1px 0px rgba(38,72,99,0.19);
    box-shadow: 0px 0px 1px 0px rgba(38,72,99,0.19);
    margin-bottom: 30px;
    overflow: hidden;
}



.txtshirange {
    color: #fff;
    background: #9E9999;
    padding: 15px;
}

.ship_div label {
    margin-bottom: 20px
}

.lod_prd:hover {
    color: #fff;
}

.lod_prd {
    background: #94d200;
    padding: 10px 30px !important;
    color: #fff;
    border: 0px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-top: 27px;
    height: 40px;
}




.navbar a {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}

.pad_0 {
    padding-left: 0px;
    padding-right: 0px;
}

.plus_info_td {
    font-weight: 400;
}

.col-lg-offset-3 {
    padding-left: 0px;
    padding-right: 0px;
}

.fa-external-link {
    color: #939398;
}

.pencil_tab {
    margin-left: 10px;
    position: relative;
    bottom: 1px;
}



.logo {
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

    .logo h1 {
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 1.5px;
        margin-bottom: 5px;
    }

.logo {
    color: #1e1e1e !important;
}

    .logo:hover, .logo:focus {
        color: #1e1e1e;
        text-decoration: none !important;
    }

    .logo p {
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 300;
        margin-bottom: 0px;
        position: relative;
        bottom: 4px;
    }


.input-group-addon {
    background: #fff !important;
}


.search_div button {
    background: transparent !important;
    border: 0px !important;
}


.search_div {
    margin-top: 23px;
}

    .search_div input:focus {
        box-shadow: none;
        border: 2px solid #1e1e1e;
    }

    .search_div button:focus {
        border: none !important;
    }


.top_right_icone a {
    display: block;
    color: #787b81 !important;
    padding: 22% 10%;
    border-left: 1px solid #d8d6d6;
}

    .top_right_icone a:hover {
        background: #f3f3f3;
    }


.resultorder select {
    margin-left: 4px;
    min-width: 100px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
    -moz-box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
    box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
}

.adn {
    float: right;
}

.resultorder {
    margin-bottom: 20px;
}

    .resultorder span {
        font-weight: 800;
        font-size: 13px;
    }

.adn {
    background: #91de2b;
    color: #fff;
    font-weight: 400;
}


    .adn:hover {
        color: #fff;
    }

.pend_div {
    background: #fca247;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    padding: 1px 5px;
}

.table {
    font-weight: 600;
}

    .table tr {
        border-bottom: 1px solid #ddd;
        padding: 10px 0px;
    }




    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th,
    .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        /*vertical-align: middle ;*/
    }

input[type="checkbox"], input[type="radio"] {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.n_status {
    background: #acbcf7;
    padding: 1px 9px;
    border-radius: 3px;
    color: #fff;
}

.ex_link:hover {
    color: #fff;
}


.ex_link i {
    margin-right: 5px
}

.ex_link {
    background: #939398;
    color: #fff;
    border: 1px solid #939398;
    border-radius: 3px;
    padding: 8px 12px;
    top: 17px;
    position: relative;
}

.white_icon {
    color: #fff;
}

.c_btn i {
    margin-right: 5px
}

.c_btn {
    background: #ffdada;
    border-radius: 3px;
    color: #d20031;
    padding: 8px 12px;
    top: 17px;
    position: relative;
}

    .c_btn:hover {
        color: #d20031;
    }











.table a {
    color: #000;
}

.table {
    font-size: 13px;
}

a:hover {
    text-decoration: none;
}

.redbtn {
    color: #d20031;
}

.table > tbody > tr > td {
    padding: 12px 0px;
    font-weight: 400;
    overflow: -webkit-paged-x;
    font-size: 14px;
}


.modal-dialog .table > tbody > tr > td {
    padding: 15px 0px;
}


.nbrprodp {
    margin-top: 16px;
}

.list_order_div ul {
    list-style: none;
    padding-left: 15px;
}

.bg_nborder {
    background: #a09e9e;
    color: #fff;
    font-size: 11px;
    border-radius: 45px;
    font-weight: 700;
    padding: 1px 6px;
    margin-left: 10px;
}

.title_prod_service:hover {
    color: #bd0000 !important;
}


.title_prod_service {
    display: block;
    margin-top: 10px;
    color: #000;
    font-weight: 500;
}


.prod_box {
    border: 1px solid #dadada;
    text-align: center;
    padding: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.btnsign {
    background: #d20031;
    color: #fff;
    border-radius: 0px !important;
    font-weight: 500;
    font-size: 14px;
    height: 28px;
    padding: 3px 18px;
    margin-top: 15px;
}


    .btnsign:hover {
        color: #fff !important;
    }




.update_red {
    background: #EF0302 !important;
    border: 1px solid #EF0302 !important;
    margin-left: 14px;
}

.list_order_div ul li a {
    list-style: none;
    color: #000;
    line-height: 22px;
}


    .list_order_div ul li a:hover {
        color: #737373;
    }



.second_ligne {
    background: #f1f1f1 !important;
}



    .second_ligne > td {
    }


.gray {
    color: #c5c5c5;
    margin-left: 10px;
}


.rt_product .switch {
    top: 0;
}


.cust_add label {
    margin-right: 7px
}

.pag .pagination {
    float: right;
}

    .pag .pagination > li > a, .pagination > li > span {
        margin-left: 4px;
    }


.fbtn, .lbtn {
    background: #515358 !important;
    color: #fff !important;
    font-weight: 500;
    font-size: 13px;
    border: 1px solid #dadada;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
    -moz-box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
    box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
}


.pagination .p_number {
    color: #000;
    font-weight: 600;
    font-size: 12px;
    border: 1px solid #dadada;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
    -moz-box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
    box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
}

.title_prod_tab {
    font-size: 15px;
    margin-right: 10px;
    font-weight: 500;
}

.div_info_prod input {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.prod_box img {
    margin: 0 auto;
}


.navbar-toggle {
    width: 100%;
    background: #d20031;
    margin-right: 0px;
    text-align: left;
    margin-bottom: 0px;
    border-radius: 0px;
    border-radius: 0px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
}


.product_dt_h4 a {
    color: #d06868 !important;
    font-size: 16px;
}


















.updnote {
    background: #515358;
    color: #fff;
    font-weight: 600;
    margin-top: 15px;
}

.bshipp {
    background: #dadada;
    color: #fff;
    padding: 5px 10px;
    border-radius: 2px;
    float: right;
}

.shipdrop .dropdown-menu {
    right: 0px;
    left: initial;
    top: 28px;
}

.bshipp:hover {
    color: #fff;
}

.modal {
    background: rgba(0,0,0,0.5)
}

.cont_message {
    position: relative;
    width: 80px;
    margin: 0 auto;
}




.cont_message_right {
    position: relative;
    width: 90px;
    margin: 0 auto;
}



@media (min-width: 768px) {


    #myModal_5 .modal-dialog {
        width: 1140px;
    }
}







@media (min-width: 768px) {
    .modal-dialog {
        width: 900px;
        margin: 30px auto;
    }
}

.adnservcie {
    position: relative;
    width: 50px;
    float: right;
    margin-right: 60px;
}


    .adnservcie a {
        position: relative;
        /* background: #dcd9d9;
    border-radius: 58px;
    padding: 9px;
    top:30px;*/
    }


        .adnservcie a i {
            margin-right: 5px;
        }


.jprofile i {
    margin-left: 5px;
    top: 2px;
    position: relative;
}

.nbrmesage {
    position: relative;
    background: #f5063e;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    bottom: 6px;
    right: 22px;
    width: 30px;
    float: right;
}

.nbrmesage_right {
    position: absolute;
    background: #f5063e;
    color: #fff;
    padding: 3px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    bottom: 40px;
    left: 45px;
    width: 24px;
}

label {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}


/*
input , select{


    height: 30px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
    -moz-box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
    box-shadow: 0px 1px 2px 0px rgba(38,72,99,0.19);
    border-radius:0px !important;


}

*/

.note {
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

    .note p {
        margin-top: 15px;
        margin-bottom: 7px;
        color: #939398;
    }

.note_time {
    text-align: center;
    float: right;
    font-size: 12px;
    line-height: 15px;
    background: #efefef;
    padding: 3px 5px;
    border-radius: 3px;
}

.title_note {
    font-size: 14px;
    font-weight: 600;
}

.ach_btn ul {
    padding-left: 0px;
}

    .ach_btn ul li {
        display: inline-block;
        list-style: none;
    }

        .ach_btn ul li a {
            background: #939398;
            color: #fff;
            border-radius: 3px;
            display: block;
            padding: 5px 10px;
            margin-bottom: 10px;
            margin-right: 8px;
        }






/*************product_filter_page***************/


.title_page {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    /*margin-left:30px;*/
    text-transform: uppercase;
}


.filterprod label {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 7px;
}

.filterprod select {
    height: 40px !important;
}

.adfilterp {
    background: #94d200;
    border: 0px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-top: 27px;
    height: 40px;
}

    .adfilterp i {
        margin-right: 7px;
    }

    .adfilterp:hover {
        color: #fff;
    }




.showfilterp {
    margin-top: 30px;
    margin-bottom: 60px;
}

.showfilter {
    padding-left: 0px;
    margin-top: 30px;
}

    .showfilter li {
        display: inline-block;
        list-style: none;
    }

.left_weight {
    font-weight: 500;
    margin-right: 5px;
}

.showfilter li a {
    background: #ddeff2;
    color: #01a8b7;
    font-weight: 600;
    padding: 8px 20px;
    margin-right: 10px;
    display: block;
    margin-bottom: 10px;
}

.showfilter li i {
    margin-left: 7px;
}

.formfilterp {
    margin-bottom: 20px;
    margin-top: 30px;
}


.showfilter li:last-child a {
    color: #d20031;
    background: #f2dddd;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid #d20031;
    border-radius: 1px;
}

.showfilter li a:hover {
    text-decoration: none;
}

.modal-header {
    background: #9E9999 !important;
    color: #fff !important;
}

.modal-content {
    border-radius: 0px !important;
}


.greenicone {
    color: #94d200;
}

.chadress {
    background: #515358;
    margin-bottom: 5px;
    color: #fff;
    position: relative;
    top: 20px;
    padding: 4px 8px;
    border-radius: 4px;
}

.txtright {
    text-align: right;
}

.redicone {
    color: #d20031;
}


.total_item {
    background: rgba(0,191,69,0.9);
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
}



.table_old th {
    /*padding-left:0px !important;
padding-right:0px !important;
*/
}

.nbrprodp span {
    font-size: 13px;
    font-weight: 600;
    margin-right: 10px;
}



.rt_product thead th {
    padding-bottom: 25px !important;
}

.ldmore a {
    color: #000;
    font-weight: 500;
}

.ldmore {
    text-align: center;
}



.scroll {
    line-height: 24px;
    position: relative;
    top: 0;
    left: 0;
}


.rightbgdiv {
    background: #fff;
    /*border: 1px solid #dadada;*/
    -webkit-box-shadow: 0px 0px 1px 0px rgba(38,72,99,0.19);
    -moz-box-shadow: 0px 0px 1px 0px rgba(38,72,99,0.19);
    box-shadow: 0px 0px 1px 0px rgba(38,72,99,0.19);
}


    .rightbgdiv ul {
        padding-left: 0px;
        list-style: none;
    }

        .rightbgdiv ul li a:hover {
            text-decoration: none;
        }



.ad_note {
    background: #91de2b;
    color: #fff;
}

    .ad_note:hover {
        color: #fff;
    }


.rightbgdiv ul li a {
    color: #000;
    display: block;
    position: relative;
    display: block;
    padding: 5px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}


.pos {
    position: relative;
    bottom: 13px;
}



/********************************/
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 20px;
    top: 10px;
}

    /* Hide default HTML checkbox */
    .switch input {
        display: none;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 3px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }



.icone_pop_ship ul li {
    display: inline-block;
    list-style: none;
}



    .icone_pop_ship ul li a {
        padding: 10px;
    }

.icone_pop_ship ul {
    text-align: right;
}

    .icone_pop_ship ul li a i {
        color: #000;
    }



.second_ligne td {
    padding-left: 50px !important;
}




.service_tr td {
    background: #fff !important;
}


.swit_bk {
    margin-right: 30px;
}


.flexMenu-popup {
    padding-left: 0px;
    z-index: 999999;
    list-style: none;
    background: #fff;
    padding: 6px 20px;
}


    .flexMenu-popup a {
        display: block;
        padding-bottom: 5px;
        padding-top: 5px;
    }





.headerflex .flexMenu-popup {
    background: #d20031;
    padding-left: 10px;
    padding-right: 10px;
}

.headerflex .flexMenu-viewMore {
    background: #bb022d;
}

    .headerflex .flexMenu-viewMore a {
        font-weight: 800;
    }



/***************************
******************Responsive********************/

@media screen and (max-width:480px) and (min-width:320px) {


    .tab_product a {
        border-right: 0px !important;
    }
}


@media screen and (max-width:1150px) and (min-width:320px) {

    .logo h1 {
        font-size: 14px;
    }
}














@media screen and (max-width:767px) and (min-width:320px) {


    .adnservcie {
        margin-right: 0px;
    }

    .rt_product {
        padding: 0px;
    }

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

    .filterprod {
        margin-bottom: 15px;
    }

    .pag .pagination > li > a, .pagination > li > span {
        margin-left: 0px;
    }


    .tab_product li a {
        padding-left: 10px !important;
    }

    .tab_product li {
        width: 100%;
    }

    table {
        width: 100%;
    }

    thead {
        display: none;
    }

    tr:nth-of-type(2n) {
        background-color: inherit;
    }

    tr td:first-child {
        background: #cecfd4;
        font-weight: bold;
        font-size: 1.3em;
        margin-right: 0px !important
    }

    tbody td {
        display: block;
        text-align: center;
    }

        tbody td:before {
            content: attr(data-th) !important;
            display: block !important;
            text-align: center;
        }
}





























@media screen and (max-width:1024px) and (min-width:768px) {

    .logo h1 {
        font-size: 14px;
    }

    .logo p {
        font-size: 12px;
    }

    .adnservcie a {
        position: static !important
    }


    .rightbgdiv ul li {
        display: inline-block;
    }

        .rightbgdiv ul li a {
            margin-bottom: 9px;
            margin-right: 3px;
        }

    .rightbgdiv {
        background: none;
        box-shadow: none !important;
    }
}


@media screen and (max-width:767px) and (min-width:320px) {

    .flexMenu-popup {
        width: 100%
    }

        .flexMenu-popup li a {
            border-right: 0px !important;
        }

    .nbrprodp {
        margin-top: -15px;
    }



    .bck_order label {
        margin-bottom: 3px;
    }


    .bck_order input {
        margin-bottom: 20px;
    }



    .bck_order select {
        margin-bottom: 20px;
    }


    .pagination > li > a, .pagination > li > span {
        padding: 6px 10px;
    }

    .top_right_icone a {
        border-left: none !important;
    }

    .adnservcie a {
        position: relative !important;
        top: 17px;
        left: 0;
    }

    .nav > li > a {
        padding-left: 0px
    }

    .rightbgdiv ul li {
        display: inline-block;
    }

        .rightbgdiv ul li a {
            margin-bottom: 9px;
            margin-right: 3px;
        }

    .rightbgdiv {
        background: none;
        box-shadow: none !important;
    }

    .search_div {
        border-bottom: 1px solid #ccc;
    }
}

@media screen and (max-width:1024px) and (min-width:991px) {


    .rightbgdiv ul li {
        display: inline-block !important;
    }

        .rightbgdiv ul li a {
            margin-bottom: 9px;
            margin-right: 3px;
        }

    .rightbgdiv {
        background: none;
        box-shadow: none !important;
    }
}


@media screen and (max-width:1023px) and (min-width:320px) {
    .flexMenu-popup li a {
        border-right: 0px !important;
    }

    .table {
        table-layout: fixed
    }

    th {
        border-bottom: none !important
    }


    .adnservcie a {
        position: relative !important;
        top: 17px;
        left: 0;
    }
    /*th{display: inline-block;}*/
    /*tr td{display: inline-block;}*/

    .table tr td {
        border-bottom: 1px solid #ddd !important;
        border-top: none !important;
        margin-right: 15px;
        padding: 20px 0px;
    }


    .taborder .table tr {
        border-top: 1px solid #ddd;
        border-bottom: none !important;
    }


        .taborder .table tr td {
            border-top: 1px solid #ddd;
            border-bottom: none !important;
            border-top: none !important;
            margin-right: 15px;
            padding: 20px 0;
        }

    .taborder tr td {
        display: inline-block;
    }


    .rightbgdiv {
        margin-left: 30px;
    }

        .rightbgdiv ul li {
            display: inline-block !important;
        }

            .rightbgdiv ul li a {
                margin-bottom: 9px;
                margin-right: 3px;
                width: 100px;
            }

    .rightbgdiv {
        background: none;
        box-shadow: none !important;
    }



    .scroll {
        margin-top: 0 !important;
    }

    .resorder {
        display: -webkit-box !important;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }

    .first_div {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }


    .second_div {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }
}



@media screen and (max-width:1440px) and (min-width:1024px) {
    .flexMenu-popup li a {
        border-right: 0px !important;
    }

    .rightbgdiv ul li a {
        font-size: 12px;
    }
}

@media screen and (max-width:1500px) and (min-width:1024px) {



    .adnservcie a {
        position: relative;
        right: 0;
        bottom: 0;
        top: 17px;
    }

    .rightbgdiv ul li a h4 {
        margin-bottom: 7px;
        margin-top: 7px;
    }
}