body {
    background-color: #00C0EF;
}

.navbar-light {
    background-color: #00658D;
    border-bottom: 2px solid white;
}
.navbar-nav>li>a {
    color: #FFF;
}
.navbar-nav>li>a:hover {
    color: #000;
}

#form .has-error .control-label,
#form .has-error .help-block,
#form .has-error .form-control,
#form .has-error .form-control-feedback {
    color: #CB4335;
    border-color: #CB4335;
}

#form .has-warning .control-label,
#form .has-warning .help-block,
#form .has-warning .form-control,
#form .has-warning .form-control-feedback {
    color: #F5B041;
    border-color: #F5B041;
}

#form .has-success .control-label,
#form .has-success .help-block,
#form .has-success .form-control,
#form .has-success .form-control-feedback {
    color: #28B463;
    border-color: #28B463;
}

#list .has-error .control-label,
#list .has-error .help-block,
#list .has-error .form-control,
#list .has-error .form-control-feedback {
    color: #CB4335;
    border-color: #CB4335;
}

#list .has-warning .control-label,
#list .has-warning .help-block,
#list .has-warning .form-control,
#list .has-warning .form-control-feedback {
    color: #F5B041;
    border-color: #F5B041;
}

#list .has-success .control-label,
#list .has-success .help-block,
#list .has-success .form-control,
#list .has-success .form-control-feedback {
    color: #28B463;
    border-color: #28B463;
}

.form-css {
    margin: 0px auto;
    margin-top: 3.5%;
    float: none;
    width: 50%;
    padding: 2.5px;
    background-color: #00658D;
    border: 2px solid white;
    border-radius: 10px;
    color: white;
}

.header-css {
    border-radius: 10px;
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: #00658D;
}

.padding-css {
    padding-top: 15px;
}

.input-css {
    width: 60%;
    height: 50px;
}

.margin-bottom-css {
    margin-bottom: 10px;
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #424949; /* Black background with opacity */
    opacity: 0.5;
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: progress; /* Add a pointer on hover */
}