@import url('bootstrap-4.3.1.min.css') layer(bootstrap);
@import url('selectize.bootstrap3.css') layer(selectize);


/* ----------------- Start New login stuff ------------------- */

@layer mobile_override {

    @media /* Portrait mobile */
           (hover: none) and (max-width: 1139px) and (max-aspect-ratio: 1 / 1) and (-webkit-min-device-pixel-ratio: 2),
           (hover: none) and (max-width: 1139px) and (max-aspect-ratio: 1 / 1) and (min-resolution: 2dppx) {

        body:not(.transparent-iframe-body) .login-box-header {
            border-left: solid black 0.3rem;
            border-top: solid black 0.3rem;
            border-right: solid black 0.3rem;
            border-top-left-radius: 3rem;
            border-top-right-radius: 3rem;
            font-size: 4rem;
            height: 7rem;
            padding-left: 4rem;
            padding-right: 4rem;
        }

        body:not(.transparent-iframe-body) .login-box-cancel {
            right: 1rem;
        }

        body:not(.transparent-iframe-body) .login-box-body {
            border-left:  solid black 0.3rem;
            border-right: solid black 0.3rem;
            padding: 2rem;
        }

        body:not(.transparent-iframe-body) .login-box-body img {
            height: 10rem;
        }

        body:not(.transparent-iframe-body) .login-box-body div {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        body:not(.transparent-iframe-body) .login-box-body a {
            font-size: 2rem;
        }

        body:not(.transparent-iframe-body) .login-box-body h2 {
            font-size: 3.6rem;
        }

        body:not(.transparent-iframe-body) .login-box-body h3 {
            font-size: 3.0rem;
        }

        body:not(.transparent-iframe-body) .login-box-create-account-button {
            border: solid 0.6rem var(--corporate-main-color-dark);
            border-radius: 3rem;
            font-size: 3rem;
            padding-left: 6rem;
            padding-right: 6rem;
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        body:not(.transparent-iframe-body) .login-box-footer {
            border-left: solid black 0.3rem;
            border-bottom: solid black 0.3rem;
            border-right: solid black 0.3rem;
            border-bottom-left-radius: 2rem;
            border-bottom-right-radius: 2rem;
            height: 7rem;
        }
    }

    @media /* Any mobile */
           (hover: none) {

        .mfa-type-button {
            text-align: center;
        }

        .send-code-button {
            text-align: center;
        }

        #mfa-options .row:not(:last-child) {
            margin-bottom: 10px;
            border-bottom: solid var(--corporate-secondary-color-medium-gray) 3px;
            padding-bottom: 10px;
        }
    }
} /* End of layer */

@layer worktour_base {

    .simple-elliptify {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /* For sales leads and orders */
    #qualified-leads-table {
        overflow: auto;
        max-height: min(720px, 50vh);
        margin-bottom: 5px;
        border: solid black 1px;
    }

    #qualified-leads-table th {
        min-width: 7rem;
    }

    #qualified-leads-table .action-col {
        text-align: center;
        padding-top: 5px;
    }

    #qualified-leads-table td, #qualified-leads-table th {
        vertical-align: top;
    }

    #orders-table .deal-size {
        text-align: right;
    }


    /* For schools and districts */
    .school-or-district-modal .instructions {
        padding: 10px;
        font-size: 75%;
        border-bottom: solid black 3px;
        max-height: 15vh;
        overflow-y: auto;
    }

    .school-or-district-modal .modal-dialog {
        margin-top: 150px;
    }

    .school-or-district-modal .modal-body {
        max-height: 50vh;
        min-height: 370px;
    }


    /* For sortable tables */
    .dashboard-table {
        width: 100%;
    }

    .dashboard-table th, .dashboard-table td {
        padding-left: 5px;
        padding-right: 5px;
        position: relative;
    }

    .padded-table.dashboard-table th,
    .padded-table.sortable-table th,
    .dashboard-table.sortable-table th{
        padding-right: 33px;
    }

    .dashboard-table th:has(em[data-sort-field]),
    .sortable-table th:has(em[data-sort-field]),
    .dashboard-table.sortable-table th:has(em[data-sort-field]){
        cursor: ns-resize;
    }

    .dashboard-table .header-row {
        background-color: var(--corporate-secondary-color-medium-gray);
        color: black;
    }

    .dashboard-table .header-row th {
        padding-right: 2rem;
        vertical-align: bottom;
    }

    .dashboard-table th, .sortable-table th {
        position: relative;
    }

    .dashboard-table .sort-arrow, .sortable-table .sort-arrow {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        position: absolute;
        right: 3px;
    }

    .dashboard-table .sort-arrow,
    .sortable-table .sort-arrow {
        cursor: ns-resize;
    }

    .curate-btn {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .career-favorite-section {
        position: relative;
        width: 100%;
    }

    .career-favorite-section-body {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .career-favorite-section-body .body-header:hover {
        border: dotted var(--corporate-main-color-dark) 3px;
        cursor: pointer;
    }

    .career-favorite-section-body h1 {
        padding-top: unset !important;
    }

} /* End of layer */

/* ----------------- End New login stuff ------------------- */