/* Minification failed. Returning unminified contents.
(108,34): run-time error CSS1039: Token not allowed after unary operator: '-color-overlay-primary-active'
(146,26): run-time error CSS1039: Token not allowed after unary operator: '-color-overlay-secondary-hover'
(150,26): run-time error CSS1039: Token not allowed after unary operator: '-color-overlay-secondary-active'
(175,38): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hint-info'
(181,14): run-time error CSS1035: Expected colon, found '150%'
 */




/* ####################################################################################################
                                        alle ViewPorts
   ####################################################################################################
*/

/*  --------------------------------------------------------------
                                allgemein
    --------------------------------------------------------------
*/
.dud-margin-top {
    margin-top: 10px;
}

.dud-margin-bottom {
    margin-bottom: 10px;
}

.dud-tablecol-minwidth {
    word-wrap: break-word;
    overflow-wrap: break-word;
    min-width: 50%;
}

.dud-tablecol-stretch {
    width: 100%;
}

.dud-tablecol-auto {
    width: auto;
}

.dud-table-fixed {
    table-layout: fixed;
}

.center-div {
    margin: 0 auto;
    width: 100px;
}

.outer-div {
    text-align: center;
}

.inner-div {
    /*display: inline-block;*/
}

.abstract {
    color: #2C353C;
    font-style: italic;
    margin-left: 2rem !important;
    display: block;
    flex-flow: column;
    color: #a8adaf;
    font-size: smaller;
    margin-bottom: 0.205rem;
}

.checkbox-placeholder {
    width: 20px;
    height: 0;
    visibility: hidden;
}

.invisiblefocus::selection {
    background: transparent;
}

#cc-folder-views-content {
    box-sizing: content-box !important;
}

td.preview {
    text-align: center;
}

    td.preview img.mini-loader {
        height: 20px;
        background-color: transparent;
    }

    td.preview div.preview {
        z-index: 1;
        position: relative;
        background: transparent;
        /* SCALE */
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        -moz-transform: matrix(1, 0, 0, 1, 0, 0);
        -ms-transform: matrix(1, 0, 0, 1, 0, 0);
        -o-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        /* VERZÖGERUNG */
        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -ms-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }

    td.preview:hover div.preview {
        z-index: 99;
        border-radius: 0px;
        box-shadow: 0 0 5px var(--color-overlay-primary-active);
        background: white;
        /* SCALE */
        -webkit-transform: scale(5.0) translateX(40%);
        -moz-transform: scale(5.0) translateX(40%);
        -ms-transform: scale(5.0) translateX(40%);
        -o-transform: scale(5.0) translateX(40%);
        transform: scale(5.0) translateX(40%);
    }

    td.preview div.preview > img {
        height: 50px;
        width: auto;
    }

.table tr td.overflow, .table tr th.overflow {
    overflow: visible;
}

td.preview button {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

td.preview div.load-preview {
    border-radius: 5px;
    width: 23px;
    height: 19px;
    display: inline-block;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

    td.preview div.load-preview:hover {
        background: var(--color-overlay-secondary-hover);
    }

    td.preview div.load-preview:active {
        background: var(--color-overlay-secondary-active);
    }

td.preview button span[class^="icons"] {
    float: left;
}

td.preview button span[class="text"] {
    margin-left: 28px;
    display: block;
    hyphens: none;
    top: 2px;
}

.tooltip {
    position: relative;
    /*display: inline-block;
    border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

    .tooltip .tooltip-text {
        visibility: hidden;
        z-index: 1;
        background-color: white;
        color: black;
        box-shadow: 1px 1px 2px var(--color-background-hint-info);
        text-align: center;
        font-size: 107%;
        font-weight: 400;
        position: absolute;
        width: max-content;
        left 150%;
        top: -10px; /* Compensate for padding */
        padding: 10px 10px;
    }

    .tooltip:hover .tooltip-text {
        visibility: visible;
    }

.product-data-preview {
    display: flex;
    justify-content: center;
}

/*
    Componsate every href jump to an anchor for the height of the navigation bar wrapper
*/
div.doctype-headline > div > a[id]::before,
#hw-sw-version::before {
    content: "";
    display: block;
    height: 108px;
    margin: -108px 0 0;
}


#rotatableToolbar {
    margin-bottom: 6px;
}

/* base styling also for dynamically generated toolbar IDs */
.rotatableToolbar > span,
[data-role="rotatableToolbar"] > span {
    border-bottom: 1.5px solid transparent;
    cursor: pointer;
}

/* keep existing selected style; ensure it applies to all variants */
.rotatableToolbar span.iconselected,
[data-role="rotatableToolbar"] span.iconselected,
#rotatableToolbar span.iconselected {
    border-bottom-color: #c40000;
}

/*  --------------------------------------------------------------
                        Dokument-Tab 
    --------------------------------------------------------------
*/
/*.documenttype-group-container {
    display: flex;
    flex-direction: column;*/
/*border: 3px solid blue;*/
/*}*/
.icon-text-docref {
    margin-left: 2rem !important;
    margin-bottom: 1rem;
    display: inline-block;
    flex-flow: column;
}



.document-name-correctionsheet {
    margin-top: 0.5rem;
    font-size: medium;
    padding-top: 1rem;
    display: flex;
    align-items: start;
}

    .document-name-correctionsheet label {
        margin-left: 10px;
        display: inline !important;
    }

.document-name {
    border-top: grey 1px solid;
    margin-top: 0.5rem;
    font-size: medium;
    padding-top: 1rem;
    display: flex;
    align-items: start;
}

    .document-name input {
        float: left;
        width: auto;
        margin-top: 0.4rem;
    }

    .document-name label {
        margin-left: 10px;
        display: inline !important;
    }

#flyout-label {
    padding: 5px 5px;
    margin-right: 10px;
    cursor: pointer;
}

    #flyout-label ~ span {
        vertical-align: top;
    }

#flyout-input {
    display: none;
}

#flyout-menu {
    position: relative;
    display: block
}

.alternativeQueriesItemText:before {
    margin-right: -10px !important;
}

/*  --------------------------------------------------------------
                            CAD-Tab 
        --------------------------------------------------------------
*/

.cad-spec-tablecol {
    width: 300px;
}

.cadcklick-plugin-container {
    /*width: 30vw;*/
    height: 30vh;
    min-height: 320px;
}

/*  --------------------------------------------------------------
                            Produktdaten-Tab 
    --------------------------------------------------------------
*/
fieldset > .block, fieldset > .unit {
    padding: 0 10px;
}

/* ####################################################################################################
                                        Viewport > 1024 (iPad Pro / Desktop)
   ####################################################################################################
*/
@media screen and (min-width: 1024px) {
    /*  --------------------------------------------------------------
                            Dokument-Tab 
      --------------------------------------------------------------
    */
    #flyout-label {
        display: none;
    }

        #flyout-label ~ span {
            display: none;
        }

    /*enhält eine einzelne Dokument Referenz */
    .document-reference {
        display: inline;
        vertical-align: top;
    }

    /*  --------------------------------------------------------------
                            CAD-Tab 
        --------------------------------------------------------------
    */
}

/* ####################################################################################################
                                        Viewport bis 1023 (Tablet-Größe)
   ####################################################################################################
*/
@media screen and (max-width: 1023px) {
    /*  --------------------------------------------------------------
                                allgemein
        --------------------------------------------------------------
    */
    .size1of1-bp40 {
        margin-bottom: 10px;
    }

    /*  --------------------------------------------------------------
                            Dokument-Tab 
        --------------------------------------------------------------
    */
    .icons-jump-label-red-reg {
        width: 0;
        height: 0;
    }

    #flyout-input:not(checked) ~ div > #flyout-menu {
        display: none;
    }

    #flyout-input:checked ~ div > #flyout-menu {
        display: block;
    }

    .dokupaket-list {
        margin-bottom: -5px;
    }

    /*enhält eine einzelne Dokument Referenz */
    .document-reference {
        display: inline;
        vertical-align: top;
    }

    /*  --------------------------------------------------------------
                            CAD-Tab 
        --------------------------------------------------------------
    */
}

/* ####################################################################################################
                                        Viewport bis 900 (Smartphone-Größe)
   ####################################################################################################
*/
@media screen and (max-width: 900px) {
    /*  --------------------------------------------------------------
                                allgemein
        --------------------------------------------------------------
    */
    .size1of1-bp30 {
        margin-bottom: 10px;
    }

    .download-filter label {
        width: 100%;
    }

    .tohide {
        display: none;
    }

    /*  --------------------------------------------------------------
                            Dokument-Tab 
        --------------------------------------------------------------
    */
    .icons-jump-label-red-reg {
        width: 0;
        height: 0;
    }

    #flyout-input:not(checked) ~ div > #flyout-menu {
        display: none;
    }

    #flyout-input:checked ~ div > #flyout-menu {
        display: block;
    }

    /*enhält eine einzelne Dokument Referenz */
    .document-reference {
        display: block;
        vertical-align: top;
    }

    .icon-text-docref {
        display: block;
        flex-flow: column;
    }

    /*  --------------------------------------------------------------
                            Produktdaten-Tab 
        --------------------------------------------------------------
    */
    #qrCode {
        display: none;
    }

    .dokupaket-list {
        margin-bottom: -5px;
    }

    /*  --------------------------------------------------------------
                            CAD-Tab 
        --------------------------------------------------------------
    */
    #cad-spec-result {
        margin-right: 0;
    }

    .cad-spec-tablecol {
        width: 50%;
    }

    .cadcklick-plugin-container {
        width: 100vw;
        height: 50vh;
    }
}