html {
    height: 100%;
}

body {
    min-height: 100vh;
    position: relative;
    font-size: 0.95rem;
    padding-bottom: 200px;
}

html, body {
    font-family: Arial, Tahoma;
}

a {
    text-decoration: none;
}

.ajax_loading p {
    position: absolute;
    left: 0;
    right: 0;
    top: 55%;
}
.ajax_loading {
    display:    none;
    position:   fixed;
    z-index:    9999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    font-weight: 600;
    text-align: center;
    font-size: 34px;
    padding-top: 337px;
    background: rgba( 0, 0, 0, .1 ) 
        url('../images/loader.png') 
        50% 50% 
        no-repeat;
}

h1 {
    font-size: 2rem;
    margin-top: 10px;
}

h2, h3 {
    margin-top: 10px;
}

.box_sign_in {
    background-color: #0e487b;
    color: #fff;
}

.box_sign_in > a {
    color: #fd0;
}

.alert {
    border-radius: 0;
    
}

/* MENU */
.navbar-nav .nav-link {
    color: #fd0;
}
.navbar-light .navbar-nav .nav-link {
    color: #fd0;
    transition: all 0.25s ease-in-out;
}
.navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #FFF;
}
.navbar-nav .link-active {
    color: #FFF !important;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }
}
/* ./ menu */

body.loading {
    overflow: auto;   
}

body.loading .ajax_loading {
    display: block;
}

#header {
    background: #004990;
    border-top: 0px solid #166bc0;
    
}

#header-banner {
    background: url('../images/banner.jpeg') no-repeat;
    background-size: cover;
    min-height: 95vh;
    color: #fff;
    background-position: left;
    transition: all 0.5s ease-out;
}

.logo {
    background: url('../images/goodyear-logo.png') no-repeat 50% 50%;
    background-size: 100%;
    max-width: 168px;
}

.btn, .btn-lg {
    border-radius: 30px;
    padding: 0.375rem 1rem;
}

.btn-primary {
    color: #01294c;
    background-color: #fd0;
    border-color: #fd0;
}

.btn-primary:hover {
    color: #01294c;
    background-color: #ffcf00;
    border-color: #ffcf00;
}

/* table */

.table thead {
    color: #004990;
}
.table > :not(:first-child) {
    border-top: 2px solid #004990;
}

.table tr {
    vertical-align: middle;
}

/* FORM */
.form-control, .form-select {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #ced4da;
}

.card {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* login page */
.login-page-bg {
    background: url('../images/banner.jpeg') no-repeat;
    background-size: cover;
    min-height: 95vh;
    color: #fff;
    background-position: left;
    transition: all 0.5s ease-out;
}

@media screen and (min-width: 992px) {
    .login-page-bg {
        min-height: 75vh;
    }
}

footer {
    /* width: 1010px; */
    margin-top: 30px;
    border-top: 5px solid #FFDF1B;
    padding: 15px 30px;
    background: #0055A4;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
}

footer a {
    padding: 3px 5px;
}