//*****************************************************************************
//*****************************************************************************
// Body Styles
//*****************************************************************************
//*****************************************************************************

@use 'quasar.variables' as qv;

//*****************************************************************************
// Import Open Sans Font
//*****************************************************************************
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

//*****************************************************************************
// Font
//*****************************************************************************
html, body {
    //font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: Open Sans,sans-serif;
}

//*****************************************************************************
// Body Styles
//*****************************************************************************
body {
    font-weight: 400;
    line-height: 1.5em;
    color: #32394f;
}

//*****************************************************************************
// SwellCore Body
//*****************************************************************************
body.SwellCore {
    background: qv.$primary;
    &.auth {
        background: white;
    }

    //=========================================================================
    // General Link Styles
    //=========================================================================
    a,
    .q-tab {
        //color: #32394f;
        //color: #43829c;
        color: #54565a;
    }

    //=========================================================================
    // Cursor Styles
    //=========================================================================
    .cursor-pointer {
        cursor: pointer;
    }

    //=========================================================================
    // iOS footer whitespace fix
    //=========================================================================
    .q-body--prevent-scroll.platform-ios {
        overflow: hidden;
        position: relative !important;
    }

    //=========================================================================
    // Message Page
    //=========================================================================
    #msg_page {

        #header-wrapper {
            background: #fff;

            #header {
                img {
                    //width: 200px;
                    max-height: 150px;
                }
            }
        }

        #message_main {
            border: 1px solid #ececec;
        }
    }

    //=========================================================================
    // Page
    //=========================================================================
    #page {

        .scq-page {
            background: transparent;
        }

        .q-field .q-input,
        .q-field .q-select,
        .q-field .q-textarea {
            background: none !important;
            padding-left: 0px;
            padding-top: 0px;
            border-radius: 0;
        }

        .q-layout-page-container main.q-layout-page {
            background: #fff;
            padding: 20px 20px;
        }
    }

    //=========================================================================
    // Filter
    //=========================================================================
    .filter-select {
        min-width: 100px;
        padding: 7px 0;

        .q-input-target {
            padding-right: 10px;
        }
    }

}