#divUserSignIn, .UserSignUp {
    text-align: left;
}

.alert {
    border-radius: 0;
    margin-bottom: 16px;
}

.ajax__calendar {
    height: 0 !important;
}

.ajax__calendar_container {
    padding: 9px;
    position: absolute;
    cursor: default;
    width: 209px;
    font-size: 11px;
    text-align: center;
    font-family: tahoma,verdana,helvetica;
}

.signup-container label {
    cursor: default;
    display: inline-block;
    text-align: right;
    margin-right: 1%;
}

    .signup-container label[aria-required=true]::after {
        content: '*';
        color: #c30;
    }

.signup-container button {
    padding: 0 10px;
    border: none;
    position: absolute;
}

.signup-container input, .signup-container select {
    margin-bottom: 0;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: inherit;
}

.errorField {
    background-image: none;
}

.signup-container {
    display: inline-block;
    width: 300px;
}

    .signup-container #divBtnSignUp {
        text-align: center;
    }

    .signup-container .divColumn4 .title {
        text-align: center;
        margin-bottom: 10px;
    }

    .signup-container .divColumn4 .title1 {
        text-align: center;
        margin-bottom: 10px;
    }

    .signup-container .column {
        position: relative;
        left: 8%;
    }

.user-container {
    text-align: left;
    padding: 10px;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin: 6px 17px 0;
    -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-box-shadow: 0 6px 13px -5px rgba(0,0,0,0.67);
    -moz-box-shadow: 0 6px 13px -5px rgba(0,0,0,0.67);
    box-shadow: 0 6px 13px -5px rgba(0,0,0,0.67);
    min-width: 280px;
    max-width: 500px;
}

.signup-main {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 5px;
    justify-content: center;
    position: relative;
}

    .signup-main * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 24px;
    }

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.or-container {
    -ms-flex: 0.1;
    -webkit-flex: 0.1;
    flex: 0.1;
}

    .or-container .or-text {
        display: block;
        margin: 40px 0;
    }

/* In cart flowm remove max-height */
#personalInfo .signup-main.flex {
    max-height: none;
}

.otpText {
    line-height: 0.5em;
}


@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation: portrait) {
    .signup-container label {
        cursor: default;
        display: block;
        text-align: center;
        margin-right: 0;
    }

    .signup-container .column {
        left: 0;
    }

    .or-container {
        display: none;
    }
}

.flex-container {
    width: 80%;
    max-width: 1200px;
    margin: 0 auto;
}

    .flex-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.flex-outer {
    max-width: 800px;
    margin: 0 auto;
}

    .flex-outer.flex-row {
        margin-left: 0;
        margin-right: 0;
    }

    .flex-outer .flex-row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        -ms-align-content: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .flex-outer > .flex-row:not(:last-child) {
        margin-bottom: 16px;
    }

    .flex-outer .flex-row label,
    .flex-outer .flex-row p {
        margin-bottom: 8px;
        font-weight: 300;
    }

    .flex-outer > .flex-row > label,
    .flex-outer .flex-row p {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        text-align: left;
    }

        .flex-outer > .flex-row > label ~ *, .flex-outer > .flex-row input.mb {
            -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            width: 100%;
            height: 2.6em;
        }

    .flex-outer .flex-row p {
        margin: 0;
    }

    .flex-outer .flex-row input:not([type='checkbox']):not(.mb),
    .flex-outer .flex-row textarea,
    .flex-outer .flex-row select {
        padding: 0px 15px;
    }

    .flex-outer .flex-row .select2-selection {
        height: 100%;
    }

    .flex-outer .flex-row .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 32px;
    }

    .flex-outer .flex-row input[type=button] {
        margin-left: auto;
        padding: 8px 16px !important;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 100%;
    }

.flex-inner .flex-row {
    width: 100px;
}

.cancel-row {
    margin: 5px 0 0;
}

.iti-flag {
    background-image: url("/common/images/flags.png");
}

.mb {
    width: 100% !important;
}

.recaptcha-div .g-recaptcha {
    transform: scale(0.62);
    transform-origin: 0 0;
    height: 18px;
}

.recaptcha-div {
    padding-left: 78px;
    width: 50%;
    float: right;
}