#forgot-email {
    margin: 0 auto;
    width: 90%;
}

.error > a {
    color: white;
    text-decoration: none;
}

.loginBox .form-group {
    padding: 0 14px;
}

.login_input_btn input[type="button"], .login_input_btn input[type="submit"] {
    background-color: #F3614A;
    color: #FFF;
    display: block;
    margin: 10px auto;
    padding: 15px 50px;
    text-transform: uppercase;
    width: 50%;
    font-size: 15px;
    font-weight: bold;
    border-radius: 0;
    border: medium none;
}

a.new_user_btn {
    color: rgb(255, 255, 255);
    display: block;
    margin: 10px auto;
    padding: 15px 10px;
    text-transform: uppercase;
    width: 50%;
    border-radius: 0;
    font-size: 15px;
    font-weight: bold;
    float: left;
    border-width: 1px;
    background-color: rgb(121, 151, 179);
    text-align: center;
    text-decoration: none;
}

.modal-body {
    padding: 0 4px !important;
}

.col-sm-12.login_input_btn {
    padding: 0 !important;
}

.content.registerBox {
    padding: 0 15px;
}

.foobar {
    position: fixed;
    z-index: 1;
    right: 0;
    bottom: 0;
    font-size: 11px !important;
    background: transparent;
    border-top: transparent;
}

.cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
}
#MobileValidationForm .form-group {
    margin-right: 0;
    margin-left: 0;
    position: relative;
}
.male {
    background-image: url("../../img/icons/male_icon.png");
    background-position: 0 0;
    background-size: 100% !important;
}

.male:hover {
    background-image: url("../../img/icons/male_icon.png");
    background-position: 0 0;
    background-size: 100% !important;
}

.male.activegender {
    background-image: url("../../img/icons/male_icon.png");
    background-position: 0 -59px;
    background-size: 100% !important;
}

.female {
    background-image: url("../../img/icons/female_icon.png");
    background-position: 0 0;
    background-size: 100% !important;
}

.female:hover {
    background-image: url("../../img/icons/female_icon.png");
    background-position: 0 -55px;
    background-size: 100% !important;
}

.female.activegender {
    background-image: url("../../img/icons/female_icon.png");
    background-position: 0 -59px;
    background-size: 100% !important;
}

.others {
    background-image: url("../../img/icons/other_icon.png");
    background-position: 0 0;
    background-size: 100% !important;
}

.others:hover {
    background-image: url("../../img/icons/other_icon.png");
    background-position: 0 -55px;
    background-size: 100% !important;
}

.others.activegender {
    background-image: url("../../img/icons/other_icon.png");
    background-position: 0 -59px;
    background-size: 100% !important;
}

.cc-selector input:active + .drinkcard-cc {
    opacity: .9;
}

.cc-selector input:checked + .drinkcard-cc {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}

.drinkcard-cc {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 52px;
    height: 53px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}

.drinkcard-cc:hover {
    background-position: 0 -59px;
}

.rdio.rdio-primary.cc-selector {
    float: right;
    margin: -1px;
    padding: 0;
}

#getCountryName, #getCity, #getRegion {
    width: 95%;
    margin: 9px 2%;
}

#edit-location-done {
    display: block;
    padding: 6px 0;
    text-align: center;
    width: 100%;
    cursor: pointer;
    position: relative;
}

#edit-location-done .fa.fa-check {
    float: right;
    top: 7px;
    left: 85px;
    right: 58px;
}

#edit-location {
    cursor: pointer;
}

.popupLogo {
    display: none;
}

.box {
    padding: 0;
}

.gender-type, .location-type {
    height: 50px;
    line-height: 50px;
    background: #e9ecf1;
}

.form-group {
    margin: 0;
}

#mobile-location {
    width: 75%;
    box-shadow: none !important;
    border: none;
    float: right;
    position: relative;
    padding: 16px 34px 11px 10px;
}

#edit-location {
    cursor: pointer;
    position: absolute;
    right: -24px;
}

#mobile-validation {
    float: right;
    width: 40%;
    height: 40px;
    border: solid 1px #d8dcdf;
    box-shadow: none !important;
}
.content.mobilevalidateBox .fields-wrapper{
    padding: 0 18px;
}

.otp-txt {
    line-height: 41px;
    background: #e9ecf1;
    padding: 8px 15px;
    height: auto;
    font-size: 14px;
}

.login-page span.modal-title {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    padding: 10px 19px;
    font-size: 22px;
    color: #F2624B;
    font-weight: 300;
}

.login-with span {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 19px;
    font-size: 22px;
    color: #F2624B;
    font-weight: 300;
}

.login-with {
    height: 52px;
    line-height: 56px;
    border-bottom: 1px solid #E5E5E5 !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
}

.login-with .underline {
    left: 5% !important;
    border: 2px solid #F2624A !important;
    top: 51px !important;
    height: 3px !important;
}

.login-with .underline {
    border-top: 4px solid #F2614A;
    box-shadow: none;
    width: 119px;
    left: 4%;
    bottom: 0;
}

.signinwith {
    border-bottom: 3px solid rgb(242, 98, 74);
    padding: 9px 0;
    text-align: left;
    display: inline-block;
    margin-left: -49px;
    font-size: 20px !important;
}

#forgotpwd {
    width: 100%;
}

.row.headr_ful_bar {
    z-index: 10 !important;
}