/* Welcome to sales tax helper page css */
:root {
    --clr-primary-dark: #469b2e;
    --clr-primary-light: #e6f6e1;
    --clr-text-dark: #282828;
    --clr-text-muted: #93a3ab;
    --clr-text-light: #ffffff;
    --clr-text-voilet: #05004e;
    --ff-heading-bold: poppins-bold;
    --ff-heading-semibold: poppins-semibold;
    --ff-heading-medium: poppins-medium;
    --ff-heading-regular: poppins-regular;
    --ff-heading-light: poppins-light;
    --ff-accent-bold: roboto-bold;
    --ff-accent-medium: roboto-medium;
    --ff-accent-regular: roboto-regular;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;
    --fs-12: 0.75rem;
    --fs-13: 0.8125rem;
    --fs-14: 0.875rem;
    --fs-16: 1rem;
    --fs-18: 1.125rem;
    --fs-20: 1.25rem;
    --fs-24: 1.5rem;
    --fs-30: 1.875rem;
    --fs-32: 2rem;
    --fs-34: 2.125rem;
    --fs-40: 2.5rem;
    --fs-48: 3rem;
    --fs-56: 3.5rem;
}
@font-face {
    font-family: roboto-regular;
    src: url(../fonts/Roboto/Roboto-Regular.ttf);
}
@font-face {
    font-family: roboto-medium;
    src: url(../fonts/Roboto/Roboto-Medium.ttf);
}
@font-face {
    font-family: roboto-bold;
    src: url(../fonts/Roboto/Roboto-Bold.ttf);
}
@font-face {
    font-family: poppins-light;
    src: url(../fonts/Poppins/Poppins-Light.ttf);
}
@font-face {
    font-family: poppins-light-italic;
    src: url(../fonts/Poppins/Poppins-LightItalic.ttf);
}

@font-face {
    font-family: poppins-regular;
    src: url(../fonts/Poppins/Poppins-Regular.ttf);
}
@font-face {
    font-family: poppins-medium;
    src: url(../fonts/Poppins/Poppins-Medium.ttf);
}
@font-face {
    font-family: poppins-semibold;
    src: url(../fonts/Poppins/Poppins-SemiBold.ttf);
}
@font-face {
    font-family: poppins-bold;
    src: url(../fonts/Poppins/Poppins-Bold.ttf);
}
/* @font-face {
    font-display: block;
    font-family: "bootstrap-icons";
    src: url("./fonts/bootstrap-icons.woff2") format("woff2"),
        url("./fonts/bootstrap-icons.woff") format("woff");
} */

body{
    background-color: #fafbfc;
}
.discover-header {
    background-color: #196803;
    color: #fff;
    padding: 10px 0px;
    text-align: center;
    font-family: var(--ff-accent-regular);
    font-size: 15px;
}
.call-us-section ul {
    list-style: none;
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: end;
    margin-bottom: 0px;
}
.partners-left-side {
    background-color: #C9D4CB;
    height: calc(100vh - 44px);
    padding: 0px 38px;
    align-items: center;
    display: flex;
    position: absolute;
    width: 33%;
    top: 0;
    left: 0;
}
.register-left-part .register-form-sec{
    margin-top: 64px;
}
.partners-nvbar {
    position: relative;
    z-index: 1;
}
.patner-box-content h2 {
    color: #000;
    font-size: 20px;
    margin-bottom: 24px;
}
.patner-box-content h1 {
    color: #000;
    font-size: 48px;
    font-weight: 600;
}
.patner-box-content p {
    color: #000;
    font-size: 20px;
    margin: 24px 0px;
}
.bg-green-txt {
    background-color: #469B2E;
    display: inline-block;
    padding: 0px 6px;
    margin-top: 5px;
}
.discover-header p a {
    color: #fff;
}
button.btn.sign-btn-pro {
    border: 2px solid #459C2C;
    color: #459C2C;
    background-color: #fff;
    border-radius: 6px;
    padding: 10px 0px;
    width: 100%;
}
button.btn.join-btn-pro {
    color: #fff;
    background-color: #4D5054;
    border-radius: 6px;
    padding: 10px 0px;
    box-shadow: 5px 5px 0px 0px #459C2C;
    width: 100%;
}
.partners-btns {
    display: flex;
    gap: 20px;
    align-items: center;
}
.patner-banner-sec {
    background-image: url(../images/banner-patner.jpg);
    background-repeat: no-repeat;
    background-size: 67%;
    position: relative;
    height: calc(100vh - 44px);
    background-color: #d4e6e8;
    background-position: right;
    padding: 0px 60px;
}
.partners-nvbar-inner {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.call-us-section ul li a {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-decoration: unset;
}
.call-us-section ul li.cal-tody a {
    color: #7B7B7B;
}
.call-us-section ul li.cal-num a {
    font-weight: 700;
}
.partners-nvbar ul.navbar-nav li a {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.partners-nvbar ul.navbar-nav {
    gap: 24px;
}
.partners-nvbar .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
}
.partners-nvbar .navbar-nav .nav-link.active {
    color: #65AC54;
}
.discover-header p span {
    background-color: #fff;
    color: #000;
    padding: 2px 8px;
    border-radius: 6px;
}
.call-us-section {
    padding-top: 22px;
}
/* Register page css */
.register-form-sec h1 {
    font-family: var(--ff-heading-semibold);
    font-size: 24px;
    text-align: center;
}
.register-form-sec.partners-forget-sec {
    width: 100%;
}
.partners-left-side .form-check label.form-check-label {
    font-family: var(--ff-heading-medium);
    font-size: .88rem;
}

.modal-footer .cancel-model-btn {
    border: 2px solid #f03c3e;
    color: #f03c3e;
    font-family: var(--ff-accent-regular);
    font-size: var(--fs-14);
}
.modal-footer .accept-model-btn {
    background-color: var(--clr-primary-dark);
    font-family: var(--ff-accent-regular);
    font-size: var(--fs-14);
    border: 2px solid var(--clr-primary-dark);
}
.register-form-sec p {
    font-family: var(--ff-heading-regular);
    border-bottom: 1px #2c3e5033 solid;
    letter-spacing: -0.3px;
    font-size: 1rem;
}
.input-style-reg {
    border-radius: 32px;
    padding: 0 16px;
    background-color: #F1F3F5;
    border: none;
    color: #303030;
    font-size: 1.1rem;
    font-family: var(--ff-accent-regular);
    height: 48px;
}
.register-form-sec form .input-style-2 {
    border-radius: 32px;
    padding: 0 16px;
    background-color: #F1F3F5;
    border: none;
    color: #303030;
    font-size: 1.1rem;
    font-family: var(--ff-accent-regular);
    height: 40px;
    max-width: unset;
    margin-bottom: 15px !important;
}
.register-form-sec form .input-style-2::placeholder {
    font-size: 14px;
}
.register-form-sec form .input-style::placeholder {
    font-size: 14px;
}
.label-style-reg {
    font-size: .88rem;
    font-weight: 600;
}
input.form-check-input {
    border: 2px solid #282828;
    height: 23px;
    width: 23px;
    box-shadow: 0 0 3px #28282891;
    border-radius: 3px !important;
}
.partners-left-side .register-form-sec button.login-btn {
    height: 50px;
    border-radius: 32px;
    background-color: #469b2e;
    border: none;
    font-size: 1.25rem;
    text-transform: uppercase;
    font-family: var(--ff-heading-medium);
    letter-spacing: .7px;
}
.sign-up-sec>.sign-up {
    text-decoration: none;
    color: #7d7d7d;
    font-family: var(--ff-heading-medium);
}
.sign-up-sec>.sign-up::before {
    content: " ";
    width: 35%;
    height: 1px;
    background-color: #c0c0c0;
    position: absolute;
    left: 0;
    top: 12px;
}
.sign-up-sec>.sign-up::after {
    content: " ";
    width: 35%;
    height: 1px;
    background-color: #c0c0c0;
    position: absolute;
    right: 0;
    top: 12px;
}

/* Dashboard page css */
.nudge {
    background-color: #fff;
    padding: 1.1rem 1rem;
    color: #838383;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 10px 0px #00000005;
    border-radius: 16px;
}
.nudge a {
    color: #28a745;
    text-decoration: none;
    font-weight: 500;
}
.nudge-txt {
    font-size: var(--fs-14);
    font-family: var(--ff-accent-regular);
}
.overview-card {
    background-color: white;
    border-radius: 1rem;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 0 10px rgb(0 0 0 / 0.03);
    min-height: 100px;
}
.overview-icon {
    background-color: #f1f5f9;
    border-radius: 0.75rem;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 48px;
    opacity: 0.5;
}
.overview-text {
    color: #838383;
    margin: 0;
    font-family: var(--ff-accent-regular);
    font-size: var(--fs-16);
}
.overview-value {
    font-size: var(--fs-20);
    font-family: var(--ff-heading-semibold);
    color: #282828;
}
.card-custom {
    border-radius: 1rem;
    box-shadow: 0 0 10px rgb(0 0 0 / 0.03);
    background-color: white;
    padding: 1.5rem;
}
.card-header-custom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.card-header-custom h5 {
    color: #050068;
    margin: 0;
    font-family: var(--ff-heading-semibold);
    font-size: var(--fs-18);
}
.dropdown-toggle::after {
    margin-left: 0.25rem;
}
.user-list-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #dee2e6;
}
.user-list-item:last-child {
    border-bottom: none;
}
.user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}
.user-info {
    flex-grow: 1;
}
.user-info .user-name {
    font-size: var(--fs-14);
    font-family: var(--ff-heading-medium);
}
.user-info .user-email {
    color: #6c757d;
    margin: 0;
    font-size: var(--fs-12);
    font-family: var(--ff-accent-regular);
    display: block;
}
.card-custom .form-check .form-check-label {
    font-size: var(--fs-14);
    font-family: var(--ff-heading-medium);
}
.invite-users-sec input.form-check-input {
    border: 2px solid #282828;
    height: 20px;
    width: 20px;
}
.select-week-map select {
    border: 1px solid #9b9b9b;
    border-radius: 3px;
    font-size: var(--fs-14);
    font-family: var(--ff-accent-regular);
    padding: 3px;
}
.btn-send {
    background-color: #4caf50;
    border: none;
    border-radius: 2rem;
    padding: 0.5rem 2rem;
    color: white;
    font-weight: 600;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%;
    margin-top: 1rem;
}
.btn-send:hover {
    background-color: #388e3c;
    color: white;
    text-decoration: none;
}
.chart-placeholder {
    height: 250px;
    background-color: #f1f5f9;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-weight: 600;
    font-size: 1.1rem;
    user-select: none;
}
.header-profile {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
}
.header-profile img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}
.header-profile-text {
    line-height: 1;
}
.header-profile-text .username {
    font-size: var(--fs-14);
    font-family: var(--ff-heading-medium);
}
.header-profile .bi.bi-chevron-down {
    font-size: var(--fs-20);
    font-family: var(--ff-heading-semibold);
}
.header-profile-text .role {
    color: #B4B7C4;
    font-size: var(--fs-14);
    font-family: var(--ff-accent-regular);
}
.notification-icon {
    font-size: 1.5rem;
    color: #FFD592;
    cursor: pointer;
    background-color: #fff7e9;
    width: 50px;
    height: 42px;
    border-radius: 6px;
}
.notification-icon ul.dropdown-menu {
    width: 300px;
    padding: 12px;
}
.notification-user-list-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #dee2e6;
}
.notification-user-list-item:last-child {
    border: none;
}
.notification-profile {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    justify-content: center;
}
.notification-user-list-item .user-info p span {
    font-family: var(--ff-heading-medium);
}
.notification-user-list-item .user-info p.user-email {
    color: #b1b1b1;
    font-size: var(--fs-12);
}
.notification-user-list-item .user-info p {
    font-family: var(--ff-accent-regular);
    font-size: var(--fs-14);
    font-weight: unset;
}
.notification-icon .badge-circle {
    position: absolute;
    top: -4px;
    right: 1px;
    width: 22px;
    height: 22px;
    background-color: #f44336;
    border-radius: 50%;
    border: 1.5px solid white;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    color: #fff;
}
.company-name {
    font-size: var(--fs-24);
    font-family: var(--ff-heading-semibold);
    color: #282828;
}
small.login-date {
    font-size: var(--fs-16);
    font-family: var(--ff-accent-regular);
    color: #000;
}
.card-custom .form-check {
    gap: 0.75rem;
    display: flex;
    align-items: center;
}
h6.mb-3.overview-heading {
    font-size: var(--fs-18);
    font-family: var(--ff-heading-semibold);
    color: #000;
}
/* Modal Stepper */
.modal-content {
    background-color: #f9fafd;
}
.form-box:first-child {
    display: block;
}
.form-box.completed {
    display: none !important;
}
.modal-header {
    width: 100%;
    height: auto;
    padding: 10px 32px 10px;
    margin: 0;
    position: relative;
    border: none;
}
.modal-header.stepper-wrap {
    padding: 32px 32px 8px;
}

.modal-header .btn-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1;
}
.modal-header .stepper {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.modal-header .stepper .each-step {
    width: calc(100% / 3);
    height: auto;
    padding: 1rem;
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.modal-header .stepper .each-step.each-point {
    width: calc(100% / 5);
}
.modal-header .stepper .each-step::before {
    content: "";
    width: 100%;
    height: 5px;
    background-color: #f1f0f4;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
}
.modal-header .stepper .each-step:last-child::before {
    display: none;
}
.modal-header .stepper .each-step .index {
    width: 2.2rem;
    height: 2.2rem;
    margin: 0;
    padding: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #909094;
    background-color: #f1f0f4;
    border: 2px solid #f1f0f4;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 500;
}
.modal-header .stepper .each-step .title {
    position: absolute;
    top: 100%;
    color: #000000;
    font-size: 0.85rem;
    font-weight: 500;
    font-family: var(--ff-heading-medium);
}
.modal-header .stepper .each-step.completed .index {
    color: var(--clr-primary-dark);
    border-color: var(--clr-primary-dark);
}
.modal-header .stepper .each-step.completed .title {
    color: var(--clr-primary-dark);
}
.modal-header .stepper .each-step.completed::before {
    background-color: var(--clr-primary-dark);
}
.button.btn-close:focus-visible {
    outline: none;
}
.modal-header .button.btn-close:focus {
    box-shadow: none !important;
}

/* Modal Stepper end */
/* document upload section  */
.drop-zone {
    max-width: 100%;
    height: 100px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
    color: #cccccc;
    border: 1px dashed #87898e;
    border-radius: 10px;
}
.drop-zone-sale-purchase {
    margin-left: 74px;
}
.drop-zone--over {
    border-style: solid;
}
.drop-zone__input {
    display: none;
}
.drop-zone__thumb {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #cccccc;
    background-size: cover;
    position: relative;
}
.drop-zone__thumb::after {
    content: attr(data-label);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    text-align: center;
}
.upload-content {
    padding: 0px 20px;
}
.upload-content h5 {
    font-size: var(--fs-16);
    font-family: var(--ff-heading-bold);
    color: #43474e;
    line-height: 30px;
}
.upload-content p {
    font-size: var(--fs-16);
    font-family: var(--ff-heading-regular);
    color: #43474e;
}
.upload-content p span {
    color: var(--clr-primary-dark);
    font-family: var(--ff-heading-semibold);
}
.drop-zone-wrap .drop-zone {
    height: 35px;
    padding: 0px 8px;
    border-radius: 0.375rem;
}
.drop-zone-sale-purchase {
    width: 380px;
}
.drop-zone-sale-purchase .drop-zone__thumb {
    background-size: 0px;
}
.drop-zone-sale-purchase .drop-zone__thumb::after {
    background-color: #fff;
    color: #87898e;
    font-family: var(--ff-heading-medium);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.drop-zone-wrap .upload-content {
    padding: 0px 12px;
}
.drop-zone-wrap .upload-content p {
    font-size: var(--fs-14);
    font-family: var(--ff-heading-medium);
    color: #87898e;
}
.drop-zone-wrap .drop-zone .upload-img img {
    width: 25px;
    margin-bottom: 2px;
}
.financial-flex .profile-label {
    margin-top: 0px;
}

/* document upload section  */

/* profile setup form  */
input.form-control.profile-input {
    font-family: var(--ff-accent-regular);
    font-size: 0.88rem;
}
div#staticBackdrop.modal {
    background: #0000005c;
}
.form-box {
    background-color: #ffffff;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 16px;
}
.form-box .next-btn {
    background-color: var(--clr-primary-dark);
    border: 2px solid var(--clr-primary-dark);
}
.form-box .prev-btn {
    background-color: #82bf70;
    border: 2px solid #82bf70;
}
.form-box .prev-btn:hover {
    background-color: var(--clr-primary-dark);
    border: 2px solid var(--clr-primary-dark);
}
.form-box .next-btn,
.prev-btn {
    color: #fff;
    border-radius: 35px;
    padding: 10px 20px;
    font-size: var(--fs-16);
    font-family: var(--ff-heading-medium);
    outline-color: var(--clr-primary-dark);
}
.next-btn .next-icon {
    width: 16px;
}
.prev-btn .prev-icon {
    width: 16px;
    transform: rotate(180deg);
}
.form-box .save-btn {
    background-color: #fff;
    color: var(--clr-primary-dark);
    border: 2px solid var(--clr-primary-dark);
    border-radius: 35px;
    padding: 10px 20px;
    font-size: var(--fs-16);
    font-family: var(--ff-heading-medium);
    outline-color: var(--clr-primary-dark);
}
.form-heading {
    font-size: var(--fs-18);
    font-family: var(--ff-heading-semibold);
    color: #424f68;
    margin-bottom: 0.5rem;
}
.form-subheading {
    font-size: var(--fs-14);
    font-family: var(--ff-accent-regular);
    color: #909094;
}
.profile-label {
    font-size: var(--fs-14);
    font-family: var(--ff-heading-medium);
    color: #757575;
    margin-bottom: 0.05rem;
    margin-top: 16px;
    word-spacing: 0.1rem;
}
.profile-input::placeholder {
    color: #adb5bd;
    font-size: var(--fs-14);
    font-family: var(--ff-accent-regular);
}
.profile-input {
    border-radius: 20px;
}
input[type="date"]::placeholder {
    color: #adb5bd;
}
input[type="date"] {
    font-size: var(--fs-14);
    font-family: var(--ff-accent-regular);
}

.profile-input:focus {
    border-color: #469b2e;
    box-shadow: 0 0 0 0.25rem rgb(70 155 46 / 25%);
}
.form-check-input:focus {
    border-color: #469b2e;
}
input.form-check-input.checkbox-style {
    height: 18px;
    width: 18px;
}
.add-info {
    cursor: pointer;
}
.plus-circle-icon {
    width: 20px;
}
.stpper-form-completed {
    width: 20%;
    height: auto;
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    display: block;
}
.form-complete-para {
    text-align: center;
    color: #000000;
    font-size: 16px;
    font-family: var(--ff-accent-regular);
    padding: 36px 0px;
    margin-bottom: 48px;
}
.form-complete-heading {
    font-size: 40px;
    text-align: center;
    color: var(--clr-primary-dark);
    font-family: var(--ff-accent-medium);
    margin: 36px 0;
}

canvas#myChart {
    height: 412px !important;
    width: 100% !important;
    max-height: 412px !important;
}
.three-dots-sec .dropdown-toggle::after {
    display: none;
}
.three-dots-sec button {
    border: none;
    background-color: transparent;
}
.three-dots-sec .bi-three-dots-vertical {
    font-size: 18px;
}
.three-dots-sec .dropdown-menu.show li a {
    font-size: var(--fs-14);
    font-family: var(--ff-accent-regular);
    color: #fff;
}
.three-dots-sec ul.dropdown-menu {
    padding: 0px;
    border: 1px solid #469b2e;
    border-radius: 50px;
    background-color: #469b2e;
    color: #fff;
}
.three-dots-sec .dropdown-menu.show li a:hover {
    background-color: #fff;
    color: #469b2e;
    border-radius: 50px;
}
.border-non-pay input.profile-input {
    border: none;
    padding: 0px 2px
}
.payment-card-label .card-btn {
    border: 2px solid var(--clr-primary-dark);
    padding: 3px 60px;
    height: 38px !important;
    white-space: nowrap;
    border-radius: 25px;
    font-size: var(--fs-16);
}
.master-card-icon .card-icon {
    height: 28px;
    max-height: 28px;
}
.master-card-section {
    display: flex;
    align-items: center;
}
.master-card-icon {
    padding-top: 31px;
}
.border-non-pay input.profile-input:focus {
    border: none;
    box-shadow: none;
}

/* Import clients document upload section  */
.upload-other-doc-input {
    position: relative;
}
.upload-other-doc-input .form-control {
    border: 1px dashed #87898e;
    background-color: #fff;
    color: #87898e;
    font-family: var(--ff-heading-medium);
    font-size: var(--fs-14);
    padding-left: 46%;
}
.upload-other-doc-input ::-webkit-file-upload-button {
    display: none;
}
.upload-other-doc-input>img {
    width: 25px;
    position: absolute;
    left: 38%;
}
.upload-other-doc-input .form-control:focus {
    border-color: var(--clr-primary-dark);
    box-shadow: none;
}
.client-upload-btn{
    color: #fff;
    border-radius: 35px;
    padding: 8px 20px;
    font-size: var(--fs-16);
    font-family: var(--ff-heading-medium);
    outline-color: var(--clr-primary-dark);
    background-color: var(--clr-primary-dark);
    border: 2px solid var(--clr-primary-dark);
}
.partners-left-side.login-wrap-sec .nav-tabs li.nav-item {
    width: 50%;
    text-align: center;
}
.partners-left-side.login-wrap-sec .nav-tabs li.nav-item a.nav-link.active {
    background-color: transparent;
    border-bottom: 2px solid #469b2e;
    color: #000;
}
.partners-left-side.login-wrap-sec .nav-tabs li.nav-item a.nav-link {
    padding: 6px;
    border: none;
    font-family: var(--ff-heading-medium);
    font-size: 16px;
    color: #747474;
}
.partners-left-side.login-wrap-sec ul.nav.nav-tabs {
    border-bottom: 1px #2c3e5033 solid;
}
.partners-left-side.login-wrap-sec .tab-content form label.label-style {
    font-family: var(--ff-heading-medium);
    font-size: .88rem;
}
.partners-left-side.login-wrap-sec .tab-content form .input-style {
   border-radius: 32px;
    padding: 0 16px;
    background-color: #F1F3F5;
    border: none;
    color: #303030;
    font-size: 1.1rem;
    font-family: var(--ff-accent-regular);
    height: 48px;
    max-width: unset;
    margin-bottom: 15px !important;
}
.partners-left-side.login-wrap-sec .tab-content form .input-style {
   border-radius: 32px;
    padding: 0 16px;
    background-color: #F1F3F5;
    border: none;
    color: #303030;
    font-size: 1.1rem;
    font-family: var(--ff-accent-regular);
    height: 40px;
    max-width: unset;
    margin-bottom: 15px !important;
}
.partners-left-side .register-form-sec form .input-style {
   border-radius: 32px;
    padding: 0 16px;
    background-color: #F1F3F5;
    border: none;
    color: #303030;
    font-size: 1.1rem;
    font-family: var(--ff-accent-regular);
    height: 40px;
    max-width: unset;
}
.partners-left-side .register-form-sec form .label-style {
   font-family: var(--ff-heading-medium);
   font-size: .88rem;
}
.partners-left-side .field-icon {
    top: 34px;
}
.partners-nvbar-inner img {
    width: 150px;
}
.loginmagic-link-sec{
    margin-top: unset;
    height: calc(100vh - 357px);
}
.loginmagic-link-sec .forgot-pass {
    text-align: right;
}
.loginmagic-link-sec .forgot-pass a {
    color: #414141;
    font-family: var(--ff-heading-regular);
    font-size: 15px;
    text-decoration: underline;
}
.register-form-sec form .invalid-feedback {
    font-size: 12px;
}
.patner-banner-sec.register-wrap-main.register-banner-sec {
    height: 100vh;
}
.partners-left-side.register-wrap-sec.register-left-part {
    height: 100vh;
}
.register-left-part .form-check {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.partners-left-side.register-wrap-sec.register-left-part .register-form-sec .mt-3 {
    margin-top: 0px !important;
}
.restcontent-aline {
    display: flex;
    align-items: center;
    height: calc(100vh - 281px);
}
.change-pass-text h3 {
    font-size: 24px;
    font-family: var(--ff-heading-semibold);
    color: #424f68;
}
.change-pass-text {
    text-align: center;
}
.modal-header .stepper.partner-stepper {
    justify-content: center;
}
.dropdown-container.select-week-map {
    width: unset;
}
.restconfirm-form label {
    font-family: var(--ff-heading-medium);
    font-size: .88rem;
    margin-bottom: 4px;
}
ul.errorlist li {
    font-size: 12px;
}

#suggestions {
  position: relative;
  z-index: 1000;
  background: white;
  max-height: 150px;
  overflow-y: auto;
}
.suggestion-item {
  padding: 10px;
  cursor: pointer;
}
.loginmain-sections-patner .register-form-sec p {
    border: unset;
}
.register-banner-sec .partners-left-side .modal-body p.dummy-para {
    font-size: .9rem;
    font-family: var(--ff-accent-regular);
    letter-spacing: unset;
    border-bottom: unset;
}
.patner-program-profiles .modal-dialog .modal-content {
    background-color: #f9fafd;
}
.sample-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f5f7fa;
    border: 1px solid #e0e4e9;
    padding: 8px 14px;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}
.sample-btn i {
    font-size: 18px;
    color: #4b5563;
}
.sample-btn:hover {
    background: #e9eef3;
    border-color: #d2d7dd;
    transform: translateY(-1px);
}
.partners-forget-sec .mail-content {
    height: unset;
}
.partners-forget-sec .mail-content .highlight-sec p {
    max-width: unset;
    margin-top: 3px;
}
.invite-users-sec table tbody tr td span.badge.bg-success {
    background-color: #65ac54 !important;
    font-size: 13px;
    border-radius: 50px;
    font-weight: 400;
}
.invite-users-sec table tbody tr td span.badge.bg-warning.text-dark {
    background-color: #2e949b !important;
    font-size: 13px;
    border-radius: 50px;
    font-weight: 400;
    color: #fff !important;
}
.invite-users-sec table tbody tr td span.badge.bg-info.text-dark {
    background-color: #2e949b !important;
    font-size: 13px;
    border-radius: 50px;
    font-weight: 400;
    color: #fff !important;
}
.invite-users-sec table tbody div strong {
    font-weight: 400;
    font-size: 14px;
}
.invite-users-sec table tbody div small.text-muted {
    font-weight: 400;
    font-size: 11px;
}
body.bgpatner {
    background-color: #fafbfc !important;
}
.invite-users-sec table thead tr th {
    font-size: 13px;
}
.invite-users-sec .carddata-inviteusers .dataTables_wrapper .dataTables_info {
    font-size: 12px;
    font-family: var(--ff-accent-regular);
}
.invite-users-sec .carddata-inviteusers .dataTables_wrapper .dataTables_paginate span a.paginate_button {
    border-radius: 50px;
    font-size: 12px;
    border: 1px solid #e7e7e7;
    box-shadow: unset;
    font-family: var(--ff-accent-regular);
    padding: 3px 9px;
}
.invite-users-sec .carddata-inviteusers .dataTables_wrapper .dataTables_paginate span a.paginate_button.current {
    background-color: #65ac54;
    color: #fff !important;
    border: 1px solid #65ac54;
}
.invite-users-sec .carddata-inviteusers .dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 13px;
    font-family: var(--ff-accent-regular);
}
.invite-users-sec .dataTables_wrapper .dataTables_length {
    font-size: 14px;
    font-family: var(--ff-accent-regular);
}
.invite-users-sec .dataTables_wrapper .dataTables_filter label {
    font-size: 14px;
    font-family: var(--ff-accent-regular);
}
.datatable-wrap-scrool {
    max-height: 350px;
    overflow-y: auto;
}
.datatable-wrap-scrool thead th {
  position: sticky;
  top: 0;
  background-color: #f1f1f1;
  z-index: 1;
}
.notification-user-list {
    max-height: 250px;  
    overflow-y: auto;
    overflow-x: hidden;
}

.notification-user-list::-webkit-scrollbar {
    width: 6px;
}
.notification-user-list::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 5px;
}

.unread-msg {
    color: green !important;
}

.read-msg {
    color: black !important;
}
.nudge p.profile-information {
    padding-left: 0px;
    margin-bottom: 0px;
}
.nudge  p.form-label {
    font-size: var(--fs-16);
    color: #282828;
    font-family: var(--ff-accent-regular);
    margin-bottom: 0;
}
.nudge .nudge-txt {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: center;
}
.invituser-droplist button {
    background-color: transparent;
    border: none;
}
.invituser-droplist ul.dropdown-menu {
    background: hsl(117, 75%, 95%);
    border: 1px dashed var(--clr-primary-dark);
}

.invituser-droplist ul.dropdown-menu::before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 0 !important;
    border-right: 8px solid var(--clr-primary-dark);
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    top: -12px;
    text-align: center;
    right: 12px;
    transform: rotate(90deg);
}
.invituser-droplist ul.dropdown-menu li a {
    font-size: 14px;
}

.invituser-droplist ul.dropdown-menu li a:hover {
    background-color: #c1e6b7;
}
.empty-notification {
    color: #6c757d;
    font-size: 14px;
}