.auth-wrapper{
background:url('../assets/images/background/main.jpg') no-repeat center center;
background-size: cover;
overflow: hidden;
}

.auth-wrapper .auth-box{
    background: rgb(28,185,158);
background: -moz-radial-gradient(circle, rgba(28,185,158,1) 0%, rgba(34,58,102,1) 100%);
background: -webkit-radial-gradient(circle, rgba(28,185,158,1) 0%, rgba(34,58,102,1) 100%);
background: radial-gradient(circle, rgba(28,185,158,1) 0%, rgba(34,58,102,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1cb99e",endColorstr="#223a66",GradientType=1);
border-radius: 50px !important;
}

.logo img {
    width: 250px;
}

h3.box-title {
    text-align: center;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 15px;
}

#loginform input {
    border-radius: 20px;
    padding: 0 30px;
    font-weight: 500;
    text-align:center;
    color: #fff;
}
#loginform input::placeholder {
    color: #fff;
}
#loginform button {
    border-radius: 50px !important;
    background-color: #223a66;
    border: none;
    font-weight: bold;
    box-shadow: none;
}

#loginform button:hover {
    background-color: #1cba9f;
}

#loginform a{
      border-radius: 50px !important;
    background-color: #1cba9f;
    border: none;
    font-weight: bold;
    box-shadow: none;
    padding: .5rem 1rem;
}
#loginform a:hover{
     background-color: #223a66;
}
body{
    overflow:hidden;
}
.signup-body{
    overflow:unset;
}
.logo{
        background-color: #fff;
    border-radius: 36px;
    width: 100%;
}
[type=radio]:not(:checked)+label:after, [type=radio]:not(:checked)+label:before {
    border-color: #fff !important;
}

[type=radio].with-gap:checked+label:after, [type=radio]:checked+label:after {
    background-color: #fff;
}