body{
    margin: 0!important;
    padding: 0!important;
    background-color: white!important;
    height:100%!important;
    font-family: 'Metropolis' !important;
}

.bg-header-blue{
    background-color: #20B2E1;
}

.padding-top-bottom-middle{
    padding: 5%;
}

input[type=text], input[type=password], select{
    background: #F4F4F4 !important;
    border-radius: 18px !important;;
    -moz-box-shadow:    inset 0 1px 2px #888888 !important;;
    -webkit-box-shadow: inset 0 1px 2px #888888 !important;;
    box-shadow:         inset 0 1px 2px #888888 !important;;
    margin: 0 auto !important;;
    display: table !important;;
    font-size: small !important;;
}

#password, #passwordConfirmation{
    background: #F4F4F4 !important;
    border-radius: 18px 0 0 18px !important;;
    -moz-box-shadow:    inset 0 1px 2px #888888 !important;;
    -webkit-box-shadow: inset 0 1px 2px #888888 !important;;
    box-shadow:         inset 0 1px 2px #888888 !important;;
    margin: 0 auto !important;
    display: table !important;
    font-size: small !important;
}

.height-full{
    background-color: white!important;
}

.hidde-password{
    background: #F4F4F4 !important;
    border-radius:0 18px 18px 0 !important;;
    -moz-box-shadow:    inset 0 1px 2px #888888 !important;;
    -webkit-box-shadow: inset 0 1px 2px #888888 !important;;
    box-shadow:         inset 0 1px 2px #888888 !important;;
}


.bg-light-green{
    background-color: #69CA98 !important;
}

button{
    background-color: #6B6B6B;
    border-radius: 16px;
    padding: 10px 30px;
    font-size: 10px;
    color: white;
    border: none;
    text-transform: uppercase;
}

h1,h2,h3{
    color: #20B2E1;
    text-transform: uppercase;
    font-weight: 900;
}

.gray-color{
    color: #6B6B6B;
}