﻿body {
    background-color:#dfdddd;
}

header #header-row-1 {
    background-color: #003366;
}

header #header-row-1 .container {
    display:flex;
    align-items: center;
    padding:20px;
}

header #header-row-1 .container .header-items.header-item-logo {
    width: 128px;
    flex: 0 0 128px;
    padding-right: 20px;
    box-sizing: content-box;
}

header #header-row-1 .container .header-items h1 a {
    font-size: 2.5rem;
}

header #header-row-1 .container .header-items h1 a:hover,
header #header-row-1 .container .header-items h1 a:focus {
    text-decoration:none;
}

header #header-row-1 .container .header-items h1 a,
header #header-row-1 .container .header-items h2 {
    color:#FFF;
    text-transform:uppercase
}

header #header-row-2 {
    background-color: #feb940;
}

.navbar-light .navbar-nav {
    text-align:right;
}

.navbar-light .navbar-nav .nav-link {
    color:#003366;
}

.navbar-light .navbar-toggler {
    outline: none;
    border: 1px solid #036;
    background-color: #dfdddd;
    border-radius: 50%;
    padding: 6px 7px;
}

.container #access-box {
    max-width: 400px;
    width: 100%;
    margin: 100px auto;
    padding: 30px;
    background-color: #FFF;
    box-shadow: 0px 3px 30px #999;
}

.container #access-box form .step {
    display:none;
}

.container #access-box form .step h3 {
    color: #036;
    font-size: 1.5rem;
}

.container #access-box form .step h3 a {
    color:#003366;
    transition: color 200ms;
}

.container #access-box form .step h3 a:hover,
.container #access-box form .step h3 a:focus {
    text-decoration:none;
    color:#feb940;
}

.container #access-box form .step .form input[type="email"],
.container #access-box form .step .form input[type="text"],
.container #access-box form .step .form input[type="password"] {
    border:0;
    border-bottom:1px solid #003366;
    padding: 10px 5px;
    font-size: 1.1rem;
}

.container #access-box form .step .form input[type="password"] + .input-group-append.toggle-password span,
.container #access-box form .step .form input[type="text"] + .input-group-append.toggle-password span {
    border:none;
    background-color: transparent;
}

.container #access-box form .step .form input[type="password"] + .input-group-append.toggle-password span a,
.container #access-box form .step .form input[type="text"] + .input-group-append.toggle-password span a {
    color:#003366;
}

.container #access-box form .step .form input[type="password"] + .input-group-append span a:hover,
.container #access-box form .step .form input[type="password"] + .input-group-append span a:focus,
.container #access-box form .step .form input[type="text"] + .input-group-append span a:hover,
.container #access-box form .step .form input[type="text"] + .input-group-append span a:focus {
    text-decoration:none;
}

.container #access-box form .step .input-group-append.toggle-password.show span a i.show-pass {
    display:none;
}

.container #access-box form .step .input-group-append.toggle-password span a i.show-pass {
    display:inline;
}

.container #access-box form .step .input-group-append.toggle-password.show span a i.hide-pass {
    display:inline;
}

.container #access-box form .step .input-group-append.toggle-password span a i.hide-pass {
    display:none;
}

.container #access-box form .step .form input[type="email"]:focus,
.container #access-box form .step .form input[type="text"]:focus,
.container #access-box form .step .form input[type="password"]:focus {
    outline:none;
    border-color: #feb940;
    box-shadow:none;
}

.container #access-box form .step .form .btn {
    border-radius:0;
    border:none;
    padding:7px 30px;
}

.container #access-box form .step .form .btn.btn-primary {
    background-color:#003366;
}

.container #access-box form .step .form .btn.btn-primary:hover,
.container #access-box form .step .form .btn.btn-primary:focus {
    background-color:#feb940;
    color:#003366;
}

input::-ms-reveal {
  display: none;
}