/* _content/DigitalOnboardingApp/Pages/1_EnterMobile.razor.rz.scp.css */

/* Chrome, Safari, Edge, Opera */
input[b-qie7hylu3b]::-webkit-outer-spin-button,
input[b-qie7hylu3b]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-qie7hylu3b] {
    -moz-appearance: textfield;
}
/* _content/DigitalOnboardingApp/Shared/GeneralOTP.razor.rz.scp.css */
#timer[b-xw7lgy3rm3] {
    font-family: sans-serif;
    display: grid;
    /*  height: 100vh;*/
    place-items: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.base-timer[b-xw7lgy3rm3] {
    position: relative;
    width: 200px;
    height: 200px;
}

.base-timer__svg[b-xw7lgy3rm3] {
    transform: scaleX(-1);
}

.base-timer__circle[b-xw7lgy3rm3] {
    fill: none;
    stroke: none;
}

.base-timer__path-elapsed[b-xw7lgy3rm3] {
    stroke-width: 7px;
    stroke: grey;
}

.base-timer__path-remaining[b-xw7lgy3rm3] {
    stroke-width: 7px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}

    .base-timer__path-remaining.green[b-xw7lgy3rm3] {
        /* color: rgb(65, 184, 131);*/
        color: #d5bf90;
    }

    .base-timer__path-remaining.orange[b-xw7lgy3rm3] {
        color: #C41230;
    }

    .base-timer__path-remaining.red[b-xw7lgy3rm3] {
        color: #C41230;
    }

.base-timer__label[b-xw7lgy3rm3] {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
}
/* _content/DigitalOnboardingApp/Shared/GeneralTimer.razor.rz.scp.css */
#timer[b-1n0zimya0y] {
    font-family: sans-serif;
    display: grid;
    /*  height: 100vh;*/
    place-items: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.base-timer[b-1n0zimya0y] {
    position: relative;
    width: 200px;
    height: 200px;   
}

.base-timer__svg[b-1n0zimya0y] {
    transform: scaleX(-1);
}

.base-timer__circle[b-1n0zimya0y] {
    fill: none;
    stroke: none;
}

.base-timer__path-elapsed[b-1n0zimya0y] {
    stroke-width: 7px;
    stroke: grey;
}

.base-timer__path-remaining[b-1n0zimya0y] {
    stroke-width: 7px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}

    .base-timer__path-remaining.green[b-1n0zimya0y] {
        /* color: rgb(65, 184, 131);*/
        color: #d5bf90;
    }

    .base-timer__path-remaining.orange[b-1n0zimya0y] {
        color: #C41230;
    }

    .base-timer__path-remaining.red[b-1n0zimya0y] {
        color: #C41230;
    }

.base-timer__label[b-1n0zimya0y] {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
}
/* _content/DigitalOnboardingApp/Shared/MainLayout.razor.rz.scp.css */
.page[b-foxeuuvzkf] {
    position: relative;
    display: flex;
    flex-direction: column;
     height:100vh;
    /* padding-bottom: 30px;*/
}

main[b-foxeuuvzkf] {
    flex: 1;
    background: linear-gradient(rgba(255,255,255,.25), rgba(255,255,255,.5)), url("img/ithmaar_main_bg.png") no-repeat;
    background-size: cover;
}



.content[b-foxeuuvzkf] {
    position: relative;
    height: 50%;
    width: 100%;
    align-content: center;
    /*display: inline-grid;*/
}

.sidebar[b-foxeuuvzkf] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background: linear-gradient(rgba(255,255,255,.05), rgba(255,255,255,.25)), url("img/ithmaar_side_bg.png") no-repeat;
    background-size: cover;
    border-bottom: 0;
    box-shadow: 0 12px 17px 0 rgba(0,0,0,.41);
    -webkit-box-shadow: 0 12px 17px 0 rgba(0,0,0,.41);
    -moz-box-shadow: 0 12px 17px 0 rgba(0,0,0,.41);
}

.maincardheader[b-foxeuuvzkf] {
    display: none;
}
.backbtn_desktop[b-foxeuuvzkf] {
    display: none;
}
.top-row[b-foxeuuvzkf] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: space-between; /*flex-end;*/
    height: 5rem;
    display: flex;
    padding-top: 5px;
    /*align-items: center;*/
}

    .top-row[b-foxeuuvzkf]  a, .top-row .btn-link[b-foxeuuvzkf] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-foxeuuvzkf] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-foxeuuvzkf] {
        display: none;
    }

    .top-row.auth[b-foxeuuvzkf] {
        justify-content: space-between;
    }

    .language[b-foxeuuvzkf] {
        display: none;
    }

    .top-row a[b-foxeuuvzkf], .top-row .btn-link[b-foxeuuvzkf] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-foxeuuvzkf] {
        flex-direction: row;
        height: 100%;
    }

    .sidebar[b-foxeuuvzkf] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-foxeuuvzkf] {
        /*position: sticky;*/
        top: 0;
        z-index: 1;
    }

    .progbar[b-foxeuuvzkf] {
        display: none;
    }

    .top-row[b-foxeuuvzkf], article[b-foxeuuvzkf] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
    .maincardheader[b-foxeuuvzkf] {
        display: block;
    }
    .backbtn_desktop[b-foxeuuvzkf] {
        display: block;
    }
}
/* _content/DigitalOnboardingApp/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-0gwpe9acr7] {
    /*background-color: rgba(255, 255, 255, 0.1);*/
}

.top-row[b-0gwpe9acr7] {
    height: 5rem;
    background-color: white;
    /*background-color: rgba(0,0,0,0.4);*/
}

.toplogo[b-0gwpe9acr7] {
    display: none;
}

.backbtn[b-0gwpe9acr7] {
    display: block;
}

.navbar-brand[b-0gwpe9acr7] {
    font-size: 1.1rem;
}

.oi[b-0gwpe9acr7] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-0gwpe9acr7] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-0gwpe9acr7] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-0gwpe9acr7] {
        padding-bottom: 1rem;
    }

    .nav-item[b-0gwpe9acr7]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-0gwpe9acr7]  a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item[b-0gwpe9acr7]  a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

@media (min-width: 641px) {
    .navbar-toggler[b-0gwpe9acr7] {
        display: none;
    }

    .navbar-brand[b-0gwpe9acr7] {
        display: none;
    }

    .collapse[b-0gwpe9acr7] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .toplogo[b-0gwpe9acr7] {
        display: block;
    }

    .backbtn[b-0gwpe9acr7] {
        display: none;
    }
    
}
/* _content/DigitalOnboardingApp/Shared/ProgressbarSide.razor.rz.scp.css */
.wrapper[b-k41olxm6ag] {
    /*width: 330px;
    font-family: 'Helvetica'
        height: 100%;*/
    font-size: 15px;
}

.dontbox[b-k41olxm6ag] {
    margin-left: 10px;
    padding-top: 50px;
}
.dontbox *[b-k41olxm6ag], [b-k41olxm6ag]::after, [b-k41olxm6ag]::before {
    box-sizing: unset;
}
.StepProgress[b-k41olxm6ag] {
    position: relative;
    padding-left: 45px;
    list-style: none;
}

    .StepProgress[b-k41olxm6ag]::before {
        display: inline-block;
        content: '';
        position: absolute;
        top: 0;
        left: 15px;
        width: 10px;
        height: 100%;
    }

.StepProgress-item[b-k41olxm6ag] {
    position: relative;
    counter-increment: list;
    color: white;
}

    .StepProgress-item:not(:last-child)[b-k41olxm6ag] {
        padding-bottom: 20px;
        min-height:100px;
    }
    /*.StepProgress-item:not(.is-done) {
        color: white;
    }*/

    /* before is for the line designs */
    .StepProgress-item[b-k41olxm6ag]::before {
        display: inline-block;
        content: '';
        position: absolute;
        left: -25px;
        height: 100%;
        width: 10px;
        border-left: 5px solid #d7d7d7;
    }

    /* after is for the round shape designs */
    .StepProgress-item[b-k41olxm6ag]::after {
        content: counter(list);
        position: absolute;
        padding-top: 1px;
        width: 25px;
        height: 25px;
        top: -4px;
        left: -37px;
        font-size: 14px;
        text-align: center;
        color: gray;
        border: 2px solid #d7d7d7;
        border-radius: 50%;
        background-color: white;
    }
    .StepProgress-item.is-done[b-k41olxm6ag]::before {
        border-left: 5px solid #c41230;
    }

    .StepProgress-item.is-done[b-k41olxm6ag]::after {
        /*content: "✔";*/
        content: "\2713";
        font-size: 16px;
        color: whitesmoke;
        text-align: center;
        border: 2px solid #c41230;
        background-color: #c41230;
    }

    .StepProgress-item.current[b-k41olxm6ag]::before {
        border-left-width: 5px;
        border-left-style: solid;
        border-left-color: #b4975a;
        border-image-slice: 1;
        border-image-source: -moz-linear-gradient(top, #b4975a 10%, #fff 100%);
        border-image-source: -webkit-linear-gradient(top, #b4975a 10%, #fff 100%);
        border-image-source: linear-gradient(to bottom, #b4975a 10%, #fff 100%);
    }

    .StepProgress-item.current[b-k41olxm6ag] {
        color: burlywood;
        font-weight: bold;
        font-size: 17px;
    }
        .StepProgress-item.current[b-k41olxm6ag]::after {
            content: counter(list);
            padding-top: 1px;
            width: 25px;
            height: 25px;
            top: -4px;
            left: -37px;
            font-size: 14px;
            text-align: center;
            color: white;
            border: 2px solid #b4975a;
            background-color: burlywood;
        }

.StepProgress strong[b-k41olxm6ag] {
    display: block;
}
/* _content/DigitalOnboardingApp/Shared/ProgressbarTop.razor.rz.scp.css */
@charset "UTF-8";

/*body {
    background-color: black;
    font-family: sans-serif;
}
*/
.wizard-progress[b-6fwtdbk1go] {
    display: table;
    width: 100%;
    table-layout: fixed;
    position: relative;
}

    .wizard-progress *[b-6fwtdbk1go], [b-6fwtdbk1go]::after, [b-6fwtdbk1go]::before
    {
        box-sizing:unset;
    }
    .wizard-progress .wstep[b-6fwtdbk1go] {
        display: table-cell;
        text-align: center;
        vertical-align: top;
        overflow: visible;
        position: relative;
        font-size: 14px;
        /*color: #fff;
        font-weight: bold;*/
    }

        .wizard-progress .wstep:not(:last-child)[b-6fwtdbk1go]:before {
            content: "";
            display: block;
            position: absolute;
            left: 50%;
            top: 37px;
            background-color: #d7d7d7;
            height: 6px;
            width: 100%;
        }

        .wizard-progress .wstep .wnode[b-6fwtdbk1go] {
            display: inline-block;
            border: 6px solid #d7d7d7;
            background-color: #d7d7d7;
            border-radius: 18px;
            height: 18px;
            width: 18px;
            position: absolute;
            top: 25px;
            left: 50%;
            margin-left: -18px;
        }

        .wizard-progress .wstep.complete[b-6fwtdbk1go]:before {
            background-color: #c41230;
        }

        .wizard-progress .wstep.complete .wnode[b-6fwtdbk1go] {
            border-color: #c41230;
            background-color: #c41230;
        }

            .wizard-progress .wstep.complete .wnode[b-6fwtdbk1go]:before {
                font-family: FontAwesome;
                content: "\2713";
                color:white;
            }

        .wizard-progress .wstep.in-progress[b-6fwtdbk1go]:before {
            background: #c41230;
            background: -moz-linear-gradient(left, #b4975a 0%, #fff 100%);
            background: -webkit-linear-gradient(left, #b4975a 0%, #fff 100%);
            background: linear-gradient(to right, #b4975a 0%, #fff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b4975a", endColorstr="#fff",GradientType=1 );
        }

        .wizard-progress .wstep.in-progress .wnode[b-6fwtdbk1go] {
            border-color: #b4975a;
            background-color: #b4975a;
        }
        /*.wizard-progress .wstep .wnode:before {
            content: counter(list);
        }*/