body {
    /*
	font-family: PlayfairDisplay-Regular;
    font-family: PlayfairDisplay-Bold;
	*/
    background-image: url(/images/background.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}



.glacier_login_container {
    margin: auto;
    margin-top: 100px !important;
    padding: 50px 0px;
    background-color: #FFFFFF;
    width: 384px;
    height: 100%;
    border-radius: 5px;
    box-shadow: none;
    text-align: center;
    /*
	-webkit-box-shadow: none;	
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	*/
    /*
    border-radius: 20px;	
    -webkit-border-radius: 10px;
    box-shadow: 10px 10px 10px #000;
    -webkit-box-shadow: 10px 10px 10px #0000002b;
	*/
}

.glacier_logo_container {
    width: 100%;
    text-align: center;
    margin: auto;
    margin-bottom: 25px;
    display: inline-block;
}

.glacier_logo {
    width: 50%;
}

.glacier_login_title {
    font-size: 18px;
    color: #073269;
    font-weight: bold;
}


.glacier_reset_password_title h1 {
    font-size: 18px;
    color: #073269;
    font-weight: normal;
}


.glacier_reset_password_description p, .glacier_reset_password_notice p {
    font-size: 18px;
    color: #E5E5E5;
    margin: 15px 50px;
}

.glacier_reset_password_notice p, .glacier_reset_password_notice a {
    color: red;
}

.glacier_reset_password_notice a {
    font-weight: bold;
}

.glacier_login_roles {
    margin: 25px auto;
    width: 70%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.glacier_login_role {
    width: 49%;
    margin: auto 0.5%;
    /*border-bottom: 5px solid #E5E5E5;*/
}

.glacier_login_role_active {
    border-bottom: 5px solid #073269;
}

.glacier_login_role_inactive {
    border-bottom: 5px solid #E5E5E5;
}

.glacier_login_role a {
    /*color: #E5E5E5;*/
    font-size: 18px;
}

.glacier_login_roles a:hover {
    text-decoration: none;
}

.glacier_login_roles a:focus {
    text-decoration: none;
}

.glacier_login_role_active a {
    color: #073269;
    font-weight: bold;
}

.glacier_login_role_inactive a {
    color: #E5E5E5;
}


.field_icon {
    float: right;
    margin-left: -25px;
    margin-top: -35px;
    position: relative;
    z-index: 2;
    width: 22px;
    text-align: center;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.show_password_icon:before {
    content: url('/images/icon_show.svg');
    box-sizing: inherit;
}

.hide_password_icon:before {
    content: url('/images/icon_hide.svg');
    box-sizing: inherit;
}






.front_field_icon {
    float: left;
    margin-top: -36px;
    position: relative;
    z-index: 2;
    width: 20px;
    text-align: center;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.username_icon:before {
    content: url('/images/icon_userID.svg');
    box-sizing: inherit;
}

.password_icon:before {
    content: url('/images/icon_password.svg');
    box-sizing: inherit;
}

.code_icon:before {
    content: url('/images/icon_email.svg');
    box-sizing: inherit;
}

.username_container input, .password_container input, .verification_code_container input, .verification_code_part_container input {
    width: 100%;
    height: 30px;
    margin: 10px 0;
    padding-left: 32px;
    outline: none;
    border: 0;
    border-bottom: 1px solid #073269;
    background-position: 5px;
    background-size: 20px;
}


/*.verification_code_container input:first-child {
    float:left;
    width: 60% !important;
}*/

.margin_none {
    margin: 0px;
}
.padding_none {
    padding: 0px;
}

.padding_left_none {
    padding-left: 0px;
}

.padding_right_none {
    padding-right: 0px;
}

.verification_code_containers {
    display: inline-block;
    margin: 0px;
}

.get_verification_code_btn {
    width: 100%;
    height:40px;
    /*padding: 10px 10px;*/
    color: #FFFFFF;
    background-color: #073269;
    border-radius: 18px;
    border: 0px;
    border-radius: 3px;
}
    .get_verification_code_btn:disabled {
        background-color: #9E9E9E;
        cursor:not-allowed;
    }

.glacier_students_login_container, .glacier_coach_login_container {
    margin: 50px 40px;
}


.errorMessage {
    margin-left: 30px;
    line-height: 20px;
}

.glacier_coach_login_button, .glacier_student_login_button {
    margin: 30px auto;
}


.glacier_coach_login_button p {
    margin: 10px auto;
}

.btn_login {
    width: 100%;
    padding: 8px 0px;
    color: #FFFFFF;
    background-color: #073269;
    border-radius: 18px;
    border: 0px;
    border-radius: 3px;
    display:block;
}

    .btn_login:hover {
        text-decoration: none;
        color: #FFF;
    }


.get_email_code_container {
    width: 100%;
    color: #073269;
    text-align: right;
    font-size: 14px;
}

.reset_password_container {
    width: 100%;
    color: #073269;
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
}


.password_policy_container {
    width: 100%;
    color: #000;
    text-align: left;
    font-size: 14px;
    line-height: 21px;
    /*margin-top: 10px;*/
}


    .reset_password_container a, .reset_password_container input, .get_email_code_container a {
        color: #073269;
        border: none;
        background-color: transparent;
        border-bottom: 1px solid #073269;
    }

        .reset_password_container a:hover, .reset_password_container input:hover, .reset_password_container input:focus, .get_email_code_container a:hover {
            text-decoration: none;
            border: none;
            background-color: transparent;
            border-bottom: 1px solid #073269;
        }
    .reset_password_container span {
        color: #073269;
    }


.btn {
    cursor: pointer;
}


.glacier_students_login_container, .glacier_coach_login_container {
    margin: 25px 40px;
}


.field-validation-error {
    color: red;
    text-align: left;
    width: 100%;
    display: inline-block;
}

@media (max-width: 768px) {
    .glacier_login_container {
        width: 90%;
    }
}