:root{
    --bs-box-shadow: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);
}
body, html {
    height: 100%;
}
body{

    display: flex;
    flex-direction: column;
}
a,
body a:active,
body a:focus,
body a:hover{
    text-decoration: none!important
}


/* bootstrap override */
.form-control {
    --bs-body-bg: #f5f8fa;
    --bs-border-color: #f5f8fa;
    padding: .625rem 1.25rem;    
    border-color: #f5f8fa;
    transition: color .2s ease, background-color .2s ease;
}

.form-control:focus{
    --bs-body-color: #5e6278;
    --bs-body-bg: #eef3f7;
    border-color: #eef3f7;
    box-shadow: none;    
}
.form-control::-moz-placeholder {
    color: var(--bs-tertiary-color);
    opacity: 1
}

.form-control::placeholder {
    color: var(--bs-tertiary-color);
    opacity: 1
}


.form-label{
    font-size: .875rem;
}
.btn {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.75rem;
}
.btn-primary {
    --bs-btn-bg: #009ef7;
    --bs-btn-border-color: #009ef7;
}

.flex-center {
    justify-content: center;
    align-items: center;
}
.flex-column-fluid {
    flex: 1 0 auto;
}

.modal{
    --bs-modal-header-border-width: 0;
    --bs-modal-footer-gap: 4rem;
    --bs-modal-footer-border-width: 0;
    --bs-border-radius-lg: 0.3125rem;
}
.modal-backdrop.show {
    display: block !important;
}

.text-hover-primary {
    transition: color .2s ease, background-color .2s ease;
}
.text-hover-primary:hover {
    color: #009ef7 !important;
}


/**/
.mail > svg{
    width: 1.25rem;
    margin-right: -.25rem;
    margin-left: -.25rem;
}