:root {
    --clr-violet-base: #433894;
    --clr-violet-70: #7b73b4;
    --clr-violet-50: #a19bc9;
    --clr-violet-20: #d9d7e9;
    --clr-violet-8: #ecebf4;
}

.navbar-inverse.main-top-nav{
    background-color: var(--clr-violet-base);
    color: #ffffff;
}

.navbar-inverse.main-top-nav::after{
    border-bottom: solid 2px var(--clr-violet-50);
}

.footer-area .content-area{
    background-color: var(--clr-violet-base);
    color: #ffffff;
}

.footer-area .content-area::before{
    border-top: solid 2px var(--clr-violet-50);
}

.navbar-inverse.main-top-nav li > a:active,
.navbar-inverse.main-top-nav li > a:focus,
.navbar-inverse.main-top-nav li > a:hover {
    background: var(--clr-violet-70) !important;
}

.dropdown-menu li a {
    color: #000 !important;
}

.dropdown-menu li a {
    color: #000 !important;
}

.dropdown-menu a:hover {
    color: #fff !important;
    background: var(--clr-violet-70) !important;
}

label {
    color: #000;
}

a, a:hover, a:focus, a:active {
    color: var(--clr-violet-base);
}

.fieldset-group {
    background-color: var(--clr-violet-8);
    border: solid 1px #000;
}

.fieldset-group legend {
    color: #000;
    background-color: var(--clr-violet-8);
    border: solid 1px #000;
}

legend, h1, h2, h3 {
    color: #000;
}

.btn.btn-success, 
.btn.btn-primary {
    border-color: var(--clr-violet-70);
    background-image: linear-gradient(to bottom,var(--clr-violet-70) 0,var(--clr-violet-base) 100%);
    background-repeat: repeat-x;
}

.btn.btn-success:hover,
.btn.btn-success:focus,
.btn-group:hover,
.btn-group:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
    background-color: var(--clr-violet-base);
    border-radius: 5px;
}

.btn.btn-default:hover,
.btn.btn-default:focus {
    background-color: #e0e0e0;
}

.open>.dropdown-toggle.btn-success,
.open>.dropdown-toggle.btn-success:hover,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-primary,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    border-color: var(--clr-violet-70);
    background-color: var(--clr-violet-70);
}

.form-control {
    border: 1px solid #d2d2d2;
}

.form-control:focus {
    border: 1px solid #000;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.1);
}

.panel.comprehensive-1 .panel-heading,
.panel.comprehensive-2 .panel-heading,
.panel.comprehensive-3 .panel-heading,
.panel.comprehensive-4 .panel-heading {
    border-color: var(--clr-violet-50);
    background: var(--clr-violet-70);
    text-shadow: none;
}

.renewal-premium-btn {
    border: solid 1px var(--clr-violet-50);
    border-radius: 3px;
    padding: 2px 8px;
    color: var(--clr-violet-70);
    margin: 7px 0 7px 10px;
    flex: 2;
}

.renewal-premium-btn-activated {
    border: solid 1px var(--clr-violet-50);
    background-color: var(--clr-violet-50);
    border-radius: 3px;
    padding: 2px 8px;
    color: #ffffff !important;
    margin: 7px 0 7px 10px;
    flex: 2;
}

.renewal-premium-btn-activated:hover {
    border: solid 1px var(--clr-violet-base);
    text-decoration: none;
    color: var(--clr-violet-20);
}

.renewal-premium-btn:hover {
    border: solid 1px var(--clr-violet-base);
    text-decoration: none;
    color: var(--clr-violet-20);
}

.renewal-premium,
.renewal-premium-two-vehicles {
    border: solid 1.5px var(--clr-violet-50);
    border-radius: 3px;
    padding: 5px  10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 15px;
    box-shadow: 0 0 4px var(--clr-violet-50);
}

.renewal-premium-title {
    font-size: 15px;
    color: var(--clr-violet-70);
}

.renewal-premium-amount {
    font-size: 19px;
    color: var(--clr-violet-base);
}

.renewal-premium-chf {
    font-size: 15px;
    color: var(--clr-violet-base);
}

.optional-coverage-highlighted{
    color: var(--clr-violet-base);
}

.coverage-inactive a,
.panel-info a,
.panel-body-accept-pdf,
.panel.comprehensive-1 a,
.panel.comprehensive-2 a,
.panel.comprehensive-3 a,
.panel.comprehensive-4 a {
    color: var(--clr-violet-70);
}

.panel.comprehensive-1 .btn:focus,
.panel.comprehensive-2 .btn:focus,
.panel.comprehensive-3 .btn:focus,
.panel.comprehensive-4 .btn:focus,
.panel.comprehensive-1 .btn,
.panel.comprehensive-2 .btn,
.panel.comprehensive-3 .btn,
.panel.comprehensive-4 .btn {
    font-weight: bold;
    letter-spacing: normal;
    text-transform: uppercase;
    font-size: var(--clr-violet-base);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    background-color: var(--clr-violet-70);

    border: none;
    background-image: none;
    background-repeat: none;
    text-shadow: none;
}

.btn-accept {
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    background-color: var(--clr-violet-70);
    margin: 0 0 10px 0;

    border: none;
    background-image: none;
    background-repeat: none;
    text-shadow: none;
}

.btn-accept:active,
.btn-accept:focus,
.btn-accept:hover {
    color: #fff;
    background-color: var(--clr-violet-50);
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
    border: none;
    background-image: none;
    background-repeat: none;
    text-shadow: none;
}

.panel.comprehensive-1 .btn:hover,
.panel.comprehensive-2 .btn:hover,
.panel.comprehensive-3 .btn:hover,
.panel.comprehensive-4 .btn:hover {
    background-color: var(--clr-violet-50);
}