/* responsive.css v1.1.0 | Novasole | novasole.nl */

/* Responsive media queries
 * 
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

/* BEGIN iFrame */

@media screen and (max-width: 768px)  {

    /* System tab */

    .page-table-cell.narrow-cell-edit {
        max-width: 0 !important;
        min-width: 90px !important;
    }

    .page-table-cell:last-child {
        padding-right: 0 !important;
    }

    .page-table-row .page-table-cell {
        text-align: center;
    }

    div .make-last-marge-title-smaller-direct-edit,
    div .column-before-direct-edit-input-field {
        padding-right: 0;
    }

    .page-table:not(.design-overview-table) 
    .page-table-sort .page-table-cell:is(#auto-calculate, #groupId, #productAndService) {
        display: none;
    }

    .page-table:not(.design-overview-table)
    .page-table-row:not(.page-table-head)
    .page-table-cell:nth-child(3) {
        min-width: 70px;
    }

    .page-table:not(.design-overview-table)
    .page-table-row:not(.page-table-head)
    .page-table-cell:nth-child(2) {
        min-width: 40px;
    }

    .page-table:not(.design-overview-table)
    .page-table-row:not(.page-table-head)
    .page-table-cell:nth-child(4) {
        min-width: calc(100% - 210px);
    }

    .page-table:not(.design-overview-table)
    .page-table-row:not(.page-table-head)
    .page-table-cell:nth-child(4) select {
        max-width: calc(100% - 10px) !important;
    }

    .page-table:not(.design-overview-table)
    .page-table-row .page-table-cell:last-child {
        min-width: 90px !important;
    }

    .page-table:not(.design-overview-table)
    .page-table-row
    .page-table-cell:nth-child(5) {
        margin-left: auto;
    }

    .page-table:not(.design-overview-table)
    .page-table-footer .page-table-row .page-table-cell:nth-child(-n+4) {
        display:none;
    }

    .page-table:not(.design-overview-table)
    .page-table-footer .page-table-row .page-table-cell {
        text-align: start;
    }

    /* Profit tab */

    .design-overview-table .page-table-cell .csv-excel-download {
        margin-bottom: 6px;
    }

    .design-overview-table .page-table-cell:last-child {
        margin-right: 10px;
    }

    .design-overview-table .page-table-cell:not(:last-child) {
        min-width: calc((100% - 90px) / 6);
    }

    .design-overview-table .page-table-cell:nth-last-child(2) {
        margin-right: 10px;
    }

    /* Assumptions tab */

    .assumptions .colgroup-4 .col:last-child {
        min-width: 20%;
    }

    .assumptions .colgroup-4 .col:first-child {
        width: calc(80% - 35px);
    }

    /* Footer */

    .design-overview {
        padding-right: 60px !important;
    }

    .design-overview .colgroup-8 {
        display: flex;
        flex-direction: column;
        width: auto;
        margin-right: 20px;
    }

    .design-overview .wrapper .colgroup-8 > .col {
        width: auto !important;
        display: flex;
        margin-left: 0 !important;
        font-size: 16px;
        margin-right: 10px;
    }

    .design-overview .wrapper .colgroup-8 > .col h3 {
        font-size: 16px;
        margin-right: 10px;
        margin-right: auto;
    }
}

/* END iFrame */

@media not screen and (-webkit-min-device-pixel-ratio: 2), not screen and (min--moz-device-pixel-ratio: 2), not screen and (-o-min-device-pixel-ratio: 2/1), not screen and (min-device-pixel-ratio: 2), not screen and (min-resolution: 192dpi), not screen and (min-resolution: 2dppx) {

    body {
        font-weight: 300;
    }
}

@media only screen and (max-width: 1350px) {

    .bulkscan-download-button {
        width: 50px !important;
    }
}

@media only screen and (max-width: 599px) {

    .bulkscan-download-button {
        width: 50px !important;
    }

    [class^="colgroup-"] {
        width: 100% !important;
    }

        [class^="colgroup-"] .col {
            float: none;
            width: 100% !important;
            margin-left: 0 !important;
            margin-bottom: 10px;
        }

    #page.mobile-collapsed {
        width: 100% !important;
    }

    .results-specs .col {
        max-width: 49%;
        display: inline-block;
    }

    .results-specs .col[class~="display-none"] {
        display: none;
    }
}

@media only screen and (max-width: 1079px) {

    .specifications [class^="colgroup-"] {
        width: 100% !important;
    }

    .bulkscan-download-button {
        width: 50px !important;
    }

    .specifications [class^="colgroup-"] .col {
        float: none;
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 10px;
    }

    .specs-rows-mobile .col {
        max-width: 49%;
        display: inline-block;
    }

    .specs-rows-mobile .legend {
        height: inherit !important;
    }

    .specs-rows-mobile h3 {
        margin-bottom: 0;
    }

    .specs-rows-mobile .remove {
        margin-right: 9px;
    }

    .specs-rows-mobile input {
        display: none;
    }
}

@media only screen and (max-width: 801px) {

    .bulkscan-download-button {
        width: 50px !important;
    }

    body {
        font-size: 14px;
    }

    .search-bar {
        display: none;
    }

    .search-help-bar {
        display: none;
    }

    .current-workspace {
        display: none;
    }

    .tool-bar-message {
        display: none;
    }

    .popup {
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
    }

    .popup-content {
        padding: 60px 0 20px;
    }

    #page .toggle-menu {
        display: block;
    }

    nav {
        width: 0;
    }

        nav.mobile-expanded {
            z-index: 9999;
            width: 260px;
            -webkit-box-shadow: 15px 0 15px 0 rgba(0,0,0,0.2);
            box-shadow: 15px 0 15px 0 rgba(0,0,0,0.2);
        }

            nav.mobile-expanded header {
                display: none;
            }

    #page,
    #page header {
        width: 100%;
        left: 0;
    }

        #page.expanded {
            left: 0;
            width: 100%;
        }

            #page.expanded header {
                left: 0;
                width: 100%;
            }

        #page.mobile-collapsed {
            left: 260px;
            width: 100%;
        }

            #page.mobile-collapsed header {
                left: 260px;
                width: calc(100% - 260px);
            }

                #page.mobile-collapsed header .search-bar,
                #page.mobile-collapsed header .tool-bar,
                #page.mobile-collapsed header .current-workspace {
                    display: none;
                }

        .design-full-overview,
        .design-full-overview .design-full-head,
        #page.expanded .design-full-overview,
        #page.expanded .design-full-overview .design-full-head {
            margin-left: 0;
        }

        #page.mobile-collapsed .design-full-overview,
        #page.mobile-collapsed .design-full-overview .design-full-head {
            width: 100% !important;
            margin-left: 260px !important;
        }

    .message-box {
        left: 0;
    }

    #page.expanded .message-box {
        left: 0;
    }

    #page.mobile-collapsed .message-box {
        left: 260px;
        width: 100%;
    }

    .tool-bar-item {
        position: static;
    }

    .tool-bar-block {
        width: 100%;
        top: 80px;
        left: 0;
        right: 0;
        border-top: 1px solid #f5f5f5;
        border-radius: 0;
    }

    .design-full-overview .design-full-head {
        padding: 40px 20px;
    }

        .design-full-overview .design-full-head h1 {
            font-size: 18px;
        }

    .designapp-buttons {
        margin-top: 10px;
    }
}


@media only screen and (max-width: 1201px) {

    #page header {
        padding-left: 20px;
        padding-right: 20px;
    }

    .bulkscan-download-button {
        width: 50px !important;
    }

    [class^="colgroup-"] {
        width: calc(100% + 10px);
    }

        [class^="colgroup-"] .col {
            margin-left: 10px;
        }

    .colgroup-2 > .col {
        width: calc(50% - 10px);
    }

    .colgroup-3 > .col {
        width: calc(100% / 3 - 10px);
    }

    .colgroup-3 > .col-66 {
        width: calc(100% / 3 * 2 - 10px);
    }

    .colgroup-4 > .col {
        width: calc(25% - 10px);
    }

    .colgroup-4 > .col-50 {
        width: calc(50% - 10px);
    }

    .colgroup-4 > .col-75 {
        width: calc(75% - 10px);
    }

    .colgroup-5 > .col {
        width: calc(20% - 10px);
    }

    .colgroup-5 > .col-40 {
        width: calc(40% - 10px);
    }

    .colgroup-5 > .col-60 {
        width: calc(60% - 10px);
    }

    .colgroup-5 > .col-80 {
        width: calc(80% - 10px);
    }

    [class^="colgroup-"] > .col-100 {
        width: calc(100% - 10px);
    }

    #page-content:not(.is-iframe) {
        padding: 10px;
    }

        #page-content > * {
            margin-bottom: 10px;
        }

    .block {
        padding: 20px;
    }

    .page-tabs,
    .page-table,
    .sub-navigation,
    .map {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
    }

    .design-overview-table {
        width: calc(100% + 80px);
        margin-left: -40px;
        margin-right: -40px;
    }

    .current-workspace {
        padding-right: 20px;
        margin-right: 20px;
    }
}

@media only screen and (min-width: 1200px) {
}

@media only screen and (max-width: 599px) {

    .current-workspace {
        display: none;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1201px) {

    .bulkscan-download-button {
        width: 50px !important;
    }

    .current-workspace {
        display: none;
    }

    #page.expanded .current-workspace {
        display: inline-flex;
    }
}