//*****************************************************************************
//*****************************************************************************
// SwellCore Quasar Internal Layout Styles
//*****************************************************************************
//*****************************************************************************

//=============================================================================
// Modal Content Styles
//=============================================================================
.scq-modal-content > .scq-record-view {
    margin: 10px 20px;
}

//*****************************************************************************
//*****************************************************************************
// Responsive CSS Styles
//*****************************************************************************
//*****************************************************************************

//=============================================================================
// Large desktop
//=============================================================================
@media (min-width: 1200px) {
    
}

//=============================================================================
// Small Desktop
//=============================================================================
@media (min-width: 980px) {
    
}

//=============================================================================
// Portrait tablet to landscape and Desktop
//=============================================================================
@media (min-width: 768px) and (max-width: 979px) {
    
}

//=============================================================================
// Tablet
//=============================================================================
@media (max-width: 1024px) {

    .scq-modal-content > .scq-record-view {
        margin: 10px 15px;
    }

}

//=============================================================================
// Landscape phone to portrait tablet
//=============================================================================
@media (max-width: 767px) {

    .scq-modal-content > .scq-record-view {
        margin: 10px;
    }

}

//=============================================================================
// Landscape phones
//=============================================================================
@media (max-width: 480px) {

    .scq-modal-content > .scq-record-view {
        margin: 10px 5px;
    }

}

//=============================================================================
// Portrait phones and down
//=============================================================================
@media (max-width: 320px) {
    
}