@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600,800&display=swap');
:root{
    --primary:#3169F1;
    --link: #5a87f4;
    --link-hover: #3333f7;
    --accent-cyan:#6ADAEF;
    --accent-cyan-dark:#3CCBE7;

    --accent-blue:#4A9CF0;
    --accent-dark-blue:#3067F1;
    --bs-danger:#E56E75;
    --bs-success:#7FC682;
    --bs-warning:#FBB57C;
    --control:#CFD0DA;
}
html,body{min-width:320px;min-height:568px;color:var(--primary-text)}
body{font-family:'Open Sans',sans-serif}
.wrapper{min-height:100vh;overflow:hidden}
.page-content{flex: 1 1 auto}
a{text-decoration:none}
a{color:var(--link);transition: color .3s ease-in-out}
a svg{transition:fill .3s ease-in-out}
a:hover{color:var(--link-hover)}
a[type=button] {-webkit-appearance: none;border-radius:0;-webkit-border-radius:0;}

a.logo{opacity:.8;transition: opacity .3s ease-in-out}
a.logo:hover{opacity:1}

.lang-switcher img{opacity:.75;transition: opacity .3s ease-in-out}
.lang-switcher:hover img{opacity:1}

.navbar-blue .navbar-toggler{color:var(--primary);border-color:var(--link);padding: 4px 8px}
.navbar-blue .navbar-toggler-icon{background-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2890, 135, 244, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

.btn {padding:.75em 1.5em;font-weight:600;transition: background-color .3s ease-in-out;}
.btn-outline-primary{color:var(--primary);border-color:var(--primary)}
.btn-outline-primary:hover{color:var(--bs-white);background-color:var(--primary);border-color:var(--primary)}
.btn:hover svg,.btn-outline-primary.dropdown-toggle.show svg,.dropdown-item:active svg,.btn-outline-primary:active svg{fill:var(--bs-white)}

@keyframes show{0%{opacity:.5} 100%{opacity:1}}
div{opacity:.5;transition:opacity 1s;animation:show .75s 1;animation-fill-mode:forwards}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s}
input.is-invalid {border-color:var(--bs-danger)!important}
input.is-valid {border-color:var(--bs-success)!important}
.text-danger{color:var(--bs-danger)!important}
.text-success{color:var(--bs-success)!important}
.text-warning{color:var(--bs-warning)!important}

.form-check-input:checked{background-color: var(--primary);border-color: var(--primary)}
.form-control:active,
.form-control:focus{background-color:var(--bs-white)!important;border:1px solid var(--control);box-sizing:border-box;box-shadow: 0 0 4px rgba(131, 165, 247, 0.5);border-radius:4px}
.form-control::placeholder{/* Chrome, Firefox, Opera, Safari 10.1+ */color:var(--control);opacity:1/* Firefox */}
.form-control:-ms-input-placeholder, .form-control:-ms-input-placeholder{/* Internet Explorer 10-11 */color:var(--control)}

.alert-success{background-color: #d1e7ddc9}
.alert-warning{background-color: #fff3cdcf}
.alert-danger{background-color: #f8d7dad6}
.alert-info{background-color: #cff4fcd1}