@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

@font-face {
    font-family: RobotoSlab;
    src: url("fonts/RobotoSlab.ttf");
}

@font-face {
    font-family: Roboto;
    src: url("fonts/Roboto.ttf");
}

:root {
    --primary-color: #019644;
    --primary-orange: #FF9E35;
    --secondary-purple: #AB50B1;
    --secondary-purple-light: rgba(171, 80, 177, 0.09);
    --secondary-teal: #1EB4B7;
    --secondary-teal-light: rgb(30, 180, 183, 0.09);
    --secondary-yellow: #FDD913;
    --secondary-yellow-light: rgb(253, 217, 19, 0.09);
    --secondary-green: #5AC230;
    --secondary-green-light: rgb(90, 194, 48, 0.09);
    --secondary-red: #FF5D1D;
    --secondary-red-light: rgb(255, 93, 29, 0.09);
    --secondary-blue: #6C63FF;
    --secondary-blue-light: rgb(108, 99, 255, 0.09);
    --dark-color: #212121;
    --primary-txt-color: #3A3A3A;
    --txt-light-color: #A2A2A2;
    --white-color: #ffffff;
    --font-primary: 'Open Sans', sans-serif;
    --bdr-color: rgba(0, 0, 0, 0.175);
    --scrollbarBG: transparent;
    --thumbBG: rgba(0,0,0,0.2);
}

.scrollbar::-webkit-scrollbar {
    width: 10px;
}

.scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

    .scrollbar::-webkit-scrollbar-track {
        background: var(--scrollbarBG);
    }

    .scrollbar::-webkit-scrollbar-thumb {
        background-color: var(--thumbBG);
        border-radius: 6px;
        border: 3px solid var(--scrollbarBG);
    }
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    padding: 0px;
    margin: 0px;
}

.btn.active,
.btn:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.navbar-header {
    float: none !important;
}

.btn:disabled {
    background: #ccc !important;
    color: #000;
    border: hidden;
}

.navbar-brand {
    margin-top: -30px;
}

.row-code .form-control {
    max-width: 50px;
    margin: 0 5px;
}

.form-control:focus {
    border-color: initial;
}

.row-code {
    display: flex;
}

a {
    text-decoration: none;
    color: #212121;
}

    a:hover,
    a:focus {
        text-decoration: none;
    }

    a:focus,
    .btn.active.focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn:active:focus,
    .btn:focus {
        outline: 0 !important;
    }

.btn:hover {
    opacity: 0.9;
}

.btn-outline-warning {
    border-color: var(--primary-orange);
    color: var(--primary-orange);
    border-radius: 0px;
}

    .btn-outline-warning:hover,
    .btn-outline-warning:focus {
        color: #ffffff !important;
        background: var(--primary-orange) !important;
    }

.btn-warning {
    background: var(--primary-orange);
    border-color: var(--primary-orange);
    border-radius: 0px;
    color: #ffffff;
}

    .btn-warning:hover,
    .btn-warning:focus {
        background: var(--primary-orange) !important;
        color: #ffffff !important;
        border-color: var(--primary-orange) !important;
    }

.btn-primary {
    background: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 0px;
    color: #ffffff;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background: var(--primary-color) !important;
        color: #ffffff !important;
        border-color: var(--primary-color) !important;
    }

.btn-success {
    background: var(--secondary-green);
    border-color: var(--secondary-green);
    border-radius: 0px;
    color: #ffffff;
}

    .btn-success:hover,
    .btn-success:focus {
        background: var(--secondary-green) !important;
        color: #ffffff !important;
        border-color: var(--secondary-green) !important;
    }

.rouned-blue-btn {
    background: #008CCE;
    color: #fff;
    padding: 12px 24px;
    border-radius: 50px;
}

    .rouned-blue-btn:hover,
    .rouned-blue-btn:focus {
        color: #fff;
        box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.09);
        background: #049BE2;
    }

.bg-purple-light {
    background: rgba(171, 80, 177, 0.09);
}

.bg-teal-light {
    background: rgba(30, 180, 183, 0.09);
}

.bg-teal-dark {
    background-color: var(--secondary-teal);
}

.bg-green-dark {
    background-color: var(--secondary-green);
}

.bg-red-dark {
    background-color: var(--secondary-red);
}

.bg-blue-dark {
    background-color: var(--secondary-blue);
}

.bg-yellow-dark {
    background-color: var(--secondary-yellow);
}

.bg-orange-dark {
    background-color: var(--primary-orange);
}

.bg-purple-dark {
    background-color: var(--secondary-purple);
}

.bg-primary-color {
    background-color: var(--primary-color);
}

.bg-blue-dark2 {
    background-color: #5E35B1;
}

.bg-brown-dark {
    background-color: #976847;
}

.bg-yellow-dark2 {
    background-color: #B89C00;
}

.bg-primary-color {
    background-color: var(--primary-color);
}

.bg-primary-orange {
    background-color: var(--primary-orange);
}

.bg-gray-light {
    background-color: #fafafa;
}

.p-10 {
    padding: 10px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-35 {
    padding: 35px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-10 {
    padding: 10px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-30 {
    padding-top: 20px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

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

.pr-10 {
    padding-right: 10px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mb-110 {
    margin-bottom: 110px !important;
}

.mb-120 {
    margin-bottom: 120px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-18 {
    margin-left: 18px !important;
}

.ml-30 {
    margin-left: 30px;
}

.no-bg {
    background: none !important;
}

.font-8 {
    font-size: 8px !important;
}

.font-9 {
    font-size: 9px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-23 {
    font-size: 23px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-25 {
    font-size: 25px !important;
}

.font-26 {
    font-size: 26px !important;
}

.font-28 {
    font-size: 28px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-32 {
    font-size: 32px !important;
}

.font-34 {
    font-size: 34px !important;
}

.fw-300,
.font-light {
    font-weight: 300 !important;
}

.fw-400,
.font-normal {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700,
.font-bold {
    font-weight: 700 !important;
}

.fw-800,
.font-bolder {
    font-weight: 800 !important;
}

.letter-spacing-02 {
    letter-spacing: 0.2px !important;
}

.letter-spacing-03 {
    letter-spacing: 0.3px !important;
}

.line-height-defaut {
    line-height: 1.5 !important;
}

.line-height-24 {
    line-height: 24px !important;
}

.line-height-26 {
    line-height: 26px !important;
}

.line-height-28 {
    line-height: 28px !important;
}

.line-height-30 {
    line-height: 30px !important;
}

.no-caret:after {
    content: '';
    display: none;
}

.site-logo {
    width: 310px;
    margin-left: -12px;
    background: #fff;
    text-align: center;
    height: 70px;
}

.custom-dropdown {
    position: relative;
}

    .custom-dropdown .dropdown-menu.show {
        position: absolute;
        top: 30px !important;
        transform: inherit !important;
    }

.dropdown-menu.show {
    padding: 0px;
}

.heading {
    font-family: var(--fontprimary);
    color: var(--primary-txt-color);
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
}

.heading-sm {
    font-family: var(--fontsecondary);
    color: var(--primary-txt-color);
    font-weight: 600;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

hr {
    border-top: 1px dotted rgba(0, 0, 0, .1);
}

.hr-divider {
    border-top: 2px solid rgba(0, 0, 0, .1);
}

.inner-wrapper {
    padding: 48px 0px;
}

ul.listing li {
    margin-left: 1.2em;
    margin-bottom: 10px;
}

    ul.listing li::before {
        content: "\2022";
        color: #6C63FF;
        font-weight: bold;
        display: inline-block;
        font-size: 20px;
        width: 1em;
        margin-left: -1em;
    }

input.form-control,
select.form-control,
.form-select {
    border-radius: 4px;
    height: 54px;
    border-color: #666;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    outline: 0;
    box-shadow: none;
}

body {
    font-size: 16px;
    font-family: var(--font-primary);
    line-height: 1.5;
    font-weight: 300;
    font-kerning: normal;
    text-rendering: optimizeSpeed;
    background: #ffffff;
}

.header-logo {
    width: 260px;
}

.navbar {
    padding: 28px;
    background-color: #ffffff !important;
    margin-left: 40px;
    margin-right: 40px;
}

.nav-item {
    font-size: 20px;
    font-weight: 400;
    margin-left: 20px;
}

.btn-primary {
    background-color: var(--primary-color);
}

.btn {
    border-radius: 4px;
    font-size: 18px;
}

.btn-apply {
    border-radius: 4px;
    font-size: 16px;
    height: 32px;
    padding-top: 2px;
    width: 115px !important;
}

.btn-nav-login {
    width: 140px;
    border-radius: 10px;
}

.btn-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    font-size: 18px;
    border-radius: 10px;
    width: 140px;
}

    .btn-outline-primary:hover {
        color: #ffffff !important;
        background-color: var(--primary-color) !important;
    }

.home {
    height: 650px;
    background: url(/images/bg-2-c.png) no-repeat;
    border-radius: 10px 10px 0 0;
    margin-left: 57px;
    margin-right: 57px;
    background-size: 100%;
    position: relative;
}

.card {
    height: 452px;
    width: 844px;
    border-radius: 10px;
    top: 120px;
    left: 60px;
    background-color: var(--primary-color);
}

.btn-marijuana-card {
    color: var(--primary-color) !important;
    background-color: #ffffff !important;
    width: 418px;
    height: 60px;
    top: 346px;
    position: absolute;
    margin-left: 160px;
    font-size: 22px;
    font-weight: 600;
    border: none !important;
}

    .btn-marijuana-card:hover {
        background-color: #ffffff !important;
        color: var(--primary-color) !important;
    }

    .btn-marijuana-card:active, .btn-marijuana-card:focus {
        background-color: #ffffff !important;
        color: var(--primary-color) !important;
    }

.card-body {
    padding: 40px;
}

    .card-body h4 {
        font-size: 48px;
        color: #ffffff;
    }

.dropdown-toggle-home {
    height: 80px;
    background-color: #ffffff;
    color: #000000;
    font-size: 18px;
}

    .dropdown-toggle-home:hover {
        background-color: #ffffff;
        color: #000000;
    }

    .dropdown-toggle-home::after {
        margin-left: 16.255em !important;
    }

.dropdown-menu-home {
    width: 50%;
}

.img-man {
    position: absolute;
    right: 20px;
    height: 700px;
    bottom: 0;
}

.about-us {
    margin-top: 100px;
}

.heading {
    font-size: 60px !important;
    color: var(--primary-color);
    font-weight: 500;
}

.heading-about {
    text-align: center;
}

    .heading-about::after {
        content: "";
        display: block;
        height: 10px;
        width: 246px;
        background: var(--primary-color);
        margin: auto;
        margin-top: 10px;
    }

.text-about {
    font-size: 22px;
    padding: 57px;
}

.our-vision {
    padding: 57px;
    background-color: #ececec;
}

.our-mission {
    padding: 57px;
}

.heading-mission {
    font-size: 48px;
    color: #000000;
    font-weight: 400;
}

.text-mission {
    font-size: 22px;
}

.heading-mission::after {
    content: "";
    display: block;
    height: 10px;
    width: 70px;
    background: var(--primary-color);
    margin-top: 8px;
}

.qualify-wrapper {
    height: 400px;
    background: url(/images/img-qualify.png) no-repeat;
    border-radius: 10px 10px 0 0;
    margin-left: 57px;
    margin-right: 57px;
    background-size: 100%;
}

    .qualify-wrapper p {
        color: #ffffff;
        font-size: 60px;
        font-weight: 500;
        padding: 150px 0 0 500px;
    }

.question-wrapper {
    padding: 200px;
}

.question-heading h6 {
    font-size: 30px;
    margin-bottom: 20px;
}

.option {
    margin-left: 36px;
}

.btn-outline-option {
    width: 48%;
}

.form-check-qualify {
    padding-left: 0 !important;
}

.form-check-label-qualify {
    background-color: #01803A;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    padding: 10px 0 10px 40px;
}

.form-check-input-qualify {
    width: 2rem !important;
    height: 2rem !important;
    top: 6px !important;
}

    .form-check-input-qualify:checked {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
    }

    .form-check-input-qualify[type=radio] {
        border-radius: 50%;
        right: 40px;
        top: 14px;
        position: absolute;
    }

    .form-check-input-qualify:checked[type=radio] {
        background-image: url(/images/check-icon.png) !important;
    }

    .form-check-input-qualify[type=checkbox] {
        border-radius: 50%;
        right: 40px;
        top: 14px;
        position: absolute !important;
    }

    .form-check-input-qualify:checked[type=checkbox] {
        background-image: url(/images/check-icon.png) !important;
    }

.footer {
    color: #FFFFFF;
    font-size: 28px;
    padding: 46px;
    padding-bottom: 20px;
}

    .footer a {
        color: #ffffff;
        text-decoration: none;
    }

li {
    list-style: none;
}

.icon li {
    list-style: none;
    margin-right: 45px;
}

.icon {
    display: flex;
}

.footer-logo {
    margin-bottom: 20px;
    width: 260px;
}

hr {
    text-decoration: none !important;
    border-top: 2px solid #ffffff !important;
}

.signup-form {
    height: 100vh;
    background: linear-gradient(45deg, #e6ffe8, transparent);
    overflow-y: auto;
}

.signup-logo {
    height: 70px;
    max-width: 100%;
    margin-left: 65px;
    margin-top: 25px;
}

.dropdown-toggle-signup,
.signup-form-wrapper {
    max-width: 580px;
    margin: auto;
}

.dropdown-toggle-signup {
    height: 52px;
    position: unset !important;
    margin-top: 20px;
    font-size: 22px;
    border-radius: 10px !important;
    margin-bottom: 40px;
}

    .dropdown-toggle-signup::after {
        margin-left: 12.255em !important;
    }

.heading-signup,
.heading-login {
    font-size: 32px;
    color: #212121;
    font-weight: 500;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 40px;
}

    .heading-signup::after {
        content: "";
        display: block;
        height: 10px;
        width: 60px;
        background: var(--primary-color);
        margin: 10px auto;
    }

.form-label {
    font-size: 18px !important;
    color: #333 !important;
    font-weight: 600;
}

.img-signup {
    background: url("/images/img-signup-c.png") no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    height: 100vh;
}

.img-login {
    background: url("/images/img-login-c.png") no-repeat;
    background-position: top center;
    background-size: cover;
    height: 100vh;
}

.img-doctor-login {
    background: url("/images/img-doctor-login-c.png") no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    height: 100vh;
}

.img-admin-login {
    background: url("/images/img-admin-login-c.png") no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    height: 100vh;
}

.img-partner-login {
    background: url("/images/img-partner-c.png") no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    height: 100vh;
}

.img-medical-assistant-login {
    background: url("/images/img-madical-ass-login-c.png") no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    height: 100vh;
}

.signup-login-text {
    margin-top: 40px;
    font-size: 22px;
}

.signup-copyright {
    margin-top: 60px;
}

[class*="login-bg-color"] {
    border: none;
    padding: 12px 5px;
    color: #ffffff;
}

    [class*="login-bg-color"]:hover,
    [class*="login-bg-color"]:focus {
        color: #ffffff;
    }

.login-bg-color-1 {
    background: #6c5ce7 !important;
}

.login-bg-color-2 {
    background: #0984e3 !important;
}

.login-bg-color-3 {
    background: #007A99 !important;
}

.login-bg-color-4 {
    background: #00b894 !important;
}

.phone-text, .email-text {
    font-size: 14px;
}

.phone-element, .email-element {
    font-size: 20px;
}

@media(max-width:768px) {
    .img-signup {
        display: none
    }

    .phone-text, .email-text {
        font-size: 12px;
    }

    .phone-element, .email-element {
        font-size: 14px;
    }
}

.left-navbar {
    max-width: 310px;
    position: fixed;
    left: 0;
    min-width: 310px;
    height: 100vh;
    z-index: 9999;
}

.left-menu-item {
    max-height: 500px;
    list-style-type: none;
    padding: 0;
    margin-top: 30px;
    width: 315px;
    margin-left: -17px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .left-menu-item .row {
        align-items: center;
    }

.left-navbar li {
    margin-bottom: 10px;
}

    .left-navbar li button {
        all: unset;
        width: calc(100% - 34px);
    }

    .left-navbar li a, .left-navbar li button {
        text-decoration: none;
        color: #fff !important;
        font-size: 16px;
        font-weight: 400;
        padding-left: 20px !important;
    }

    .left-navbar li > a, .left-navbar li button,
    .dropdown-navbar li > a {
        padding: 10px;
        display: block;
        border-left: 5px solid transparent;
    }

    .left-menu-item > li:hover > a, .left-navbar li:hover button
    .left-menu-item .active > a, .left-navbar .active button
    .dropdown-navbar li:hover > a {
        border-left: 5px solid var(--primary-color);
        background-color: #e5fff1;
    }

    .left-navbar li.active .col-10, .left-navbar li.active a {
        font-weight: 700;
    }

.left-menu-item li > a, .left-menu-item li button {
    font-size: 16px;
    font-weight: 500;
}

.left-menu-item li.active > a, .left-menu-item li:hover > a,
.left-menu-item li.active button, .left-menu-item li:hover button {
    color: #019644 !important;
    background-color: #e5fff1;
}

.left-navbar li:hover svg, left-navbar li:hover svg g {
    fill: #019644;
}

.left-navbar li svg, .left-navbar li svg g {
    fill: #fff;
    margin-right: 16px
}

li .links svg {
    fill: #fff !important;
}

li.active > .links svg, li:hover > .links svg, li:hover > .links svg g {
    fill: #019644 !important;
}

.left-navbar li.active svg, .left-navbar li.active svg g, .left-navbar li:hover svg g {
    fill: #019644;
}

.left-navbar.left-navbar-medical li.active svg g, .left-navbar.left-navbar-medical li:hover svg g {
    fill: #00B894;
}

.left-menu-item-partner li.active svg g, .left-menu-item-partner li:hover svg g {
    fill: #007A99 !important;
}

.left-menu-item-doctor li.active svg, .left-menu-item-doctor li.active svg g,
.left-menu-item-doctor li:hover svg, .left-menu-item-doctor li:hover svg g {
    fill: #6C5CE7;
}

.dropdown-navbar {
    margin-left: 15px;
    margin-top: 10px;
    display: none;
}

.left-menu-item > li:hover > a + .dropdown-navbar {
    display: block;
}

.links {
    font-size: 14px !important;
}

.dropdown-toggle-menu {
    padding: 0px;
    color: #000000;
    background: none;
    border: none;
}

    .dropdown-toggle-menu:hover {
        color: #000000;
        background: none;
        border: none;
    }

    .dropdown-toggle-menu:focus {
        color: #000000 !important;
        background: none !important;
        border: none !important;
    }

.main-content {
    flex: 1;
    background-color: #f5f5f5;
    padding: 20px;
    width: calc(100vw - 65px);
    margin-left: 310px;
    padding-bottom: 0;
}

    .main-content .main-body {
        min-height: calc(100vh - 110px);
    }

    .main-content .main-footer {
        margin-left: -20px;
        margin-right: -20px;
    }

    .main-content .container-fluid {
        background: #ffffff;
        padding: 1px 20px 20px 20px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

table .btn {
    padding: 0
}

.top-header {
    display: flex;
    position: fixed;
    top: 0;
    left: 310px;
    width: calc(100% - 310px);
    height: 70px;
    z-index: 999;
    background: #ffffff;
}

.card-profile {
    margin-top: 10px;
    height: 160px;
    align-items: center;
    justify-content: flex-start;
    border-radius: 10px;
}

.card-history {
    margin-top: 10px;
    height: 160px;
    align-items: center;
    justify-content: flex-start;
    border-radius: 10px;
}

.card-text p {
    font-size: 18px;
    font-weight: 500;
}

.card-documentation {
    margin-top: 10px;
    height: 160px;
    align-items: center;
    justify-content: flex-start;
    background-color: #E5E4FF;
    border: 2px solid #b7b5ff;
    border-radius: 10px;
}

.btn-dashboard {
    padding: 6px 2px;
    font-size: 14px;
}

.logo {
    height: 60px;
    margin-top: 5px;
}

    .logo.homepage {
        height: 85px;
        position: absolute;
        top: 2px;
    }

.form-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
}

.top-heading {
    font-size: 2rem;
    padding-left: 30px;
}

.breadcrumb-wrapper {
    margin-top: 75px;
    margin-bottom: 30px;
}

.breadcrumb-item {
    font-size: 2rem;
    color: var(--primary-color);
    font-weight: 600;
}

.header-right {
    right: 0;
    position: absolute;
}

.dropdown-toggle-dashboard::after {
    border-top: 0.3em solid var(--primary-color);
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle-dashboard:active {
    color: initial;
    background-color: transparent;
    border-color: transparent !important;
}

.dropdown-menu-dashboard {
    position: absolute;
    left: -35px;
    top: 60px;
    min-width: 106px;
    text-align: center;
}

.counter-dashboard {
    background: #f52121;
    color: #fff;
    height: 17px;
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    margin-left: -10px;
    margin-top: 5px;
}

.notification-more {
    padding: 1px 3px;
}

.notification-icon .dropdown-toggle-dashboard::after {
    display: none;
}

.notification-icon .dropdown-menu-dashboard {
    left: unset;
    right: 0;
    text-align: left;
    width: fit-content;
    max-height: 455px;
    overflow-y: auto;
    min-width: 365px;
    margin-top: -5px;
}

    .notification-icon .dropdown-menu-dashboard .dropdown-item-dashboard {
        white-space: normal;
        border-bottom: 1px solid #dfdfdf;
    }

        .notification-icon .dropdown-menu-dashboard .dropdown-item-dashboard:first-child {
            margin-top: 0 !important;
            border-top-right-radius: 5px !important;
            border-top-left-radius: 5px;
        }

        .notification-icon .dropdown-menu-dashboard .dropdown-item-dashboard:last-child {
            border-bottom: none !important;
            width: 85%;
        }

        .notification-icon .dropdown-menu-dashboard .dropdown-item-dashboard .muted {
            font-size: 10px;
            color: #999;
        }

.btn-primary-notification {
    padding: 4px;
    font-size: 16px;
}

.border-notification {
    padding: 4px;
    font-size: 16px;
    border: 1px solid var(--primary-color);
}

#dropdownMenuLink.show-arrow::after {
    content: "";
    position: absolute;
    width: 0;
    right: 17.8px;
    height: 0;
    display: block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-top: 7px;
    transform: rotate(180deg);
}

header {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 999;
}

footer {
    background: #212121;
    color: #fff;
    padding: 20px;
}

.back-btn-login {
    position: sticky;
    padding: 5px 10px 5px 5px;
    top: -100px;
    margin-top: -315px;
}

    .back-btn-login:hover {
        background-color: #019644;
        color: #fff;
    }

        .back-btn-login:hover .back-btn-login svg {
            fill: #fff;
        }

.notification-list .list-item .title {
    all: unset;
    font-size: 18px;
    font-weight: 500;
    margin: 0 10px;
    cursor: pointer;
}

    .notification-list .list-item .title:hover {
        color: #20a9d6;
    }

.notification-list .list-item:first-child {
    margin-top: 20px;
}

.top-header .notification-list .list-item:first-child {
    margin-top: -6px;
}

.top-header .notification-list .list-item .title {
    font-size: 14px;
}

    .top-header .notification-list .list-item .title:hover {
        color: #000;
        cursor: auto;
    }

.top-header .notification-list .list-item .timestamp {
    margin-left: 35px;
}

.notification-list .no-notifications {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 0;
}

.notification-list .list-item .timestamp {
    margin: 0 10px;
    font-size: 14px;
    color: #00000092;
    font-weight: 500;
}

.notification-list .list-item {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #7b7b7b92;
}

tr td:first-child {
    color: #000;
    font-weight: 700;
    font-size: 18px;
    width: 48px;
}

tr td {
    font-size: 18px;
    font-weight: 400;
}

.signup-form-wrapper .btn:active {
    color: #fff !important;
}

.fc-daygrid-day-number {
    text-decoration: none !important;
}

.fc-day {
    border: none !important;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: 1em;
}

.fc .fc-daygrid-day-number {
    padding: 0 1em 0;
    font-size: 15px
}

.fc table {
    font-size: 0.9em;
    text-align: center;
}

.fc .fc-button-primary, .fc .fc-button-primary:hover, .fc .fc-button:disabled {
    background-color: #fff;
    border-color: #fff;
    color: lightseagreen;
}

th a {
    text-decoration: none;
}

.fc th {
    padding-bottom: 5px;
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    background-color: #fff;
    border-color: #fff;
    color: #fff;
}

    .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
        box-shadow: #fff 0px 0px 0px 0.2rem;
    }

.fc .fc-button-primary:focus, .fc .fc-button:focus {
    box-shadow: none !important;
}

.fc-toolbar-chunk {
    display: flex;
}

.fc .fc-direction-ltr {
    width: 325px !important;
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0.5em;
}

.fc-scrollgrid-sync-table {
    margin-left: 5px !important
}

.fc-scroller-liquid-absolute {
    overflow: hidden !important
}

.fc-scroller {
    overflow: unset !important;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: #e5fff1;
}

.fc-daygrid-day {
    cursor: pointer;
}

.toast {
    width: 280px;
    border-radius: 10px;
    right: 11px;
    color: #ffffff;
    z-index: 999999;
    position: fixed;
    top: 82px;
}

    .toast .btn-close {
        font-size: 10px;
        margin-top: 5px;
        margin-right: 5px;
        filter: invert()
    }

    .toast .toast-body {
        font-size: 16px;
        font-weight: 500;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: -5px;
    }

    .toast .progress {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        width: 100%;
    }

        .toast .progress:before {
            content: "";
            position: absolute;
            bottom: 0;
            right: 0;
            height: 100%;
            width: 100%;
            background-color: #2770ff;
        }

.bg-danger .progress:before {
    background-color: #f3b2af !important;
}

.bg-success .progress:before {
    background-color: #45e98f !important;
}

.progress.active:before {
    animation: progress 5s linear forwards;
}

#divToast-MarkAsCompleted {
    width: 280px;
    border-radius: 10px;
    right: 10px !important;
    color: #ffffff;
    z-index: 999999;
    position: fixed;
    top: 75px;
    left: unset;
}

@keyframes progress {
    100% {
        right: 100%;
    }
}

.mendatory-field {
    color: red;
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus, .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: none;
}

.form-control.is-valid, .was-validated .form-control:valid,
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    background-image: none;
    border-color: initial;
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: initial;
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus, .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: initial;
    box-shadow: none;
}

.patient-personal-info .row .col-sm-4 {
    margin: 5px 0 !important;
}

.img-waitlist {
    background: url("/images/wait-list-2-c.png") no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    height: 100vh;
}

.copy-icon {
    cursor: pointer;
}

.progress-bar {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.progress-label {
    padding: 10px 40px;
}

.dot {
    width: 20px;
    height: 20px;
    background-color: #ccc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 65px 10px 65px;
}

    .dot.completed {
        background-color: #4caf50;
    }

    .dot.in-progress {
        background-color: #2196f3;
    }

.stateValidationFeedback {
    position: absolute;
    bottom: 160px;
    font-size: 16px;
    left: 330px;
    background: #fff;
    max-width: fit-content;
    padding: 5px 15px;
    border-radius: 10px;
    font-weight: 400;
}

#state {
    top: 245px;
    position: absolute;
    opacity: 0;
    right: 434px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 12px solid #fff;
}


body.collapsed .main-footer {
    display: none;
}

body.collapsed .left-navbar {
    min-width: unset;
    width: 65px;
    overflow: hidden;
}

body.collapsed .main-content {
    margin-left: 65px;
}

body.collapsed .top-header {
    left: 65px;
    width: calc(100% - 65px);
}


.border-notification .title {
    font-size: 16px !important;
}

.border-notification .timestamp {
    font-size: 12px !important;
}

ul.icon li {
    cursor: pointer;
}

ul.row li a {
    text-decoration: none;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

    ul.row li a::before {
        content: "";
        position: absolute;
        right: 100%; 
        bottom: -2px;
        width: 0;
        height: 3px;
        background-color: #e9ecef; 
        z-index: -1;
        transition: width 0.4s ease, right 0.4s ease;
    }

    /* Hover effect */
    ul.row li a:hover::before {
        width: 100%;
        right: 0;
        left: auto;
    }

.heading-bar {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    padding: 10px;
}

    .heading-bar.personal-heading {
        margin-top: 30px;
    }

.user-image {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    object-fit: contain;
}

.reschedule-form {
    position: absolute;
    left: 450px;
    margin-top: 20px;
}

.sort-btn {
    cursor: pointer;
}

.row.appointment-info > .col-sm-4 {
    margin: 10px 0;
    margin-top: 15px;
}

.search-bar {
    margin: 20px 0;
}

.search-bar {
    background: #ffffff url('https://cdn.pixabay.com/photo/2017/01/13/01/22/magnifying-glass-1976105_1280.png') no-repeat;
    background-size: 30px;
    background-position: right;
}

.search-bar-doctor {
    background: #ffffff url('https://cdn.pixabay.com/photo/2017/01/13/01/22/magnifying-glass-1976105_1280.png') no-repeat;
    background-size: 30px;
    background-position: right;
    min-width: 200px;
    /*max-width: 250px;*/
}

.date-column {
    min-width: 115px;
}

.button-link:hover {
    color: darkslateblue;
}

.from-filter {
    min-width: 150px;
    /*max-width: 200px;*/
}

.to-filter {
    min-width: 150px;
}

.appointment-date {
    font-size: 20px;
    position: absolute;
    left: 580px;
    color: #019644;
    font-weight: 600;
}

.appointment-date-completed {
    font-size: 25px;
    color: #019644;
    font-weight: 600;
    margin-left: 33px;
}

.common-profile-container {
    border: 1px solid red;
    width: 500px;
    text-align: center;
    padding-bottom: 20px;
    background: #EEFDF8;
    border: 1px solid #7BFFD3;
    border-radius: 10px;
}

.patient-profile-container {
    background: #e0fbec;
    border: 1px solid #019644;
}

.partner-profile-container {
    background: #d5f2f9;
    border: 1px solid #007a99;
}

.admin-profile-container {
    background: #e5f2fb;
    border: 1px solid #0871c2;
}

.change-pass-btn, .change-pass-btn:hover {
    all: unset;
    color: #1796c0 !important;
    background: transparent !important;
    cursor: pointer;
    font-weight: 500;
}

.profile-image-container {
    text-align: center;
}

.common-profile .profile-image-container img,
.common-profile .profile-image-container svg,
.common-edit-profile .profile-image-container img,
.common-edit-profile .profile-image-container svg {
    width: 150px !important;
}

.personal-info .row > div {
    text-align: left;
    padding-left: 10px !important;
}

.common-profile-container {
    padding: 40px;
    margin: 20px auto;
}

.personal-info {
    padding: 20px;
}

.profile-data.common-profile-container:not(:has(.profile-image-container-doctor)) .profile-image-container {
    width: 100%;
    height: 200px;
}

.profile-data.common-profile-container .data-row {
    width: 100%;
    display: flex;
    padding: 0;
}

    .profile-data.common-profile-container .data-row label {
      /*  width: 50%;*/
        text-align: left;
      /*  padding-left: 10px !important;*/
    }

.change-password label {
    width: 50%;
    text-align: left;
/*    padding-left: 10px !important;*/
}

.profile-container .profile-wrapper {
    background: #EEFDF8;
    border: 1px solid #7BFFD3;
    border-radius: 10px;
}

    .profile-container .profile-wrapper .profile-image-container img {
        border: 1px solid #019644;
    }

.edit-icon-svg {
    position: relative !important;
    bottom: 58px !important;
    left: 57px !important;
    cursor: pointer !important;
    background: #fff;
    padding-left: 4px;
    border-radius: 10px;
    padding-bottom: 4px;
    padding-right: 5px;
}

.edit-icon-svg-position {
    bottom: 40px !important;
    left: 70px !important;
}

.common-profile-container {
    padding: 40px;
    margin: 20px auto;
}

    .common-profile-container .profile-image-container {
        height: 200px;
        width: 200px;
        margin: auto;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #d3d3d3;
    }

        .common-profile-container .profile-image-container img {
            object-fit: contain;
            width: 100% !important;
            margin: auto;
        }

.contact-admin .personal-info, .contact-admin .contact-details {
    background: #F9F0FF;
    border-radius: 10px;
    width: 47%;
    margin: 0 auto;
    padding: 20px;
    margin-top: 20px;
}

.contact-admin .contact-details {
    background: #EEFDF8;
    height: 300px;
}

.contact-admin .personal-info div.mb-3 {
    display: flex;
}

    .contact-admin .personal-info div.mb-3 label {
        width: 160px;
        text-align: left;
        padding-left: 10px !important;
    }

    .contact-admin .personal-info div.mb-3 input, .contact-admin .personal-info div.mb-3 textarea {
        /*width: 475px;*/
        text-align: left;
        padding-left: 10px !important;
    }

textarea {
    border-radius: 4px;
}

.profile-data.common-profile-container:not(:has(.profile-image-container-doctor)) .profile-image-container {
    width: 100%;
    height: 200px;
}

.profile-data.common-profile-container .data-row {
    width: 100%;
    display: flex;
    padding: 0;
}

    .profile-data.common-profile-container .data-row label {
       /* width: 50%;*/
        text-align: left;
     /*   padding-left: 10px !important;*/
    }

.bi.bi-upload {
    margin: 0 10px 0 0;
}

body.collapsed .user-email-dashboard, .user-email-dashboard {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.privacy-policy-page {
    margin: 10px 10px 10px 10px;
}

.privacy-policy-header {
    text-align: center;
    font-weight: 700;
}

.privacy-policy-data {
    text-align: initial !important;
    margin: 30px 100px 30px 100px;
}

.table-response {
    overflow-x: auto;
}

.enquiry-form {
    margin: auto;
    width: 47%;
}

.pwd-notice {
    border: 2px solid #000;
    padding: 0 6px;
    margin-bottom: 0 !important;
    border-radius: 10px;
    font-size: 10px !important;
    position: absolute;
    margin-left: 5px;
    margin-top: 0.3rem;
}

.form-check input,
.form-check label,
.form-check-input,
.form-check-label {
    cursor: pointer;
}

.common-emails {
    overflow-x: auto;
}

thead > tr {
    vertical-align: middle;
}

    thead > tr > th {
        text-wrap: nowrap;
    }

.svg-links {
    cursor: pointer;
}

.assistant-modal-btn:active, .assistant-modal-btn:hover {
    background-color: #00B894 !important;
}

.name-table {
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
    max-width: 20vw;
}

.email-table {
    max-width: 350px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.text-border-radius {
    border-radius: 4px !important;
}

.table-admin .name-column {
    text-wrap: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
}

.table-admin .email-column, .table-admin .appointment-column, .table-medical .appointment-column {
    text-wrap: nowrap;
    max-width: 235px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
}

.table-admin .appointment-column, .table-medical .appointment-column {
    max-width: 125px !important;
}

.table-admin .phone-column {
    min-width: 132px;
}

body.collapsed .set-card li > .row > .col-md-6 .form-switch {
    margin-left: 0;
}

body.collapsed .set-card li > .row > .col-md-6 {
    margin-bottom: 0;
    width: 50%;
}

body.collapsed .business-hour .show-card .slot-card {
    font-size: 14px;
}

body.collapsed .business-hour .add-btn {
    margin-left: -75px;
}

.dashboard-book-btn {
    min-width: 250px;
}

.notification-message {
    font-size: 18px;
    font-weight: 500;
    margin: 0 10px;
}

.state-feedback {
    color: red;
    position: absolute;
    margin-top: -28px;
    width: 160px;
    font-size: 14px;
    font-weight: 600;
    padding-left: 11px;
}

.status-text-margin {
    margin: 1.5rem;
}

.state-name-app {
    font-size: 18px;
    font-weight: 700;
}

body.collapsed .appointment-date {
    left: 330px;
}

.hg-div-padding, .wt-div-padding {
    padding-right: 15px;
}

.notification-li {
    display: -webkit-box;
}

.home-page-notice {
    position: absolute;
    top: 5px;
    font-weight: 500;
    right: 40px;
    color: #8c8c8c;
}

    .home-page-notice.partial-login {
        position: unset;
        font-weight: 500;
        margin-top: -72px;
        margin-bottom: 120px;
        margin-left: 265px;
    }

    .home-page-notice.dashboard {
        position: fixed;
        top: 24px;
        font-weight: 500;
        left: 385px;
        z-index: 9999;
        text-align: center;
        max-width: calc(100% - 550px);
    }

body.collapsed .home-page-notice.dashboard {
    left: 150px;
    max-width: calc(100% - 295px);
}

.profile-dropdown:active {
    background-color: #fff;
    color: #000;
}

.modal {
    z-index: 9999;
}

.header-notice {
    position: sticky;
    top: 0;
    z-index: 99999;
    background-color: #019644;
    padding: 15px;
}

.main-content {
    padding-top: 30px;
}

.top-header {
    position: absolute;
}

.p-top-header {
    top: 60px;
}


.navbar-toggler {
    top: 20px;
}

.email-text a:hover {
    color: #d2e1f7 !important;
}

.phone-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.phone-element {
    display: inline;
}

.moneyback-img {
    height: 200px;
    margin-top: -20px;
}

.card-doctor-admin,
.card-medical-admin,
.card-partner-admin,
.card-patient-admin,
.card-revenue-admin {
    max-width: 410px;
}

.contact-us {
    background-color: var(--primary-color);
    color: #ffff;
    padding: 35px 80px;
}

    .contact-us figure {
        margin: 0 !important;
    }

.heading-contact {
    font-size: 48px;
    color: #000000;
    font-weight: 400;
}

.contactus-heading::after {
    content: "";
    display: block;
    height: 10px;
    width: 70px;
    background: #fff;
    margin-top: 8px;
    width: 70px;
}

.contactus-text {
    font-size: 25px;
}

.contact-us a {
    color: #fff;
}

.contactus-heading {
    font-size: 32px;
}

.logo-error {
    position: fixed;
    top: 45px;
    left: 5px;
}

body.collapsed .logo.navbar-logo {
    margin-left: -244px;
    height: 45px;
    margin-top: 12px;
}

.promotional-coupon {
    min-width: 220px;
    position: relative;
    background: url("/images/offer.png") no-repeat center center;
    background-size: contain;
    background-position: 0 0;
}

.offer-img {
    height: 170px;
    margin-top: -20px;
}

.coupon-code, .coupon-amount {
    padding-top: 33px;
    text-align: center;
    margin-left: -25px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 16px;
}

    .coupon-code span {
        display: inline-block;
    }

        .coupon-code span::after {
            content: '';
            display: block;
            height: 1px;
            width: 100%;
            background: #fff;
            margin-top: -2px;
        }

.coupon-amount {
    text-decoration: none;
    font-size: 33px;
    position: absolute;
    bottom: 41px;
    right: -60px;
    letter-spacing: -1px;
    font-weight: 700;
}

#emailMessage {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}


tbody td svg {
    cursor: pointer;
}

.w-15 {
    width: 15% !important;
}

.live-svg {
    position: absolute;
    top: -8px;
}

.table-admin tbody td, .table-medical tbody td {
    font-size: 16px;
}

.table-admin .appointment-time, .table-medical .appointment-time {
    text-wrap: nowrap;
}

.license-document-number {
    width: 350px;
}


.patient-personal-info .row {
    margin-bottom: 5px;
}

.signup-success-notice {
    font-weight: 600;
    padding: 10px;
    border-radius: 10px;
    font-size: 18px;
    text-align: center;
}

.hover-zoom {
    transition: transform 0.5s;
}

    .hover-zoom:hover {
        transform: scale(2.0);
    }

.home-dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .home-dropdown-menu li {
        display: block;
        border-radius: 10px;
    }

        .home-dropdown-menu li a {
            color: #000;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

.nav-item:hover .home-dropdown-menu {
    display: block;
}

.nav-item.dropdown .arrow-down {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.3em;
    vertical-align: middle;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle::after {
    display: none;
}

.add-coupon, .d-end {
    display: flex;
    justify-content: end;
}

.appointment-notice {
    font-size: 13px;
    font-weight: 500;
    font-style: italic;
    max-width: 315px;
    margin-top: 5px;
}

.license-dialog {
    position: absolute;
    top: 35%;
    left: 48%;
    transform: translate(-50%, -50%) !important;
}

.success-dialog {
    position: absolute;
    top: 45%;
    left: 49%;
    transform: translate(-50%, -50%) !important;
}

.license-image-container-modal {
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    height: 300px;
    padding: 10px
}

    .license-image-container-modal img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .license-image-container-modal #uploadedLicenseImagemodal {
        width: auto;
        object-fit: contain;
        max-width: fit-content;
    }

.rotate-btn {
    padding: 5px 10px 5px 5px;
}

.image-modal {
    width: 600px;
    height: 600px;
}

.sucess-heading {
    font-size: 40px;
}

.sucess-message {
    text-align: center;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, 0.5);
}

.success-svg {
    width: 60px;
    height: 60px;
}


.btn-outline-failed {
    color: red;
    border: 1px solid #ff0000;
}

    .btn-outline-failed:hover {
        color: #fff;
        background-color: #ff0000;
    }


.btn-outline-certificate {
    color: #0984E3 !important;
    border-color: #0984E3 !important;
    font-size: 18px;
}

.btn-outline-certificate-assistant {
    color: #00B894 !important;
    border-color: #00B894 !important;
    font-size: 18px;
}

.btn-outline-certificate:hover, .btn-outline-certificate:hover {
    background-color: #0984E3 !important;
    color: #ffffff !important;
    border-color: #0984E3 !important;
    font-size: 18px;
}

.btn-outline-certificate-assistant:hover, .btn-outline-certificate-assistant:hover {
    background-color: #00B894 !important;
    color: #ffffff !important;
    border-color: #00B894 !important;
    font-size: 18px;
}

.btn-outline-certificate:hover svg {
    fill: #ffffff;
}

.btn-outline-certificate-assistant:hover svg {
    fill: #ffffff;
}

.pdf-certficate {
    justify-content: center;
    display: flex;
    height: 60vh;
}

.img-certficate {
    height: 500px;
    width: 700px;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    overflow: hidden;
    max-height: 500px;
}

.headshot-error {
    font-size: 12px;
    font-weight: 500;
    color: red;
    letter-spacing: 0.5px;
}

.coupon-input {
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    font-size: 16px;
    height: 40px;
    width: 270px;
}

.verify-otp {
    position: relative;
    cursor: pointer;
    top: -34px;
    left: 186px;
}

.email-row {
    padding-left: 70px;
    padding-right: 70px;
}

.email-verified-svg {
    width: 22px;
    height: 22px;
    position: relative;
    top: -31px;
    left: -5px;
}

.email-verify {
    font-size: 12px;
    position: absolute;
    bottom: -14px;
    text-wrap: nowrap;
    font-weight: 500;
    font-style: italic;
}

.patient .patient-footer {
    margin-bottom: 4rem;
}

.payment-heading-text {
    padding-left: 40px;
}

.payment-text {
    font-size: 18px;
    font-weight: 400;
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.not-applicable-text {
    margin-left: -30px;
}

.admin-license-image {
    display: flex;
    justify-content: end;
    flex-direction: column;
}

.rfm-reason-heading {
    width: 100px;
}

.emailverify-modal {
    margin-top: 100px;
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    opacity:1 !important;
}

.dashboard-card-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.img-certficate img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: contain;
}

.change-font{
    font-size:14px;
}

.paypal-button-row{    
    height:60px !important;
}