:root {
    --electrocity-primary: #B10525;
    --electrocity-primary-20: rgba(177, 5, 37, 1);
    --electrocity-secondary: #0087CA;
    --electrocity-secondary-20: #CCF6EB;
    --electrocity-secondary-40: #99ECD7;
    --electrocity-teartary: #004694;
    --electrocity-teartary: #004694;
    --electrocity-neutro-00: #000000;
    --electrocity-neutro-10: #333333;
    --electrocity-neutro-20: #9A9A9A;
    --electrocity-neutro-30: #DBDBDD;
    --electrocity-neutro-40: #FFFFFF;
    --electrocity-neutro-50: rgba(248, 249, 250, 1);
    --electrocity-complementary-red: #EF5350;
    --electrocity-complementary-yellow: #FEAF2C;
    --electrocity-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .1);
    --electrocity-font-family: Montserrat;
}

body {
    font-family: var(--electrocity-font-family)!important;
}

.electrocity-color-secondary {
    color: var(--electrocity-secondary);
}

.electrocity-color-neutro-20 {
    color: var(--electrocity-neutro-20);
}

.electrocity-bg-primary {
    background-color: var(--electrocity-primary);
}

.electrocity-bg-primary-20 {
    background-color: var(--electrocity-primary-20) !important;
}

.electrocity-bg-secondary {
    background-color: var(--electrocity-secondary);
}

.electrocity-bg-neutro-00 { 
    background-color: var(--electrocity-neutro-00);
}

.electrocity-bg-neutro-50 {
    background: var(--electrocity-neutro-50);
}

.electrocity-shadow {
    box-shadow: var(--electrocity-shadow);
}

.electrocity-bg-gradient {
    background-image: linear-gradient(0.25turn, #B10525, #E54260);
    opacity:0.8;
}

.electrocity-border-color-neutro-20 {
    border-color: var(--electrocity-neutro-20);
}

.electrocity-btn-primary {
    color: var(--electrocity-neutro-40);
    background-color: var(--electrocity-teartary);
    border-color: var(--electrocity-teartary) !important;
}
    .electrocity-btn-primary:hover,
    .electrocity-btn-primary:focus,
    .electrocity-btn-primary:active{
        color: var(--electrocity-teartary)!important;
        background-color: var(--electrocity-neutro-40)!important;
        border-color: var(--electrocity-teartary)!important;
    }

.electrocity-btn-secondary {
    color: var(--electrocity-teartary);
    background-color: var(--electrocity-neutro-40);
    border-color: var(--electrocity-teartary);
}

    .electrocity-btn-secondary:hover,
    .electrocity-btn-secondary:focus,
    .electrocity-btn-secondary:active {
        color: var(--electrocity-neutro-40) !important;
        background-color: var(--electrocity-teartary) !important;
        border-color: var(--electrocity-teartary) !important;
    }

.electrocity-link {
    color: var(--electrocity-neutro-80);
}
    .electrocity-link:hover {
        color: var(--electrocity-neutro-100);
    }

.electrocity-brd {
    border: 2px solid rgba(0, 135, 202, 1);
    border-radius: 2px;
}

.electrocity-a {
    color: var(--electrocity-neutro-20);
}

.electrocity-a:hover {
    color: var(--electrocity-teartary);
}

.electrocity-min-height {
    min-height: 360px;
}

a.small.link-hover-underline.fw-semibold.electrocity:hover {
    color:var(--electrocity-primary-20);
}

/*owerwriten*/
.electrocity-navbrand {
    width: 8rem;
}

.toTop {
    bottom: 65px;
    right: 11px;
    width: 50px;
    height: 50px;
}

    .toTop.show { background-color: var(--electrocity-primary-20) !important; color: #fff !important }

    .wspButton { position: fixed; bottom: 140px; right: 11px; margin-right: 1rem; margin-bottom: 1rem; display: flex; cursor: pointer; line-height: 1; z-index: 1030; }
    .wspButton.si {
        width: 50px;
        height: 50px;
    }

a.d-inline-block.mb-1.ms-1.si.rounded-pill.si-border.si-hover-gmail:hover {
    background-image: radial-gradient(circle at 30% 107%, #3e65cf 0%, #c71610 10%, #f2a60c 31%, #3b60c4 55%, #08851b 78%) !important;
    color: #fff;
    border-color: transparent;
}