.full-width-mode {
    .container, .container-xl {
        max-width: 100%;
    }
}

.main-container,
.page_content {
    min-height: 600px;
}

// Main container spacing and styling
.main-container {
    background: #fff;
    float: left;
    width: 100%;
    margin-top: 144px;
    margin-bottom: 60px;
    border-radius: $main-content-border-radius;
    box-shadow: 0 0 15px 0px rgba(0,0,0,0.05);

    // Main container spacing to make space for navigation on tablet
    @media only screen and (max-width: 980px) {
        margin-top: 120px;
    }

    // Main container spacing to make space for navigation on mobile
    @media only screen and (max-width: 767px) {
        margin-top: 80px;
    }

    // Adds correct border radius to navbar inside main container wrapper
    .navbar {
        border-top-left-radius: $main-content-border-radius;
        border-top-right-radius: $main-content-border-radius;
    }
}



// Center content for extra large screen
.container-center {
    margin-right: auto;
    margin-left: auto;
    max-width: 1224px;
}

// Padding on main panel
.main-panel  {
    padding: 10px;
}


.hidden-screen {
    display: none !important;
}

// print view
@media only print {

    .main-container {
        margin-left: 0;
        margin-right: 0;
    }

    .page_box {
        width: 100%;
    }


    .page_content {
        margin-left: 0;
    }

}
