/*the !important tag is needed to override the styles of nodes with vuetify defaults*/
/*
1REM=16PX
*/

/*##############################################################*/
/*APP CLASSES*/
/*##############################################################*/
.app-class-section-headings
{
    color: #167232 !important;
}

/*=============================================*/
/*priority areas styles group*/
/*=============================================*/
.app-class-priority-areas-heading
{
    background-color: #167232 !important;
    color: #fff !important;
    height:3rem !important;
}
.app-class-priority-areas-footer
{
    background-color: #6c757d !important;
    height:3rem !important;
}
/*=============================================*/

/*=============================================*/
/*summaries panel styles group*/
/*
style-group for the card used for service_readines
e.t.c summaries panels
*/
/*=============================================*/
.app-class-summary-panel-headings
{
    background-color: #167232 !important;
    color: #fff !important;
    font-size: 1rem !important;
    height:2rem !important;
}
.app-class-summary-panel-headings h4
{
    font-size: 18px !important;
}
.app-class-summary-panel-text-bold
{
    font:Bold 16px/20px Source Sans Pro !important;
    color: #343434 !important;
}
.app-class-summary-panel-body
{
    font-size:16px !important;
}
.app-class-summary-panel-group-headings
{
    color: #167232 !important;
    font-size: 20px;
}
/*=============================================*/

.app-class-text-bold
{
    font:Bold 18px/20px Source Sans Pro !important;
    color: #343434 !important;
}

.app-class-text-light
{
    font:Regular 16px/20px Source Sans Pro !important;
    color:#343434 !important;
}