/* _content/IAM.SelfRegistration/Pages/Components/InfoBox/InformationBox.razor.rz.scp.css */

.remove-margin-padding[b-2jalrjwanp] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.background-img[b-2jalrjwanp] {
    height: 500px;
    width: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
}

.info-box[b-2jalrjwanp] {
    position: absolute !important;
    top: 117px;
    margin-left: 4%;
    height: 500px;
    width: 30%;
    opacity: 0.8;
    background-color: #003645;
    color: white;
}
.card-title[b-2jalrjwanp] {
    font-family: lm-bold, sans-serif;
    white-space: pre-line;
}
.card-text[b-2jalrjwanp] {
    font-family: lm-exdemi, sans-serif;
}

.card-text-padding[b-2jalrjwanp] {
    padding-bottom: 15px !important;
}

.font-light-style[b-2jalrjwanp] {
    font-weight: lighter;
}
.card-body[b-2jalrjwanp]
{
    padding: 3rem 3rem;
}

@media (max-width: 576px) { 
    .col-sm img:first-child[b-2jalrjwanp] {
        display: none;
    }
    .card-body[b-2jalrjwanp]
    {
        padding: 3rem 3rem;
    }

    .info-box[b-2jalrjwanp] {
        margin-left: 0% !important;
        opacity: unset;
        width: 100%;
    }
    .divInfoFooter[b-2jalrjwanp]
    {
        padding-top: 0px;
        margin-top: 85px;
    }
}
/* _content/IAM.SelfRegistration/Pages/Components/SectorComponent.razor.rz.scp.css */
.dropdown-hover-all .dropdown-menu[b-53p2ud941f], .dropdown-hover > .dropdown-menu.dropend[b-53p2ud941f] 
{ 
    margin-left:-1px !important 
}
.mt-3[b-53p2ud941f]
{
    margin-top: 0px !important;
}
.btn-secondary[b-53p2ud941f]
{
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    color: #8B9091;
    text-align: left;
}
.dropdown-toggle[b-53p2ud941f]::after
{
    /*margin-left: 94%;*/
    display: none;
}
.dropdown-menu[b-53p2ud941f]
{
    width: 63%;
}
.dropdown-item[b-53p2ud941f]
{
    font-size: 16px;
    color: #707070;
    font-family: lm-regular, sans-serif;
}
/* _content/IAM.SelfRegistration/Pages/Components/TabsComponent.razor.rz.scp.css */
.navbar-toggler[b-ceqna5i9d2] {
    display: none !important;
}
.navbar-toggler[b-ceqna5i9d2] {
    display: none !important;
}
.nav-link[b-ceqna5i9d2] {
    color: #f4f4f4;
}
.nav-link:hover[b-ceqna5i9d2] {
    color: #f4f4f4;
    text-decoration: underline;
    border-color: #495057;
    background-color: #1F7892;
}
.nav-tabs[b-ceqna5i9d2] {
    border-bottom: none;
}
.nav-link.active[b-ceqna5i9d2] {
    border-color: #f4f4f4 !important;
    background-color: #f4f4f4 !important;
}
.nav-link.active:hover[b-ceqna5i9d2] {
    color: #003645;
    border-color: #495057;
    background-color: #1F7892;
}
/* _content/IAM.SelfRegistration/Pages/Error.cshtml.rz.scp.css */

h1[b-tmv591qiq7] {
    margin-top: 100px;
    text-align: center;
    font-weight: bold;
    color: #005972;
}

h6[b-tmv591qiq7] {
    text-align: center;
    font-weight: normal;
    color: #81B0BB;
}

.btn-color[b-tmv591qiq7] {
    color: white;
    background-color: #003645;
}
/* _content/IAM.SelfRegistration/Pages/MobileVerificationPageModel.cshtml.rz.scp.css */

.mobile-verify[b-f4ferq8ptn] {
    width: 42%;
    position: absolute !important;
    top: 150px;
    margin-left: 50%;
}
@media (max-width: 576px) {
    .mobile-verify[b-f4ferq8ptn] {
        top: 440px;
        width: 100%;
        position: absolute !important;
        margin-left: 0;
    }
}

.mobile-verify-header[b-f4ferq8ptn] {
    background-color: #005972;
    color: white;
    font-family: lm-bold, sans-serif;
    white-space: pre-line;
}

.mobile-verify-content[b-f4ferq8ptn] {
    background-color: #f4f4f4;
    font-family: lm-exdemi, sans-serif;
}

.btn-next-mobile-verify[b-f4ferq8ptn] {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    height: 60px;
    font-size: 20px;
}

.btn-text[b-f4ferq8ptn] {
    font-size: 20px;
}

.mobile-verify-input-text[b-f4ferq8ptn] {
    width: 97% !important;
    margin: 10px !important;
}

.main-header[b-f4ferq8ptn] {
    margin-left: 30px;
}

.mobile-number-label[b-f4ferq8ptn] {
    margin-left: 10px; 
    margin-bottom: 5px;
}
/* _content/IAM.SelfRegistration/Pages/MobileVerifiedPageModel.cshtml.rz.scp.css */
.mobile-verified[b-mqkotcvbhx] {
    width: 42%;
    position: absolute !important;
    top: 150px;
    margin-left: 50%;
}

.mobile-verified-header[b-mqkotcvbhx] {
    background-color: #003645;
    color: white;
    font-family: lm-bold, sans-serif;
    white-space: pre-line;
}

.mobile-verified-content[b-mqkotcvbhx] {
    background-color: #f4f4f4;
    font-family: lm-exdemi, sans-serif;
}

.btn-next-mobile-verified[b-mqkotcvbhx] {
    width: 100%;
    margin: 10px 0 10px 0;
    height: 60px;
    font-size: 20px;
}

.btn-text[b-mqkotcvbhx] {
    font-size: 20px;
}

.inputs input[b-mqkotcvbhx] {
    width: 40px;
    height: 40px;
    margin: 5px;
}

.inputs-digit[b-mqkotcvbhx] {
    width: 40px !important; margin-right: 10px !important;
}

.main-header[b-mqkotcvbhx] {
    margin-left: 30px;
}

.edit-mobile-number[b-mqkotcvbhx] {
    background-color: white;
    margin: 10px 10px 30px 5px;
    width: 99%;
}

.mobile-number-label[b-mqkotcvbhx] {
    margin: 10px 0 2px 10px;
}

.mobile-number-digit[b-mqkotcvbhx] {
    margin: 0 0 10px 3px;
    font-size: 18px;
}

.verified-mobile-lg-text[b-mqkotcvbhx] {
    margin: 0 0 5px 5px;
    font-size: 18px;
    font-weight: bold;
}

.verified-mobile-sm-text[b-mqkotcvbhx] {
    margin: 0 0 5px 5px;
    font-size: 18px;
    font-weight: 10;
}

.resend-lbl[b-mqkotcvbhx] {
    margin: 0 0 5px 5px;
    color: #8B9091 !important;
    text-align:center;
    line-height: 20px;
    padding: 20px 10px 5px 180px;
}

.resend-lbl-seconds[b-mqkotcvbhx] {
    color:#8B9091 !important; margin-right: 8px;
}

.link-align[b-mqkotcvbhx] {
    text-align:center;
    line-height: 20px;
    padding: 20px 10px 5px 5px;
}

.code-box[b-mqkotcvbhx] {
    width: 40px  !important; margin-right: 10px !important;
}



@media (max-width: 576px) {
    .mobile-verified[b-mqkotcvbhx] {
        top: 440px;
        width: 100%;
        position: absolute !important;
        margin-left: 0;
    }

    .resend-lbl-seconds[b-mqkotcvbhx] {
        color:#8B9091 !important; margin-right: 8px;
    }

    .resend-lbl[b-mqkotcvbhx] {
        margin: 0 0 5px 5px;
        color: #8B9091 !important;
        text-align:center;
        line-height: 20px;
        padding: 20px 10px 5px 5px;
    }

    .link-align[b-mqkotcvbhx] {
        text-align: unset;
        line-height: 20px;
        padding: 20px 10px 20px 15px;
    }
}
/* _content/IAM.SelfRegistration/Pages/Partials/AcademyThankYouPartial.cshtml.rz.scp.css */
.font-style-18[b-b4ab8l8c8a] {
    font-size: 36px;
    line-height: 120%;
}

.font-style-28[b-b4ab8l8c8a] {
    font-size: 36px;
    line-height: 120%;
}

@media (min-width: 992px) {
    .font-style-lg-36[b-b4ab8l8c8a] {
        font-size: 36px;
        line-height: 120%;
    }
}

.header-container[b-b4ab8l8c8a] {
    max-width: 1050px;
}

.header-info[b-b4ab8l8c8a] {
    font-family: Roboto-Medium-Bold, serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 120%;
}

.academy-button a[b-b4ab8l8c8a] {
    color: var(--font-gray-color-800);
    text-decoration: none;
}
/* _content/IAM.SelfRegistration/Pages/Partials/EcolabSuccessPartial.cshtml.rz.scp.css */
.container-ecolab[b-m3ovt3lcqf] {
    --font-regular-light: Interstate-Light,Verdana,Arial,sans-serif;
    --font-regular: Interstate-Regular,Verdana,Arial,sans-serif;
    --font-regular-semibold: Interstate-LightItalic,Verdana,Arial,sans-serif;
    --font-regular-bold: Interstate-Bold,Verdana,Arial,sans-serif;

    font-family: var(--font-regular-light);
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #3D3D3D;
    font-weight: 400;
    background-color: #fff;
}

.container-ecolab h2[b-m3ovt3lcqf] {
    font-family: var(--font-regular-semibold);
    font-weight: normal;
}

.container-ecolab p[b-m3ovt3lcqf] {
    font-size: 1rem;
    line-height: 1.6rem;
}

@media (min-width: 992px) {
    .container-ecolab[b-m3ovt3lcqf] {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}

@media (min-width: 768px) {
    .banner.full-height[b-m3ovt3lcqf] {
        height: calc(100vh - 161px);
    }
    .banner[b-m3ovt3lcqf] {
        min-height: 500px;
        height: 70vh;
    }
}

@media (min-width: 992px) {
    .banner[b-m3ovt3lcqf] {
        padding-top: 72px;
        min-height: 500px;
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .banner[b-m3ovt3lcqf] {
        margin-top: 0 !important;
    }
}

.banner[b-m3ovt3lcqf] {
    background-image: url('./images/ecolab/ecolab_ui_home.jpeg');
    height: auto;
    padding: 30px 0 0 0 ;
    position: relative;
    overflow: hidden;
    color: #fff;
    margin-top: 72px;
}

.banner.gradient[b-m3ovt3lcqf] {
    color: #fff
}

.banner.offer[b-m3ovt3lcqf] {
    background-size: cover;
    background-position: center;
    position: relative;
    background-attachment: scroll;
}

.overlayColor[b-m3ovt3lcqf] {
    background: linear-gradient(to top,rgba(21,21,21,0.9) 0%,rgba(21,21,21,0.1) 100%);
}

.banner .overlayColor[b-m3ovt3lcqf] {
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 5em;
}

.text-container h2[b-m3ovt3lcqf] {
    position: relative;
    z-index: 2;
}

.text-container h2 strong[b-m3ovt3lcqf] {
    font-family: var(--font-regular-bold);
    font-weight: normal;
}

.text-container[b-m3ovt3lcqf] {
    align-items: flex-end;
    height: 100%;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .text-container[b-m3ovt3lcqf] {
        padding: 5em;
    }
}

.whitespace-top[b-m3ovt3lcqf] {
    padding-top: 25px;
}

@media (min-width: 768px) {
    .whitespace-top[b-m3ovt3lcqf] {
        padding-top: 50px;
    }
}

@media (min-width: 992px) {
    .whitespace-top[b-m3ovt3lcqf] {
        padding-top: 70px;
    }
}

.separated-header h2[b-m3ovt3lcqf] {
    text-decoration: underline;
    text-decoration-color: #099eae;
    text-underline-offset: 15px;
    text-decoration-thickness: 2px;
}
/* _content/IAM.SelfRegistration/Pages/ProgressBarPageModel.cshtml.rz.scp.css */

.remove-margin-padding[b-g69fvzb4uc] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.background-img[b-g69fvzb4uc] {
    height: 500px;
    width: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
}

.info-box[b-g69fvzb4uc] {
    position: absolute !important;
    top: 117px;
    margin-left: 4%;
    height: 500px;
    width: 30%;
    opacity: 0.8;
    background-color: #003645;
    color: white;
}
.card-title[b-g69fvzb4uc] {
    font-family: lm-bold, sans-serif;
    white-space: pre-line;
}
.card-text[b-g69fvzb4uc]{
    font-family: lm-exdemi, sans-serif;
}
.font-light-style[b-g69fvzb4uc] {
    font-weight: lighter;
}
.card-body[b-g69fvzb4uc]
{
    padding: 3rem 3rem;
}

@media (max-width: 576px) {
    .col-sm img:first-child[b-g69fvzb4uc] {
        display: none;
    }
    .card-body[b-g69fvzb4uc]
    {
        padding: 3rem 3rem;
    }

    .info-box[b-g69fvzb4uc] {
        margin-left: 0;
        opacity: unset;
        width: 100%;
    }
    .divInfoFooter[b-g69fvzb4uc]
    {
        padding-top: 0px;
        margin-top: 85px;
    }
}
/* _content/IAM.SelfRegistration/Pages/Register/Academy.cshtml.rz.scp.css */
.font-style-14[b-7ook64y8os] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0;
}

@media (min-width: 1600px) {
    .left-panel[b-7ook64y8os] {
        margin-left: calc(100% / 12);
    }
}

.left-panel-title[b-7ook64y8os] {
    font-family: Roboto-Medium-Bold, serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 120%;
    max-width: 570px;
}

.main-form[b-7ook64y8os] {
    background: #FFFFFF;
    max-width: 600px;
}

a[b-7ook64y8os] {
    color: var(--font-blue-color);

}

@media (min-width: 992px) {
    .left-panel-title[b-7ook64y8os] {
        font-weight: 700;
        font-size: 36px;
    }
}

.main-form .error-box-inner[b-7ook64y8os] {
    margin-left: 8rem;
    right: -24px;
    bottom: 12px;
}

@media (min-width: 992px) {
    .main-form .error-box-inner[b-7ook64y8os] {
        right: -48px;
    }
}
/* _content/IAM.SelfRegistration/Pages/Register/Ecolab.cshtml.rz.scp.css */
.btn-primary[b-w03oid3v2r] {
    background-color: #007AC9;
    border-color: #007AC9 !important;
}
.ecolab-register[b-w03oid3v2r] {
    width: 42%;
    position: absolute !important;
    top: 150px;
    margin-left: 50%;
}
@media (max-width: 576px) {
    .ecolab-register[b-w03oid3v2r] {
        top: 555px;
        width: 100%;
        position: absolute !important;
        margin-left: 0;
    }
}
.label[b-w03oid3v2r] {
    color: black !important;
}

.text-danger[b-w03oid3v2r] {
    font-size: 14px;
}
/* _content/IAM.SelfRegistration/Pages/Register/QatarFoundational.cshtml.rz.scp.css */
.btn-primary[b-0zs4yez6pw] {
    background-color: #005972;
    border-color: #005972 !important;
}
.btn-primary:hover[b-0zs4yez6pw] {
    background-color: #1F7892;
    border-color: #1F7892 !important;
}
.btn-primary:active[b-0zs4yez6pw] {
    background-color: #1F7892;
    border-color: #1F7892 !important;
}
.btn-primary:focus[b-0zs4yez6pw] {
    background-color: #1F7892;
    border-color: #1F7892 !important;
    box-shadow: none;
}
.btn-primary.disabled[b-0zs4yez6pw] {
    background-color: #8B9091 !important;
    border: none;
}
.btn-primary:disabled[b-0zs4yez6pw] {
    background-color: #8B9091 !important;
    border: none;
}
.btn:focus[b-0zs4yez6pw] {
    background-color: #155972;
    border-color: #155972 !important;
    box-shadow: none;
}
.divRegister[b-0zs4yez6pw] {
    width: 42%;
    position: absolute !important;
    top: 150px;
    margin-left: 50%;
}
@media (max-width: 576px) {
    .divRegister[b-0zs4yez6pw] {
        top: 440px;
        width: 100%;
        position: absolute !important;
        margin-left: 0;
    }
}
.divFoundationalHeader[b-0zs4yez6pw] {
    background-color: #005972;
    padding: 1% 4%;
}
.text-danger[b-0zs4yez6pw] {
    font-size: 12px;
}
.divTabs[b-0zs4yez6pw] {
    background-color: #005972;
    padding-left: 4%;
    padding-right: 4%;
}
/* _content/IAM.SelfRegistration/Pages/Register/QatarSpecialist.cshtml.rz.scp.css */
.nav-link[b-laamuaeplt] {
    color: #f4f4f4;
}
.nav-link:hover[b-laamuaeplt] {
    color: #f4f4f4;
    text-decoration: underline;
    border-color: #495057;
    background-color: #1F7892;
}
.nav-tabs[b-laamuaeplt] {
    border-bottom: none;
}
.nav-link.active[b-laamuaeplt] {
    border-color: #f4f4f4 !important;
    background-color: #f4f4f4 !important;
}
.nav-link.active:hover[b-laamuaeplt] {
    color: #003645;
    border-color: #495057;
    background-color: #1F7892;
}
.btn-primary[b-laamuaeplt] {
    background-color: #005972;
    border-color: #005972 !important;
}
.btn-primary:hover[b-laamuaeplt] {
    background-color: #1F7892;
    border-color: #1F7892 !important;
}
.btn-primary:active[b-laamuaeplt] {
    background-color: #1F7892;
    border-color: #1F7892 !important;
}
.btn-primary:focus[b-laamuaeplt] {
    background-color: #1F7892;
    border-color: #1F7892 !important;
    box-shadow: none;
}
.btn-primary.disabled[b-laamuaeplt] {
    background-color: #8B9091 !important;
    border: none;
}
.btn-primary:disabled[b-laamuaeplt] {
    background-color: #8B9091 !important;
    border: none;
}
.btn:focus[b-laamuaeplt] {
    background-color: #155972;
    border-color: #155972 !important;
    box-shadow: none;
}
.divRegister[b-laamuaeplt] {
    width: 42%;
    position: absolute !important;
    top: 150px;
    margin-left: 50%;
}
@media (max-width: 576px) {
    .divRegister[b-laamuaeplt] {
        top: 440px;
        width: 100%;
        position: absolute !important;
        margin-left: 0;
    }
}
.divTabs[b-laamuaeplt] {
    background-color: #005972;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 4%;
}
.navbar-toggler[b-laamuaeplt] {
    display: none !important;
}
.navbar-toggler[b-laamuaeplt] {
    display: none !important;
}
.text-danger[b-laamuaeplt] {
    font-size: 12px;
}
 
/* _content/IAM.SelfRegistration/Pages/Shared/_AcademyLayout.cshtml.rz.scp.css */
.footer[b-a72u6qqg5h] {
    background-color: #00376E;
    font-size: 12px;
    color: var(--font-white-color);
    padding: 2em 3em;
}

.academy-container[b-a72u6qqg5h] {
    background-color: #F0F3F5;
}
/* _content/IAM.SelfRegistration/Pages/Shared/_EcolabLayout.cshtml.rz.scp.css */
.navbar-ecolab[b-hpc2d29vye] {
    height: 72px;
    transition: background 200ms linear;
    padding: 5px 15px;
    font-weight: normal;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1020;
    background-color: rgba(255,255,255,0.7);
}
/* _content/IAM.SelfRegistration/Pages/Shared/_QatarLayout.cshtml.rz.scp.css */
a.navbar-brand[b-mf18z95pdy] {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

a[b-mf18z95pdy] {
    color: #0077cc;
}

.btn-primary[b-mf18z95pdy] {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active[b-mf18z95pdy], .nav-pills .show > .nav-link[b-mf18z95pdy] {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.border-top[b-mf18z95pdy] {
    border-top: 1px solid #e5e5e5;
}
.border-bottom[b-mf18z95pdy] {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-mf18z95pdy] {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-mf18z95pdy] {
    font-size: 1rem;
    line-height: inherit;
}

.footer[b-mf18z95pdy] {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
}
/* _content/IAM.SelfRegistration/Pages/ThankYou.cshtml.rz.scp.css */

.heading-color[b-gopamh98ph] {
    text-align: center;
    font-weight: bold;
    color: #005972;
}
/* _content/IAM.SelfRegistration/Pages/VerificationMethodsPageModel.cshtml.rz.scp.css */

.verification-method-box[b-r22byg64zs] {
    width: 42%;
    position: absolute !important;
    top: 150px;
    margin-left: 50%;
}
@media (max-width: 576px) {
    .verification-method-box[b-r22byg64zs] {
        top: 440px;
        width: 100%;
        position: absolute !important;
        margin-left: 0;
    }
}

.verification-method-box-header[b-r22byg64zs] {
    background-color: #005972;
    color: white;
    font-family: lm-bold, sans-serif;
    white-space: pre-line;
}

.verification-method-box-content[b-r22byg64zs] {
    background-color: #f4f4f4;
    font-family: lm-exdemi, sans-serif;
}

.btn-next[b-r22byg64zs] {
    width: 97%;
    margin: 70px 10px 20px 10px;
    height: 60px;
    font-size: 20px;
}

.verification-method-btn[b-r22byg64zs] {
    width: 97%;
    height: 125px;
    margin: 10px;
    background-color: white;
    color: #707070;
    border: white;
}

.label-text[b-r22byg64zs] {
    color: #707070 !important;
    font-weight: lighter !important;
    font-size: 14px !important;
    margin-bottom: 10px;
    margin-top: 10px;
}

.btn-text[b-r22byg64zs] {
    font-size: 20px;
}

.btn-text-bold[b-r22byg64zs] {
    font-weight: bold;
}

.btn-icon[b-r22byg64zs] {
    margin-right: 47px;
}

.main-header[b-r22byg64zs] {
    margin-left: 30px;
}