@charset "UTF-8";

body {font-family: "Roboto", sans-serif; font-size: 1em; font-variant-ligatures: none; margin: 0; min-height: 100vh; padding: 0;}

a, a:visited {color: #009FE1; text-decoration: none;}
a:hover, a:active, a:focus {color: #009FE1; text-decoration: underline;}
h1 {color: #009FE1; font-size: 1rem; font-weight: 500; margin: 0; padding: 0;}
h1 a {display: inline-block; padding: .75rem 0;}
h1 a:hover, h1 a:active, h1 a:focus {text-decoration: none;}
h2 {color: #333; font-size: 2rem; font-weight: 500;}
h3 {color: #333; font-size: 1.5rem; font-weight: 500;}

.btn-public {
--bs-btn-color: #009FE1;
--bs-btn-bg: #2D2E83;
--bs-btn-border-color: #b7b6b3;
--bs-btn-hover-color: #009FE1;
--bs-btn-hover-bg: #2D2E83;
--bs-btn-hover-border-color: #0a58ca;
--bs-btn-focus-shadow-rgb: 49,132,253;
--bs-btn-active-color: #009FE1;
--bs-btn-active-bg: #0a58ca;
--bs-btn-active-border-color: #0a53be;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #009FE1;
--bs-btn-disabled-bg: #2D2E83;
--bs-btn-disabled-border-color: #2D2E83;
--bs-btn-padding-y: 0.75rem;
--bs-btn-font-weight: 500;
}
.form-control {background-color: #f6f6f6; color: #333;}
.form-control:focus {background-color: #fff; color: #333; border-color: #009FE1; box-shadow: none; outline: 0;}
.form-control-lg {border-radius: .25rem; font-size: 1rem;}
.alert p:last-child, .alert ol:last-child {margin-bottom: 0;}
.btn-check:active + .btn:focus, .btn-check:checked + .btn:focus, .btn.active:focus, .btn.show:focus, .btn:active:focus {box-shadow: none;}

.wrapper {display: flex; flex-direction: column; min-height: 100vh;}
#content {display: flex; flex: auto 1 1; position: relative;}
#footer, #header {flex-shrink: 0;}

#header-top {background-color: #2D2E83;}
#header-bottom {-moz-box-shadow: 0 4px 4px rgba(200, 200, 200, 0.4); -webkit-box-shadow: 0 4px 4px rgba(200, 200, 200, 0.4); box-shadow: 0 4px 4px rgba(200, 200, 200, 0.4);}
#header-bottom #inka {display: inline-block; height: 50px; margin: 15px 0;}

#login, #forgotten {color: #333; max-width: 480px; padding: 0 15px;}
#login-bg, #forgotten-bg {background: url("../images/login_bg.jpg") center right; background-size: cover;}

#register {color: #333; max-width: 650px; padding: 0 15px;}
#register-bg {background: url("../images/register_bg.jpg") center left; background-size: cover;}
#register #lopd-text {font-size: .9rem;}

#footer {background-color: #333; color: #fff;}
#footer #inka-2 {display: inline-block; height: 50px; margin: 0 3rem 0 0;}
#footer nav a {color: #fff;}
#footer #copyright {margin-bottom: 0; padding-left: 1rem;}