/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 2, 2021, 12:37:03 PM
    Author     : fh
*/


body {
    background-color: #fff;
}

h4 {
    font-size: 1.1rem;
}


nav .container-fluid, .navbar {
    background-color: #fff;
}



.healthregister-logo {
    font-size: 19px;
    padding-top: 15px;
}

.logo-letter {
    font-size: 24px;
    color: #84b4bd;
}

.gve-logo-div {
    text-align: center;
}

.registration-info-text {
    font-size: 0.9rem;
    color: #838383;
}

.registration-info-box {
    margin: 150px 0;
}

.registration-info-icon {
    text-align: center;
    color: #84b4bd;
}

.navbar-nav li {
    padding-bottom: 0px;
}

.no-padding {
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.12),inset 0 -1px 0 0 #dadce0;
    padding-left: 0px;
    padding-right: 0px;
}


/***  Inquiry ***/

#container-inquiry, .marginToPreviousBlock {
    margin-top: 50px;
}



/*** Login  ***/
.login-text{
    text-align: center;
}
.login-row{
    margin-top: 10px;
}
.login-pw-row{
    justify-content: center;
    margin-top: 10px;
}
.head-image {
    background-color: #fff !important;
    border-bottom: none !important;
}

.healthregister-logo {
    font-size: 27px;
    color: #000;
    
}

.logo-letter {
    font-size: 46px;
    color: #84b4bd;
}

.displayLabelBlock :nth-child(1) {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
}

.step {
    border-bottom: 1px solid #d5d5d5;
    color: #d5d5d5;
}

.step-active  {
    border-bottom: 1px solid #84b4bd;
    color: #84b4bd;
}

.step-headline {
    font-size: 21px;
}

.badge-on {
    color: #fff;
    background-color: #84b4bd;
} 

.badge-off {
    color: #fff;
    background-color: #d5d5d5
}

.step a, .step a:hover {
    text-decoration: none !important;
    color: #d5d5d5 !important;
}

#inquiryForm label{
    width: 100%;
    color: #838383;
}



#inquiryForm .btn-secondary {
    width: 100%;
}

#login .form-floating {
    width: 90%;
}

#login label, #forgotPasswordForm label {
    color: #838383;
}


@media only screen and (max-width: 767px) {
    .rg-header-row {
        background-color: #84b4bd;
        color: #fff;
        border-bottom: 1px solid #699097;
    }
    .registration-info-box {
        margin: 75px 0;
    }
    .login-row button {
        width: 100%;
    }
}


.login-row button {
    float: left;
    width: 97%;
}