/*
[styles]
fontFamily = "Roboto"
primaryColor = "#3C4F80"
secondaryColor = "#FFFFFF"
thirdColor = "#2B7933"
fourthColor = "#377EBE"
iconColor = "#E1E1E1"
iconHoverColor = "#B1B1B1"
iconSelectedColor = "#3C4F80"
iconSelectedHoverColor = "#377EBE"
modalPosition = "flex-start"
footerBgColor = "#D0CFCF"
*/

.program-font-family {
    font-family: Roboto !important;
}

.program-primary-background-color {
    background-color: #3C4F80 !important;
}

.program-primary-border-color {
    border-color: #3C4F80 !important;
}

.program-primary-color {
    color: #3C4F80 !important;
}

.program-primary-color-hover:hover {
    color: #3C4F80 !important;
}

.program-primary-color-hover.hover {
    color: #3C4F80 !important;
}

.program-secondary-background-color {
    background-color: #FFFFFF !important;
}

.program-secondary-border-color {
    border-color: #FFFFFF !important;
}

.program-secondary-color {
    color: #FFFFFF !important;
}

.program-secondary-color-hover:hover {
    color: #FFFFFF !important;
}

.program-secondary-color-hover.hover {
    color: #FFFFFF !important;
}

.program-third-background-color {
    background-color: #2B7933 !important;
}

.program-third-border-color {
    border-color: #2B7933 !important;
}

.program-third-color {
    color: #2B7933 !important;
}

.program-third-color-hover:hover {
    color: #2B7933 !important;
}

.program-third-color-hover.hover {
    color: #2B7933 !important;
}

.program-fourth-background-color {
    background-color: #377EBE !important;
}

.program-fourth-border-color {
    border-color: #377EBE !important;
}

.program-fourth-color {
    color: #377EBE !important;
}

.program-fourth-color-hover:hover {
    color: #377EBE !important;
}

.program-fourth-color-hover.hover {
    color: #377EBE !important;
}

.program-icon-color {
    color: #E1E1E1 !important;
}

.program-icon-color:hover {
    color: #B1B1B1 !important;
}

.program-icon-color.hover {
    color: #B1B1B1 !important;
}

.program-icon-color.selected {
    color: #3C4F80 !important;
}

.program-icon-color.selected:hover {
    color: #377EBE !important;
}

.program-icon-color.selected.hover {
    color: #377EBE !important;
}

.program-modal-position {
    align-items: flex-start !important;
}

footer.signin, footer.signin a {
    background-color: #D0CFCF !important;
}