@import url("/baseB2C.css");

body{
    background-color:#f4f4f4 !important;
}

div.pane-tab-item:hover {
    z-index: 99;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

div.pane-tab-item div.tab-thumbnail {
    border: 0px solid #FFFFFF !important;
}   


div.pane-tab-item div.tab-button {
    margin: 10px !important;
}

div.container div.topMenuComponent div.sectionContainer div.searchSection div.catalogueSearchComponentForm select {
    display: none !important;
}

div.container div.topMenuComponent div.sectionContainer div.searchSection div.catalogueSearchComponentForm input#catalogueSearchComponentSearchField.catalogueSearchComponentSearchField {
    border: 1px solid #dddddd;
    border-radius: 5px 5px 5px 5px !important;
    color: #1C1C1C;
}

.tab-code {
    text-align: center !important;
}

div.pane-tab-item div.tab-code, div.pane-tab-item div.tab-weight, div.pane-tab-item div.tab-packsize {
    display: block !important;
}


#productDetailsCatContainer table.detailsform th, #mediaPostCarto table.detailsform th, #productDetailsCatContainer table.webform th, #kittable table.detailsForm th {
    background-color: #eaeaea;
    font-weight: bold;
    padding: 8px 16px;
    background: transparent;
    padding: 16px;
    padding: 16px;
    text-align: left;
    color: black;
    border: 1px solid #e0e0e0;
    background: transparent;
}


div.container div.topMenuComponent div.sectionContainer div.searchSection div.catalogueSearchComponentForm button#catalogueSearchComponentSearchButton.catalogueSearchComponentSearchButton {
    background: none;
    border-radius: 5px 5px 5px 5px !important;
    border: 1px solid #1C1C1C;
    /*height: 20px;*/
    padding: 6px;
    -moz-transition: all .15s ease-in-out !important;
    -o-transition: all .15s ease-in-out !important;
    -webkit-transition: all .15s ease-in-out !important;
    transition: all .15s ease-in-out !important;
    cursor: pointer;
    margin-right: 50px;
    color: #1C1C1C;
}

div.container div.topMenuComponent div.sectionContainer div.searchSection div.catalogueSearchComponentForm button#catalogueSearchComponentSearchButton.catalogueSearchComponentSearchButton:hover{
     /*background: #ffffff;*/
    color: #707070;
    border: 1px solid #707070;
}

}

videoComponent563 .videoComponentVideo img{
    display: block !important;
    z-index: 90000 !important;
    position: absolute !important;
    margin-left: -8px !important;
    margin-top: 27px !important;
}

#logoParagon {
    display: block !important;
    z-index: 90000 !important;
    position: absolute !important;
    width: 150px;
    padding: 13px;
    left: 27px;
    top: 10px;
}

#logoCP {
    display: block !important;
    z-index: 90000 !important;
    position: absolute !important;
    margin-left: 40px !important;
    /*margin-top: 15px !important;*/
}

div.container div.mainColumn, div#productDetailsCatContainer.container div.mainColumn, div#myDetailsContainer.container div.mainColumn, div#orderHistoryContainer.container .mainColumn {
    width: auto;
    margin: 50px 0px 20px 5px;
}

/*div.container#catalogContainer div.mainColumn {

    margin: 70px 0px 0px 6px;
}*/

div.topMenuComponent div.sectionContainer div.logoSection {
    display: none !important;
}

div.topMenuComponent div.sectionContainer {
    width: auto;
    max-width: 4096px;
    min-width: 900px;
    margin: 0px auto;
    padding: 30px 0px 12px 0px;
    background-color: #ffffff;
    z-index: 100000 !important;
    height: 90px;
    box-shadow: 0px 0px 10px 1px #999999;
}

#videoComponent564 .videoComponentVideo{
    background: #FFFFFF;
}


/*div.container div.topMenuComponent div.sectionContainer div.signInContainer div.myAccountContainer ul li:nth-child(3){
    display: none !important;
}*/

div.container div.topMenuComponent div.sectionContainer div.signInContainer div.myAccountContainer ul li:nth-child(4){
    display: none !important;
}

#orderHistoryContainer #videoComponent563 .videoComponentVideo {
    margin-top: 0px !important;
}

#productDetailsCatContainer table.detailsform tr.row1 td div:nth-child(-n+2) {
    display: block !important;
}

#productdescription h4 {
    display: none !important;
}


.descriptionlink {
       display: none !important;
}

.description {
    text-align: left !important;
}

#productDetailsCatContainer table.detailsform tr.row1, #mediaPostCarto table.detailsform tr.row1, #productDetailsCatContainer table.webform tr.row1, #kittable table.detailsForm tr.row1 {
    background-color: #FFFFFF;
}

div#productDetailsCatContainer div#detailspane {
    width: 45%;
}

#productDetailsCatContainer #imagepaneholder {
    width: 45%;
}

/* New footer */

.footer {
    position: absolute;
    left: 0;
    right: 0;
}

a:hover {
    color: #707070;
    text-decoration: underline;
    cursor: pointer;
}

.footer-distributed{
    background-color: #ffffff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box !IMPORTANT;
    max-width: 4096px;
    text-align: center;
    font: 13px sans-serif; /* storlek på brödtexten */
    padding: 35px 180px;
    margin-top:10px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    /*gap: 15%;*/
    align-items: flex-start;
    justify-content: space-between;
    position: absolute; 
    left: 0; 
    right: 0;
}

#ficheTitre{
    text-transform: uppercase;
    text-align: center;
}
#ficheSousTitre{
    font-size: 0.9em;
    text-transform: uppercase;
    text-align: center;
}

#ficheImg{
    width: 80px;
    margin-top: 20px;
}

#aideImg{
    width: 80px;
}

#helpImg{
    width: 100px;
}


.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
    display: inline-block;
    vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{ 
    color:  #1C1C1C;/* färg på bröd left */
}


.footer-distributed h3{ /* Rubrik left */
    color: #1C1C1C;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 12px;
    font-size: initial;
    display:flex;
}

.footer-distributed h3 span{
    color:  #1C1C1C;
}

.lefty{
    font-size: 13px;
    text-align: left;
    /* font-weight: bold; */
    color: #F4F4F4;
}

/* Footer links */

.footer-distributed .footer-links{
    color:  #92999f;
    margin: 20px 0 12px;
    padding: 0;
}

.footer-distributed .footer-links a{
    display:inline-block;
    line-height: 20px;
    text-decoration: none;
    color:  inherit;
}

.footer-distributed .footer-company-name{
    color:  #8f9296;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}



/* Footer Center */

/*.footer-distributed .footer-center{
   }*/

.footer-distributed .footer-center i{
    background-color:  #33383b;
    color: #b00707;
    font-size: 13px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    margin: 10px 15px;
    vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
    font-size: 17px;
    line-height: 38px;
}

.footer-distributed .footer-center p, .footer-distributed .footer-left p, .footer-distributed .footer-right p { /*brödtext */
    display: inline-block;
    color: #1C1C1C;
    vertical-align: middle;
    line-height: 20px;
    font-size: 13px;
    margin:0;
    text-align:start;/* Borttagen */
}

.footer-distributed .footer-center p span{
    display:block;
    font-weight: normal;
    font-size:14px;
    line-height:2;
}

.footer-distributed .footer-center p a{
    color:  #1C1C1C;
    text-decoration: none;
}


/* Footer Right */

/*.footer-distributed .footer-right{
    width: 29%;
    text-align:center;
}*/

.footer-distributed .footer-company-about{
    line-height: 20px;
    color:  #92999f;
    font-size: 13px;
    font-weight: normal;
    /* margin:0; Borttagen */
}

.footer-distributed .footer-company-about span{
    display: block;
    color:  #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

.footer-distributed .footer-icons{
    margin-top: 25px;
}

.footer-distributed .footer-icons a{
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-color:  #33383b;
    border-radius: 2px;

    font-size: 20px;
    color: #000;
    text-align: center;
    line-height: 35px;

    margin-right: 3px;
    margin-bottom: 5px;
}

.wp-cl-iframe {
    height:600px;
}



/* If you don't want the footer to be responsive, remove these media queries */


@media (max-width: 960px), (max-device-width: 960px) {

    div.container div.topMenuComponent.shrunk {
        top: -60px;
    }
    div.container div.topMenuComponent div.sectionContainer {
        height: 91px;
        padding: 20px 20px 11px 0px;
    }

    /* -adjusting search box */
    div.searchSection {
        margin-right: 250px !important;
    }

    div.container div.topMenuComponent div.sectionContainer div.searchSection div.catalogueSearchComponentForm input#catalogueSearchComponentSearchField.catalogueSearchComponentSearchField {
        border: 1px solid #dddddd;
        padding: 4px;
        width: 260px;
        font-size: 16px;
        margin: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-left: 0px;
    }

    div.container div.topMenuComponent div.sectionContainer div.searchSection {
        padding: 0px 0px 0px 0px;
        text-align: left;
        position: relative;
        left: 100px;
        top: 2px;
        margin-left: 0px;
    }
    
    div.container div.topMenuComponent div.sectionContainer div.signInContainer {
        position: absolute;
        right: 10px;
        white-space: nowrap;
        margin-top: -26px;
        margin-right: 30px !important;
    }

    div.topMenuComponent div.sectionContainer div.logoSection {
    height: 48%;
    background-size: 100%;
    max-width: 300px;
    }
    
    /*MS Changes Correcting Customer artwork screen preview and option section*/
    div#pdfUploadContainer div#imagepaneholder {
        height: 400px; margin : 0px;
    }
    div#pdfUploadContainer div.productionInformationPane {
        overflow : hidden;
    }
    
 

    
}

@media (max-width: 880px) {

    .footer-distributed{
        font: bold 14px sans-serif;
    }

    .footer-distributed .footer-left,
    .footer-distributed .footer-center,
    .footer-distributed .footer-right{
        display: block;
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }

    .footer-distributed .footer-center i{
        margin-left: 0;
    }

}

#orderHistoryContainer .videoComponentVideo {
    width: 100%;
    margin-top: 0px;
}

/*MS - Start - Changes for highlighting the images in Featured component */
div.featuredproduct:hover {
    z-index: 99;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    
}
/*MS - End - Changes for highlighting the images in Featured component */

.featuredProductsComponent .featuredproduct {
    flex-grow: 0;
}

.featuredProductsComponent h4 {
    display: block !important;
    width: inherit !important;
    border-bottom: 1px solid #e0e0e0 !important;
    font-size: 24px !important;
    font-weight: Lighter !important;
    text-align: left !important;
}

.featuredProductsComponent .featuredproduct {
    margin: 20px 0px 40px 20px;
}

.featuredproductlink {
    margin-bottom: 10px;
}

div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer div.allCatContainer a {
    font-size: 13px;
    background-position-y: 1px !important;
}

@media (max-width: 1920px), (max-device-width: 1920) {
 div.topMenucategoryMenuComponent ul li.menuItemDepth1 > a {
    font-size: 11px;
    font-weight: bold;
    background-position-y: 16px !important;
    }
}

@media (max-width: 1500px), (max-device-width: 1500px) {
 div.topMenucategoryMenuComponent ul li.menuItemDepth1 > a {
    font-size: 12px;
    background-position-y: 16px !important;
    }
}

@media (max-width: 1500px), (max-device-width: 1500px) {
 div.topMenucategoryMenuComponent ul li.menuItemDepth1 > a {
    font-size: 12px;
    background-position-y: 16px !important;
    }
}

@media (max-width: 1366px), (max-device-width: 1366px) {
 div.topMenucategoryMenuComponent ul li.menuItemDepth1 > a {
    font-size: 11px;
    background-position-y: 15px !important;
    }
}

@media (max-width: 1350px), (max-device-width: 1350px) {
 div.topMenucategoryMenuComponent ul li.menuItemDepth1 > a {
    font-size: 10px;
    background-position-y: 15px !important;
    }
}

@media (max-width: 1280px), (max-device-width: 1280px) {
 div.topMenucategoryMenuComponent ul li.menuItemDepth1 > a {
    font-size: 9px;
    background-position-y: 14px !important;
    }
}

@media (max-width: 1200px), (max-device-width: 1200px) {
 div.topMenucategoryMenuComponent ul li.menuItemDepth1 > a {
    font-size: 8px;
    ackground-position-y: 13px !important;
    }
}

@media (max-width: 1024px), (max-device-width: 1024px) {
    
    div.container div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer div.allCatContainer {
    width: 40px;
    overflow: hidden;}
    
    
     div.container div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer div.allCatContainer > a {
    
        background-position: 15px center;
        display: block;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
        width: 40px;
    
    }
    
    #logoParagon {
    display: none !important;
    }
    .featuredProductsComponent {
    margin: 0px 0px;
    width: 100%;
    }
}

.addtobasketbutton2
{
    clear: both;
    margin: 0px;
    color: #fff;
    font-size: 14px;
    background-image: none;
    border: 1px solid #eaeaea;
    font-weight: bold;
    width: 175px;
    height: 3em;
    padding: 0.25em 0px;
    background-color: #999999;
    border-radius: 1em;
}

/*
div.pane-tab-item div.tab-button input.button {
    font-size: 14px;
    display: inline-block;
    margin: 0px;
    background: #000;
    width: 70px;
    height: 40px;
    position: relative;
    -webkit-border-radius: 40px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius: 40px;
    -moz-border-radius-bottomright: 8px;
    border-radius: 40px 40px 8px;
}

div.pane-tab-item div.tab-button input.orderhistorybutton {
    display: block;
    font-size: 14px;
    display: inline-block;
    margin: 0px;
    background: #000;
    width: 70px;
    height: 40px;
    position: relative;
    -webkit-border-radius: 40px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius: 40px;
    -moz-border-radius-bottomright: 8px;
    border-radius: 40px 40px 8px;
    border: 1px solid #eaeaea;
    color: white;
    font-weight: bold;
}
*/

.basketQuickView{
 display: none !important;
}


#basketContainer .processbarnew {
    display: block !important;
    background: none;
    width: 860px;
    height: 65px;
}

#checkoutContainer .processbarnew {
    display: flex;
    background: none;
    width: 859px;
    height: 65px;
}

#orderConfirmContainer .processbarnew {
    display: flex !important;
    background: none;
    width: 860px;
    height: 65px;
}

#checkoutContainer .mainColumnSection1 div {
    clear: both;
    margin-top: auto !important;
}

#checkoutContainer .maincolumn, #checkoutContainer .maincolumnsection1, #basketContainer .maincolumnsection2, #basketContainer .maincolumnsection3 {
    width: auto;
    background-color: white;
    overflow: visible;
}

#orderConfirmContainer .mainColumn .mainColumnSection1 h2 {
    display: none !important;
}

.processbarnew .current {
    color: white !important;
    background-color: #000 !important;
    border: 0px none;
}

.processbarnew .section1, .processbarnew .section2, .processbarnew .section3 {
    padding: 14px;
    font-size: 16px;
    background-color: ededed;
    color: #F7F7F7;
    text-transform: uppercase;
    flex: 1;
    flex-grow: 1;
    flex-grow: 1;
    width: 100%;
    max-width: 260px;
    white-space: nowrap;
    position: relative;
    background: #f3f3f3;
    text-indent: 0;
    width: 260px !important;
    /*border-radius: 50px 50px 50px 50px;*/
}

div#checkoutContainer div#DeliveryAddress_details, div#InvoiceAddress_details {
    padding-left : 30%;
}

div#checkoutContainer div#DeliveryAddress_details span, div#InvoiceAddress_details span {
    padding-left : 10px;
}
div#checkoutContainer div.leftColumn {
    position : absolute;
    float : none;
    width : 120px;
    height : 10px;
    right: 300px;
    /*bottom: 20px;*/
}
div#checkoutContainer.container div.leftColumn div.leftColumnSection1 {
    position : relative;
}
div#checkoutContainer.container div.leftColumn div.leftColumnSection1, div.leftColumnSection1 div#payBySection {
    display : block;
    width: 330px;
    text-align: left;
    position: static;
}
div#checkoutContainer  #adjouterButton {
    display : block;
    position : absolute;
    top : 0px; 
    left : 0px;
}
div#checkoutContainer  #completeOrderButton {
    position : absolute;
    top : 0px;
    left: 180px;
    max-width: 200px;
    width: 200px;
    background-color: #000;
}

div#checkoutContainer #completeOrderButtonCreditCard {
    position: absolute;
    top: 0px;
    left: 180px;
    max-width: 200px;
    width: 200px;
    background-color: #000;
}
 
#termsAndConditionsLink a {
    display: inline;
}

#checkoutContainer #DeliveryAddress_details, #checkoutContainer #InvoiceAddress_details {
    padding-left: 30%;
}

/*#productdetails_packprice {
 font-size: 0px !important;
}*/

div#productDetailsCatContainer.b2cContainer div#productDetailsSection div.basePrice.hasInfo {
    position: relative;
    top: -3px;
}

.specialInstructionsRow{
    display: none;
}

.deliveryInstructionsRow{
    display: none;
}

/*
div.pane-tab-item div.tab-thumbnail a {
    pointer-events: none;
    cursor: default;
}
*/

#orderConfirmContainer #orderConfirmTable {
    width: 500px !important;
    margin-left: auto;
    margin-right: auto;
}

#orderconfirmtable label {
    color: #000000;
    text-align: left;
    font-size: 11pt;
}

#orderConfirmContainer .printOrderLink {
    margin: 1em 0em 0em 2em;
        margin-right: 0em;
        margin-left: 2em;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
}

div.container div.leftColumn div#ErrorLayer {
    position: fixed;
    top: 140px;
    left: 100px;
    z-index:100000;
}


body, div, td, b, a, a:link, a:visited, th, span, input, textarea, button {
    font-family: 'Raleway', Helvetica, Arial, Verdana, Helvetica, sans-serif;
    /*font-family: "Helvetica Neue",Arial, Verdana, Helvetica, sans-serif;*/
}

/*
body, div, td, b, a, a:link, a:visited, th, span, input, textarea, button {
    font-family: "Helvetica Neue",Arial, Verdana, Helvetica, sans-serif;
}
*/

div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer div.allCatContainer 
div.topMenucategoryTreeComponent li.nodeDepth2 {
    flex: none;
    }
    
.mydetailsform #mydetailsformpart1, .mydetailsform #mydetailsformpart2, .mydetailsform #myDetailsFormPart3 {
    background-color: #FFFFFF;
}

#customDataContainer .customdataform tr.row1 {
    background-color: #FFFFFF;
}

table.customdataform tr td input, table.customdataform tr td textarea, table.customdataform tr td select {
    
    border: 1px solid #dadada !important;
        border-top-width: 1px !important;
        border-top-style: solid !important;
        border-top-color: rgb(218, 218, 218) !important;
    border-top: 0px none !important;
    padding: 2px !important;
    background-color: white !important;
    line-height: 120% !important;
}

table.customdataform tr td.label {
    width: 200px !important;
}

#customDataContainer .customdataform {
    width: 700px !important;
}

.pageTitle {
    color: #000000 !important;
}

div.pane-tab-item div.tab-title {
    padding-bottom: 10px;
    padding-top: 10px;
}

div.pane-tab-item div.tab-button input.button {
    font-size: 0px !important;
    display: inline-block;
    margin: 0px;
    width: 60px;
    height: 60px;
    position: static;
    top: initial;
    bottom: 0px;
    padding: 0px;
    right: 1px;
    -webkit-border-radius: 40px !importantinherit;
    -webkit-border-bottom-right-radius: 8px !important;
    -moz-border-radius: 40px;
    -moz-border-radius-bottomright: 8px;
    border-radius: 40px 40px 8px !important;
    -moz-transition: all .15s ease-in-out !important;
    -o-transition: all .15s ease-in-out !important;
    -webkit-transition: all .15s ease-in-out !important;
    transition: all .15s ease-in-out !important;
    font-family: "Bebas Neue Regular",Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    pointer-events: initial;
    background: url(custom/contract2340/cart.svg) #fff 0px no-repeat;
    background-position-y: center;
    background-size: auto auto;
}

div.pane-tab-item div.tab-button input.button:hover {
    background-color:  #707070 ;
    text-decoration: none;
}


#productDetailsCatContainer label {
    font-weight: normal;
}

div#productDetailsCatContainer.b2cContainer div#externalEngineSection div#customdetails table.webform tr td.dataCol {
    width: 55%;
}

div#productDetailsCatContainer.b2cContainer div#externalEngineSection div#customdetails table.webform tr td.labelCol {
    width: 40%;
}

div#productDetailsCatContainer.b2cContainer div#masterPane div#detailspane div.totalPriceSection label {
    width: 200px;
}

div#productDetailsCatContainer.b2cContainer div#masterPane div#productDetailsSection div.detailsRow.description {
    line-height: 20px;
}

div.container div.PageTitle {
    text-transform: none;
}

.pageTitle {
    text-transform: none;
}


#adjouterButton {
    width: 170px !important;
    max-width: 170px;
}

.pagenumcurrent {
    background: #000;
}

div#orderDetailsContainer div.mainColumnSection1 {
    border: 0px solid #dddddd;
}

div#productDetailsCatContainer.b2cContainer div#masterPane div#productDetailsSection div.detailsRow label {
    width: 180px;
}

div.moduleContainer div.moduleElement label {
    width: 180px;
}

div.topMenucategoryMenuComponent ul li, div.topMenucategoryMenuComponent ul li a {
    text-transform: none;
}

div#myDetailsContainer.container div.mainColumn input.textInput, div#myDetailsContainer.container div.mainColumn select.dropDownInput {
    padding: 0px;
}

.mydetailsForm label {
    padding-top: 0px;
}



div#orderDetailsContainer div.mainColumnSection1 {
    width: auto !important;
}

div#orderDetailsContainer div.content {
    width: auto;
    margin: 0px auto;
}

.pane-tab-item .tab-title {
    margin: 0 120px px;
    height: 45px;
    max-height: 45px;
    color: #070707;
    font-weight: bold;
}

.pane-tab-item .tab-packsize label, .pane-tab-item .tab-price label, .pane-tab-item .tab-weight label, .pane-tab-item .tab-code label {
    font-weight: normal;
}

.pane-tab-item .tab-packsize label, .pane-tab-item .tab-price label, .pane-tab-item .tab-weight label, .pane-tab-item .tab-code label {
    font-weight: normal;
}

div.pane-tab-item div.tab-code, div.pane-tab-item div.tab-weight, div.pane-tab-item div.tab-packsize, .pane-tab-item .tab-price {
    font-weight: bold;
}

label[for=MarketingOptIn]
{
    display: none;
}

input[name=MarketingOptIn] {
    display: none;
}

#myDetailsFormPart2{
    display: none;
}

div#productDetailsCatContainer.b2cContainer div#masterPane {
    min-height: 600px;
}

.editActionCol a {
    background: url("custom/contract2340/ico_maint.svg") no-repeat;
    width: 16px;
    height: 16px;
}

.viewActionCol a {
    background: url("custom/contract2340/ico_search.svg") no-repeat;
    width: 16px;
    height: 16px;
}

div.topMenuComponent div.sectionContainer div.basketSection div.basketSummary {
    width: 50px;
    margin-left: -20px;
}

a.basketItemDelete {
    background: url("custom/contract2340/error_icon.svg") no-repeat;
    width: 16px;
    height: 16px;
}

.basketItemDelete a {
    background: url("custom/contract2340/error_icon.svg") no-repeat !important;
    width: 16px;
    height: 16px;
}

div#basketContainer.container table#basketTable tr th.viewActionHead, div#basketContainer.container table#basketTable tr td.viewActionCol {
    display: table-cell;
}

#checkoutContainer #DeliveryAddress_adhoc label {
    width: 30%;
}

#checkoutContainer #DeliveryAddress_adhoc {
    margin-left: 0px;
}

#checkoutContainer .mainColumnSection1 div {
    padding-top: 5px;
}

a.pricebreakslinksmall input {
    background: #FFFFFF url("custom/contract2340/tarif_euro16.svg") no-repeat 5px 50%;
    text-indent: 400px;
}

a.pricebreakslinksmall input {
    /*padding: 1px 4px 5px 4px;*/
    padding: 0px 0px 1px 0px;
    width: 24px;
    border: #FFFFFF 0px solid;
    color: #FFFFFF;
}

a.pricebreakslinksmall {
    float: none;
    margin-top: 0px;
    display: contents;
}

button.hasImagePicker {
    width: 150px;
}    

#imageEditorApp .viewPortImage {
    text-align: center;
}

#imageEditorPaneSelector .sourceLibrary button#librarySearchComplete, #imageEditorApp button#completeButton {
    padding: 0.25em 25px;
}

div#basketContainer.container table#basketTable tr th.actionHead, div#basketContainer.container table#basketTable tr td.actionCol {
    display: none;
}

#loginPageContainer .leftColumn {
    background-color: #000000;
}

#loginPageContainer .mainColumn {
    padding: 0px;
    margin: 0px;
    padding-left: 0px;
}

#loginPageContainer .pageTitle {
    display: none;
}

#loginPageContainer .content {
    height: 500px;
}

#imagelog {
    height: 500px;
}

#loginPageContainer .leftColumn {
    margin: 0px;
    height: 500px;
    padding: 0px;
}

#loginPageContainer{
    background: url(custom/contract2340/background-uk.jpg) no-repeat 0 0 !important;
    width: 100% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    /*background-position: left center !important;*/
    height: 100% !important;
}

.logo1{
    display:none;
}

body.index {
    padding: 0px 0px 0px 0px !important;
}

#loginPageContainer .leftColumn {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%); /* decalage de 50% de sa propre taille */
    border-radius: 5px  !important;
    padding: 10px !important;
    text-align: center !important;
    /*box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.19) !important;*/
    /*background-color: rgba(255, 255, 255, 0.40) !important;*/
    background-color: transparent;
    overflow: hidden !important;
    margin: 0 auto !important;
    width: 400px !important;
    padding: 25px !important;
    height: 330px!important;
    /*text-shadow: 0 0 20px #000000;*/
}

#loginPageContainer .content {
    /*height: 330px;*/
    width: 100% !important;
    background-color: transparent;
}

#loginPageContainer .mainColumn {
display: none;
}

#loginPageContainer .header {
    background-color: transparent !important;
    /*height: 80px;*/
    border-bottom: 0px;
    width: 100%;
    height: 320px;
}

#loginpagecontainer .button{  
    color: white;
    background: none;
    height: 40px;
    width: 378px !important;
    border: none !important;
    border-radius: 3px !important;
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
    font-weight: bold !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: 0.2s ease !important;
    color: #fff;
    padding: 10px;
}

#loginPageContainer .leftColumnSection1 div input {
    width: 378px !important;
    border: 1px solid gray !important;
    padding: 10px !important;
    /*color: #000 !important;*/
    font-family: 'Comfortaa', Helvetica, Arial, Verdana, Helvetica, sans-serif !important;
    letter-spacing: 4px !important;
    max-width: 100% !important;
    border-radius: 0px 0px 3px 3px;
    text-align: center;
}

#loginPageContainer .leftColumnSection1 div label {
    font-weight: bold;
    letter-spacing: 5px;
    padding: 5px 10px 5px 10px !important;
    background-color: #000000;
    border-radius: 3px 3px 0px 0px;
    font-family: 'Raleway', sans-serif;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    text-align: center !important;
    width: 380px !important;
}

#loginPageContainer div#adminIndexMessage p {
    text-indent: 0px !important;
    padding-top: 0px !important;
}


#loginPageContainer .mainColumn, #loginPageContainer .mainColumnSection1, .pageTitle{
    display:block;
    /*position: absolute;
    bottom: 5%;*/
    font-size: 1em;
    text-align: center;
    width: 100%;
}

#loginPageContainer .pageBody, .mainColumnSection2, .mainColumnSection3{
    display: none !important;
}

#loginPageContainer .pageTitle {
    font-family: 'Raleway', sans-serif !important;
    font-size: 2.0em !important;
    color: #000000 !important;
    position: absolute !important;
    display:block !important;
    left: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    margin-top: -160px;
    display:none !important;
}

#loginPageContainer .message {
    color: #000000;
}

#loginPageContainer .leftColumnSection1 {
    margin: 0em 0em 0em 0em !important;
}

#loginPageContainer .leftColumn a {
    color: black !important;
	display: none;
}

#loginPageContainer #registrationbutton {

    font-family: 'Raleway', Sans-serif !important;
    font-size: 1.8em !important;
    color: #fff !important;
    position: absolute !important;
    display: block !important;
    left: 50%;
    top: 50%;
    margin-top: -125px;
    transform: translate(-50%, -50%);
}

div.pane-tab-item div.tab-button input.orderhistorybutton {
    display: block !important;
    background: none;
    width: 100px;
    height: 32px;
    display: block;
    margin: 15px 10px auto;
    position: static;
    top: auto;
    left: auto;
    border-radius: 20px !important;
    font-size: 12px !important;
    border: 1px solid #eaeaea;
    font-weight: bold;
    padding: 0.25em 0px;
    color: #000 !important;
    float: left;
    cursor: pointer;
}

#customisecontainer, #historycontainer, #panecontainer {
    width: 100% !important;
    height: 100% !important;
}

#pageFlexOrderHistoryTable .orderRefHead:first-child  {
    display: none !important;
}

#pageFlexOrderHistoryTable th:nth-child(0n+2) {
    display: none !important;
}

#pageFlexOrderHistoryTable .orderRefCol {
    display: none !important;
}

#pageFlexOrderHistoryTable th {
    padding: 0em;
    height: 15px;
    padding: 16px;

text-align: left !important;
color: black !important;
border: 1px solid #e0e0e0!important;
background: transparent!important;
}

#historydetails {
    overflow: hidden !important;
}

#innerhistorycontainer .formpane, #innerpanecontainer .formpane {
    height: 500px !important;
}


#pageFlexOrderHistoryTable {
    height: 480px;
    overflow-y: auto !important;
}

#searchdetails {
    background-color: #FFFFFF !important;
    margin-right: 20px !important;
}

#customdetails .row1, #historydetails .row1, #quantitydetails .row1 {
    background-color: #FFFFFF !important;
}


#pageFlexOrderHistoryTable td {
    padding: 16px;
    text-align: left !important;
    color: black !important;
    border: 1px solid #e0e0e0 !important;
    background: transparent !important;
}

#innercontainer .topheader, #innerhistorycontainer .topheader, #innerpanecontainer .topheader {
    /*width: 98%;*/
    margin-left: 20px !important;
    margin-right: 20px !important;
}

#innercontainer .topheader, #innerhistorycontainer .topheader, #innerpanecontainer .topheader {
    background-color: #FFFFFF !important;
    background-image: none !important;
}

#innercontainer, #innerhistorycontainer {
    z-index: 100 !important;
    border-radius: 1em !important;
}

#searchdetails .button {
    height: 2em; !important;
}

div.topMenucategoryMenuComponent ul li.menuItemDepth1 ul {
    box-shadow: 3px 3px 3px -2px #b3b3b3;
}

div.container#catalogContainer div.mainColumn div.pane-tab {
    justify-content: center;
    margin: 0px;
        margin-right: 0px;
        margin-left: 0px;
    width: 100%;
    background-color: #f4F4F4;
    border-radius: 0px;
    border-bottom: 1px solid;
    border-top: 1px solid;
    /*padding-top: 50px;
    margin-left: -50%;
    padding-left: 50%;
    margin-right: -50%;
    padding-right: 50%;*/

}

div.pane-tab-item {

    border: none;
    width: 225px;
    float: none;
    background: #FFFFFF;
    text-align: left;
    -webkit-border-radius: 0 30px;
    border-radius: 0 30px;
    max-width: 225px;
    position: relative;
    min-height: 350px;
    margin: 10px 15px 20px;
    -moz-box-shadow: 1px 1px 4px #dcdcdc;
    -webkit-box-shadow: 1px 1px 4px #dcdcdc;
    box-shadow: 1px 1px 4px #dcdcdc;

}

div.topMenucategoryMenuComponent ul li.menuItemDepth1.toplink > a {
    /*font-family: 'Raleway' ,"Helvetica Neue",Arial, Verdana, Helvetica, sans-serif;
    /*font-size: large;*/
    /*background: url(custom/contract2340/rarrowbr.svg) no-repeat right;
    background-size: 11px;
    padding: 15px 15px 14px 0px;
    background-position-y: 16px;*/
    cursor: pointer;
}

/*div.topMenucategoryMenuComponent ul li.menuItemDepth1.toplink>a:hover {
background: url(custom/contract2340/darrowbr.svg) no-repeat right;
    background-size: 12px;
    background-position-y: 18px;
    transition: 0.1s;
}*/

div.topMenucategoryMenuComponent ul li.menuItemDepth2 a {
    padding: 8px;
    display: block;
    width: 180px;
    font-family: 'Raleway',  "Helvetica Neue", Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px !important;
    text-transform: initial;
    cursor: pointer;
}

div.topMenucategoryMenuComponent ul li.menuItemDepth2 a:hover {
    background-image: none;
    text-decoration: none;
    color: #1C1C1C;
    background-color: #F4F4F4;
}

div.pane-tab-item {
    text-align: center;
}
div.pane-tab-item div.tab-code{
    font-weight: normal;
    font-size: 8px !important;
}

#pdfButton{
    color: white !important;
}

div#productDetailsCatContainer.b2cContainer div.formfooter button.previewButton {
    background-color: #5f5F5F;
}

div#basketContainer .leftColumn .leftColumnSection1 input#adjouterButton {
    display: none;
}

/*div#pdfUploadContainer div.content, div#pdfUploadContainer div.mainColumn div.mainColumnSection1 {
    margin: 100px 5px !important;
}*/

.ui-datepicker .ui-datepicker-header {
   background: #CC0000 !important;
}

::after, ::before {
    -webkit-box-sizing: unset !important;
    -moz-box-sizing: unset !important;
    box-sizing: unset !important;
}

* {
    -webkit-box-sizing: unset !important;
    -moz-box-sizing: unset !important;
    box-sizing: unset !important;
}

#campaignContainer div.topMenuComponent div.sectionContainer {
    height: 88px !important;
}

#campaignContainer .mainColumnSection1 {
    padding-top: 15px !important;
}

#totalSection label { font-size: 0; }
#totalSection label:before { content: "Prix total"; font-size: 12px; }

.instructions {

    background: #F6F6F6 url('/images/base_new/icon_info.svg') no-repeat 10px 50% !important;
    color: #000 !important;
    border-radius: 6px !important;
}
/*
div#productDetailsCatContainer.b2cContainer div.moduleContainer div.moduleElement label {
    font-weight: bold;
    background: url(custom/contract2340/rarrowbr.svg) no-repeat left;
    background-size: 10px;
    padding-left: 15px;
}*/

#module_Quantity label {
    font-weight: bold !important;
    background: url(custom/contract2340/rarrowbr.svg) no-repeat left;
    background-size: 10px;
    padding-left: 15px !important;
}

.processbarnew {
    margin-left: auto;
    margin-right: auto;
}

.processbarnew .section1, .processbarnew .section2, .processbarnew .section3 {
    margin: 0px !important;
    padding: 12px;
}

.processbarnew .section1 {
    background: url(custom/contract2340/breadcrumb_grey_red.svg) #1C1C1C no-repeat right !important;
    padding-top: 12px !important;
}

.processbarnew .section2 {
    background: url(custom/contract2340/breadcrumb_grey.svg) #1C1C1C no-repeat right !important;
    padding-top: 12px !important;
}

.processbarnew .section3 {
    background: url(custom/contract2340/breadcrumb_grey_trans.svg) #1C1C1C no-repeat right !important;
    padding-top: 12px !important;
}

.processbarnew .section1.current {
    background: url(custom/contract2340/breadcrumb_red.svg) #707070 no-repeat right !important;
    padding-top: 12px !important;
}

.processbarnew .section2.current {
    background: url(custom/contract2340/breadcrumb_red.svg) #707070 no-repeat right !important;
    padding-top: 12px !important;
}

.processbarnew .section3.current {
    background: url(custom/contract2340/breadcrumb_red_trans.svg) #707070 no-repeat right !important;
    padding-top: 12px !important;
}

#orderConfirmContainer .processbarnew {
    height: 44px;
}

#orderConfirmContainer .processbarnew .section1 {
    background: url(custom/contract2340/breadcrumb_grey.svg) #1C1C1C no-repeat right !important;
    padding-top: 13px !important;
}

#orderConfirmContainer .processbarnew .section2 {
    background: url(custom/contract2340/breadcrumb_grey_red.svg) #1C1C1C no-repeat right !important;
    padding-top: 13px !important;
}

#orderConfirmContainer .processbarnew .section3.current {
    background: url(custom/contract2340/breadcrumb_red_trans.svg) #707070 no-repeat right !important;
    padding-top: 13px !important;
}

#orderConfirmText {
    background: #FFFFFF url('custom/contract2340/information.svg') no-repeat 10px 50%;
    background-size: 20px;
    color: #000000;
}

#orderConfirmContainer #orderConfirmText {
    margin-left: 0%;
}

div#errormessage {
    background: #ffffff url('custom/contract2340/Attention.svg') 10px 50% no-repeat !important;
    background-size: 25px!important;;
    color: #000 !important;
    background-position-y: 10px !important;
}

.instructions {
    background: #FFFFFF url('custom/contract2340/information.svg') no-repeat 10px 50% !important;
    background-size: 20px !important;
    color: #000000 !important;
    padding-left: 40px !important;
}

div.container div.leftColumn div#ErrorLayer {
    background: transparent url('custom/contract2340/Attention.svg') 10px 50% no-repeat !important;
        background-position-y: 50%;
        background-size: auto auto;
    background-size: 35px !important;
    color: #000 !important;
    background-position-y: 2px !important;
    background-color: transparent;
    
    z-index:1;
    height: auto !important;
    background-position: center left !important;
    background-color: rgba(255, 255, 255, 0.7) !important;*/
}

div#productDetailsCatContainer.b2cContainer div#masterPane div#productDetailsSection div.detailsRow.description font {
    color: black !important;
    font-weight: bold;
}

#productDetailsCatContainer label {
    font-size: 12px !important;
}

#orderconfirmtable label {
    width: 250px;
}

div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer div.allCatContainer {
    width: 180px;
}

div#pdfUploadContainer form.dragAndDrop div#fileuploadinput::before, div.artworkUploadComponent form.dragAndDrop div#fileuploadinput::before {
    background-image: url('custom/contract2340/Upload.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: center;
    background-position-y: center;
    content: " ";
    width: 150px;
    height: 150px;
    top: -30px;
    right: 34px;
    display: block;
    position: absolute;
    opacity: 0.2;
    background-size: 150px;
}

div#pdfUploadContainer form.dragAndDrop div#fileuploadinput::before
{
   top: -8px;
}

div.artworkUploadComponent div#fileuploadinput {
    border: 0px none;
    position: absolute;
    /*top: 50px;*/
    right: 0px;
    /*width: 300px;*/
}

div.artworkUploadComponent {
    width: 350px;
}

div.artworkUploadComponent div.details div.text {
    position: absolute;
}

div.paymentOptionContainer div.actionContainer div.instructions {
    padding-left: 60px;
}

div.artworkUploadComponent div.details div.text {
    display: none
;}

div#mainColumnSection1ComponentBottom {
    text-align: justify;
    padding: 0px 20px;
}

.htmlComponentHtml a {
    text-decoration: underline;
}

div.artworkUploadComponent h4, div.container div#mainColumnSection1ComponentTop div.artworkUploadComponent h4 {
    position: absolute;
    z-index: 10;
}

div.artworkUploadComponent div.fileInputRow {
    left: 20px;
    top: 110px;
}

div.artworkUploadComponent h4, div.container div#mainColumnSection1ComponentTop div.artworkUploadComponent h4 {
    padding: 0px 0px;
    font-size: 18px;
    margin-left: 40px;
}

div.artworkUploadComponent {
    width: 200px;
    height: 200px;
    margin: 10px auto;
    border-radius: 10px 10px 10px 10px;
    background-color: #f1f0f0;
}

#fileuploadinput .submitButton {
    font-size: 0;
}

div.container div#mainColumnSection1ComponentTop h4.custom, div.container div#mainColumnSection1ComponentTop h5.custom, div.container div.categoryComponentContainer h4.custom, div.container div.categoryComponentContainer h5.custom {
    display: block;
    margin: 5px 0px 0px 12px;
}

div .categorySection{
    /*background-color: #FFFFFF;*/
    margin-right: 0px;
    padding-right: 50px
}

/*
#sliderConfigurableComponent2791{
width: calc(100% - 350px) !important;
}

#homeContainer #mainColumnSection1ComponentBottom
{
   display: inline-flex;
}*/

.responsivebannerMMimage img {
    min-height: 250px;
    object-fit: cover;
}

.responsivebannerMM {
    display: flex;
    margin: 13px 0;
    overflow: hidden;
}

.responsivebannerMMimage {
    flex: 1;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    max-height:220px;
}

.responsivebannerMMtext {
    flex: 1;
    margin: -25px 20px;
    max-height: 275px;
    overflow-y: auto;
    font-size: 0.75em;
}

.responsivebannerMMtext h2 {
    font-size: 24px;
    margin: 20px 0px 5px 0px;
    font-weight: normal;
}

.form-control {
    width: 90% !important;
}


.row {
    margin-right: 100px;
    margin-left: 100px;
}


#campaignContainer #orderInfos {
   display: flex;
}

#campaignContainer #toAgeDiv {
    text-align: center;
}

#homeContainer .datatable {
    margin-bottom: 25px;
}

#homeContainer .pageTitle {
    padding-top: 0px;
}

div#orderDetailsContainer div#orderDetailsPart4 div#deliveryAddressSection, div#orderDetailsContainer div#orderDetailsPart3 div#invoiceAddressSection {
    top: 10px;
}

#orderDetailsContainer div#orderDetailsPart2 div {
    margin-top: 15px;
}

#InvoiceAddressRow {
    margin-bottom: 0px;
}

div#basketContainer.container table#basketTable tr th, div#basketContainer.container table#basketTable tr td, table.datatable tr th, table.datatable tr td {
    padding: 16px !important;
    text-align: center;
    border: 1px solid #e0e0e0 !important;
}

#orderLineCount {
    color: #000000;
}

#DeliveryAddressRow label {
    background: url('/custom/contract2340/delivery.svg') no-repeat;
    background-position-x: calc(100% + -105px);
    height: 25px;
    background-size: 35px;
}

#InvoiceAddressRow label {
    background: url('/custom/contract2340/invoice.svg') no-repeat;
    background-position-x: calc(100% + -105px);
    height: 25px;
    background-size: 35px;
}

#checkoutContainer #orderTotalsAmounts {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

div.topMenuComponent div.sectionContainer div.basketSection {
    float: right;
    width: 41px;
    height: 22px;
    padding: 10px 10px 10px 30px;
    background-position: -12px 3px;
    position: relative;
    top: -38px;
    margin: 0px 20px 0px 0px;
    text-align: right;
    background-image: url(/custom/contract2340/icon-cartempty.svg);
    background-size: 55px;
    background-repeat: no-repeat;
    z-index: 1000;
    background-color: transparent;
    color: #1C1C1C;
    border-left: 5px;
}

div.topMenucategoryMenuComponent ul li.menuItemDepth1 > a{
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

/*div.topMenucategoryMenuComponent ul li.menuItemDepth1 > a:hover{
    color: #707070;
    font-weight: bold;
}*/

div.topMenucategoryMenuComponent > ul {
        justify-content:  space-between;
}

div.topMenuComponent div.sectionContainer div.basketSection.basketFull {
    background-image: url(/custom/contract2340/icon-cartfull.svg);
    background-size: 30px;
    background-position-x: 10px;

}

a.basketItemDelete {
    background: url("custom/contract2340/icon-delete.svg") no-repeat 45% !important;
    height: 55px !important;
    width: 100% !important;
    background-size: 30px !important;
    margin: auto;
}

.editActionCol a {
    background: url("custom/contract2340/icon-edit.svg") no-repeat 45% !important;
    height: 55px !important;
    width: 100% !important;
    background-size: 30px !important;
    margin: auto;
}

.viewActionCol a {
    background: url("custom/contract2340/icon-loupe.svg") no-repeat 45% !important;
    height: 35px !important;
    width: 100% !important;
    background-size: 30px !important;
    margin: auto;
}

div#artworkUploadComponentSuggestions div.suggestion div.title {
    margin: 12px auto 12px 188px !important;
    font-size: 20px !important;
}

div#artworkUploadComponentSuggestions div.suggestion div.buttonHolder button {
    margin: 10px 5px;
}

div#productDetailsCatContainer.chili div.orderTools label {
    width: 170px !important;
}

::after, ::before {

    -webkit-box-sizing: unset !important;
    -moz-box-sizing: unset !important;
    box-sizing: unset !important;

}
??ent {

}

div#productDetailsCatContainer.chili div.orderTools label {
    width: 170px !important;
    float: left;
    padding-bottom: 10px;
}

div#productDetailsCatContainer.chili div.orderTools div.priceField {
    position: relative;
    float: left;
}

div#productDetailsCatContainer.chili div.hasinfo {
    float: right;
    padding-right: 30px;
    margin: 4px 0px 0px 0px;
}

div#productDetailsCatContainer.chili div.orderTools button.chiliOrderTool {
    width: 110px;    
}    

div#orderDetailsContainer span#invoiceaddress, div#orderDetailsContainer span#deliveryaddress {
    display: inline;
}

#orderDetailsContainer div#orderDetailsPart2 {
    display: flex;
}

div#orderDetailsContainer div#orderDetailsPart2 label[for=status] {
    padding-left: 170px;
}

#campaignContainer .pageTitle{
   display: none !important;
}

#campaignContainer #campaignFileTemplateLinks {
    display: flex;
}

#campaignContainer #campaignFileUploadSection {
    display: flex;
}


#fileuploadinput .fileInputInfoRow{
    font-size: 0px;
}

#fileuploadinput .fileInputInfoRow:before{
    content: "En important mon fichier, je certifie avoir l'autorisation d'utiliser ces informations";
    font-size: 14px;
}


#fileUploadLabel{
    font-size: 0px !important;
}

#fileUploadLabel:before{
    content: "Choisir un fichier";
    font-size: 13px !important;
}

#imageEditorApp .viewPort {
    width: 750px !important;
    left: 200px !important;
 }
 
#imageEditorApp .tools {
    width: 190px !important;
}

#imageEditorApp .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
    text-align: center !important;
}


#oneOffBasketButtonUpdate:hover{
   text-decoration: none !important;
   text-decoration-line: none !important;
}

#oneOffButtonContainerLink{
   text-decoration: none !important;
   text-decoration-line: none !important;
}

div.oneOffBasketComponent button.button {
    display: block;
    width: 175px;
    float: right;
    margin-right: 20px;
}

#oneOffBasketComponent3447{
    float: inline-end;
}


div#basketContainer.container div#basketMessage {
    margin-top: -20px;
}

div.oneOffBasketComponent button.buttonDisabled {
   display: none;
}

#oneOffBasketButtonUpdate {
    margin-bottom: 5px;
}

div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer div.allCatContainer a {
    font-size: 15px;
    background-position-y: 2px !important;
    background-color: #FFF;
    color: #1C1C1C;
    background: url(custom/contract2340/burger.svg) no-repeat;
        background-position-y: 0%;
        background-size: auto;
    background-size: 15px;
    font-weight: bold;
    font-style: italic;
    cursor:  pointer;
    display: grid;
    align-items: center;
    vertical-align: middle;
}

div#basketContainer.container #checkoutButtonBottom input.button {
    background-color: #000;
    border:0px;
}

div#basketContainer.container #checkoutButtonBottom input.button:hover {
    background-color: #000;
    border:0px;
}

#addKitToBasketButton {
    background-color: #000;
    border:0px;
}

#addKitToBasketButton:hover {
    background-color: #000;
    border:0px;
}

button.addToBasketButton {
    background-color: #000;
    border:0px;
}

button.addToBasketButton:hover {
    background-color: #000;
    border:0px;
}


div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer div.allCatContainer {
    width: 120px;
    background: none !important;
    border-radius: 40px 40px 40px 40px;
    border: 1px solid #1C1C1C;
    height: 14px;
    margin-left: 35px;
    cursor: pointer;
    display: none;
}

div.topMenucategoryTreeComponent{
    top: 60px;
}

élément {
  margin-right: 20px;
}
div#basketContainer.container div#amendQuantityButton {
    margin-right: 20px;
}

div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer {
    margin: -7px 55px -13px 5px !important; border : 0px none;}

div.topMenuComponent div.sectionContainer div.categorySection {
    /*background-color: #707070;*/
    padding-top: 8px;
}

input.button, button.button {
    background-color: #1C1C1C !important;
    border: 0px solid !important;
    text-align: center;
    margin-right: 20px;

}

input.button:hover {
    background-color: #707070 !important;
    border: 0px solid !important;
}

button.button:hover {
    background-color: #707070 !important;
    border: 0px solid !important;
}

div#productDetailsCatContainer.b2cContainer div.formfooter button.addToBasketButton.disabled:hover {
    opacity: 0.5;
    zoom: 1;
    filter: alpha(opacity=50);
background-color: #000 !important;
}

#loginPageContainer .pageTitle {
    font-size: 0px !important;
}

#loginPageContainer .pageTitle::before {
    content: "Bienvenue";
    font-size: 32px !important;
}

div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer div.allCatContainer div.topMenucategoryTreeComponent li.nodeDepth2 > div.linkContainer a {
    font-size: 10px;
}

div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer div.allCatContainer div.topMenucategoryTreeComponent li > div.linkContainer a {
    font-size: 10px;
}

div.pane-tab-item div.tab-thumbnail a {
    height: 225px;
}

div.tab-thumbnail img
{
    width: 225px !important;
}

html > body .pane-tab-item .tab-thumbnail img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 100%;
    /*width: 225px !important;*/
}

div.topMenucategoryMenuComponent > ul > li.menuItemIndex10 {

    order: 10;

}

div.topMenucategoryMenuComponent > ul > li.menuItemIndex11 {

    order: 11;

}

.formfooter {

    display: inline-flex;
}

div#productDetailsCatContainer.b2cContainer div.formfooter button {

    float: left;
}

/*
#loginPageContainer .footnotes{
    display:block;
}

#loginPageContainer .footnotes{
    font-size: 0px !important;
}

#loginPageContainer .footnotes::before {
    content: "";
    font-size: 12px !important;
}*/

#loginPageContainer .pageBody {
    display: block !important;
    position: absolute;
    max-width: 1920px;
    text-align: justify;
    text-align-last: center;
    color: black;
    top: 54%;
    right: 50%;
    transform: translate(50%, 190px);
    border-radius: 0px 0px 15px 15px;
    padding: 5px;
}

/*#loginPageContainer .MGS {
    position: absolute;
    top: 88%;
    font-size: 0.9em;
    text-align: center;
    width: 100%;
}

#loginPageContainer .MGS a{
    font-weight: bold;
    text-decoration: underline; 
    color: orange;
}*/

#loginPageContainer .LoginFooter {
    position: relative;
    top: 30px !important;
}

#loginPageContainer .LoginFooter a{
    text-decoration:underline;
    font-weight: 640;

}

#loginPageContainer .logo1 {
    display: none;
    position:absolute;
    left:50;
    height: 60px;
}

#oneOffBasketComponent2498 {
float : right;
}

ul li.toplink.menuItemDepth1.menuItemIndex28{
order:50;
}

ul li.toplink.menuItemDepth1.menuItemIndex22{
order:50;
}

/*DES BOUTONS DANS LES RAPPORTS*/

#reportActions {
    display: block !important;
    margin-top: 100px;
 /*   float: inline-end;*/
}

#report2Container .leftColumnSection1 {
    display: block !important;
}

#report_tospreadsheet {
    display: block !important;
}

#report_toscreen {
    display: block !important;
}

#report_tocsv {
    display: block !important;
}

#report_status {
    /*display: block !important;*/
}

#reportFormFields {
    margin-left: 150px;
    margin-top: 100px;
}

div#myDetailsContainer.container #myDetailsFormPart3 {
    display: none;
}

#reportMessage {
    float: none;
}

#couleurRouge{
    color:red !important;
    font-weight: bold;
}


/*div.topMenucategoryMenuComponent > ul > li.menuItemDepth1  {
    border-top: 2px solid #FFF;
    border-bottom: 1px solid #000; 
}


div.topMenucategoryMenuComponent > ul > li.menuItemDepth1:hover {
    border-top: 2px solid #707070;
    border-bottom: 1px solid #707070;
} */

div.container div.topMenuComponent div.sectionContainer div.signInContainer div.myAccountContainer a.registerListHeader {
    display: block;
    border: 1px solid #1C1C1C;
    padding: 4px 6px 3px 6px;
    font-size: 14px;
    width: 155px;
    color: #1C1C1C;
    text-align: center;
    text-transform: uppercase;
    margin-right: 50px;
}

div.container div.topMenuComponent div.sectionContainer div.signInContainer div.myAccountContainer a.registerListHeader:hover {
    color: #707070;
    text-decoration: none;
    border-color: #707070;
}

.welcome{
    color: #1C1C1C;
}

div.topMenucategoryMenuComponent > ul > li {
        margin-right: 10px;
        display: inline-block;
        background-color: #1c1c1c;
        padding: 7px;
        width: 200px;
        transition: all 0.5s;
        cursor: pointer;
        border-radius: 24px;
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        border: 2px solid #707070;
        box-shadow: 1px 1px 4px #707070;
        -webkit-box-shadow: 1px 1px 4px #707070;
        -moz-box-shadow: 1px 1px 4px #707070;
    }

div.topMenucategoryMenuComponent > ul > li:hover{
    background-color: #707070;
    padding: 7px;
    box-shadow: 1px 1px 4px #707070;
    -webkit-box-shadow: 1px 1px 4px #707070;
    -moz-box-shadow: 1px 1px 4px #707070;
}

#placeOrderButton, div#catalogContainer input.placeOrderButton {
    background: #F4F4F4;
    color: #1C1C1C;
    font-weight: bold;
}


#oneOffBasketButton{
    display: none;
}
/*
div.topMenucategoryMenuComponent > ul > li.menuItemIndex0 {
    font-size: 0px;
    background: url(custom/contract2340/home.svg) no-repeat;
        background-position-y: 5px;
        background-position-x: 0px;
        background-size: auto;
        background-size: 20px;
        min-width: 90px;
}*/


div.topMenucategoryMenuComponent ul li.menuItemIndex0 > a {
    /*font-size: 0px;*/
    //margin-left: 30px;
}


ul li.subLevel.nodeDepth6{
    display: none;  
}

ul li.subLevel.nodeDepth5{
    display: none;  
}

div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer div.allCatContainer div.topMenucategoryTreeComponent li > ul {
    padding: 1px 0px 0px 16px;
}

#checkoutContainer #DeliveryAddress_adhoc input {
    margin:4px;
}

div#checkoutContainer #termsAndConditionsLink {
    position: relative;
    left: 20px !important;
    top: -40px;
    display: inline;
}

div#checkoutContainer #tsandcsAgree {
    position: relative;
    left: 15px !important;
    top: -40px !important;
    display: inline;
}

#checkoutContainer .mainColumnSection1 div {
    /*padding-top: 5px !important;*/
}

a.pricebreakslinksmall input {
    background: #FFFFFF url("custom/contract2340/info.svg") no-repeat 5px 50%;
    text-indent: 400px;
}

.pricebreakstable th {
    background: #707070;
 }

 div .submitButton {
    background-color: #707070;
}

 div .submitButton:hover {
    background-color: #707070;
    border: 0px;
}

div .leftColumn{
    margin-top: 20px;
}

.changePasswordContainer {
    display: none !important;
}