/*================================== ID-Authenticator Styles ======================================*/

/* ID-Authenticator logo */

/*Body*/

/*set the INACTIVE color for text field labels*/

label {
    color: #999;
}

/* set the ACTIVE color for text field labels */

input:focus~label,
input:valid~label {
    font-size: 14px;
    color: #323A45;
    letter-spacing: 4px;
}

/* IE9 requires its own css declaration. This should be set to the ACTIVE color value */

.ie9 .dynamicOlabel {
    font-size: 14px;
    color: #323A45;
    letter-spacing: 4px;
}

/* set color values for hyperlinks */

a,
a.visited {
    color: #009ddc;
}

/* set color values for active hyperlinks */

a:hover,
a:focus {
    color: #0079a9;
}

/* set color values for static text */

body {
    color: #999999;
    background: #fff;
    font-family: "BlueSkyStandard-Light", "NotoSansCJKsc-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* set button background color and border */

section .row .column form button {
    background-color: #003366;
    border-bottom-color: #04729E;
}

/*Footer */

/* set color values for footer hyperlinks */

footer {
    position: fixed;
    bottom: 50px;
}

footer small span a,
footer small span a.visited {
    color: #999;
}

/* set color values for active footer hyperlinks */

footer small span a:hover,
footer small span a:focus {
    color: #0000bb;
}

/* set color values for static text */

footer small span {
    color: #999999;
}

/* uncomment the line below to hide the footer entirely */

/* footer { display:none;} */

/*================================== Fonts ======================================*/

/* Fonts

   Font styling can be changed globally as noted in the example below

   Options include: serif, sans-serif;

   You may also specify standard fonts such as: helvetica, arial, verdana, times new roman, etc;



   More specific fonts may be specified as long as they are Web Fonts. For more information, see:

   http://www.w3schools.com/cssref/css_websafe_fonts.asp

   https://www.google.com/fonts

   http://www.fontspring.com/support/installing_webfonts/how-do-i-use-the-webfonts

   */

body.signon-app {
    font-family: "BlueSkyStandard-Light", "NotoSansCJKsc-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: none;
}

.signon-app header {
    position: fixed;
    background: none;
    /* margin-top: 50px; */
    margin-top: 20px;
    width: 100%;
}

.signon-app .user-label span,
.signon-app .email-label span,
.signon-app .answer1-label span,
.signon-app .currentPass-label span,
.signon-app .pass-label span {
    letter-spacing: 4px;
    margin-bottom: 20px;
}



.signon-app header hgroup h1 {
    margin-left: 30px;
    float: left;
    background: url("/documents/10182/10340/nextev_logo.png") no-repeat 0 center;
    width: 100px;
    height: 35px;
    background-size: 100px 35px;
}

.signon-app section .row .column form button {
    background: #00BEBE;
    border: 1px solid #00BEBE;
    border-radius: 100px !important;
    color: #fff;
    height: 70px;
    width: 180px;
    line-height: 70px;
    padding: 0px !important;
    margin: 0 auto;
    margin-top: 55px !important;
	letter-spacing: normal!important;
}

.signon-app .container {
    background: url("/documents/10182/10340/signon_background_new.png/1a3db9d4-ee3f-42ee-9d5a-4b8706aea684?t=1739870965000") no-repeat 0 bottom;
    width: 100%;
    height: 100%;
    border: 0;
    box-shadow: none;
    float: right;
    margin: 0px auto 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    background-size: cover !important;
    overflow-x: hidden;
}

.signon-app .container .row {
    background-size: 80%;
    float: right;
    height: 100%;
    width: 596px;
    margin-right: 0;
    margin-top: 0;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.30);
}

.signon-app header {
    background: none;
    margin: 20px auto auto 0px !important;
    padding: 0px !important;
}

.signon-app header hgroup h2 {
    text-align: left;
    /* margin-top: 115px !important; */
    margin-top: 70px !important;
    float: right;
    width: 670px;
    padding-left: 120px;
    line-height: 42px;
    color: #2c353c;
    height: 34px;
    font-weight: 100;
    font-size: 36px;
    font-family: "BlueSkyStandard-Light", "NotoSansCJKsc-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.signon-app h3 {
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 1.1 !important
}

.signon-app .checkbox {
    display: block;
    margin-bottom: 0px;
    margin-top: 0px;
    position: relative;
}

.signon-app input {
    background: url("../images/") no-repeat 14px center rgba(255, 255, 255, 0.1);
    border: 1px solid #E6E6E7;
    border-radius: 4px;
    padding: 10px;
    position: relative;
    padding-left: 44px;
    height: 70px;
    line-height: 70px;
    color: #323a45;
    font-size: 13px !important;
    background-size: 16px !important;
}

.signon-app #pass1,
.signon-app #pass2 {
    background: rgba(255, 255, 255, 0.1) url("./mm-icon.png") no-repeat scroll 14px center;
}

.signon-app input#answer1,
.signon-app input#answer2 {
    background: url("../images/") no-repeat 14px center rgba(255, 255, 255, 0.1);
    padding: 10px;
    padding-left: 10px;
}

input#password {
    background: url("../images/") no-repeat 14px center rgba(255, 255, 255, 0.1);
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: white !important;
    background-image: none !important;

}
.signon-app input::-webkit-input-placeholder {
    color: #323a45;
}

.signon-app input:before {
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.signon-app .group {
    margin-bottom: 20px;
}

.signon-app .terms {
    color: #fff;
    font-size: 14px;
    margin-top: 33px;
    margin-bottom: 10px;
}

.signon-app a {
    color: black;
}

.signon-app a:hover {
    color: #b9b9b9;
    text-decoration: underline;
}

.signon-app p {
    margin-top: 15px;
    color: #323a45;
    text-align: left;
}
.signon-app .checkbox p {
    margin-top: 28px;
}

.signon-app .alert {
    padding: 140px 15px 0px 50px;
    color: #D12D2D;
    font-size: 12px;
    margin-bottom: -60px;
}
.signon-app .bg-danger {
    background: #ffffff;
}
.signon-app .bg-success {
    background: #ffffff;
}
.signon-app article {
    width: auto;
    margin: 0 auto;
    padding: 10px;
    clear: both;
    height: 40px;
    text-align: right;
    margin-right: 500px;
    display: none;
}

.signon-app .column {
    /* padding: 270px 50px 50px 50px; */
    padding: 184px 50px 50px 50px;
}

.signon-app .column>h4,
.signon-app .column>h3,
.signon-app .column>h2,
.signon-app .column>h1 {
    margin: 0;
    color: #333333;
}
.signon-app #form1>h4 {
    margin: 0;
}
.signon-app .column>h3 {
    font-size: 16px;
    font-family: "BlueSkyStandard-Light", "NotoSansCJKsc-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
}
.signon-app button {
    letter-spacing: 4px;
    font-size: 14px;
}
.signon-app button:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15) !important;
}
.primary-header .row .logo {
    background: url("/documents/10182/10340/nextev_logo.png") no-repeat left center;
    background-size: auto 35px;
}

.primary-header {
    background: #00bebe;
}

.signon-app footer small {
    float: right;
    margin: 0;
    text-align: center;
}

.signon-app .right-span {
    float: right !important;
    width: 90%;
}

.signon-app footer small .left-span {
    width: 120%;
}

.signon-app .left-span {
    display: block;
}

.signon-app .pull-left {
    float: left;
}

.signon-app .pull-left {
    float: left !important;
}

input::-webkit-input-placeholder {
    color: #323a45 !important;
}

input::-moz-placeholder {
    color: #323a45 !important;
}

input:-ms-input-placeholder {
    color: #323a45 !important;
}

form.login-form p a,
a.sso {
    color: blue;
    text-decoration: underline;
}

.bg-danger {
    position: absolute;
    top: 220px;
    padding: 0 !important;
    margin-left: 50px;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
    width: 546px
}

p.bg-danger.alert {
    position: absolute;
    top: 330px !important;
    padding: 0 50px 0 0 !important;
    font-size: 16px;
    margin-left: 50px;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
    width: 546px
}

.bg-success {
    position: absolute;
    top: 220px;
    padding: 0 !important;
    margin-left: 50px;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
    width: 546px
}

.column form #callinglabel {
    display: block !important;
    white-space: pre-wrap;
    padding: 0;
    margin: -2px 0;
    background: transparent;
    border: none;
    font-size: 16px;
    color: #333333;
    margin-top: -15px !important;
}

.signon-app .column>h3 {
    font-size: 16px;
    font-family: "BlueSkyStandard-Light", "NotoSansCJKsc-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.7;
    color: #333333;
}

/**缩放问题*/
/* 默认样式 */
.modal-dialog .modal-body .btn-primary {
    color: #fff !important;
    background-color: #00BEBE !important;
    border-color: #00BEBE !important;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
}

.modal-dialog .modal-body .btn-default {
    color: #fff !important;
    background-color: #00BEBE !important;
    border-color: #00BEBE !important;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
}

.modal-dialog .modal-body .btn-primary:hover,
.modal-dialog .modal-body .btn-primary:focus,
.modal-dialog .modal-body .btn-primary.focus,
.modal-dialog .modal-body .btn-primary:active,
.modal-dialog .modal-body .btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #fff !important;
    background-color: #00bebe !important;
    border-color: #00bebe !important;
}

.modal-dialog .modal-footer .btn-default:hover,
.modal-dialog .modal-footer .btn-default:focus,
.modal-dialog .modal-footer .btn-default.focus,
.modal-dialog .modal-footer .btn-default:active,
.modal-dialog .modal-footer .btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #fff !important;
    background-color: #00bebe !important;
    border-color: #00bebe !important;
}

/* 输入验证码错误5次提示语样式 */
.row p.bg-danger+label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    position: absolute !important;
    bottom: 10% !important;
    margin-left: 50px !important;
    white-space: pre-wrap;
}

#password_policies {
    left: 0 !important;
    top: 450px !important;
}

#password_policies2 {
    left: 0 !important;
    top: 540px !important;
}

/* 1920*1080 150%缩放 */
@media screen and (-webkit-device-pixel-ratio: 1.5) {
    .signon-app header {
        margin-top: 5px !important;
    }

    .signon-app header hgroup h2 {
        margin-top: 10px !important;
    }

    .signon-app .container .column {
        padding-top: 100px 50px 50px 50px !important;
    }

    .column form #callinglabel {
        margin-top: -30px !important;
    }

    .column p {
        margin-top: -5px !important;
    }

    p.bg-danger.alert {
        position: absolute;
        top: 245px !important;
    }

    #password_policies {
        left: 0 !important;
        top: 365px !important;
    }

    #password_policies2 {
        left: 0 !important;
        top: 455px !important;
    }

    .signon-app .column input#currentPass {
        height: 55px;
        line-height: 55px;
    }
}

/* 1366*768 100%缩放 */
@media screen and (-webkit-device-pixel-ratio: 1) {
    .signon-app header {
        margin-top: 5px !important;
    }

    .signon-app header hgroup h2 {
        margin-top: 10px !important;
    }

    .signon-app .container .column {
        padding-top: 100px 50px 50px 50px !important;
    }

    .column form #callinglabel {
        margin-top: -13px !important;
    }

    p.bg-danger.alert {
        position: absolute;
        top: 245px !important;
    }

    #password_policies {
        left: 0 !important;
        top: 365px !important;
    }

    #password_policies2 {
        left: 0 !important;
        top: 455px !important;
    }
}