.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: 7em;
    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);
}

#Configurator_ObjectWizard {
    display: none;
}


#Configurator_ObjectWizard {
    position: absolute;
    left: 0;
    top: 3.3em;
    width: 100%;
    height: calc(100vh - 3.3em);
    overflow: hidden;
    background: #fff;
    margin: 0;
    padding: 0;
    font-size: 9pt;
    --toolBoxSize: 40em;
}

#Configurator_ObjW_Layout {
    position: relative;
    border-top: #000 1px solid;
    margin: 0;
    padding: 0;
}

#Configurator_ObjW_ImageContainer {
    display: block;
    width: calc( 100% - var(--toolBoxSize) - 2px);
    height: calc(100vh - 3.3em);
    position: relative;
    overflow: auto;
    margin: 0;
    padding: 0;
}

#Configurator_ObjW_Tools {
    position: absolute;
    right: 0;
    top: 0;
    width: var(--toolBoxSize);
    height: 100%;
    border-left: #000 1px solid;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#Configurator_ObjW_SVG {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

#Configurator_ObjW_SVG.AppXError {
    border: #800 1px solid;
    padding: 0.5em 1em;
    border-radius: 0.5em;
    background: #fcc;
    color: #800;
    font-weight: bold;
    max-width: 50%;
}

#Configurator_CTRL {
    position: absolute;
    top: 3pt;
    left: 3pt;
    border: #000 1px solid;
    font-size: 9pt;
    padding: 2pt;
    border-radius: 3pt;
    background: #fff;
}

#TemplateYZController_CTRL_ZM {
    display: inline-block;
    width: 2em;
    height: calc( 2em - 1pt);
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

#Configurator_CTRL input {
    width: 4.5em;
}

.TEST_TEST_TEST4 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.Configurator_ProjectImage {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: #000 1px solid;
    overflow: hidden;
    background: #fff;
    font-size: 9pt;
}

.Configurator_ProjectImage .AppXImg_C {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.Configurator_ProjectImage .AppXImg_C .AppXImg_I {
    position: absolute;
}

.Configurator_ProjectImage .AppXPanArea {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: crosshair;
}

.Configurator_ProjectImage .AppXPanArea.AppXNoPan {
    cursor: revert;
}


.Configurator_IMG_CTRL_C {
    position: absolute;
    left: 2pt;
    top: 2pt;
    border: #000 1px solid;
    padding: 1pt;
    border-radius: 3pt;
    background: #fff;
}

.Configurator_IMG_CTRL_C .AppXDimCont {
    display: inline-block;
    margin: 1pt;
    padding: 1pt;
    border: #ccc 1px solid;
    border-radius: 3pt;
}

.Configurator_IMG_CTRL_C .AppXDimCont .AppXDimLab {
    font-size: 8pt;
    text-align: center;
}

.Configurator_IMG_CTRL_C .AppXDimCont .AppXInput {
    width: 4.5em;
    font-size: 9pt;
}

.Configurator_IMG_CTRL_C .AppXZMode {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: top;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.Configurator_ProjectImage .AppXImg_C .AppXImg_I.AppXZByWidth svg {
    width: 100%;
    height: auto;
}

.Configurator_ProjectImage .AppXImg_C .AppXImg_I.AppXZByHeight svg {
    width: auto;
    height: 100%;
}

.Configurator_Img_CTRL_CloseButton {
    position: absolute;
    right: 2pt;
    bottom: 2pt;
    border: #000 1px solid;
    padding: 4pt;
    border-radius: 3pt;
    background: #fff;
}

.Configurator_Img_CTRL_CloseButton .AppXButton {
    font-weight: bold;
    background: #8cf;
    border: #004 1px solid;
    border-radius: 3pt;
    padding: 3pt 6pt;
    color: #004;
}

.Configurator_Img_CTRL_CloseButton .AppXButton:hover {
    background: #48C;

}

.Configurator_Img_CTRL_CloseButton .AppXIcoBut {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2pt;
}

.Configurator_ProjectImage.AppXError .AppXImg_I {
    background: #FC8;
    color: #400;
    font-weight: bold;
    padding: 0.5em 1em;
    border-radius: 4pt;
    border: #840 1px solid;
    font-size: 8pt;
}

.Configurator_ProjectImage.AppXHasControls .AppXImg_I {
    font-size: 9pt;
}

.Configurator_ProjectImage.AppXError .AppXImg_C {
    background: #ccc;
}


.YZ_TableElement_SectionRow.Configurator_PropPage_CurrentSection td {
    background: #DFF;
}

.YZ_TableElement_TBody_TR.Configurator_PropPage_CurrentSectionRow.YZ_TableElement_InSectionRow * {
    background: #FFF;
}

.YZ_TableElement_SectionRow.Configurator_PropPage_OtherSection td {
    background: #DDD;
}

.YZ_TableElement_SectionRow.Configurator_PropPage_OtherSection td div {
    color: #888;
}

.YZ_TableElement_TBody_TR.Configurator_PropPage_OtherSectionRow.YZ_TableElement_InSectionRow * {
    background: #EEE;
}

.YZ_TableElement_C.Configurator_ObjW_EditTable {
    font-size: 10pt;
}

.YZ_TableElement_C.Configurator_ObjW_EditTable td {
    padding: 1pt;
}

#YZ_Configurator_ProjectPreview_Warn {
    position: absolute;
    left: 1em;
    top: 1em;
}

#YZ_Configurator_ProjectPreview_Warn .Configurator_ProjectErrors {
    border: #000 1px solid;
    padding: 1rem;
    font-size: 9pt;
    border-radius: 3pt;
    background: rgba(255,255,255,0.8);
    position: relative;
    width: 40rem;
    max-width: 50vw;
}

#YZ_Configurator_ProjectPreview_Warn .Configurator_ProjectErrors .AppXYTitleBox {
    position: absolute;
    left: 2pt;
    top: 2pt;
    width: calc(100% - 4pt);
    padding: 1pt;
    border-radius: 3pt;
    text-align: center;
    background: #fc8;
    border: #f80 1px solid;
    color: #000;
    font-weight: bold;
}

#YZ_Configurator_ProjectPreview_Warn .AppXYContentBox {
    margin-top: 2rem;
    overflow-y: visible;
}

#YZ_Configurator_ProjectPreview_Warn .AppXYContentBox ul {
    padding-left: 1em;
    font-size: 8pt;
}

#YZ_Configurator_ProjectPreview_Warn .AppXYCloseBox {
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
    height: 100%;
    cursor: pointer;
    background: #F66 no-repeat center url("/assets/icon/X0.gif");
}

.Configurator_ProjectErrors.AppXHidden {
    display: none;
}

.AppTDData.AppXProjErr {
    border-color: #F00;
    background: #FC8
}

.AppTDData.AppXProjErr .AppInput {
    background: #FC8;
}

.AppTDData.AppXProjErr span.select2 {
    background: #FC8;
}

.YZ_Configurator_OrderTot_BOX {
    padding-right: 1.5em;
    padding-bottom: 1em;
    height: 15rem;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #fff;
}

#YZ_Configurator_OrderTot_Space {
    height: 16rem;
}

.YZ_Configurator_OrderTot_BOX .AppXBox_C {
    padding-right: 1em;
}

.YZ_Configurator_OrderTot_BOX .page-header {
    margin-top: 0 !important;
}
.YZView.ConfiguratorYZView._defaultYZAction .page-header {
    margin-top: 1em;
}

.YZView.ConfiguratorYZView._defaultYZAction h1.page-header {
    margin-top: 1rem;
}

.YZView.ConfiguratorYZView._defaultYZAction h2.page-header {
    margin-top: 1rem;
}

.YZView.ConfiguratorYZView._defaultYZAction h3.page-header {
    margin-top: 0;
}

#YZ_Configurator_ProjectArea {

    height: 30vh;
    min-height: 28rem;
    padding: 1rem;
    position: relative;
    display: none;
}

#YZ_Configurator_ProjectPreview {

    height: 100%;
    width: 100%;

}

.Configurator_ProjectImage.Configurator_ProhectImage_isBig {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    background: #fff;
}

.Configurator_ProjectImage.AppXHasBig {
    cursor: pointer;
}

.Configurator_ButtonG {
    width: 2.5em;
    height: 2.2em;
    margin: 0 2pt;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    text-align: center;
    border-radius: 3pt;
}

.Configurator_ButtonX {
    border: #800 1px solid;
    background: #F77 no-repeat center url("/assets/icon/X0.gif");
}

.AppXWProject .Configurator_ShowButton {
    background: #8CF;
    border: #008 1px solid;
    cursor: pointer;
}

.AppXWProject .Configurator_ShowButton .Configurator_ShowButtonIcon {
    display: inline-block;
}

.Configurator_ShowButton {
    background: #EEE;
    border: #DDD 1px solid;
    cursor: default;
}

.Configurator_ShowButton .Configurator_ShowButtonIcon {
    display: none;
}

.Configurator_PseudoButton {
    background: #eee;
    border: #ddd 1px solid;
}

.AppXWProject.Configurator_Project_Showing .Configurator_ShowButton {
    background: #0F0;
}

.AppXWProject.Configurator_Project_Showing td.AppTableOpt {
    background: #bfb;
}

.Configurator_ConfirmApp {
    position: fixed;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;

}

.Configurator_ConfirmApp .AppXImageSpace {

    width: 100%;
    height: calc(100% - 3.3em - 1px);

}

.Configurator_ConfirmApp .AppXButtonSpace {

    position: relative;
    width: 100%;
    overflow: hidden;
    height: 4.4rem;

}

.Configurator_ConfirmApp .AppXButtonSpace .AppXButton {
    margin: 5pt;
    padding: 4pt 12pt;
    font-weight: bold;
    font-size: 10pt;
    background: #265a88;
    color: #fff;
    border: #048 1px solid;
    border-radius: 3pt;
    display: inline-block;
}

.Configurator_ConfirmApp .AppXButtonSpace .AppXDisabled{
    background: #888;
    border-color: #444;
    color: #ddd;
}

.Configurator_ProjectImage_Hidden {
    display: none;
}

.Configurator_ConfirmApp .AppXButtonSpace .AppXBSpace {
    width: 50%;
    display: inline-block;
}

.Configurator_ConfirmApp .AppXButtonSpace .AppXBSpace.AppXBRight {
    text-align: right;
}

.Configurator_ConfirmApp .AppXButtonSpace .AppXCaption {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 10pt;
    font-weight: bold;
    max-width: 40%;
    overflow: hidden;
    height: 2em;
    line-height: 1.5em;
    background: #eee;
    padding: 2pt 10pt;
    border-radius: 3pt;
}

.Configurator_ProjectImage.AppXError .AppXImg_I {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}