
.AppTable {
    margin: auto;
    border: #ccc 1px solid;
    }

.AppTable td {
    font-size: 9pt;
    border: #ccc 1px solid;
    }

.AppTableHeader td {
    text-align: center;
    font-weight: bold;
    }

.AppTableOpt {
    width: 4em;
    text-align: center;
    }

.AppInput {
    width: 100%;
    height: 100%;
    margin: 0;
    border: none;
    }

.AppSelect {
    width: 100%;
    height: 100%;
    margin: 0;
    border: none;
    display: none;
    }

.AppNone {
    text-align: center;
    color: #048;
    background-color: #fdd;
    display: none;
    }

.AppTotalTD {
    text-align: center;
    font-weight: bold;
    }

.AppTDType0 { min-width: 100px; max-width: 250px; }
.AppTDType1 { min-width: 100px; }
.AppTDType2 { width: 64px; }
.AppTDTypeQTY { width: 64px; }

.AppTDData.AppTDTypeUPR { text-align: center; background-color: #eef; width: 64px; }
.AppTDData.AppTDTypeTOT { text-align: center; background-color: #eef; width: 100px;}
.AppTDData.AppTDTypeW { text-align: center; background-color: #eef; width: 64px; }

.AppTotTable {
    width: 100%;
    }

.AppTotTable td:nth-child(1) {
    text-align: right;
    }

.AppTotTable td:nth-child(2) {
    width: 8em;
    text-align: center;
    }

.AppTotTable tr:nth-child(4) * { font-weight: bold; }

.AppBottom {
    margin-top: 1.1em;
    text-align: right;
    }

.AppTDImage {
    max-width: 32px;
    max-height: 23px;
}

.select2-container {
    width: 100% !important;
}

.select2-selection { border: none !important;}

.AppTotalWatt { text-align: center; }
.AppError { margin-bottom: 0 !important; }

.AppPreDiv { color: var(--pacolor2); }
.AppCurDiv { color: #000; }
.AppPostDiv { color: #000; }

.AppTDData.AppTDType2:after {
    content: " mm";
    font-size: 9px;
}

.AppTDData.AppTDType2 {
    min-width:  7.1em;
}

.AppTDData.AppTDType2 .AppInput {
    width: 4.5em;
}

/* FIX1 */

body {
    overflow: auto !important;
}

.container-fluid {
    overflow: visible;
    padding: 0;
    margin: 0;
}

#AppConfiguratorContainer {
    overflow: visible;
}

.AppTable td { font-size: 8pt; }
.AppTable select { font-size: 8pt; }
.AppTable input { font-size: 8pt; }

h1 { margin-right: 0; }
h4 { margin-right: 0; }

.page-header { width: 99%; }
h1.page-header::before { content: "-"; color: #fff; visibility: hidden;}
h4.page-header::before { content: "-"; color: #fff; visibility: hidden;}
.col-lg-12 { margin-right: 0 !important; }
.row { margin-left: 0; margin-right: 0; }

.AppTDData.AppTDTypeQTY	.AppInput { padding-left: 6px; }
.AppTDData.AppTDType2 .AppInput { padding-left: 6px; }

/* /FIX1 */

@media print {

    button {
        display: none !important;

    }

    .AppTable td:nth-child(1) {
        display: none;
    }

    section {
        background: #fff !important;
    }

    .row.NavBarTop {
        display: none;
    }

    .NavBarProfile {
        visibility: hidden;
    }

    .navbar-collapse {
        background: #fff;
    }

    .NavBarH1 {
        color: #000;
    }
}

.ConfiguratorTDSignal * {
    background: #fc8;
    color: #c00;
}

.AppXYZInputSignal {
    background: #fc8;
    color: #c00;
}

.AppXYZInputSignal input {
    background: transparent;
    color: #c00;
}

.ConfiguratorXPopupSignal {
    position: fixed;
    bottom: 1.5em;
    left: 1.5em;
    max-width: 50vw;
    padding: 1em 2em;
    border: #A44 1px solid;
    background: #fff;
    border-radius: 8px;
    color: #000;
    font-weight: bold;
    font-size: 10pt;
    line-height: 1.5em;
}

.ConfiguratorXPopupSignal .AppXLeg {
    display: inline-block;
    border: #f00 1px solid;
    width: 2em;
    margin-right: 1em;
    border-radius: 4px;
    background: #fc8;
}

.ConfiguratorXPopupSignal .AppXText::before {
    content: "= ";
    font-weight: normal;
    color: #888;
}

.ConfiguratorXPopupSignal .AppXText {
    display: inline-block;

}

.AppXYZInputSignal .AppInputYZInput {
    color: transparent;
}

.ConfiguratorCheckoutPopup1 {
    position: fixed;
    bottom: 1em;
    left: 1em;
    padding: 1em 2.5em;
    background: #fc8;
    border: #f00 1px solid;
    border-radius: 8px;
    font-weight: bold;
    color: #400;
    font-size: 10pt;
}

.AppXNumberError {
    color: #f00 !important;
    border-bottom: #f00 1px solid;
}

.ConfiguratorTDE .AppInput {
    width: calc( 100% - 3em );
}

.ConfiguratorTDE .ConfiguratorTDEX {
    display: inline-block;
    font-size: 9px;
    width: 3em;
    text-align: right;
    line-height: 1.5em;
    height: 1.1em;
    overflow: hidden;
}

.AppXYZInputSignal .AppXNumberError {
    border-bottom: none;
}

.ConfiguratorXPopupSignal.AppXStrike .AppXLeg {
    border: none;
    border-bottom: #f00 2px solid;
    border-radius: 0;
    background: #fec;
}

.ConfiguratorForceLayout {
    table-layout: fixed;
    word-wrap: break-word;
}

.ConfiguratorForceLayout * {
    word-wrap: break-word;
}

.ConfiguratorForceLayout * {
    font-size: max(97% , 7pt);
}