:root {
    --bs-primary: #4E9D75 !important;
}

html {
    font-size: 14px;
    height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, 
.btn:active:focus, 
.btn-link.nav-link:focus, 
.form-control:focus, 
.form-check-input:focus, 
.btn-outline-success:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #258cfb !important;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 0px;
    background-color: #F7F7F7;
    height: 100%;
}

.base {
    background-color: #CED6CC;
}

.form-control:focus {
    border-color: #4E9D75;
    box-shadow: 0 0 0 0.2rem rgba(78, 157, 117, 0.25);
}

.btn.btn-secondary-custom {
    background-color: #A1A0A0;
    color: #fff;
}
    .btn.btn-secondary-custom:focus,
    .btn.btn-secondary-custom:hover {
        border-color: #A1A0A0;
        box-shadow: 0 0 0 0.2rem rgba(161, 160, 160, 0.25);
    }

    .btn.btn-secondary-custom:active {
        border-color: #A1A0A0;
    }

        .btn.btn-secondary-custom:active:focus {
            box-shadow: 0 0 0 0.2rem rgba(161, 160, 160, 0.25);
        }


.btn.btn-primary-custom {
    background-color: #4E9D75;
    color: #fff;
}

    .btn.btn-primary-custom:focus,
    .btn.btn-primary-custom:hover {
        border-color: #4E9D75;
        box-shadow: 0 0 0 0.2rem rgba(78, 157, 117, 0.25);
    }

    .btn.btn-primary-custom:active {
        border-color: #4E9D75;
    }

        .btn.btn-primary-custom:active:focus {
            box-shadow: 0 0 0 0.2rem rgba(78, 157, 117, 0.25);
        }



.form-check-input.check-custom {
    background-color: #4E9D75;
    border-color: #4E9D75;
}

.mini-logo-img{
    width: 6em;
    height: auto;
}

.submit-progress-bg {
    background-color: lightgray;
    opacity: .5;
}

.submit-progress {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 6em;
    padding-top: 2.3em;
    z-index: 1;
    /* The following properties are the ones most likely to change */
    width: 20em;
    /* Set 'margin-left' to a negative number that is 1/2 of 'width' */
    margin-left: -10em;
    padding-left: 2.1em;
    background-color: black;
    color: white;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    box-shadow: 0.4em 0.4em rgba(0,0,0,0.6);
    -webkit-box-shadow: 0.4em 0.4em rgba(0,0,0,0.6);
    -moz-box-shadow: 0.4em 0.4em rgba(0,0,0,0.6);
}

/* Changing style for spinner */
.submit-progress {
    padding-top: 2em;
    width: 23em;
    margin-left: -11.5em; /* Set to a negative number that is 1/2 of the width */
}

    .submit-progress i {
        margin-right: 0.5em;
    }

.hidden {
    display: none;
}

.cookie {
    width: 70%;
    /*height: 72px;*/
    background-color: #fff;
    position: fixed;
    bottom: 4%;
    border-radius: 10px;
    left: 2%;
    padding: 10px 20px;
    z-index: 2000;
}

    .cookie .txt {
        float: left;
        width: 80%;
    }

.txt p {
    color: #1D2D35;
}

.cookie .accept {
    background-color: #40CC79;
    color: #fff !important;
    border-radius: 32px;
    padding: 3px 23px;
    /* align-self: center; */
    font-size: 19px;
    margin-top: 2.5%;
    margin-left: 3%;
}

    .cookie .accept:hover {
        background-color: #30b867;
    }