body {
    font-family: Hind,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #40454b;
    background-color: #e8ecef;
}

body {
    background: url(images/body-bg.png) 50% 0 no-repeat #e8ecef;
}

body {
    padding-top: 0px !important;
}

.content.loginTypeTriplePassword_sms_password,
.content.loginTypeRemember,
.loginTypeTriplePassword_password,
.loginTypePasswordExprired,
.mobilCodePasswordChange {
    /*margin-top: 50vh;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
    height: auto;
    margin: auto;
    position: relative;
    top: 160px;
    background: -webkit-linear-gradient(to right,#ff006e 0,#ff8250,#ffb540 100%);
    background: -moz-linear-gradient(to right,#ff006e 0,#ff8250,#ffb540 100%);
    background: -ms-linear-gradient(to right,#ff006e 0,#ff8250,#ffb540 100%);
    background: -o-linear-gradient(to right,#ff006e 0,#ff8250,#ffb540 100%);
    background: linear-gradient(to right,#ff006e 0,#ff8250,#ffb540 100%);
    padding-top: 6px;
    font-size: 16px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

    .content.loginTypeTriplePassword_sms_password > .row:first-child,
    .content.loginTypeRemember > .row:first-child,
    .content.loginTypeTriplePassword_password > .row:first-child,
    .content.loginTypePasswordExprired > .row:first-child,
    .content.mobilCodePasswordChange > .row:first-child {
        background: #fdfdfd;
        padding: 65px 75px 75px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        margin: 0px;
    }


        .content.mobilCodePasswordChange > .row:first-child > div.col-md-12.col-lg-12.col-sm-12.col-xs-12.forIE:first-child {
            margin-bottom:20px;
        }




        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 {
            width: 43.75%;
        }

        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 {
            width: 100%;
        }


        .content.loginTypePasswordExprired > .row:first-child > div.col-md-2.col-lg-2.col-sm-2.login-seperator.hidden-xs,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-2.col-lg-2.col-sm-2.login-seperator.hidden-xs,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-2.col-lg-2.col-sm-2.login-seperator.hidden-xs {
            display: none;
        }

        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px {
            display: none;
        }



        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 > .row,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 > .row,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 > .row,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 > .row {
            margin: 0px !important;
            padding: 0px !important;
        }


            .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 > .row > div,
            .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 > .row > div,
            .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 > .row > div,
            .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 > .row > div {
                margin: 0px !important;
                padding: 0px !important;
            }

        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .showLabel,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .showLabel,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .showLabel,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .showLabel {
            display: block;
        }

            .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .showLabel > div > label,
            .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .showLabel > div > label,
            .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .birthDayAreaTitle > div > label,
            .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .showLabel > div > label,
            .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .birthDayAreaTitle > div > label,
            .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .showLabel > div > label {
                margin: 0px;
                padding: 0px !important;
                font-weight: 500;
                color: #34495e;
                display: inline-block;
                max-width: 100%;
                margin-bottom: 5px;
                font-size: 16px;
                margin-left: 0px !important;
            }

        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input.form-control, textarea.form-control,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input.form-control, textarea.form-control,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input.form-control, textarea.form-control,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input.form-control, textarea.form-control,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-12.col-lg-12.col-sm-12.col-xs-12.forIE input.form-control, textarea.form-control {
            font-size: 16px;
            color: #585858;
        }

        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input.form-control,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input.form-control,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input.form-control,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input.form-control,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-12.col-lg-12.col-sm-12.col-xs-12.forIE input.form-control {
            padding: 6px 25px;
        }

        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-12.col-lg-12.col-sm-12.col-xs-12.forIE .form-control {
            display: block;
            width: 100%;
            height: 50px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #3b3b3b;
            background-color: #e8ecef !important;
            background-image: none;
            border: 1px solid #dfe3e6 !important;
            border-radius: 3px;
            -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        }

        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input, textarea,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input, textarea,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input, textarea,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input, textarea,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-12.col-lg-12.col-sm-12.col-xs-12.forIE input, textarea {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 button, input, select, textarea,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 button, input, select, textarea,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 button, input, select, textarea,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 button, input, select, textarea,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-12.col-lg-12.col-sm-12.col-xs-12.forIE button, input, select, textarea {
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
        }

        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-12.col-lg-12.col-sm-12.col-xs-12.forIE input {
            line-height: normal;
        }

        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 button, input, optgroup, select, textarea,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 button, input, optgroup, select, textarea,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 button, input, optgroup, select, textarea,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 button, input, optgroup, select, textarea,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-12.col-lg-12.col-sm-12.col-xs-12.forIE button, input, optgroup, select, textarea, {
            color: inherit;
            font: inherit;
            margin: 0;
        }


        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control::-webkit-input-placeholder,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control::-webkit-input-placeholder,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control::-webkit-input-placeholder,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control::-webkit-input-placeholder,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-12.col-lg-12.col-sm-12.col-xs-12.forIE .form-control::-webkit-input-placeholder { /* WebKit browsers */
            color: transparent !important;
        }

        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input.form-control::-webkit-input-placeholder,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input.form-control::-webkit-input-placeholder,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input.form-control::-webkit-input-placeholder,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 input.form-control::-webkit-input-placeholder,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-12.col-lg-12.col-sm-12.col-xs-12.forIE input.form-control::-webkit-input-placeholder {
            color: transparent !important;
        }


        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control:-moz-placeholder,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control:-moz-placeholder,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control:-moz-placeholder,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control:-moz-placeholder,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-12.col-lg-12.col-sm-12.col-xs-12.forIE .form-control:-moz-placeholder { /* WebKit browsers */
            color: transparent !important;
        }

        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control::-moz-placeholder,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control::-moz-placeholder,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control::-moz-placeholder,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control::-moz-placeholder,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-12.col-lg-12.col-sm-12.col-xs-12.forIE .form-control::-moz-placeholder { /* WebKit browsers */
            color: transparent !important;
        }

        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control:-ms-input-placeholder,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control:-ms-input-placeholder,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control:-ms-input-placeholder,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .form-control:-ms-input-placeholder,
        .content.mobilCodePasswordChange > .row:first-child > div.col-md-12.col-lg-12.col-sm-12.col-xs-12.forIE .form-control:-ms-input-placeholder { /* WebKit browsers */
            color: transparent !important;
        }




        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .login-image-paddding,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .login-image-paddding,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .login-image-paddding,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .login-image-paddding {
            display: block;
            margin: auto;
            width: 240px;
            height: 50px;
            text-indent: -999em;
        }

            .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .login-image-paddding > img,
            .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .login-image-paddding > img,
            .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .login-image-paddding > img,
            .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 .login-image-paddding > img {
                width: 240px !important;
                height: 50px !important;
                text-indent: -999em;
            }






        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-2.col-lg-2.col-sm-2.login-seperator.hidden-xs.forIE,
        .content.loginTypeRemember > .row:first-child > div.col-md-2.col-lg-2.col-sm-2.login-seperator.hidden-xs.forIE,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-2.col-lg-2.col-sm-2.login-seperator.hidden-xs.forIE,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-2.col-lg-2.col-sm-2.login-seperator.hidden-xs.forIE {
            display: none;
        }


        .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE,
        .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE,
        .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE,
        .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE {
            margin-left: 12.5%;
            width: 43.75%;
        }

            .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE .row.LoginExplanationArea > div div > span,
            .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE .row.LoginExplanationArea > div div > span,
            .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE .row.LoginExplanationArea > div div > span,
            .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE .row.LoginExplanationArea > div div > span {
                color: #e21338 !important;
                font-size: 30px !important;
                font-weight: 600 !important;
                margin: 0 !important;
                text-transform: uppercase !important;
            }


            .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE .captchaArea div.col-md-1.col-lg-1.col-sm-1.col-xs-12.padding-0px,
            .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE .captchaArea div.col-md-1.col-lg-1.col-sm-1.col-xs-12.padding-0px,
            .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE .captchaArea div.col-md-1.col-lg-1.col-sm-1.col-xs-12.padding-0px {
                display: none;
            }


            .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE .captchaArea .col-sm-5,
            .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE .captchaArea .col-sm-5 > img,
            .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE .captchaArea .col-sm-5 > img,
            .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE .captchaArea .col-sm-5 > img {
                float: left;
                width: 75%;
            }

            .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE .captchaArea div.col-md-5.col-lg-5.col-sm-5.col-xs-5:last-child,
            .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE .captchaArea div.col-md-5.col-lg-5.col-sm-5.col-xs-5:last-child,
            .content.loginTypePasswordExprired > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12.padding-0px.forIE .captchaArea div.col-md-5.col-lg-5.col-sm-5.col-xs-5:last-child {
                float: right;
                width: 25% !important;
            }





    .content.loginTypeTriplePassword_sms_password > .row:last-child {
        margin: 0px;
        padding: 0px;
        height: 0px;
    }


.login-InputCustomerNo, .login-Passphrase, .login-Password, #login_captcha {
    text-align: justify;
    margin-bottom: 20px !important;
}

.submit-button {
    text-align: justify !important;
    /*padding-top: 10px;*/
    margin-bottom: 10px !important;
}

    .submit-button .btn.btn_width.btn-danger,
    .content.mobilCodePasswordChange #MobilPasswordChangeNext {
        width: 100%;
        text-decoration: none;
        color: #fff !important;
        background-color: #de4040;
        border-color: transparent;
        padding: 13px 16px;
        font-size: 16px;
        line-height: 1.42857143;
        border-radius: 3px;
        -moz-transition: background-color .1s ease-in;
        -webkit-transition: background-color .1s ease-in;
        -ms-transition: background-color .1s ease-in;
        -o-transition: background-color .1s ease-in;
        transition: background-color .1s ease-in;
        background-image: none !important;
        border-color: #de4040 !important;
    }


    .submit-button .btn-danger:hover,
    .submit-button .btn-danger:focus,
    .submit-button .btn-danger:active,
    .submit-button .btn-danger.active,
    .submit-button .open > .dropdown-toggle.btn-danger,
    .content.mobilCodePasswordChange #MobilPasswordChangeNext {
        color: #fff !important;
        background-color: #de4040 !important;
        border-color: #de4040 !important;
    }

#imgCapImage {
    width: 50%;
}

body.body_background div.container_login .rememberPassword {
    color: #40454b !important;
    text-decoration: none !important;
    font-size: 16px !important;
}



    body.body_background div.container_login .rememberPassword:hover {
        color: #e21338 !important;
    }


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: none !important;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}


.main-title {
    font-family: Hind,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    text-align: center;
    color: #e21338;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 40px !important;
}

div.row.LoginExplanationArea > div {
    font-family: Hind, "Helvetica Neue", Helvetica, Arial, sans-serif;
}



    div.row.LoginExplanationArea > div > .main-title {
        text-align: left
    }

    div.row.LoginExplanationArea > div > .forgot-pass {
        color: inherit
    }

        div.row.LoginExplanationArea > div > .forgot-pass:hover {
            color: #e21338
        }

    div.row.LoginExplanationArea > div > .or {
        font-size: 18px;
        position: relative;
        text-align: center;
    }

        div.row.LoginExplanationArea > div > .or:before {
            content: '';
            border-top: 1px solid #dfe3e6;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
        }

        div.row.LoginExplanationArea > div > .or span {
            display: inline-block;
            background-color: #fff;
            padding: 0 20px;
            position: relative;
            font-family: Hind, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
            font-size: 16px;
        }

    div.row.LoginExplanationArea > div > p a:not(.btn) {
        color: #e52043;
        font-weight: 600;
        text-decoration: none;
        font-family: Hind, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-size: 16px;
    }

    div.row.LoginExplanationArea > div > label {
        font-weight: 500;
        color: #34495e
    }


    div.row.LoginExplanationArea > div > h4 {
        margin: 10px 0;
        font-size: 16px;
        font-weight: 700;
    }

    div.row.LoginExplanationArea > div > p > a.btn-border {
        padding: 14px 30px;
        font-weight: 600;
        color: #e52043;
        background-color: transparent;
        border-color: #e52043;
    }

    div.row.LoginExplanationArea > div > p > a.btn {
        padding: 13px 16px;
        font-size: 16px;
        line-height: 1.42857143;
        border-radius: 3px;
        -moz-transition: background-color .1s ease-in;
        -webkit-transition: background-color .1s ease-in;
        -ms-transition: background-color .1s ease-in;
        -o-transition: background-color .1s ease-in;
        transition: background-color .1s ease-in;
    }

    div.row.LoginExplanationArea > div > p > a.btn-block {
        display: block;
        width: 100%;
    }


.ul-alert-class {
    color: #e21338;
    padding-left: 0px;
    font-size: 16px;
    margin: 20px 0px;
}


div.birthDayArea > select {
    float: left;
}

    div.birthDayArea > select:last-child {
        float: right
    }


#ddlBirthDateMonth {
    margin: 0px 6%;
}

#CustomerNo, #TCIdentity, #MobilePhone, #Passphrase, #Password, #InputCustomerNo, #OldPassword, #NewPassword, #PasswordAgain, #MobilApproveCode, #NewPassphrase, #NewPassphraseRepeat, #NewPasswordRepeat {
    margin-bottom: 20px;
}


.row.passwordExprireInfo {
    margin-top: 20px !important;
}



    .row.passwordExprireInfo > div {
        font-size: 16px !important;
        color: #e21338;
        font-weight: bold;
    }


.content.loginTypeTriplePassword_sms_password span#span_refresh_captcha {
    position: relative;
    top: -30px;
}

.row.SMSRemainingTimeArea {
    position: relative;
    top: -26px;
}

    .row.SMSRemainingTimeArea > div {
        height: auto !important;
    }


.content.mobilCodePasswordChange > .row:first-child > div.col-md-12.col-lg-12.col-sm-12.col-xs-12.forIE:last-child > div > div.row > div {
    margin: 0px !important;
    padding: 0px !important
}

    


.content.mobilCodePasswordChange .ul-class {
    margin: 0px !important;
    padding: 0px !important
}

.content.mobilCodePasswordChange #MobilPasswordChangeNext{
    margin-top:20px !important;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 736px) {
    .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12, .content.loginTypeRemember > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12, .content.loginTypeTriplePassword_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 {
        width: 100%;
    }

    .content.loginTypeTriplePassword_sms_password > .row:first-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 {
        width: 100% !important;
        
    }

    .content.loginTypeTriplePassword_sms_password > .row:last-child > div.col-md-5.col-lg-5.col-sm-5.col-xs-12 {
        width: 0% !important;
        display: none !important;
    }



    #login_captcha > div:nth-child(2n) {
        width: 225px;
        margin: 20px 0px 0px -55px !important;
    }

    #login_captcha > div:last-child {
        float: right;
    }

    .captchaArea img#imgCapImage{
        width:50px;
    }

    .content.loginTypeTriplePassword_sms_password > .row:first-child{
       padding: 65px 0px !important;
       
    }

    .content.loginTypeRemember > .row:first-child,
    .content.loginTypeTriplePassword_password > .row:first-child,
    .content.loginTypePasswordExprired > .row:first-child,
    .content.mobilCodePasswordChange > .row:first-child {
        padding: 10px 0px !important;
    }

}