﻿

/*.container {
    background-color: #f8f8f8;
}*/
:root {
    --page-background: #FFF;
    --input-boxes-border: 1px solid #dbdbdb;
    --input-text-color: #150033;

    --input-border-radius: 0;
    --border-radius: 0;
    --button-border-radius: 0;
}
h1{
	line-height: 2.1rem;
}
.theme-1 {
    background: #102136;
    color: #FFF;
}

    .theme-1.hoverable:hover, .theme-1 .hoverable:hover {
        border: solid 1px #bbb6be;
        background-color: #e5e0da;
        font-weight: 500;
        color: #393939;
    }

.theme-2 {
    background-color: #fff;
    /*background: #150033;*/
    color: #102136;
}

    .theme-2.container {
        border: solid 1px #d9d9d9;
    }

.theme-3 {
    background: #e5e0da;
    color: #393939;
}

    .theme-3.focus {
        background: #102136;
        color: #FFF;
    }

.theme-4 { /*Used in wizard pills*/
    color: #8F8F8F;
    background-color: #f3f3f3;
}

    .theme-4.focus { /*Used in wizard pills*/
        color: #FFF;
        background-color: #102136;
    }

.theme-4-text {
    color: #8F8F8F;
}

    .theme-4-text.focus {
        color: #102136;
    }

/*.theme-4-background {
    background-color: #f3f3f3;
}

    .theme-4-background.focus {
        background-color: #d3c1f4;
    }
*/
/*.btn, input {
    border-radius: 0;
}*/

.btn-primary {
    background: #102136;
    color: #FFF;
}

    .btn-primary.btn:hover:not([disabled]) {
        background: linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1)),#102136 !important
    }

.btn-secondary {
    background: none;
    border: solid 1px #102136;
    color: #102136;
}

    .btn-secondary.btn:hover:not([disabled]) {
        background-color: #eae6e1;
        border: solid 1px #393939;
        color: #393939;
    }

.btn-tertiary {
    background: #eae6e1;
    color: #102136;
    border: solid 1px #102136;
    font-family: var(--button-font-family) !important;
}

    .btn-tertiary.btn:hover:not([disabled]) {
        background: #102136;
        color: #FFF;
    }

.icon-btn:hover {
    color: #393939;
}
