@import url('fonts-style.css');


.horizontal-line-grey-before:before {
    background-color: #707070;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 40% !important;
    margin: 11px;
}

.horizontal-line-grey-after:after {
    background-color: #707070;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 37% !important;
    margin: 11px;
}

.backoffice_banner {
    /* background: url("https://occamsadvisory.com/wp-content/uploads/2023/09/blur-banner.webp"); */
    backdrop-filter: blur(10px);
    background-size: cover;
    background-position: center;
    /* padding: 30px 0px; */
}

.backoffice_right_text{
    background: url("../../wp-content/uploads/2023/09/login-flow-banner.webp");
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    height: 82vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
}

/* .backoffice_right_text {
   
} */

.backoffice_right_text h1 {
    /* font-size: 38px;
    line-height: 47px; */
    color: #FFFFFF;
    /* font-family: "Lato", arial, sans-serif;
    font-weight: 500; */
    /* padding-right: 170px; */
}

.backoffice_right_text p {
    color: #FFFFFF;
    /* font-size: 16px;
    line-height: 18px;
    font-family: "Lato", arial, sans-serif;
    font-weight: 300; */
    padding-right: 160px;
    padding-top: 12px;
}

.backoffice_form {
    /* padding: 30px 50px 30px 50px !important; */
    padding: 0px 62px 0px 0px;
    /* width: 448px; */
    /* background: #f4f2efff !important; */
    border-radius: 26px 26px 26px 26px !important;
}

.backoffice_form-register {
    border-radius: 26px;
    /* padding: 40px 60px; */
    /* width: 420px !important; */
}

.reset_password {
    padding: 30px 40px 30px 40px !important;
    width: 390px;
    background: #f4f2efff !important;
    border-radius: 26px;
}

.backoffice_form h1 {
       text-align: left;
    /* color: #00549A; */
    color: #000000;
    padding-bottom: 50px;
}

.backoffice_form label {
    /* font-size: 12px !important; */
    /* line-height: 18px; */
    /* font-family: "Lato", arial, sans-serif; */
    color: #707070;
    text-align: left;
    margin: 15px 0px 0px 0px;
    /* font-weight: 300; */
    padding-left: 0px;
    padding-bottom: 6px;
    margin-left: 12px;
}

.backoffice_form button {
    margin-top: 10px;
}

#exampleCheck1 {
    margin-top: 9px !important;
    font-family: "Lato", arial, sans-serif;
    color: #676767;
}

.backoffice_form input {
    color: #707070;
    /* background-color: #f4f2efff; */
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #b8b8b7ff !important;
    padding: 6px 0px 6px 0px;
   margin-left: 12px;
}

.back_office_btn {
    background-color: #FF6A00;
    color: #ffffff;
    border-radius: 5px;
    /* line-height: 18px; */
    padding: 9px 0px;
    border: none;
    transition: all 0.3s ease-in;
    margin-left: 12px;
}

.back_office_btn:hover{
    background-color: #d7681a !important;
}



.back_office_btn_white {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 5px;
    line-height: 18px;
    padding: 9px 0px;
    border: none;
    font-size: 14px;
}

.back_office_btn_white:hover {
    background-color: #0087bd;
    transition: all 0.3s ease-in;

}

.backoffice_form p {
    padding: 15px 0px 0px 0px;
    margin: 0px;
}

.office_sign_up {
    /* font-size: 12px; */
    /* line-height: 18px; */
    color: #646464;
    text-align: center;
}

.office_forgot_password {
    float: right;
    /* font-size: 11px; */
    color: #005DCF;
    /* line-height: 18px; */
    /* font-weight: 600; */
}

.form-blue {
    background-color: #1758A8;
    width: 448px;
    border-radius: 0px 0px 26px 26px;
    padding: 14px 10px 0px 51px !important;
}

.form-blue p {
    color: #ffffff;
    font-size: 18px;
    line-height: 22px;
    font-family: "Lato", arial, sans-serif;
    padding-top: 11px;
    float: right;

}

.form-blue button {
    background-color: #ffffff;
    color: #000;
    border-radius: 5px;
    padding: 8px 30px 8px 26px;
    border: none;
}

.connect-360-cta a {
    color: #000;
}

.extra-padding {
    padding: unset;
}

.office_check_box {
    margin-top: 8px !important;
    color: #000000;
}

.login-with-google-btn {
    transition: background-color 0.3s, box-shadow 0.3s;
    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 3px;
    /* box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25); */
    color: #757575;
    font-size: 14px;
    font-weight: 500;
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
        Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;

}

.toggle {
    background: none;
    border: none;
    color: #337ab7;
    font-size: 11px;
    position: relative;
    right: -240px;
    top: 33px;
    width: 10px !important;
}

.backoffice_form a {
    text-decoration: underline !important;
}

i[data-tooltip]::after {
    content: attr(data-tooltip);
    width: max-content;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 4px 8px;
    border-radius: 4px;
    color: white;
    transform: scale(0);
    transition: 0.2s ease-in-out;
}

i[data-tooltip]:hover::after {
    transform: scale(1);
    bottom: -150%;
}

.info-circle {
    position: relative;
    display: inline-block;
    height: 0px;
    /* margin: 32px 2px; */
}

i {
    color: #444444;
    cursor: pointer;
}

.popup {
    display: none;
    position: absolute;
    left: -310px;
    bottom: -68px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 16px 16px 4px 16px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.info-icon:hover+.info-circle .popup {
    display: block;
}

.popup h1 {
    color: #666;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    font-weight: 500;
    text-align: left;
}

.popup h2 {
    font-size: 10px;
    padding: unset;
    margin: unset;
}

.popup p {
    font-size: 10px;
    padding: unset;
    margin: 0px 0px 0px 18px;
}

/* .popup ul,
li {
   
} */
.popup ul{
    list-style: none;;
    font-size: 10px;
}
.popup li{
    list-style: none;;
    font-size: 10px;
}

.register-left {
    margin: auto;
    padding: 0px 145px;
}

.register-left h1 {
    color: #ffffff;
    font-size: 38px;
    line-height: 47px;
    text-align: left;
}

.register-left p {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 18px;
}
.register-eye-pass{
    right: -240px;
    color: grey
}

.register-eye {
    right: -196px;
    color: grey
}


#info_circle {
    position: relative !important;
    top: -94px !important;
    left: 82px !important;
    height: 1px !important;
    font-size: 15px !important;
}

@media only screen and (min-width: 1890px) and (max-width:2600px) {
    .backoffice_banner {
        /* background: url(https://occamsadvisory.com/wp-content/uploads/2023/09/blur-banner.webp); */
        backdrop-filter: blur(10px);
        background-size: cover;
        background-position: center;
        /* padding: 150px 0px 200px 0px; */
    }

    .backoffice_form {
        /* padding: 50px 50px 40px 50px !important; */
    }

    .check-box-space-lg {
        margin-top: 10px !important;
    }

    .backoffice_right_text h1 {
        /* font-size: 44px;
        line-height: 47px; */
        color: #FFFFFF;
        /* font-family: "Lato", arial, sans-serif;
        font-weight: 700; */
        /* padding-right: 109px; */
    }

    .backoffice_right_text p {
        /* font-size: 18px; */
    }
}


@media only screen and (min-width:600px) and (max-width: 1010px) {
    .backoffice_form{
        padding: 0px 14px 0px 0px !important;
    }
}


@media only screen and (min-width:0px) and (max-width:600px) {
    .backoffice_right_text p {
        padding-right: 0px !important;
    }

    .backoffice_right_text{
        width: 90%;
        margin: 0px auto;
        height: 50vh;
        margin-top: 50px;
    }

    .backoffice_right_text h1 {
        padding-right: 0px !important;
    }

    .backoffice_form {
        padding-left: 26px;
        padding-right: 40px;

    }
    .backoffice_right_text {
        padding-left: 18px !important;
    }


    .form-blue {
        width: 362px !important;
        padding: 0px !important;
       
    }


  
    .form-blue button {
        position: relative !important;
        top: -25px !important;
        right: -200px !important;
    }

    .form-blue p {
        position: relative !important;
        top: 30px !important;
        left: -188px !important;
    }

    .backoffice_form-register {
        border-radius: 26px;
        /* padding: 40px 40px !important; */
        /* width: 362px !important; */
    }
    .register-eye {
        right: -170px !important;
    }
    .register-eye-pass{
        right: -215px !important;
    }
    .popup{
        width: 207px !important;
        left: -111px !important;
        bottom: 64px !important;
    
    }

}


.parent-for-pass{
    position: relative;
}
.input-box-border{
    border: 1px solid #b8b8b7ff !important;
}

.backoffice_form-register input{
    margin: 20px 0px 20px 12px;;
}