body {  
  background: white
}

.theme {
  padding: 32px 0;
  font-family: 'Pacifico', cursive; 
}

/* Basic Colors*/
.light-green-color { color: #034068 }
.light-blue-color { color: #ffffff }

.light-green-bg-color { background-color: #ffffff; }
.dark-green-color { color: #0e4ab9; }
.dark-green-bg-color { background-color: #0a70f4; }
.white-color { color: #fff; }
.success{ color: #0762d9; }

.padding-top-100px {padding-top: 100px;}
.margin-bottom-25px {margin-bottom: 25px;}

/**********************
 *
 * style for LOGIN
 *
 **********************/

 :root {
    --success: #0762d9;
 }

#loginContainer{
    background-color: #ffffff;
    height: 100vh;
}

.login-form {
    width: 95%;
    margin: 0 auto;
    
}

.login-form .hint-text {
    color: #fff;
    text-align: center;
    font-size: 0.8em;
}

.form-control, .btn {
    min-height: 38px;
    border-radius: 8px;
}

.login-btn {
    height: 42px;
    color: #fff;
    background-color: #02397c;
    border-color: #0748a2 !important;
    text-transform: uppercase;
    font-size: 1.2em;
}


.input-group {
    background-color: #ffffff;
    color: rgb(40, 117, 225);
    border: 2px solid #187ebe;
    border-radius: 8px;
}

.input-group input::placeholder {
    color: #969696;
    background-color: #ffffff;
    font-size: 1em;
}

.input-group>.custom-select:not(:first-child), 
.input-group>.form-control:not(:first-child) {
    color: #000;
    background-color: #ffffff;
    text-transform: none;
    font-size: 1em;
    border: none;
}

.input-group-addon .fa {
    font-size: 18px;
    padding: 10px;
    color: #113d94;
}

.form-group {
    margin-bottom: 1rem;
    padding-left: 55px;
    padding-right: 55px;
}

.clearfix {
    padding-left: 55px;
    padding-right: 55px;
}

.btn-success{
    height: 42px;
    color: #fff;
    background-color: #02397c;
    border-color: #0748a2 !important;
    text-transform: uppercase;
    font-size: 1.2em;
}
.btn-success:hover {
    height: 42px;
    color: #fff;
    background-color: #02397c;
    border-color: #0748a2 !important;
    text-transform: uppercase;
    font-size: 1.2em;
}

.btn-success:focus {
    height: 42px;
    color: #fff;
    background-color: #02397c;
    border-color: #0748a2 !important;
    text-transform: uppercase;
    font-size: 1.2em;
}



#footer_container {
  font-family: 'Pacifico', cursive; 
}
.footer .footer_image {
  height: 24px;
  width:24px;
  text-align: center;
  padding: 4px;
 }

.footer .footer_image:hover,
#footer_container a:hover {
  background-color: lightblue;
}
#footer_container a:link,
#footer_container a:active{
  color: #dc1767;
}

.message{
    margin:10px auto 10px;
    width: 70%;
    border-radius: 10px;
    padding:5px;
    text-align: center;
    background-color: var(--white);
    color:var(--red);
    font-size: 15px;
 }

.message1{
    margin:10px auto 10px;
    width: 70%;
    border-radius: 10px;
    padding:5px;
    text-align: center;
    background-color: var(--white);
    color:var(--green);
    font-size: 15px;
 }