/*************CARROUSEL*************/
.carrouselimg {
    height : 430px;
}

.row-ss-type .carrouselimg {
    height : 370px;
}

.carrouselimg .carousel-indicators {
    width       : 100%;
    margin-left : 0;
    text-align  : left;
    left        : 0;
}

.carrouselimg .carousel-indicators li {
    text-indent      : 0;
    width            : 56px;
    background-color : rgba(0, 0, 0, 0);
    border           : none;
    border-radius    : 0;
    margin           : 0;
}

.carrouselimg .carousel-indicators li .active {
    background-color : rgba(0, 0, 0, 0);
    border           : none;
    border-radius    : 0;
}

.carrouselimg .carousel-control {
    font-size   : 50px;
    text-shadow : 0 0 0 white;
    color       : black;
    opacity     : 1;
    top         : 38%;
    height      : 0;
}

.carrouselimg .loupe2 {
    position         : absolute;
    z-index          : 10;
    background-color : #6D6E70;
    color            : white;
    width            : 40px;
    height           : 40px;
    font-size        : 20px;
    text-align       : center;
    padding-top      : 6px;
    bottom           : -360px;
}

@media only screen and (min-width : 992px) and (max-width : 1200px) {
    .carrouselimg {
        height : 350px;
    }

    .carrouselimg .carousel-indicators {
        bottom : 0;
    }

    .carrouselimg .loupe2 {
        bottom : -292px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 992px) {
    .carrouselimg {
        height : 250px;
    }

    .carrouselimg .loupe2 {
        bottom : -220px;
    }

    .row-ss-type {
        border-top : 2px solid black;
    }
}

@media only screen and (max-width : 768px) {
    .carrouselimg {
        height : auto !important;
    }

    .carrouselimg .loupe2 {
        bottom : -220px;
    }

    .row-ss-type {
        border-top : 2px solid black;
    }
}

/*************TEXT TYPE*************/
.text-type h1 {
    font-size      : 20px;
    text-transform : uppercase;
    font-weight    : bold;
    margin-bottom  : 20px;
}

/***********SOUS TYPES************/
.text-ss-type h2 {
    font-size   : 23px;
    color       : #666666;
    font-weight : normal;
}

.tab_header td {
    border-top  : none !important;
    font-weight : bold;
}

.table-responsive-row .table td {
    vertical-align : middle !important;
}

.table-responsive-row .table > thead > tr > th {
    border : none;
}

.table-responsive-row .table > tbody > tr > td {
    border-top : 1px solid #8e8d8d;
    font-size  : 12px;
}

.table-responsive-row input[type=number]::-webkit-inner-spin-button,
.table-responsive-row input[type=number]::-webkit-outer-spin-button {
    opacity : 1;
}

.table-responsive-row .change_qte_field {
    border : 1px solid #5c5c5f !important;
}

.table-responsive-row .bold {
    font-weight : bold;
}

.table-responsive-row .article_check {
    background-color : #b7b7b7;
}

@media only screen and (min-width : 992px) {

    .table-responsive-row .art_pho {
        width      : 4%;
        text-align : center;
    }

    .table-responsive-row .code {
        width      : 8%;
        text-align : left;
    }

    .table-responsive-row .designation {
        max-width  : 100%;
        text-align : left;
    }

    .table-responsive-row .unite_vente {
        text-align : center;
    }

    .table-responsive-row .cel_prix {
        width      : 8%;
        text-align : center;
    }

    .table-responsive-row .change_qte {
        width : 10%;
    }

    .table-responsive-row .qte {
        width : 8%;
    }
}

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

    .table-responsive {
        margin-top    : 10px;
        margin-bottom : -15px;
    }

    .table-responsive-row {
        margin-top    : 10px;
        margin-bottom : -15px;
    }

}

@media only screen and (max-width : 992px) {

    .table-responsive-row table,
    .table-responsive-row thead,
    .table-responsive-row tbody,
    .table-responsive-row th,
    .table-responsive-row td,
    .table-responsive-row tr {
        display : block;
    }

    .table-responsive-row thead tr {
        position : absolute;
        top      : -9999px;
        left     : -9999px;
    }

    .table-responsive-row .table td {
        border       : none;
        position     : relative;
        padding-left : 50%;
        white-space  : normal;
    }

    .table-responsive-row .table td .btn {
        width : 100%;
    }

    .table-responsive-row .table input {
        width : 100%;
    }

    .table-responsive-row td:before {
        position      : absolute;
        top           : 6px;
        left          : 6px;
        width         : 45%;
        padding-right : 10px;
        white-space   : nowrap;
        text-align    : right;
        font-weight   : bold;
    }

    .table-responsive-row td:before {
        content : attr(data-title);
    }

    .table-responsive-row .table tbody tr {
        border-top : 1px solid black;
    }

    .table-responsive-row tbody td {
        border-top : none !important;
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    .table-responsive-row {
        font-size : 10px;
    }

    .table-responsive {
        font-size : 11px;
    }
}

.popover {
    border-top    : 5px solid #9acd32;
    border-left   : 5px solid #9acd32;
    border-right  : 5px solid #9acd32;
    border-bottom : 5px solid #9acd32;
    min-height    : 250px;
    min-width     : 240px;
}

.popover > .arrow {
    border-width : 16px;
}

.popover.top > .arrow {
    bottom              : -20px;
    margin-left         : -10px;
    border-bottom-color : #9acd32;
    margin-top          : -25px;
    border-top-color    : rgba(154, 205, 50, 1)
}

.popover.top > .arrow:after {
    bottom              : 10px;
    border-bottom-color : #9acd32;
}

.camera-div {
    color         : white;
    font-size     : 14px;
    width         : 24px;
    border-radius : 3px;
    text-align    : center;
}

.alert_promo {
    font-size       : 18px;
    text-decoration : none;
}

.alert_promo a:hover {
    text-decoration : none;
}

.table-destockage-hover tbody tr:hover td {
    background-color : #c95458;
}

/**************PRINT****************/
.table_print table {
    width : 100% !important;
}

.table_print table tr {
    border : 1px solid black !important;
}

.main_pic_container {
    text-align : right;
    border     : 0;
}

@media print {
    .no-print, .no-print * {
        display : none !important;
    }

    a[href]:after {
        content : none !important;
    }
}

.table-responsive-bigtable {
    width              : 100%;
    margin-bottom      : 15px;
    overflow-y         : hidden;
    -ms-overflow-style : -ms-autohiding-scrollbar;
}

.table-responsive-bigtable {
    min-height : .01%;
    overflow-x : auto;
}

.table-responsive-bigtable table {
    width : 1200px;
}

/*******CAROUSEL TYPES LIES******************/
.container_carousel_types_linked {
    padding-right    : 0;
    padding-left     : 0;
    background-color : black;
    max-height: 374px;
}

.container_carousel_types_linked .lSSlideOuter {
    text-align : center;
    margin-top : 80px;
}

/*.container_carousel_types_linked .container-prod {
    width: 200px;
}*/

.container_carousel_types_linked .container-img-type {
    width            : 196px;
    height           : 196px;
    background-color : white;
    border-radius    : 15px;
    position         : relative;
    cursor           : pointer;
}

.container_carousel_types_linked .img-type {
    max-width  : 160px;
    max-height : 160px;
    position   : absolute;
    margin     : auto;
    top        : 0;
    left       : 0;
    right      : 0;
    bottom     : 0;
}

.container_carousel_types_linked .container-plus {
    width                      : 49px;
    height                     : 49px;
    position                   : absolute;
    top                        : 147px;
    left                       : 147px;
    border-bottom-right-radius : 15px;
    border-top-left-radius     : 15px;
    font-size                  : 30px;
    color                      : white;
    display                    : grid;
    place-items                : center;
    text-align                 : center;
}

.container_carousel_types_linked .container-libelle {
    width       : 196px;
    height      : 98px;
    text-align  : center;
    color       : white;
    font-size   : 18px;
    padding-top : 10px;
}

.container_carousel_types_linked .lSAction .lSPrev {
    font-weight      : 900 !important;
    position         : absolute !important;
    color            : #E6007E !important;
    margin-top       : 12%;
    left             : -75px;
    background-image : none;
    font-size        : 50px;
    opacity          : 1;
}

.container_carousel_types_linked .lSAction .lSNext {
    font-weight      : 900 !important;
    position         : absolute !important;
    color            : #E6007E !important;
    margin-top       : 12%;
    right            : -85px;
    background-image : none;
    font-size        : 50px;
    opacity          : 1;
}

.container_carousel_types_linked .bloc_produits_associes {
    width       : 100%;
    height      : 140px;
    position    : absolute;
    text-align  : center;
    color       : white;
    font-size   : 30px;
    font-weight : bold;
    padding-top : 20px;
    background-color: black !important;
}

.btn-rounded {
    border           : 2px solid #CCCCCC;
    border-radius    : 20px;
    color            : white;
    background-color : #7E7E7E;
    font-size        : 12px;
    font-weight      : bold;
    box-shadow       : 0 4px 6px rgba(0, 0, 0, 0.3);
}

.btn-rounded:focus {
    outline : 0 !important;
}

.container-footer {
    margin-top : 0 !important;
}

.background-image {
    width    : 100%;
    height   : 400px;
    z-index  : 0;
    position : absolute;
}

.spacer-bottom {
    height           : 20px;
    background-color : black;
}