@font-face{font-family:'droid'; src:url('../../../ui/assets/css/Droid.ttf');}
@font-face{font-family:'baloo'; src:url('../../../ui/assets/css/Baloo.ttf');}
.arabic-font{
    font-family: "droid";
}
.english-font{
    font-family: "baloo";
}
.bold {
    font-weight: bold;
}
.sign-in-mod,
.sign-in-mod:hover,
.sign-in-mod:active,
.sign-in-mod:focus{
    background-color: #fff !important;
    border-color: #fff;
    color: #000 !important;
    text-align: left;
    padding-left: 3px;
    padding-right: 10px;
    font-size: 14px;
    margin-left: 0px;
    border-radius: 20px;
    height: 30px;
    box-shadow: none !important;
    opacity: 1;
    text-transform: none;
}
.start-now,
.start-now:hover,
.start-now:active,
.start-now:focus{
    background-color: #7d55c7 !important;
    border-color: #7d55c7 !important;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    margin-left: 0px;
    border-radius: 7px;
    opacity: 1;
    box-shadow: none !important;
    text-transform: none;
}
.header{
    padding: 15px 60px !important;
    margin-top: 0 !important;
}
.header .header-top div.left-content ul.logo-container li img{
    max-width: 165px !important;
    height: 70px;
    max-height: 70px !important;
}
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500);.company-icon,.configuration-icon{width:48px;height:48px;display:inline-block;background-size:cover}.company-icon{background-image:url(../images/Icon-Company.svg)}.configuration-icon{background-image:url(../images/Icon-Configuration.svg)}.active .company-icon{background-image:url(../images/Icon-Company-Active.svg)}.active .configuration-icon{background-image:url(../images/Icon-Configuration-Active.svg)}.icon{display:inline-block;background-size:cover}.icon-facebook{background-image:url(../images/facebook.svg)}.icon-twitter{background-image:url(../images/twitter.svg)}.icon-google-plus{background-image:url(../images/google-plus.svg)}.icon-instagram{background-image:url(../images/instagram.svg)}.icon-linkedin{background-image:url(../images/linkedin.svg)}html{font-family:'Droid Arabic Kufi',sans-serif}::-moz-placeholder{font-family:'Droid Arabic Kufi',sans-serif}:-ms-input-placeholder{font-family:'Droid Arabic Kufi',sans-serif}::placeholder{font-family:'Droid Arabic Kufi',sans-serif}body{margin:0;padding:0;font-weight:500;max-width:100%;width:auto;color:#242424;font-size:16px}.customer-options{height:auto!important}.center-text{text-align:center}.text-danger{padding:5px;border:1px solid #f16868;background-color:#f16868;color:#fff}.main-container-wrapper{width:auto;padding:0;margin:0}.main-container-wrapper .content-container{display:block;margin-bottom:20px;padding:0 15px}.main-container-wrapper .content-container .banner-container{width:100%;float:left;padding:0 18px;margin:0}.main-container-wrapper .content-container .banner-container .full-banner{width:100%;margin-bottom:20px;position:relative}.main-container-wrapper .content-container .banner-container .full-banner img{width:100%}.main-container-wrapper .content-container .banner-container .full-banner .banner-content{display:inline-block;position:absolute;width:80%;height:60%;padding:45px;top:20%;right:10%;background:hsla(0,0%,100%,.55);text-align:center}.main-container-wrapper .content-container .banner-container .left-banner{padding-right:20px;width:60%;float:left}.main-container-wrapper .content-container .banner-container .left-banner img{width:100%;max-height:400px}.main-container-wrapper .content-container .banner-container .right-banner{padding-left:20px;width:40%;float:left}.main-container-wrapper .content-container .banner-container .right-banner img{max-width:100%}.main-container-wrapper .content-container .banner-container .right-banner img:first-child{padding-bottom:20px;display:block}.main-container-wrapper .content-container .banner-container .right-banner img:last-child{padding-top:20px;display:block}.main-container-wrapper .content-container .company-content{padding:10px}.main-container-wrapper .content-container .company-content .form-container{width:95%;margin-left:auto;margin-right:auto}.main-container-wrapper .content-container .company-content .form-container>header{margin-bottom:20px}.main-container-wrapper .content-container .company-content .form-container .left-panel{width:63%;display:inline-block}.main-container-wrapper .content-container .company-content .form-container .right-panel{padding:20px;margin-left:10px;vertical-align:top;display:inline-block;width:calc(37% - 15px);box-shadow:0 7px 29px 0 rgba(100,100,111,.2)}.main-container-wrapper .content-container .company-content .form-container .right-panel header h2{font-weight:500;line-height:25px;vertical-align:top;display:inline-block;width:calc(100% - 140px)}.main-container-wrapper .content-container .company-content .form-container .right-panel .step{display:grid;margin-bottom:15px;grid-template-columns:70px auto}.main-container-wrapper .content-container .company-content .form-container .right-panel p,.main-container-wrapper .content-container .company-content .form-container .right-panel span{color:#3a3a3a}.main-container-wrapper .content-container .company-content .form-container header h2~div{height:2px;width:100px;margin-top:20px;margin-bottom:20px;background-color:#00f}.main-container-wrapper .content-container .company-content .form-container header h2~span{color:#3a3a3a}.main-container-wrapper .content-container .company-content .form-container .heading-title{text-align:center}.main-container-wrapper .content-container .company-content .form-container .heading-title hr{width:60%;border:1px solid #ccc}.main-container-wrapper .content-container .company-content .form-container .registration{width:80%;padding-left:20px}.main-container-wrapper .content-container .company-content .form-container .registration .control-group .control{width:100%}.main-container-wrapper .content-container .company-content .form-container .step-one button,.main-container-wrapper .content-container .company-content .form-container .step-three button,.main-container-wrapper .content-container .company-content .form-container .step-two button{width:150px}.main-container-wrapper .content-container .company-content .form-container .step-one .control-group:last-child,.main-container-wrapper .content-container .company-content .form-container .step-three .control-group:last-child,.main-container-wrapper .content-container .company-content .form-container .step-two .control-group:last-child{text-align:center}.main-container-wrapper .content-container .company-content .form-container .step-navigator{margin-top:30px;margin-bottom:15px;width:100%}.main-container-wrapper .content-container .company-content .form-container .step-list{display:grid;grid-gap:10px;margin-bottom:20px;justify-content:space-around;border-bottom:1px solid #c7c7c7;grid-template-columns:auto auto auto}.main-container-wrapper .content-container .company-content .form-container .step-list .step-item{cursor:pointer;height:64px;text-align:center;padding-top:24px}.main-container-wrapper .content-container .company-content .form-container .step-list .step-item .icon-container{vertical-align:middle;padding:6px 10px 4px;display:inline-block;border:1px solid;border-radius:50%}.main-container-wrapper .content-container .company-content .form-container .step-list .step-item.active{color:#00f}@media only screen and (max-width:580px){.main-container-wrapper .content-container .company-content .form-container{margin:0;width:100%}.main-container-wrapper .content-container .company-content .form-container .category-container{display:inline!important}.main-container-wrapper .content-container .company-content .form-container .category-container .category-list{width:100%;display:block}.main-container-wrapper .content-container .company-content .form-container .category-container .selected-category-container{width:100%;display:block;margin-top:20px;margin-left:0}.main-container-wrapper .content-container .company-content .form-container .category-container .category-filter-block{width:100%;display:block}.main-container-wrapper .content-container .company-content .form-container .category-container .category-filter-block .btn-container{position:relative}.main-container-wrapper .content-container .company-content .form-container .category-container .merchant-container{width:100%;display:block;margin-top:20px;margin-left:0}.main-container-wrapper .content-container .company-content .form-container .category-container .merchant-container .merchant-content .merchant-block .merchant-list .merchant-details{cursor:pointer}}@media only screen and (max-width:580px){.main-container-wrapper,.main-container-wrapper .content-container .banner-container{padding:0}.main-container-wrapper .content-container .banner-container .full-banner .banner-content{width:100%;height:80%;padding:10px;top:10%;right:0}.main-container-wrapper .content-container .banner-container .full-banner .banner-content h1{font-size:22px;line-height:1}.main-container-wrapper .content-container .banner-container .full-banner .banner-content p{display:none}.main-container-wrapper .content-container .company-content{padding:0}.main-container-wrapper .content-container .company-content .form-container{width:100%!important}.main-container-wrapper .content-container .company-content .form-container .left-panel{width:100%}.main-container-wrapper .content-container .company-content .form-container .left-panel .step-navigator{display:inline-block;border-bottom:1px solid #c7c7c7}.main-container-wrapper .content-container .company-content .form-container .left-panel .step-navigator ul.step-list{margin-bottom:40px;border-bottom:unset}.main-container-wrapper .content-container .company-content .form-container .left-panel .registration{width:100%;padding:0 20px;margin-top:20px}.main-container-wrapper .content-container .company-content .form-container .right-panel{width:100%;margin:0}}.header{margin-top:10px;margin-bottom:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:5px 15px;border-bottom:1px solid #c7c7c7;box-shadow:0 4px 5px #c7c7c7}.header .header-top{display:flex;max-width:100%;width:auto;margin-left:auto;margin-right:auto;padding-right: 35px;align-items:center;justify-content:space-between}.header .header-top div.left-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.header .header-top div.left-content ul.logo-container{margin-right:12px}.header .header-top div.left-content ul.logo-container li{display:flex}.header .header-top div.left-content ul.logo-container li img{max-width:120px;max-height:40px}.header .header-top div.right-content{text-align:right}.header .header-top div.right-content .right-content-menu>li{display:inline-block;min-height:15px;padding:3px 15px 0}.header .header-top div.right-content .right-content-menu>li:first-child{padding-left:0}.header .header-top div.right-content .right-content-menu>li:last-child{border-right:0;padding-right:0}.header .header-top div.right-content .right-content-menu>li .icon{vertical-align:middle}.header .header-top div.right-content .right-content-menu>li .icon:not(.arrow-down-icon){margin-right:5px}.header .header-top div.right-content .right-content-menu>li .arrow-down-icon{width:12px;height:6px}.header .header-top div.right-content .right-content-menu ul.dropdown-list{display:none;margin-top:20px;right:0}.header .header-top div.right-content .right-content-menu ul.dropdown-list li{border-right:none;padding:5px 10px;display:block}.header .header-top div.right-content .right-content-menu ul.dropdown-list li a{color:#333}@media (max-width:720px){.header .header-top div.right-content{display:inherit;text-align:right}.header .header-top div.right-content .right-content-menu>li{border-right:none;padding:0 2px;margin-top:10px}.header .header-top div.right-content .right-content-menu>li .icon:not(.arrow-down-icon){margin-right:0}}.footer{background-color:#f2f2f2;padding-left:10%;padding-right:10%;width:100%;display:none}.footer .footer-content .footer-list-container{display:grid;padding:40px 10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:auto;grid-row-gap:1vh}.footer .footer-content .footer-list-container .list-container .list-heading{text-transform:uppercase;color:#a5a5a5}.footer .footer-content .footer-list-container .list-container .list-group{padding-top:25px}.footer .footer-content .footer-list-container .list-container .list-group a{color:#242424}.footer .footer-content .footer-list-container .list-container .list-group li{margin-bottom:12px;list-style-type:none;text-transform:uppercase}.footer .footer-content .footer-list-container .list-container .list-group li span.icon{display:inline-block;vertical-align:middle;margin-right:5px;height:24px;width:24px}.footer .footer-content .footer-list-container .list-container .form-container{padding-top:5px}.footer .footer-content .footer-list-container .list-container .form-container .control-group .subscribe-field{width:100%}.footer .footer-content .footer-list-container .list-container .form-container .control-group .btn-primary{background-color:#242424;margin-top:8px;border-radius:0;text-align:center}.footer .footer-content .footer-list-container .list-container .form-container .control-group .locale-switcher{width:50%}.footer .footer-content .footer-list-container .list-container .currency{display:none}.rtl{direction:rtl}.rtl .header .header-top div.left-content ul.logo-container{margin-right:0;margin-left:12px}.rtl .header .header-top div.right-content .right-content-menu>li{border-right:0px;padding:0 7px}.rtl .header .header-top div.right-content .right-content-menu>li:last-child{padding-left:0}.rtl .header .header-top div.right-content .right-content-menu>li:first-child{border-right:0;padding-right:0}.rtl .header .header-top div.right-content .right-content-menu>li .dropdown-list{left:0;right:unset}@media only screen and (max-width:720px){.rtl .header .header-top div.right-content .menu-box{margin-left:0;margin-right:5px}.rtl .header .header-top div.right-content .right-content-menu .account{position:absolute;left:0;right:auto}.rtl .header .header-top div.right-content .right-content-menu>li{padding:0;border:0}}.rtl .main-container-wrapper .content-container .company-content .form-container .category-container .merchant-container .merchant-heading div:first-child{text-align:right}.rtl .main-container-wrapper .content-container .company-content .form-container .category-container .merchant-container .merchant-heading div:last-child{text-align:left}.rtl .main-container-wrapper .content-container .company-content .form-container .category-container .merchant-container .merchant-content .merchant-block .merchant-list .merchant-details .domain-link span{margin-left:0;margin-right:10px}

.error
{
    color: #fc6868;
}

#block1, #block2
{
    display:inline-block;
}
.fix-button
    {
    width: 150px;
    color: #fff;
    background-color: #5c3f99;
    font-size: 20px;
    border-radius: 7px;
    text-transform: none !important;
    font-weight: 500 !important;
    }
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    }

    /* Safari */
    @-webkit-keyframes spin {
        0% { -webkit-transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); }
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
.main-container-wrapper .content-container .company-content .regist-img{
    /*background-color: #5c3f99;*/
    /*background-image: linear-gradient(to right,#523a88,#734ec2);*/
    background-image: url('../images/signup_bg.jpg');
    float: left;
    width: 45%;
    height: 100vh;
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
    background-repeat: no-repeat;
    background-size: cover;
}
.main-container-wrapper .content-container .company-content .regist-img .arrow{
    position: relative;
    right: 44%;
    top: 40px;
    rotate: -15deg;
}
.main-container-wrapper .content-container .company-content .regist-img h1{
    color: #fff;
    font-size: 50px !important;
    padding-top:10px;
    line-height: 80px !important;
    padding-right: 22px !important;
}
.main-container-wrapper .content-container .company-content .regist-img p{
    color: #EAECF0;
    font-size: 18px !important;
    line-height: 28px !important;
    padding-right: 22px !important;
}
.main-container-wrapper .content-container{
    margin-bottom: 0;
}
.main-container-wrapper .content-container .company-content .form-container .form-container-content{
    padding-left: 1% !important;
    padding-right: 1% !important;
    padding-top: 5px !important;
    padding-bottom: 0 !important;
}
.sign-up{
    font-size: 30px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}
.main-container-wrapper .content-container .company-content .form-container .registration{
    padding-left: 15% !important;
    padding-right: 21% !important;
    padding-top: 45px !important;
}
.main-container-wrapper .content-container .company-content .form-container .registration .control-group .control{
    border-radius: 7px !important;
    margin-top: 0 !important;
    background: #F9FAFB !important;
    /*border: 1px solid #D0D5DD !important;*/
}

.main-container-wrapper .content-container .company-content .form-container .registration .control-group .sent-code{
    border-radius: 7px !important;
    margin-top: 0 !important;
    background: #F9FAFB !important;
    /*border: 1px solid #D0D5DD !important;*/
}

.control-group, .control-group label{
    font-weight: 500 !important;
    color: #344054 !important;
    font-size: 14px !important;
}
.main-container-wrapper .content-container .company-content .form-container .step-list .step-item.active{
    color: #7244C8 !important;
}
.main-container-wrapper .content-container .company-content .form-container .step-list .step-item{
    color: #344054 !important;
}
.control-group label.required:after{
    color: #4d586a !important;
}
.control-group{
    margin-bottom: 10px !important;
}
.fix-button{
    width: 100% !important;
    height: 40px !important;
    background: #7244C8!important;
    margin-top: 10px !important;
}
#form_step_1 .fix-button:disabled,
#form_step_1 .fix-button[disabled]{
    cursor: not-allowed !important;
    background-color: #b4a8ca !important;
    pointer-events: all !important;
}
.fix-dropdown {
    margin-top: 0 !important;
    margin-left: -15px !important;
}
.fix-dropdown .dropdown-toggle{
    margin-top: 0 !important;
    /*float: left !important;*/
    border-radius: 7px !important;
    background: #F9FAFB !important;
    /*height: 35px !important;*/
    box-shadow: none !important;
    border: 1px solid #c7c7c7;
}
.btn-primary:focus{
    box-shadow: none !important;
}

.control-group.has-error .control{
    border-color: #d0d4dd;
}
.control-group label.required:after{
    padding-inline-start: 1px !important;
}
.main-container-wrapper .content-container .company-content .form-container .step-list .step-item{
    list-style-type: none !important;
    padding-top: 0 !important;
    position: relative;
}
.main-container-wrapper .content-container .company-content .form-container .step-list{
    border-bottom: none !important;
    margin-bottom: 0 !important;
}
.main-container-wrapper .content-container .company-content .form-container .step-list .step-item .icon-container
{
    border: 8px solid #F2F4F7;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 0 !important;
    margin-bottom: 7px !important;
    background-color: #fff !important;
}
.main-container-wrapper .content-container .company-content .form-container .step-list .step-item .check-step
{
    border: 0 solid #12B76A;
    /*background: #12B76A;*/
    content: url('../images/check.png');
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 0 !important;
    margin-bottom: 7px !important;
}
.main-container-wrapper .content-container .company-content .form-container .step-list .step-item .check-step-done{
    color: #12B76A;
}
.main-container-wrapper .content-container .company-content .form-container .step-list .active .inside-border
{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 7px solid #7244C8;
    padding: 0 !important;
    margin-top: -5px;
    margin-left: -5px;
    margin-right: -5px;
}
.main-container-wrapper .content-container .company-content .form-container .step-navigator{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    /*position: relative;*/
}
.main-container-wrapper .content-container .company-content .form-container .step-list{
    grid-gap: 150px !important;
}
.form-container-footer{
    height: 25px;
    width: 40%;
    margin: auto;
}
.sent-code{
    font-size: 22px !important;
    font-weight: bolder !important;
    border: 1px solid #D0D5DD!important;
}

.control-group .sent-code{
    height: 60px !important;
    margin-left: 5px !important;
}

.visited-input{
    border:2px solid #7244C8 !important;
    color: #7244C8 !important;
}
.dropdown-item{
    cursor: pointer;
    padding: 0.25rem 0rem;
}
.step-line{
    content: "";
    height: 2px;
    background-color: #EAECF0;
    position: relative;
    margin: auto;
    width: 78%;
    top: 13px;
}
.step-line-active{
    content: "";
    height: 2px;
    background-color: #7F56D9;
    position: relative;
    width: 52%;
    top: 0px;
}
.step-line-active2{
    content: "";
    height: 2px;
    background-color: #7F56D9;
    position: relative;
    width: 49%;
    top: -2px;
    left: 53%;
}
#stored-email-text{
    margin-top: 30px;
}
#stored-email{
    color: var(--indigo, #7F56D9) !important;
}
#spam-email-check{
    margin-bottom: 30px;
}
#form_step_1{
    padding-top: 20px !important;
}
.resend-mail{
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #475467 !important;
}
.resend-mail a{
    color: #6941C6 !important;
    cursor: pointer !important;
}
.company-content-container{
    background-color: #FFFFFF;
    padding:10px;
    width: 55%;
    float: left;
    min-height: 100vh;
    position: relative;
}
.registration .forget-back img {
    left: 37.83% !important;
}
.rtl .registration .forget-back img {
    left: 80% !important;
}
.company-content .form-container .registration .step-two input.sent-code {
    font-size: 48px !important;
    width:60px !important;
    text-align:center;
}
div#store-lang {
    width: 92%;
    margin: 0 1em;
}
#store-lang img {
    margin: 0.2em;
    padding: 0 5px;
    max-width: 35px;
}
.rtl #form_step_3 a.dropdown-item {
    width: 0em;
    padding: 5px;
}
.rtl div#store-lang {
    width: 26.5em;
    margin: 0 -0.5em;
}
.rtl .control-group label.required:after {
    content: "*";
    padding-inline-start: 3px;
    color: #fc6868;
    font-weight: 700;
}
.control-group .control {
    border: 1px solid #C7C7C7;
}
.rtl #iti-0__country-listbox {
    direction: ltr;
    left: inherit;
}
.rtl #phone_no {
    direction: ltr;
}

@media only screen and (max-width:580px){
    .main-container-wrapper .content-container .company-content .regist-img{
        display: none;
    }
    .main-container-wrapper .content-container .company-content .form-container .step-list{
        grid-gap: 15% !important;
    }
    .main-container-wrapper .content-container .company-content .form-container .step-list .step-item span{
        font-size: 9px !important;
    }
    /* Kamal - fix responsive of Register Page Design */
    .company-content .registration .row .col-6.control-group {
        flex: 0 0 100%;
    }
    .main-container-wrapper .content-container .company-content .form-container .registration,
    .main-container-wrapper .content-container .company-content .form-container #form_step_1 {
        padding-left: 0% !important;
        padding-right: 0% !important;
        padding-top: 45px !important;
        margin-bottom: 150px;
    }
    .company-content .form-container .registration .col-10 {
        max-width: 75%;
    }
    .company-content .form-container .registration .step-two input.sent-code {
        width: 40px !important;
        height: 40px !important;
        font-size: 30px !important;
    }
    .registration .forget-back img {
        left: 28% !important
    }
    .rtl .registration .forget-back img {
        left: 90% !important
    }
}

.required{
    display: contents;
}

/* Theme Colors */
::selection {
    background: #6941c6 !important;
}
::-moz-selection {
    background: #6941c6 !important;
}

/****** Register - Hide arrows in number (OTP) inputs ******/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/******************************************************************/

#select-flag {
    height: 36px;
}