// Common/Global Styles
// Use this file for global styles that don't or won't have their own stylesheet
body {
    font-size: 16px;
    background-color: #fff;
    color: #4d5151;
    .container-fluid {
        max-width: 1400px;
        padding: 0 1.5rem;
        .prevent-squish {
            overflow-x: unset;
        }
        &.page-container-grouped-styles {
            height: 100vh;
            display: flex;
            flex-direction: column;
        }
    }
    .pointer {
        cursor: pointer;
    }
    .container,
    .container-fluid {
        overflow-x: hidden;
    }

    .sub-container {
        &.make-tall {
            height: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
        }
    }

    .sr-only {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }
}
//Disable scroll of main container when modal is open
.modal-open {
    .page-container-grouped-styles {
        overflow: hidden;
    }
}