@import '_content/Diomex.Framework.Graphics.Omniverse.UI.Blazor/Diomex.Framework.Graphics.Omniverse.UI.Blazor.bundle.scp.css';
@import '_content/Diomex.Framework.UI.Blazor/Diomex.Framework.UI.Blazor.bundle.scp.css';
@import '_content/Diomex.XcalibuR.Configurator.Client.UI.Blazor/Diomex.XcalibuR.Configurator.Client.UI.Blazor.bundle.scp.css';
@import '_content/IG.XcalibuR.Configurator.Client.UI.Blazor.ThreeJs/IG.XcalibuR.Configurator.Client.UI.Blazor.ThreeJs.bundle.scp.css';

/* _content/Diomex.XcalibuR.Configurator.Client.Blazor/Pages/Index.razor.rz.scp.css */
/* Config Wizard */
.index-version[Index] {
    left: 16px;
    position: absolute;
}

.index-conf-wiz-step[Index] {
    font-size: 15px;
    color: white;
    margin: 0px;
    z-index: 1002;
}

.conf-wiz-container-paddingMenu > .conf-wiz-container[Index] {
    max-height: calc(var(--vh, 1vh) - 76px);
}

/*Product Tabs*/

.product-selector-tab-col[Index] {
    margin: 11px 0 0 0;
}

    .product-selector-tab-col button[Index] {
        padding: 10px 24px;
    }

    .product-selector-tab-col .fas[Index] {
        padding: 0 12px 0 0;
    }

    .diomex-btn-secondary-selected .fas[Index],
    .product-selector-tab-col button:hover .fas[Index],
    .product-selector-tab-col button:active .fas[Index] {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -o-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
    }

/*List item*/

.diomex-item-list-container .diomex-item-list[Index]:after {
    height: 80px;
}

.modal .diomex-item-list-container .diomex-item-list[Index]:after {
    height: auto;
}

.list-group-item[Index] {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

    .list-group-item:hover[Index] {
        -webkit-transform: scale(.99);
        -moz-transform: scale(.99);
        -o-transform: scale(.99);
        -ms-transform: scale(.99);
        transform: scale(.99);
    }


.index-configurator-container[Index] {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.index-configurator-wrapper[Index] {
    height: 100%;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
}

.productconfigurationselector-tabs .btn:first-child[Index] {
    border-bottom-left-radius: 0;
}

.productconfigurationselector-tabs .btn:last-child[Index] {
    border-bottom-right-radius: 0;
}

.productconfigurationselector-tabs .btn-primary[Index] {
    background-color: rgb(228, 228, 228);
    border-color: rgb(228, 228, 228);
    color: #6c757d;
}

.productconfigurationselector-tabs-error[Index] {
    background-color: transparent;
    color: #E24100;
}

.settings-table-column1[Index] {
    text-align: left;
    width: 50%;
}

.settings-table-column2[Index] {
    width: 50%;
    padding-left: 10px
}

.checkout-alert[Index] {
    width: 100%;
    margin: 0px;
}

.checkout-modal-header[Index] {
    display: block !important;
}

.checkout-modal-header-error[Index] {
    padding: 5px 10px 5px 10px !important;
}

.option-selector-background-container[Index] {
    padding-right: 0px !important;
    height: inherit;
    overflow-y: -moz-hidden-unscrollable;
    background-color: #ffffff;
}

@supports (-webkit-overflow-scrolling: touch) {
    .checkout-modal-header[Index] {
        min-height: 100px;
    }

    .checkout-modal-header-error[Index] {
        min-height: 87px;
    }
}

.settings-table[Index] {
    border-collapse: separate;
    border-spacing: 0 10px; /* Horizontal spacing, Vertical spacing */
}

@media (max-width: 432px) {

/* 
    Hinzugefügt um Skalierung von Einstellungs-Menü für Kleingeräte zu optimieren 
    Dabei reicht es leider nicht den Mobile-Mode abzufragen: Das Problem beginnt erst bei 
    Displays <= 432Pixeln der Mobile-Mode greift ab 575Pixeln
*/
    .settings-table[Index] {
        table-layout: fixed;
        width: 100%;
    }
}

#configurationstatuspanel[Index] {
    float: right;
    z-index: 49
}