﻿/*-------------------------------- Printsheet et FullScaleDpi ---------------------------------*/
@page {
    /*size: 216mm 279mm;  /* Format US */
    margin: 10mm 10mm 10mm 10mm; 
}
@media print {
    body {
        -webkit-print-color-adjust: exact;

    }
    .divPrint {
        display: none;
    }
}
.printSheet input[type=button]:not(.btnPrint), .printSheet input[type=checkbox], .printSheet input[type=radio], .printSheet label, .printSheet .togglePanel {
    cursor: default;
}
.printSheet.divMain {
    max-width: 800px;
    height: 100%;
    flex-direction: row;
}
.printSheet.printSheetDesigner.divMain {
    width: inherit;
    max-width: inherit;
}
.printSheet .divBoardContent {
    position: inherit;
}
.printSheet .divParameters, .printSheet .divBoardContent {
    width: 50%;
    min-width: inherit;
}
.printSheet #divCanvas, .fullScaleDpi #divCanvas {
    position: fixed;
    overflow: auto;
}
.printSheet.printSheetDesigner #divCanvas {
    position: inherit;
    overflow: inherit;
}
.divOrderImagesFullScaleDpi {
    color: black;
    font-size: 16px;
    padding-top: 5px;
}
.orderImage {
    max-width: 50%;
    max-height: 550px; /* Si modif vérifier que ça rentre au format US 216 x 279 */
}
.orderImage.orderImageDeckOnly {
    max-width: 100%;
}
.printSheet .headerBody {
    border-bottom: none;
}
.headerBody .toggleParameters {
    display: none;
}
@media (max-width: 991px) {
    .headerBody .toggleParameters {
        display: inherit;
    }
    .headerBody {
        padding-right: 75px;
    }
}
.printSheet .divOrderComment {
    border: 1px solid lightgrey;
}
.printSheet .collapsiblePanel {
    display: inherit;
}
.printSheet .custrow {
    padding-top: 0px;
    padding-bottom: 0px;
}
.printSheet .toggle, .printSheet .custremoveimage, .printSheet .infoimage, .printSheet .info, .printSheet .toggleIcon, .printSheet .showMyProfile, .printSheet #toggleDimensions
, .printSheet .divDimensionsOptionsContainer, .printSheet #divStocksAndVolume, .printSheet .colBoardBottom, .printSheet .divButtons {
    display: none;
}
.printSheet .togglePanel {
    padding-top: 10px;
    padding-bottom: 5px;
}
.printSheet #divInfo, .fullScaleDpi #divInfo {
    display: none;
}
.printSheet .toggleUploadedLogo {
    background-image: inherit;
    padding-left: inherit;
}
.printSheet .custbutton:not(.btnPrint) {
    border: none;
    padding: 0;
    background-color: inherit;
    color: #828282;
    text-align: left;
}
.printSheet .custsmallbutton, .printSheet .custbutton:not(.btnPrint) {
    font-size: 13px;
}
.printSheet select {
    background: none;
    border: none;
    padding: 0;
    color: black;
    opacity: 1;
    /*position: relative;
    left: -4px;*/
}
.printSheet input[type=checkbox]:checked + label, .printSheet input[type=checkbox]:checked + label.custbutton:not(.btnPrint) {
    color: black;
}
.printSheet .divMyProfileBody .custtitle, .divCustomer .custtitle {
    padding-bottom: 5px;
}
.printSheet .divOrderComment {
    margin-top: 15px;
    padding: 5px;
}
.printSheet .divMyProfileBody, .printSheet .divBoardContent .divOrderComment {
    clear: both;
    margin: 10px 0px 0px 10px;
}
.printSheet .divMyProfileBody .custcontrol {
    width: 100%;
}
.printSheet .divMyProfileBody [type="checkbox"] {
    position: inherit;
    left: inherit;
    margin: 0px 5px 0px 0px;
}
.printSheet .divMyProfileBody input[type="checkbox"] + label.custbutton {
    float: none;
    width: 25%;
}
.printSheet .divMyProfileBody #chkProfileTailleVagues15 + label, .printSheet .divMyProfileBody #chkProfileTailleVagues4 + label, .printSheet .divMyProfileBody #chkProfilePuissanceVaguesForte + label {
    display: inline;
    width: inherit;
}
.printSheet .divMyProfileBody [type="checkbox"]:checked + label {
    background-color: inherit;
    color: inherit;
}
.printSheet .divMyProfileBody .custrow {
    padding-right: 0px;
}
.custlabel, .printSheet .divMyProfileBody select.custcontrol, .printSheet .divMyProfileBody label.custbutton {
    padding-top: 5px;
    padding-bottom: 0px;
    height: inherit;
}
.printSheet .custlabel.custcontrol {
    height: 30px;
}
.divCustomer, .printSheet .divMyProfileBody, .extraInfoPrintSheet {
    border: 1px solid lightgrey;
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
}
.printSheet .changeUnit {
    display: none;
}
.divCustomer {
    /*display: inherit;*/
    margin-top: 10px;
}
.extraInfoPrintSheet {
    padding: 10px;
    text-align: left;
    font-size: 12px;
    color: black;
}
.extraInfoPrintSheet .custtitle {
    text-align: center;
    padding-bottom: 10px;
}
.custrow div:not(:first-child) .custlabel, .divOrderDate, .divOrderCommentBody, .spanOrderDate {
    color: black;
}
.divMyProfileBody .custrow div:nth-child(odd) .custlabel {
    color: #828282;
}
.divOrderInformation {
    display: table;
    width: 100%;
}
.divOrderNumber {
    display: table-cell;
}
.spanOrderNumber {
    font-size: 18px;
    font-weight: bold;
    color: black;
}
.divOrderDate {
    display: table-cell;
}

/* Critters Toy Co */
.printSheet-106018 .spanOrderNumber {
    font-size: 24px;
    color: red;
}
.printSheet-106018 .spanOrderStatus, .printSheet-106018 #rowOption217 {
    display: none;
}
.printSheet-106018 #ddlOption196_0, .printSheet-106018 #divFinSystemOptionContainer .custrow:not(:first-child) .custimagelabeldiv .custlabel
    , .printSheet-106018 #divPlugOptionsContainer .custcol-right-2 select, .printSheet-106018 #divPlugOptionsContainer .custrow .custimagelabeldiv .custlabel
    , .printSheet-106018 #divLeashPlugColorOptionContainer .custrow .custimagelabeldiv .custlabel, .printSheet-106018 #divColorOptionsContainer .custrow .custimagelabeldiv .custlabel {
    font-weight: bold;
    color: red;
}
.printSheet-106018 #ddlOption196_0 {
    font-size: 16px;
}
/*.printSheet-106018 #extraInfoPrintSheet-106018 {
    display: inherit;
}*/