:root {
    --CS-color-caramel: #e0a800;
}

.btn_caramel {
    background: var(--CS-color-caramel);
    color: white;
}
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/MaterialIconsOutlined-Regular.otf")
}
.page {
    min-height: 97vh;
}
center {
    margin : auto;
}
.pointer {
    cursor: pointer;
}
.underline {
    text-decoration : underline;
}
.IconeTopNew {
    margin: 1.0764262648008611vh 0.5208333333333334vw;
    width: 75px;
    position: absolute;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 3rem; /* Preferred icon size */
    vertical-align: bottom;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.main{
    min-height: 90vh;
}
.BlackColor {
    color: #333
}
.PlusMoins {
    color: orange
}
.PlusMoinsDisable {
    color: #ffe4b3;
    cursor:default;
}

    .PlusMoinsDisable:hover {
        color: #ffe4b3 !important;
        cursor: default;
    }


.ignorerBtn {
    color : #e1e1e1 ;
}


.ignorerBtn {
    color: #e1e1e1;
}
.BtnHeaderMedia {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #ffe4b3 !important;
}

.PlusMoinsBG {
    background: orange !important;
    border-color: orange !important;
}

.PlusMoinsBGDisable {
    background: #ffe4b3 !important;
    border-color: #ffe4b3 !important;
}
.flag-icon-gb {
    background: no-repeat center url(../flags/4x3/gb.svg);
}

.flag-icon-es {
    background: no-repeat center url(../flags/4x3/es.svg);
}

.flag-icon-fr {
    background: no-repeat center url(../flags/4x3/fr.svg);
}

.flag-icon-it {
    background: no-repeat center url(../flags/4x3/it.svg);
}

.flag-icon-pt {
    background: no-repeat center url(../flags/4x3/pt.svg);
}

.langues {
    margin: auto;
    display: inline-flex;
}

.pad {
    margin-right: 20px;
}

.flagAutre {
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 0 0;
    padding-left: 34px;
    float: left;
    color: white;
    text-shadow: #000 3px 0 2px;
    font-weight: 500;
    font-style: italic;
    padding-bottom: 15px;
}

    .flagAutre:hover, .flagSelected {
        color: orange !important;
    }

img {
    vertical-align: middle;
    border-style: none;
}

* {
    margin: 0;
    padding: 0;
}


.IcoMenu1 {
    font-size: 2rem;
    color: #fff;
    margin-top: 8px;
    cursor: pointer
}

#sidebar .close:first-of-type, #sidebar2 .close:first-of-type {
    float: right;
    padding: 10px;
    font-weight: 800;
    font-size: 20px;
    cursor: pointer;
    color: white;
}

#sidebar, #sidebar2 {
    height: 100vh;
    position: fixed;
    width: 500px;
    margin-right: -500px;
    z-index: 90000;
    background: #131921;
    color: white;
    right: 0;
    top: 0;
    transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
    transform-origin: bottom left;
    border-left: solid 1px #ccc;
}

    #sidebar h1, #sidebar2 h1 {
        font-weight: 500;
        margin: 20px;
    }

    #sidebar div.shopping {
        margin: 20px;
        font-size: 1.5rem;
        color: #f0c14b;
    }

    #sidebar div.references {
        margin: 20px;
        font-size: 1.5rem;
        color: #f0c14b;
    }

    #sidebar .bottom {
        position: absolute;
        bottom: 0px;
        width: 100%;
        text-align: center;
    }

    #sidebar div.estimation {
        font-size: 1.5rem;
    }

    #sidebar .total, #sidebar .ref {
        color: wheat;
        margin-left: 70px;
    }

    #sidebar .total span.ht {
        font-size: 18px;
    }

    #sidebar .details {
        cursor: pointer;
        background-color: #f0c14b;
        height: 100px;
    }

    #sidebar .details h1 {
        text-transform: uppercase;
    }

    #sidebar2 .infos, #sidebar2 .commandes, #sidebar2 .adresses, #sidebar2 .factures, #sidebar2 .option {
        color: wheat;
        cursor: pointer;
        font-size: 1.5rem;
        padding: 25px;
        border-bottom: solid 1px;
    }

    #sidebar2 div:first-of-type hr {
        margin-bottom: 0 !important;
    }

    #sidebar2 .bottom {
        position: absolute;
        bottom: 0px;
        width: 100%;
        text-align: center;
    }

    #sidebar2 .details {
        cursor: pointer;
        background-color: #f0c14b;
        height: 100px;
    }

    #sidebar2 .details h1 {
        text-transform: uppercase;
    }

    #sidebar div.references {
        margin: 20px;
        font-size:1.5rem;
        color: #f0c14b;
    }

    #sidebar.active, #sidebar2.active {
        margin-right: 0px;
    }

    #sidebar2 .infos:hover, #sidebar2 .commandes:hover, #sidebar2 .adresses:hover, #sidebar2 .factures:hover, #sidebar2 .option:hover {
        background-color: black;
    }

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.IndexHeader {
    background: #131921 !important;
    color: white !important;
    position: initial;
    z-index: initial;
    white-space: nowrap;
}

.IndexHeader a{
    color: white

}

.titleBlue {
    width: 100%;
    border: 0px solid;
}

.headerBarSearch {
    text-align: center;
    white-space: nowrap
}

.headerBtnDeco {
    text-align: right !important;
}

.headerBtnProfil {
    /*text-align: center;*/
    cursor: pointer;
    line-height: 1.2rem
}

.headerBandeau {
    width: 100%
}

.headerMain {
    width: 100% !important;
    padding: 0 1rem;
    min-height: 45px;
    margin: 0
}

header {
    padding-top: 0.5rem;
}



#ToDisconnect {
    padding-bottom: 0.8rem;
}

.SelectionLangue > button {
    color: white !important;
    margin-top: 10% !important;
    border: none !important;
}

    .SelectionLangue > button > span:first-child {
        display: inline !important;
        margin-right: 5px;
        vertical-align: initial !important;
    }

.nomprenom_1 {
    font-size: 1rem;
}

.nomprenom_1, .nomprenom_0 {
    top: 8px;
    vertical-align: top;
    position: relative;
}
.navbarBDSP {
    overflow: hidden;
    background-color: #232f3e;
    width: 100%;
    margin: auto;
    width: 100%;
    border-top: 1px solid #555;
}
    .navbarBDSP a {/*
        padding: 0 16px 0 0;*/
    }
.panier-counter {
    position: relative;
    top: -21%;
    background: #d91627;
    min-width: 10px;
    border-radius: 100%;
    padding: 5px 9px;
    height: 23px;
    line-height: 10px;
    text-align: center;
    color: white;
    font-size: 12px;
    left: -17px;
}

.nbArticle {
    text-align: center;
    float: left;
    padding: 1px 4px;
    margin-top: 2px;
    background: white;
    min-width: 34px;
    text-align: center;
    float: left;
    cursor: pointer;
    font-size: 1rem;
}

.imgLogo {
    border-radius: 2px;
    width: 100%;
    padding-top: 3px
}
.imgLogo:hover {
    cursor: pointer;
}
.image {
    text-align: center;
    overflow: hidden;
}
.CartMoney {
    background-color: transparent;
    border: none;
    height: 16px;
}

.fa-shopping-cart, .bi-tags-fill {
    width: 55px;
}

.fa, .fas {
    cursor: pointer;
}

.fa:hover {
    color: orange;
}

.fa-plus-square, .fa-minus-square {
    font-size: 31px;
    float: left;
}

.btn, input {
   /* font-size: 1.5rem !important*/
}

.AfficheOn {
    display: block !important;
}

.ht {
    height: 65vh;
    overflow: auto !important;
}
.bonjourName{
    display : flex;
}

body {
    padding: 0px 0px 0px 0px;
    font-family: arial,helvetica,sans-serif;
    /*font-size: 1.4rem;*/
    height: 100%;
    margin: 0px;
    overflow-x: hidden;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
}

a:hover {
    background: none !important
}

.EspaceBtn {
    margin-right: 2px
}

.BtnColorAmazon {
    background: #ffca6a;
    border-color: #dfab03
}

.BtnColorAmazon2 {
    background: #f9c212;
    border-color: #dfab03
}

.BtnColorAmazon3 {
    background: #f3bb03;
    border-color: #dfab03
}

.BtnColorAmazon4 {
    background: #dfab03;
    border-color: #dfab03
}

.hidden {
    display: none;
}
.innerBlock {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*BOOTSTRAP 4 POUR SAFARI*/
.row:before, .row:after {
    display: none !important;
}

a#verhautdepage i {
    color: #ffca6a;
    font-size: 4rem;
}

a#verhautdepage {
    text-align: center;
    opacity: 0.5;
    z-index: 99999;
    transition: all ease-in 0.2s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: fixed;
    bottom: 7px;
    right: 10px;
}

a#verhautdepage i:hover {
    color: orange;
    opacity: 1;
}

ul, ol {
    padding-left: 1em;
}
table {
    border-spacing: 0;
    background-color: transparent;
    border-collapse: collapse;
}
.address, dl, ol, ul {
    margin-bottom: 1rem;
}

.main .content {
    padding: 0 !important
}

.lotpiece {
    font-size: 0.8rem;
    line-height: 1rem;
    font-style: italic;
    clear: both;
}
.border-right {
    border-right: 1px solid #dee2e6 !important;
}
.lignePanier .lotpiece {
   /* text-align: right*/
}

.centerNBpieces {
    width: 100%;
    color: #1a5276;
    text-align: center;
}

.imgProduit {
    height: 120px;
    object-fit: contain;
    max-width: 100%;
}
.imgProduit:hover {
    transform: scale(1.08);
    transition: all 0.3s;
}


#clientChoisi {
    display: none;
    font-style: italic;
    font-size: 1.2rem;
    text-align: initial;
    margin-left: 26px;
}

.divHeader {
    font-size: 200%;
    color: white;
    height: 180px;
    background-repeat: no-repeat;
    background-position: center;
}

.divHeader img {
    border-radius: 25px;
    width: 600px;
    background: white;
    box-shadow: 1px 1px 5px #888;
}

.IsCentered {
    vertical-align: middle;
    display: table-cell;
}

.e-grid td.e-active, .e-grid .e-form-titlebar {
    background: #2196F3;
    background: -moz-linear-gradient(top,#2196F3,#46ABFC,#2196F3);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#46ABFC),color-stop(100%,#2196F3));
    background: -webkit-linear-gradient(top,#2196F3,#46ABFC,#2196F3);
    background: -o-linear-gradient(top,#2196F3,#46ABFC,#2196F3);
    background: -ms-linear-gradient(top,#2196F3,#46ABFC,#2196F3);
    background: linear-gradient(to bottom,#2196F3,#46ABFC,#2196F3);
}


.e-dropdown-btn, .e-dropdown-btn.e-btn {
    background: none;
    border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    color: #333;
    text-align: left;
    border-bottom: solid 1px #ddd;
    border-radius: 0
}

.e-widget.e-atc-popup, .e-widget.e-atc .e-in-wrap, .e-widget.e-atc .e-in-wrap .e-input, .e-widget.e-acrdn-scroller, .e-js.e-acrdn .e-select, .e-widget.e-chkbox-wrap div > span, .e-widget.e-datepicker.e-popup, .e-widget.e-datewidget .e-in-wrap, .e-widget.e-datewidget .e-in-wrap .e-input, .e-widget.e-daterangepicker-popup.e-popup, .e-widget.e-daterangewidget .e-in-wrap, .e-widget.e-daterangewidget .e-in-wrap .e-input, .e-drpbuttons, .e-widget.e-daterangepicker-popup.e-popup .e-custom-dateranges li, .e-widget.e-datetime-popup.e-popup, .e-widget.e-datetime-popup .e-dt-button, .e-widget.e-datetime-wrap .e-in-wrap, .e-widget.e-datetime-wrap .e-in-wrap .e-input, .e-widget.e-dialog-wrap, .e-widget.e-dialog-wrap > .e-header .e-dialog-icon, .e-widget.e-ddl-popup.e-popup, .e-widget.e-ddl .e-in-wrap, .e-widget.e-ddl .e-in-wrap .e-input, .e-widget.e-numeric .e-in-wrap, .e-widget.e-numeric .e-in-wrap .e-input, .e-widget.e-percent .e-in-wrap, .e-widget.e-percent .e-in-wrap .e-input, .e-widget.e-currency .e-in-wrap, .e-widget.e-currency .e-in-wrap .e-input, .e-widget.e-mask .e-in-wrap, .e-widget.e-mask .e-in-wrap .e-input, .e-textbox, .e-textarea, .e-menu, .e-js.e-tab, .e-widget.e-time-popup.e-popup, .e-widget.e-timewidget .e-in-wrap, .e-widget.e-timewidget .e-in-wrap .e-input, .e-js.e-toolbar, .e-js.e-toolbar .e-tooltxt, .e-upload-box .e-selectpart, .e-upload-box .e-btn, .e-js.e-treeview .e-text, .e-widget.e-fullrow-wrap .e-fullrow, .e-dragedNode, .e-widget.e-splitbutton, .e-widget.e-fileexplorer .e-tilenode, .e-widget.e-fileexplorer .e-fe-split-button .e-split, .e-widget.e-rte, .e-widget.e-rte.e-dialog .e-inputtext, .e-btn.e-select, .e-js.e-progressbar, .e-widget.e-check-wrap .e-chk-inact, .e-widget.e-check-wrap .e-chk-act, .e-widget.e-check-wrap .e-chk-indeter {
    border-radius: 0 0 0 0;
}

.e-content {
    height: auto !important;
}

.e-card-header-title {
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    overflow: hidden;
    height: 53px
}

.btn-primary {
    color: #fff ;
    background-color: #1b6ec2 ;
    border-color: #1861ac ;
}
.e-btn.e-warning, .e-css.e-btn.e-warning {
    background-color: #ffc107 ;
    border-color: #ffc107 ;
    color: #212529 ;
}
    .e-btn.e-warning:hover, .e-css.e-btn.e-warning:hover {
        background-color: #e0a800 ;
        border-color: #d39e00 ;
        box-shadow: none ;
        color: #212529;
    }

.e-btn.e-danger, .e-css.e-btn.e-danger {
    background-color: #dc3545 ;
    border-color: #dc3545;
    color: #fff;
}
    .e-btn.e-danger:hover, .e-css.e-btn.e-danger:hover {
        background-color: #c82333 /*!important*/;
        border-color: #bd2130 ;
        box-shadow: none ;
        color: #fff ;
    }

.e-small .e-btn, .e-small.e-btn, .e-small .e-css.e-btn, .e-small.e-css.e-btn {
    font-size: 12px;
    line-height: 1.6;
    padding: 2px 8px 2px;
}
.btn {
    border-radius: 20px;
    white-space: nowrap;
}

    .btn .bi {
        vertical-align: middle;
    }


/*.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}*/

.input-group {
    margin: 0 !important
}

.input-group-addon, .input-group-btn {
    width: auto
}


.CardFavoris {
    width: 30% !important;
    height: 55% !important;
}
.CardArticleFavoris {
    width: 50% !important;
    height: 60% !important;
}

/*MENU*/
.navbarBDSP a {
    cursor: pointer;
}

.figure {
    height: 100%;
    display: flex;
    width: 100%;
    margin: 0 !important;
    flex-direction: column;
    justify-content: space-between;
}

.img-fluid {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}



.catalogue > div > div:nth-child(1n):hover {
    transform: rotate(2deg);
}

.catalogue > div > div:nth-child(2n):hover {
    transform: rotate(-2deg);
}

.catalogue > div > div {
    transition: all 0.4s;
}

.damier:hover {
    box-shadow: 0px 0px 10px 5px #eee;
    position: relative;
    z-index: 1
}
.catalogue {
    padding: 5px 0;
    margin: auto;
    width: 80%
}

.backgroundPage {
    background: rgb(238,238,238);
    background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%);
}

.margin0{
    margin : 0px;
}

.CartPrice{
    padding: 10px 0 0
}

.franco{
    font-size: 0.7rem
}
.e-tab-text, .e-tab-wrap {
    color: #ffca6a !important;
}

.e-tab-text {
    font-size: 21px !important;
}

.CardAuth {
   /* width: 15% !important;
    height: 20% !important;*/
}
.marginFiltre {
    margin-left: 72px;
    /*z-index: 100;*/
    position: relative
}

/*btn carrousel*/
.slick-prev, .slick-next {
    border-radius: 85%;
    background: #333 !important;
    width: 45px !important;
    height: 45px !important
}

.slick-next {
    right: 4px !important;
}

.slick-prev {
    left: 4px !important;
}

.popupDetailArticle {
    font-size: 75%;
    display: flex;
    max-height: calc(80% - 1rem);
    max-width: 50%;
    z-index: 102;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 0 1.5rem 1.5rem 1.5rem;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
    height: 80vh;
    width: 54vw;
}

.popupDetailHisto {
    display: flex;
    max-height: calc(80% - 1rem);
    max-width: 50%;
    z-index: 102;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 0 1.5rem 1.5rem 1.5rem;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
    height: 80vh;
    width: 54vw;
    overflow : scroll;
}



.popupQte {
    display: flex;
    max-height: calc(100% - 1rem);
    max-width: 25%;
    z-index: 102;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 1.5rem;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
}

.popupAlerteCmd {
    display: flex;
    max-height: calc(100% - 1rem);
    max-width: 15%;
    z-index: 102;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 1.5rem;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
}


.LineTxt {
    font-weight: 400;
    font-size: 14px;
    font-style: italic
}

.red {
    color: #bb0000;
    font-style: italic
}


.e-hscroll .e-scroll-nav {
    background: #e9ecef;
    display: none;
}

/*SPINNER*/
#SpinnerWait {
    left: 47.5vw;
    top: 50vh;
    position: fixed;
    z-index: 100000000;
}



.SpinnerOut {
    display: none;
}
.ContentOut {
    opacity: 0;
}

.ContentIn {
    transition: opacity 2s ease-in;
    opacity: 1;
}


.loader {
    border-top: 16px solid #1E4562;
    border-right: 16px solid #6BC4EB;
    border-bottom: 16px solid #1E4562;
    border-left: 16px solid #6BC4EB;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/** SPINNER**/
.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ellipsis div {
        position: absolute;
        top: 33px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #999;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 32px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 56px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/**SPINNER**/
/**SPINNER CIRCULAIRE POUR BOUTON**/
.lds-dual-ring {
    display: inline-block;
    width: 1.0416666666666667vw;
    height: 2.1528525296017222vh;
    position: absolute;
}

    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 1.0416666666666667vw;
        height: 2.1528525296017222vh;
        margin: 2px;
        border-radius: 50%;
        border: 3px solid #fff;
        border-color: #fff transparent #fff transparent;
        animation: lds-dual-ring 1.2s linear infinite;
    }
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/*ZOOM LOUPE*/
[data-loupe-wrapper] {
    position: relative;
}

[data-loupe-image] {
    display: block;
    cursor: none;
}

[data-loupe-enlarged-image] {
    width: auto;
    max-width: none;
}

[data-loupe] {
    position: absolute;
    overflow: hidden;
    width: 200px;
    height: 200px;
    border: 8px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 24px 0 rgba(192, 192, 192, 0.5);
    opacity: 0;
    pointer-events: none;
}



/**BLAZORED MODAL */
.blazored-modal-header {
    padding: 0 !important;
}


.blazored-modal-scrollable .blazored-modal-content {
    overflow: initial;
    overflow-y: initial
}

/**RADZEN TABS**/
.rz-tabview-selected {
    border-top-color: var(--CS-color-caramel) !important;
}

.rz-tabview-title {
    color: var(--CS-color-caramel);
}

.rz-tabview-nav li {
    background: #f4f2f2;
}

    .rz-tabview-nav li:hover {
        border-top-color: var(--CS-color-caramel);
    }

.rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
    border-top-color: var(--CS-color-caramel);
}


.rz-tabview-panel {
    height: 63vh;
    overflow-y: scroll;
    overflow-x: hidden;
}



.telechargerLineaire .iconFichierMerch, upload2 .iconFichierMerch {
    width: 1.5vw;
}

.upload .iconFichierMerch {
    width: 2.2vw;
}

.telechargerLineaire .iconFichierMerch, upload2 .iconFichierMerch {
    font-size: 1.5vw;
}

.upload .iconFichierMerch {
    font-size: 2.2vw;
}



.ContainerCardrow .rz-spinner-button{
    display : none !important;
}

/*MERCHANDISING*/
#imageArticle {
    max-height: 58vh;
    margin: auto;
    max-width: 29vw;
}