/*
// THIS SOURCE CODE IS INTELLECTUAL PROPERTY OF MASIMO.
// This source code cannot be copied, modified, printed,
// reproduced or used in any way, shape or form without prior permission from
// Masimo, Inc. ANY ATTEMPTS TO COPY, MODIFY, PRINT,
// REPRODUCE OR USE THIS SOURCE CODE WITHOUT PERMISSION FROM
// MASIMO, INC ARE STRICTLY PROHIBITED.
//
// Anyone creating, updating, or viewing this source code in any way, shape
// or form is bound by this copyright message, including Masimo' employees, contractors, partners, or any other associated or
// non-associated person, entity or a system.
//
// Copyright 2020 Masimo. All Rights Reserved
*/
/*.angular-main-ctrl{
    opacity: 0;
}*/
/*google login*/
body.dir-rtl {
    direction: rtl;
}
.box-googlelogin {
    clear: both;
}
.bt-signinGoogle {
    clear: both;
    padding-bottom: 27px;
    padding-top: 30px;
}
.btsg-b1 {
    height: 44px;
    border-radius: 3px;
    width: 275px;
    cursor: pointer;
    margin: auto;
    background: #fff;
    border: 1px solid #007aff;
}
.btsg-b2 {
    padding: 13px;
    float: left;
    border-right: 1px solid #fff;
}
.btsg-b3 {
    width: 18px;
    height: 18px;
}
.btsg-b4 {
    letter-spacing: .21px;
    margin-left: 6px;
    line-height: 44px;
    font-family: Roboto,arial,sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #007aff;
    margin-right: 20px;
}
.bli-linetext {
    width: 100%;
    float: left;
    height: 9px;
}
.bli-linetext div {
    display: inline-block;
    line-height: 18px;
    background: #ffffff;
    padding: 0 5px;
    color: #a8a8a9;
}
.bli-line {
    height: 2px;
    background: #d6d6d6;
    clear: both;
    margin: 0 15px 35px;
}
#tabs-container {
    margin: 0 15px;
    padding-bottom: 15px;
}
/*end: google login*/

html {
    background-image: url(/sites/base/pages/account/assets/images/bg-login.jpg?vs=2);
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    height: inherit;
}
#login-page-container {
    min-height: 100%;
}
.dir-rtl.login-page md-checkbox .md-label {
    margin-right: 30px;
}
.login-page {
    background: transparent;
    font-family: Roboto, AlrightSans;
    margin: 0;
    min-height: 100%;
    padding: 0;
    position: relative;
}
.login-box {
    overflow: inherit;
    padding: 20px 0;
    width: 500px;
    vertical-align: middle;
    text-align: center;
}
#login-page-container .login-header .login-logo-temp {
    transform: scale(0.8);
}
.login-title {
    color: #3e3e3f;
    margin: 20px 0;
    font-weight: 400;
    font-family: Roboto, AlrightSans;
    font-size: 20px;
    text-align: center;
}
.reg-step-1 .login-title {
    display: none;
}
#login-page-container .login-header .login-logo-temp img {
    display: none;
}
.login-body {
    border: 0px solid;
    box-shadow: 0px 0px 19px rgba(0,0,0,0.3);
    border-radius: 0px;
    background: #ffffff;
    height: auto;
    margin: 1%;
    position: relative;
}
.form-padding {
    padding: 10px 0px 0px;
    text-align: left;
}
.fp-item {
    display: table;
    width: 100%;
    padding: 10px 0;
}
.fpi-iconUserName {
    background: url(/sites/base/pages/account/assets/images/ic-account.svg) no-repeat center center;
    opacity: 0.54;
    width: 24px;
}
.fpi-iconLock {
    width: 24px;
    background: url(/sites/base/pages/account/assets/images/ic_lock_black_24.svg) no-repeat center center;
    opacity: 0.54;
}
.dir-rtl .fp-item md-input-container, .dir-rtl .fp-item md-input-container.md-block {
    text-align: right;
}
.fp-item md-input-container, .fp-item md-input-container.md-block {
    display: table-cell;
}
.form-padding md-input-container {
    margin: 6px 0;
}
md-content.padding-box {
    padding: 15px;
}
.dir-rtl #conf_user {
    text-align: right;
}

.dir-rtl md-checkbox .md-container {
    right: 0px;
    left: auto;
}
#conf_user {
    text-align: left;
    color: rgba(0,0,0,0.87);
    position: relative;
    padding: 0 5px;
}
#conf_user .row_item {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#conf_user .row_item:nth-child(1) {
    margin-bottom: 15px;
}
#conf_user .fix_min_width{
    width: 215px;
}
.login-body input {
    box-sizing: content-box;
}
.form-padding input {
    font-size: 16px;
}
#conf_user .row_item .text {
    padding-left: 25px;
    font-size: 16px;
    cursor: pointer;
    margin: 0;
    float: left;
}
.input-group {
    border-collapse: separate;
    border-radius: 3px;
    display: table;
    position: relative;
    margin-top: 15px;
    width: 100%;
}
.btt-space {
    border: medium none !important;
}
.box-buttonlogin {
    text-align: right;
}
.input-group .button {
    border: 0 solid;
    min-width: 177px;
    text-transform: capitalize;
    font-size: 16px;
    height: 36px;
    line-height: 35px;
    margin: 0px;
    display: inline-block;
}
.grid-not-active {
    text-align: center;
    display: none;
}
.grid-not-active .text-1 {
    text-align: center;
    padding-bottom: 11px;
    padding-top: 15px;
    color: rgba(0,0,0,0.87);
}
.grid-not-active button {
    margin: 0px;
}
.new-style.btn-resend-active {
    width: auto;
    font-size: 18px;
    padding: 0 15px;
    height: 44px;
    display: inline-block;
    line-height: 44px;
    background: #18387c;
    color: #fff;
    border-bottom: 2px solid #0e1d3f;
}
#resendActive {
    text-decoration: none;
    border: 0px solid !important;
    text-transform: capitalize;
}
.dont-acount {
    color: rgba(0,0,0,0.87);
    border-radius: 0 0 3px 3px;
    font-family: Roboto, AlrightSans;
    font-size: 16px;
    height: auto;
    line-height: 18px;
    padding-bottom: 18px;
    padding-top: 3px;
    text-align: center;
    width: 100%;
}
.dont-acount a {
    color: rgba(0,0,0,0.64);
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
/*.dont-acount a:hover{
    color: rgba(0,0,0,0.84);
}*/
.login-box .text-support {
    padding: 0px 0 60px 0; /* TODO: DOC-7518, Quannn, 11/27/2018*/
    line-height: 30px;
    clear: both;
    color: rgba(0,0,0,0.87);
    background: transparent;
    display: none;
}
.dir-rtl .box-text-support {
    left: -240px;
    right: auto;
}
.dir-rtl md-input-container label:not(.md-container-ignore) {
    right: 0px;
    left: auto;
}
.box-text-support {
    position: absolute;
    right: -240px;
    top: calc(50% - 37px);
    background: #fff;
    width: 165px;
    padding: 15px 10px;
    border-radius: 4px;
    box-shadow: 0px 0px 19px rgba(0,0,0,0.3);
}
.box-text-support:lang(de), .box-text-support:lang(es), .box-text-support:lang(nl){
    width: 185px;
}
.box-text-support:lang(fr){
    width: 190px;
}
.dir-rtl .box-text-support .text-support {
    padding-right: 25px;
    background-position: right 17px;
}
.box-text-support .text-support {
    padding-left: 25px;
    font-size: 14px;
    background-image: url(/sites/base/pages/account/assets/images/ic_phone_in_talk.svg);
    background-repeat: no-repeat;
    background-position: left 17px;
    color: #000;
    opacity: 0.87;
}
.dir-rtl .fp-item .box-forgot {
    left: 0px;
    right: auto;
}
.fp-item .box-forgot {
    position: absolute;
    right: 0;
    color: #303f9f;
    cursor: pointer;
    top: 5px;
}
.placeholder-title {
    color: rgba(0,0,0,0.87);
    font-family: Roboto, AlrightSans;
    font-size: 19px;
}
.input-group.btt-space{
    text-align: right;
}

.reg-step-3 .tab-content {
    margin: 15px;
    width: auto;
}
.reg-step-3 .placeholder-title {
    margin-top: 0px;
    text-align: left;
}
.reg-step-3 .dont-acount {
    margin-right: 10px;
    min-width: 150px;
    text-align: center;
    width: auto;
}
.reg-step-3 #bt-verify {
    min-width: 150px !important;
    width: auto;
}
.back, .bck {
    color: #24448d;
    float: left;
    font-family: Roboto, AlrightSans;
    font-size: 16px;
}
.box-navigate .dont-both{
    background: transparent;
    border-radius: inherit;
    padding: 3px 15px 18px;
    clear: both;
    font-family: Roboto, AlrightSans;
    font-size: 16px;
    height: auto;
    line-height: 18px;
}
.back span, .bck span {
    color: rgba(0,0,0,0.87);
    float: left;
}
.icon-back {
    float: left;
    background: url(/sites/base/theme/checklists/images/svg/Icon_Back_512x512.svg) no-repeat center center;
    background-size: auto 20px;
    width: 26px;
    height: 18px;
    opacity: 0.54;
    display: block;
    margin-right: 10px;
}
.showError{
    font-size: 12px;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background: none !important;
    -webkit-box-shadow: 0 0 0px 1000px #f6f6f6 inset;
    color: #0f579f !important;
    -webkit-text-fill-color: #0f579f !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background: none !important;
    -webkit-box-shadow: 0 0 0px 1000px #f6f6f6 inset;
    transition: background-color 5000s ease-in-out 0s;
    color: rgba(0,0,0,0.87) !important;
    -webkit-text-fill-color: rgba(0,0,0,0.87) !important;
}
div.nav-menu,
#grid_content_setting,
.wrap-info-account{
    display: none;
}
@media (max-width: 450px){
    .reg-step-3 #bt-verify,
    .reg-step-3 button{
        width: 115px !important;
        min-width: initial !important;
    }
}
.dir-rtl #inp-pass-email {
    padding-right: 0px;
}
#inp-pass-email {
    padding-right: 136px;
}
#conf_user md-radio-button .md-container {
    width: 16px;
    height: 16px;
}
#conf_user md-radio-button .md-off, #conf_user md-radio-button .md-on {
    width: 16px;
    height: 16px;
}
#conf_user md-radio-button .md-label {
    margin-left: 23px;
}
#conf_user md-radio-button:not([disabled]).md-primary.md-checked .md-off {
    border-color: rgba(0,0,0,0.87);
}
#conf_user md-radio-group:not([disabled]) .md-primary .md-on {
    background-color: rgba(0,0,0,0.87);
}
.dont-acount .href-signup {
    color: #23458C;
    text-decoration: none;
    font-weight: bold;
}
.box-bottom {
    margin-top: 50px;
}
.dir-rtl .text-left {
    float: right;
    width: 61%;
}
.text-left {
    float: left;
    line-height: 36px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .text-left {
        margin-top: 1px;
    }
}
.box-bottom .text-left .href-signup {
    color: #23458C;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #conf_user md-radio-button .md-label {
        position: relative;
        top: 3px;
    }
}
.login-box md-content{
    background: #ffffff;
}
.box-content-login {
    position: relative;
}
.dir-rtl md-input-container.md-input-focused label:not(.md-no-float), .dir-rtl md-input-container.md-input-has-placeholder label:not(.md-no-float), .dir-rtl md-input-container.md-input-has-value label:not(.md-no-float) {
    transform: translate3d(0px,6px,0)!important;
    font-size: 11px;
}
.dir-rtl .box-text-support .text-support.sh {
    text-align: right;
}
.box-text-support .text-support.sh {
    display: block;
    text-align: left;
    line-height: 18px;
    box-sizing: border-box;
}
.box-text-support .text-support.sh span {
    font-weight: bold;
}


/*TODO: DOC-4834, Quannn, 9/7/2017*/
body #lc_chat_layout {
    right: 20px;
}
body #lc_chat_layout ul {
    margin: 18px 10px 10px !important;
}
#lc_chat_layout.lc-expanded.lc-offline {
    height: 410px !important;
}
#lc_chat_layout.lc-expanded.lc-offline #lc_chat_container .lc-offline-form {
    height: 370px;
}
#lc_chat_layout.lc-expanded.lc-offline.lc-thank-message {
    height: 183px !important;
}
@media (max-width: 720px){
    body #lc_chat_layout {
        right: 10px;
    }
}
/*End DOC-4834*/
/*TODO: DOC-5511, Quannn, 10/9/2017*/
#lc_chat_layout.lc-collapsed {
    width: 160px;
}
/*End DOC-5511*/
/*TODO: DOC-6576, Quannn, 4/19/2018*/
#newDialog.popup-sso-login .btn-login-gg {
    height: 44px;
    border-radius: 3px;
    width: 275px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #007aff;
}
#newDialog.popup-sso-login .btn-login-gg .btn {
    float: left;
    padding: 12px 0 12px 0px;
    margin-left: 6px;
}
#newDialog.popup-sso-login .btn-login-gg .text {
    line-height: 40px;
    text-transform: none;
    font-size: 20px;
    color: #007aff;
    font-weight: normal;
}
.dir-rtl #loginLocaleOption{
    left: 0px;
    right: auto;
}
#loginLocaleOption {
    position: absolute;
    right: 0px;
    top: 0px;
}
/*End DOC-6576*/
/*MSCLOUD-1478*/
#click-login{
    min-width: 165px;
}
/*End MSCLOUD-1478*/

.header-2fa {
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    padding: 20px 0px;
}
.hint-2fa {
    text-align: right;
    color: gray;
    font-size: 13px;
}
#inp-code-2fa {
    margin-bottom: 5px;
}
#bt-resendcode {
    color: #3370DB;
    cursor: pointer;
}
@media(min-width:744px) and (max-width:1024px) {
    .box-text-support{
        bottom: -135px;
        top: auto;
        left: 150px;
    }
    .box-text-support .text-support{
        padding: 0px 0px 0px 25px;
    }
}