.gasl_app {
    
    /* 
        Margin - on the app block 
    */
    /* margin: 40px 20px; */
   
    /* 
        Padding - on the app block. 
        Leave a padding on the left and right to prevent sticking to the sides on smaller devices. 
        If you embed the app in a wrapper that has padding, you can set the padding to 0.  
    */
    padding: 40px 20px;

    /* 
        Font-size - of app. By default 1rem; 
    */
    font-size: 1rem;

    /* 
        Background - of app container 
    */
    background: #fafafa;

}
.gasl_app_inner {

    /* 
        Max-width - for the inner container 
    */
    max-width: 960px;

    /* 
        Centering
        The inner container is centered by default. Set margin to 0 to align the app to the left 
    */
    /* margin: 0; */

}

.gasl_app_list_tabs_button.gasl_s_active {
    /* 
        Active color
        Set the active border color of a selected tab
    */
    border-bottom-color: #5b2369 !important;
}


.gasl_app_list_item.gasl_s_active {
    /* 
        Active color
        Set the active border color of a selected item in the list
    */
    border-right-color: #5b2369 !important;
}


/*
        BRAND

        The app inherits font styles. If you want to alter color settings, you can do this below.
*/

.gasl_a_text_default {
    /* color: #444 !important; */
    font-family: 'Roboto',sans-serif;
}
.gasl_a_text_brand {
    color: #5b2369 !important;
    font-family: 'Roboto',sans-serif;
}
.gasl_a_text_over_bg_brand {
    color: #fff !important;
    font-family: 'Roboto',sans-serif;
}

.gasl_a_bg_brand {
    background-color: #006289 !important;
}

.gasl_a_border_radius {
    border-radius: 0 !important;
}

.gasl_a_border_color {
    border-color: #006289 !important;
}