@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

body {
    margin: 0;
    padding: 0;
    font-family: "Lato", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    font-weight: normal;
    font-style: normal;
    color: var(--text-clr);
    font-size: 20px;
    line-height: 1.5;
    background-color: #fff;
    scroll-behavior: smooth;
}

:root {
    scroll-behavior: inherit;
    --theme-clr-1: #2494D2;
    --theme-clr-2: #F47820;
    --theme-clr-3: #199FD9;
    --theme-clr-light: #DAEFF9;
    --theme-clr-dark: #356598;
    --theme-gradient: linear-gradient(var(--theme-clr-3) 0%, #356598 100%);
    --text-clr: #333;
    --white: #fff;
    --black: #000;
    --black-light: #131313;
    --heading-clr: #363636;
    --para-clr: #858484;
    --sidebar-width: 310px;
}

b,
strong {
    font-weight: 700;
}

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

p {
    margin: 0 0 15px 0;
}

p:last-child {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 25px 0;
    padding: 0;
    color: var(--heading-clr);
    font-weight: 700;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0;
}

h1,
.h1-title {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.1;
    color: var(--heading-clr);
}

h2,
.h2-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.1;
    color: var(--theme-clr-3);
}

h3,
.h3-title {
    font-weight: 700;
    font-size: 25px;
    line-height: 1.1;
}

h4,
.h4-title {
    font-size: 24px;
    line-height: 1.2;
}

h5,
.h5-title {
    font-size: 20px;
    line-height: 1.2;
}

a {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none !important;
    outline: none !important;
    color: var(--text-clr);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

i {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover {
    color: var(--new-blue-clr);
}

img {
    max-width: 100%;
}

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    color: var(--text-clr);
    height: 52px;
    padding: 5px 12px 5px;
    outline: none !important;
    font-size: 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid var(--theme-clr-2);
    background: var(--white);
}

.input-wrp {
    position: relative;
    overflow: hidden;
    height: 52px;
    border-radius: 5px;
}

.input-wrp input {
    height: 100%;
}

.input-wrp .input-icon {
    position: absolute;
    width: 60px;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-clr-2);
}

.input-wrp .input-icon img {
    max-width: 20px;
    width: 100%;
}

textarea {
    background-color: var(--white);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    /* border: 1px solid rgba(255, 255, 255, 0.7); */
    padding: 12px 20px;
    width: 100%;
    color: var(--text-clr);
    height: 115px;
    -webkit-box-shadow: 0 4px 22px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 22px rgba(0, 0, 0, 0.25);
    outline: none !important;
    border: none;
}

select {
    /* border: 1px solid rgba(255, 255, 255, 0.7); */
    width: 100%;
    padding: 0 20px;
    background: url(../images/sort-down.svg) no-repeat calc(100% - 34px) center var(--white);
    background-size: 10px;
    padding-right: 50px;
    -webkit-box-shadow: 0 4px 22px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 22px rgba(0, 0, 0, 0.25);
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    color: var(--text-clr);
}

select::-ms-expand {
    display: none;
}

input[type="submit"] {
    background: var(--theme-clr-2);
    color: var(--white);
    height: 52px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    padding-left: 34px;
    padding-right: 34px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    width: 100%;
    outline: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="submit"]:hover {
    background: var(--theme-clr-1);
}

::-webkit-input-placeholder {
    opacity: 1;
    color: var(--text-clr);
}

:-ms-input-placeholder {
    opacity: 1;
    color: var(--text-clr);
}

::-moz-placeholder {
    opacity: 1;
    color: var(--text-clr);
}

:-moz-placeholder {
    opacity: 1;
    color: var(--text-clr);
}

/* images alignment for wordpress content pages */
.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    float: none;
    clear: both;
}

/* custom checkbox */
.form_input_check label {
    position: relative;
    margin: 0;
    padding-left: 40px;
    display: inline-block;
}

.form_input_check label span {
    margin: 0;
    padding: 0;
}

.form_input_check label input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

.form_input_check label input[type="checkbox"]+span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 22px;
    height: 22px;
    border: 1px solid #3e3e42;
    background: transparent;
}

.form_input_check label input[type="checkbox"]+span::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 22px;
    height: 22px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: url(../images/tick.svg) no-repeat center center;
    background-size: 15px;
}

.form_input_check label input[type="checkbox"]:not(:checked)+span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

/* .form_input_check input[type="checkbox"]:checked + span::before {
} */

.form_input_check label input[type="checkbox"]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* custom radio */
.form_input_radio label {
    position: relative;
    margin: 0;
    padding-left: 30px;
    display: inline-block;
}

.form_input_radio label span {
    margin: 0;
    padding: 0;
}

.form_input_radio label input[type="radio"] {
    visibility: hidden;
    display: none;
}

.form_input_radio label input[type="radio"]+span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
    border: 2px solid #000000;
    border-radius: 100%;
    background: #fff;
}

.form_input_radio label input[type="radio"]+span::after {

    content: "";

    width: 12px;

    height: 12px;

    background: #4b0049;

    position: absolute;

    top: 6px;

    left: 5px;

    border-radius: 100%;

    -webkit-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.form_input_radio label input[type="radio"]:not(:checked)+span::after {

    opacity: 0;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

}

.form_input_radio label input[type="radio"]:checked+span:after {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}

/* custom radio end */



/* Global Css */

.alert-cmn-btn {
    background: var(--theme-clr-2);
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    padding: 6px 25px;
    border-radius: 5px;
    min-width: 90px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    border: 1px solid var(--theme-clr-2);
    outline: 0;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.alert-cmn-btn:hover {
    background: var(--white);
    color: var(--theme-clr-2);
}


.cmn-btn {

    background: var(--theme-clr-2);

    color: var(--white);

    font-size: 18px;

    font-weight: 500;

    padding: 6px 25px;

    border-radius: 5px;

    min-width: 120px;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 46px;

    border: 1px solid var(--theme-clr-2);

    outline: 0;

    -webkit-transition: all ease-in-out .3s;

    -o-transition: all ease-in-out .3s;

    transition: all ease-in-out .3s;

}

.cmn-btn:hover {

    background: var(--white);

    color: var(--theme-clr-2);

}

.btn-wrp {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 12px;

}

.cmn-gap {

    margin-bottom: 60px;

}

.cmn-gap:last-child {

    margin-bottom: 0;

}

.cmn-btn img {

    margin-right: 10px;

    -webkit-transition: all ease-in-out .3s;

    -o-transition: all ease-in-out .3s;

    transition: all ease-in-out .3s;

}

.cmn-btn:hover img {

    filter: brightness(0);

}

.cmn-btn.brdr-btn {

    background: transparent;

    color: var(--heading-clr);

    border: 1px solid var(--heading-clr);

}

.cmn-btn.brdr-btn img {

    filter: brightness(0);

}

.cmn-btn.brdr-btn:hover {

    background: var(--theme-clr-2);

    color: var(--white);

    border-color: var(--theme-clr-2);

}

.cmn-btn.brdr-btn:hover img {

    filter: none;

}

.dashboard-content-head h1 {

    color: var(--heading-clr);

}

.pages-select p {

    font-size: 16px;

    font-weight: 500;

    color: var(--theme-clr-dark);

    margin-left: auto;

}

.uploadfield {

    display: inline-block;

    position: relative;

    cursor: pointer;

}

.uploadfield span,
.uploadfield button {

    font-size: 16px;

    font-weight: 600;

    color: var(--para-clr);

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    border: 1px solid #D6D6D6;

    border-radius: 8px;

    height: 52px;

    padding: 5px 12px;

    box-shadow: none;

    outline: 0;

    background: var(--white);

    /* pointer-events: none; */

    cursor: pointer;

}

.uploadfield button {

    display: inline-flex;

    min-width: 200px;

}

.uploadfield input~span {

    pointer-events: none;

}

.uploadfield input {

    position: absolute;

    z-index: 1;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    /* visibility: hidden; */

    cursor: pointer;

}



/* Global Css */



/* Login Screen Begin */



.logo-wrp {

    width: 305px;

    height: 305px;

    padding: 10px;

    border-radius: 50%;

    background: var(--white);

    border: 1px solid var(--theme-clr-2);

    margin: 0 auto;

}

.logo-inr-wrp {

    width: 100%;

    height: 100%;

    border: 7px solid var(--theme-clr-2);

    border-radius: 50%;

}

.logo-wrp .logo {

    width: 100%;

    height: 100%;

    border: 22px solid rgba(25, 159, 217, .28);

    border-radius: 50%;

    padding: 12px;

}

.logo-wrp .logo img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.login-inr {

    max-width: 1252px;

    margin: 0 auto;

    padding: 50px;

    background: var(--white);

    box-shadow: 0 0 34px rgba(130, 130, 130, 0.25);

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.login-inr>* {

    width: 50%;

    padding: 12px;

}

.login-left {

    border-right: 1px solid #B0B0B0;

}

.login-right {

    padding-left: 60px;

}

.input-pass-field {

    position: relative;

}

.input-pass-field input {

    padding-right: 52px;

    border-radius: 10px;

}

.login-form .input-grp input {

    padding-left: 72px;

}

.login-form .input-grp label {

    color: var(--theme-clr-2);

    margin-bottom: 3px;

}

span.eye-btn {

    position: absolute;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

    display: flex;

    align-items: center;

    justify-content: center;

    width: 22px;

    cursor: pointer;

    filter: brightness(0) saturate(100%) invert(78%) sepia(43%) saturate(6555%) hue-rotate(340deg) brightness(93%) contrast(107%);

}

.login-sec {

    display: flex;

    align-items: center;

    min-height: 100vh;

    position: relative;

    overflow: hidden;

}

.login-sec::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 120%;

    height: 100%;

    max-height: 30vw;

    background: url(../images/login-bg.png) no-repeat center top;

    background-size: 100% 100%;

    z-index: -1;

    pointer-events: none;

}

.input-grp, .input-grp-sm {

    margin-bottom: 20px;

}

.login-sec::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 300px;

    left: 0;

    top: 0;

    background: linear-gradient(#DAEFF9 1%, #fff 100%);

    pointer-events: none;

    z-index: -1;

}

.checkbox-wrp {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    margin-bottom: 20px;

}

.checkbox-wrp label {

    display: flex;

    align-items: center;

    color: var(--theme-clr-2);

    font-size: 16px;

    cursor: pointer;

}

.checkbox-wrp label input[type='checkbox'] {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    margin-right: 8px;

    width: 20px;

    height: 20px;

    border: 2px solid var(--theme-clr-2);

    border-radius: 4px;

}



.checkbox-wrp label input[type='checkbox']:checked {

    background: var(--theme-clr-2);

    border-color: var(--theme-clr-2);

}

.checkbox-wrp label input[type='checkbox']:checked::after {

    content: "✓";

    display: block;

    text-align: center;

    color: var(--white);

    font-size: 16px;

    line-height: 1.1;

}



/* Modal Styles */



.fancybox__container {

    z-index: 99999;

}

.popup-wrp .modal-header {

    flex-wrap: wrap;

    justify-content: center;

    border: 0;

    padding: 0;

}

.popup-wrp .modal-header h2,
.popup-wrp .modal-header,
.popup-wrp .modal-header p {

    text-align: center;

}

.popup-wrp .modal-header p {

    color: var(--heading-clr);

}

.popup-wrp .modal-footer {

    justify-content: center;

    border: 0;

    padding: 0;

}

.modal-icon {

    width: 75px;

    height: 75px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 30px;

}

.modal-icon img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.popup-wrp .modal-content {

    padding: 40px;

    border-radius: 0;

}

.popup-wrp .modal-header h2 {

    text-align: center;

    margin-bottom: 10px;

    color: var(--theme-clr-dark);

}

.popup-wrp .modal-dialog {

    max-width: 450px;

}

.popup-wrp#unavailableDoctors .modal-dialog {

    max-width: 1200px;

}

.popup-wrp .modal-footer a.orange-btn {

    min-width: 120px;

    height: 50px;

}

.modal-content .close {

    border: 0;

    outline: 0;

    background: transparent;

    width: 30px;

    height: 30px;

    position: absolute;

    right: 20px;

    top: 20px;

    border-radius: 50%;

    padding: 0;

    margin: 0;

}

.modal-content .close img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.small-pop .modal-dialog {

    max-width: 480px;

}

.small-pop .modal-dialog .modal-content {

    padding: 50px;

}

/* .popup-wrp .modal-footer>*{

    margin-right: 24px;

} */

.popup-wrp .modal-footer>*:last-child {

    margin-right: 0;

}

.popup-wrp .modal-footer>*:hover {

    border-color: var(--theme-clr-dark);

    color: var(--theme-clr-dark);

}

.popup-wrp .modal-content {

    border-radius: 10px;

}

.popup-wrp .modal-footer.btn-wrp>* {

    min-height: 48px;

    border-radius: 10px;

    min-width: 145px;

    font-size: 24px;

}

.popup-wrp .modal-footer.btn-wrp {

    margin-top: 25px;

}

.popup-wrp.dash-pop .modal-header p {

    font-size: 24px;

    text-align: center;

    color: var(--para-clr);

}

.popup-wrp.large-pop .modal-dialog {

    max-width: 626px;

}

.popup-wrp .modal-body .input-grp textarea {

    min-height: 255px;

    height: 100%;

    background: var(--theme-clr-light);

    border-radius: 2px;

    resize: none;

    display: block;

    box-shadow: none;

}

.popup-wrp .modal-body .input-grp-sm textarea {
    display: block;
    min-height: 180px;
    height: 100%;
    font-size: 16px;
    background: var(--theme-clr-light);
    border-radius: 2px;
    resize: none;
    box-shadow: none;
}

.popup-wrp .modal-body {

    padding: 0;

}

.popup-wrp .modal-body .input-grp label {

    font-size: 18px;

    font-weight: 400;

    margin-bottom: 5px;

}

.popup-wrp.large-pop .modal-header {

    justify-content: center;

    margin-bottom: 15px;

}

.popup-wrp button {

    margin: 0;

}



/* Modal Styles */



/* End of Login Screen */



/* Dashboard Begin */



.dashboard-head {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 999;

}

.dash-head {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    background: var(--theme-gradient);

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}

.dashead-left {

    display: flex;

    align-items: center;

    width: var(--sidebar-width);

    background: var(--white);

    padding: 10px 12px 10px 24px;

}

.dashead-right {

    width: calc(100% - var(--sidebar-width));

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 50px 10px 40px;

}

.logo {

    display: block;

    width: 137px;

}

.logo img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.profile-control .user-nm {

    font-size: 16px;

    color: var(--white);

}

.nav-toggler {

    background: transparent;

    border: 0;

    outline: 0;

    padding: 0;

    margin: 0;
    width: 30px;

}

.profile-img {

    width: 52px;

    height: 52px;

    overflow: hidden;

    position: relative;

    z-index: 1;

    border: 2px solid var(--white);

    border-radius: 50%;

    margin: 0;

    margin-bottom: 2px;

    outline: 0;

    background: var(--white);

    padding: 0;

}

.profile-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.profile-control {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



/* Sidebar Begin */



.sidebar {

    position: fixed;

    left: -100%;

    width: var(--sidebar-width);

    padding: 30px 12px 120px;

    z-index: 9;

    min-height: 100vh;

    height: 100%;

    transition: all ease-in-out .3s;

}

.sidebar.active {

    left: 0;

}

.sidebar-inr {

    overflow-y: auto;

    height: 100%;

    scrollbar-width: 5px;

    padding-right: 10px;

}

.sidebar-inr::-webkit-scrollbar {

    background: #DAEFF9;

    width: 5px;

    border-radius: 10px;

}

.sidebar-inr::-webkit-scrollbar-thumb {

    background: var(--theme-clr-3);

    border-radius: 10px;

}

.sidebar::before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 5000px;

    height: 100%;

    background: var(--theme-gradient);

    z-index: -1;

    pointer-events: none;

}

.sidebar-inr ul {

    padding: 0;

    margin: 0;

}

.sidebar-inr ul li {

    margin-bottom: 10px;

}

.sidebar-inr ul li:last-child {

    margin-bottom: 0;

}

.sidebar-inr ul li a {

    padding: 10px 13px;

    color: var(--white);

    display: flex;

    align-items: center;

    font-size: 14px;

    font-weight: 500;

    border-radius: 5px;

}

.sidebar-inr ul li a:hover,
.sidebar-inr ul li.current-menu-item>a {

    background: rgba(255, 255, 255, .33);

}

.sidebar-inr .menulink-icon {

    margin-right: 10px;

    max-width: 22px;

}

.sidebar-inr .menulink-icon img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}



/* End Of Sidebar */



/* Dashboard Content Begin */



.dashboard-bdy-inr {

    display: flex;

    flex-wrap: wrap;

}

.dashboard-content-wrp {

    width: 100%;

    max-width: calc(100% - var(--sidebar-width));

    padding: 50px 40px 130px 30px;

    margin-left: auto;

    transition: all ease-in-out .3s;

}

.dashboard-content-wrp.active {

    max-width: 100%;

}

.dashboard-content-head {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-bottom: 30px;

}

.dashboard-content-head h1 {

    margin-bottom: 0;

}

.dashboard-content-tag {

    font-size: 15px;

    font-weight: 500;

    color: var(--theme-clr-3);

    padding: 5px 10px;

    border: 1px solid var(--theme-clr-3);

    border-radius: 5px;

}

.ds-basicinfo-left {

    padding: 20px 30px;

    border: 1px solid var(--theme-clr-3);

    border-radius: 10px;

    background: var(--white);

    display: flex;

    flex-wrap: wrap;

}

.dsbasicinfo-left-card {

    display: flex;

    align-items: center;

    position: relative;

    width: 50%;

    border-bottom: 1px solid var(--theme-clr-3);

}



.dsbasicinfo-left-card:nth-child(2n - 1) {

    padding: 5px 30px 20px 0;

    /* border-right: 1px solid #858484; */

}

.dsbasicinfo-left-card:nth-child(2n - 1)::after {

    content: '';

    position: absolute;

    top: 6px;

    right: 0;

    width: 1px;

    height: calc(100% - 18px);

    background: #858484;

}

.dsbasicinfo-left-card:nth-child(2n) {

    padding: 5px 0 20px 30px;

}

.dsbasicinfo-left-card:last-child,
.dsbasicinfo-left-card:nth-last-child(2) {

    border-bottom: 0;

    padding-bottom: 6px;

    padding-top: 20px;

}

.dsbasicinfo-left-card:nth-last-child(2)::after {

    bottom: 0;

    top: auto;

}

.dsbasicinfolcd-icon {

    width: 104px;

    height: 104px;

    border-radius: 13px;

    position: relative;

    overflow: hidden;

    padding: 8px;

    z-index: 1;

    margin-left: auto;

    flex-shrink: 0;

}

.dsbasicinfolcd-icon::before,
.dsbasicinfolcd-icon-inr::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(25, 159, 217, .66);

    opacity: 0.21;

    z-index: -1;

    pointer-events: none;

}

.dsbasicinfolcd-icon-inr {

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

    border-radius: 10px;

    padding: 10px;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

}

.dsbasicinfolcd-content p {

    color: var(--black-light);

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 10px;

}

.dsbasicinfolcd-content h2,
.dsbasicinfolcd-content .h2-title {

    font-size: 40px;

    margin-bottom: 0;

    color: var(--heading-clr);

}

.dsbasicinfolcd-content {

    padding-right: 10px;

}

.ds-basicinfo-right {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    height: 100%;

    gap: 8px 0;

}

.ds-basicinforit-card {

    width: calc(50% - 4px);

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 12px;

    border-radius: 10px;

    border: 1px solid var(--theme-clr-3);

}

.ds-basicinforit-card.w-100 {

    padding: 22px;

}

.blue-bg {

    background: var(--theme-clr-3);

}

.ds-basicinforit-card:not(.w-100) .dsbasicinfolcd-icon {

    width: 80px;

    height: 80px;

}

.ds-basicinforit-card:not(.w-100) .dsbasicinfolcd-icon::before,
.ds-basicinforit-card:not(.w-100) .dsbasicinfolcd-icon-inr::before {

    background: var(--white);

}

.ds-basicinforit-card.w-100 {

    justify-content: center;

}

.ds-basicinforit-card.w-100 .dsbasicinfolcd-icon {

    margin-left: 0;

}

.ds-basicinforit-card.blue-bg .dsbasicinfolcd-content p,
.ds-basicinforit-card.blue-bg .dsbasicinfolcd-content h2,
.ds-basicinforit-card.blue-bg .dsbasicinfolcd-content .h2-title,
.ds-basicinforit-card.blue-bg .dsbasicinfolcd-content button {

    color: var(--white);

}

.ds-basicinforit-card .dsbasicinfolcd-content button {

    font-size: 16px;

    font-weight: 400;

    border: 0;

    outline: 0;

    background: transparent;

    transition: all ease-in-out .3s;

    padding: 0;

    color: var(--theme-clr-3);

    min-width: auto;

    display: flex;

    align-items: center;

}

.ds-basicinforit-card .dsbasicinfolcd-content button:hover i {

    transform: rotate(0);

}

.ds-basicinforit-card .dsbasicinfolcd-content button i {

    transform: rotate(-45deg);

    margin-left: 4px;

}



/* CMN table */



.cmn-table-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 30px;

}

.cmn-table-head h2 {

    margin: 0;

}

.cmn-table-head h2 img {

    margin-top: -15px;

    width: 17px;

    display: inline-block;

}

.cmn-table-inr,
.cmn-table.large,
.cmn-table {

    overflow: auto;

    width: 100%;

    height: 100%;

}

.cmn-table table {

    width: 100%;

    height: 100%;

    min-width: 1000px;

}

.cmn-table.large table {

    min-width: 1320px;

}

.cmn-table table thead tr th {

    padding: 12px;

    text-align: center;

    font-size: 16px;

    color: var(--white);

    background: var(--theme-clr-3);

}

.cmn-table table thead tr th:first-child {

    border-radius: 4px 0 0 0;

}

.cmn-table table thead tr th:last-child {

    border-radius: 0 4px 0 0;

}

.cmn-table table tbody tr td:first-child {

    color: var(--heading-clr);

}

.cmn-table table tbody tr td {

    padding: 18px 12px;

    text-align: center;

    border: 1px solid var(--theme-clr-3);

    font-size: 16px;

    color: var(--theme-clr-3);

    max-width: 520px;

}

.cmn-table table tbody tr td .referred-by {

    font-size: 14px;

}

.cmn-table table tbody tr td .h3-title {

    font-size: 16px;

    font-weight: 400;

    color: var(--heading-clr);

}

.cmn-table table tbody tr td .time {

    font-size: 16px;

    font-weight: 400;

    color: #858484;

}

.cmn-table table tbody tr td a {

    color: var(--theme-clr-3);

    text-decoration: underline !important;

}

.cmn-tbl-sml .cmn-table-inr {

    max-height: 370px;

    scrollbar-width: 5px;

    padding-right: 15px;

}

.cmn-table-wrp .cmn-table-inr::-webkit-scrollbar,
.cmn-table::-webkit-scrollbar {

    width: 5px;

    background: #DAEFF9;

    border-radius: 10px;

}

.cmn-table.large .cmn-table-inr {

    padding-bottom: 10px;

}

.cmn-table.large .cmn-table-inr::-webkit-scrollbar,
.cmn-table::-webkit-scrollbar {

    height: 5px;

}

.cmn-table.large {

    padding-bottom: 5px;

}

.cmn-table-wrp .cmn-table-inr::-webkit-scrollbar-thumb,
.cmn-table.large .cmn-table-inr::-webkit-scrollbar-thumb,
.cmn-table::-webkit-scrollbar-thumb {

    background-color: var(--theme-clr-3);

    border-radius: 10px;

}

.cmn-table.large::-webkit-scrollbar-thumb {

    background-color: var(--theme-clr-3);

    border-radius: 10px;

}

.cmn-table.large::-webkit-scrollbar {

    height: 5px;

    background: #DAEFF9;

    border-radius: 10px;

}

.cmn-table-head h2 {

    position: relative;

}

.cmn-table-head h2 .infotext {

    width: 180px;

    background: var(--white);

    padding: 10px 15px;

    color: #858484;

    font-size: 12px;

    font-weight: 600;

    position: absolute;

    top: 110%;

    right: 0;

    visibility: hidden;

    opacity: 0;

    transition: all ease-in-out .3s;

}

.cmn-table-head h2 img:hover~.infotext {

    opacity: 1;

    visibility: visible;

    top: 100%;

}

.autotbl table {

    min-width: auto;

}

.autotbl table thead tr th:last-child {

    border-radius: 0;

}



/* CMN table */



/* End Of Dashboard Content */



/* End Of Dashboard */



/* Appointments Management Begin */



/* .my-appointments-wrp{

    padding: 15px;

    border-radius: 10px;

    border: 1px solid #F0F0F0;

} */

.my-appointments-search-wrp .formfield {

    position: relative;

    /* width: 350px; */
    width: 280px;

}

.my-appointments-search-wrp .formfield input[type='submit'] {

    position: absolute;

    right: 0;

    top: 0;

    width: 40px;

    min-height: 100%;

    height: 100%;

    background: url(../images/search-icon.svg) no-repeat center transparent;

    background-size: 14px;

    z-index: 2;

    font-size: 0;

    border: 0;

    padding: 0;

    outline: none;

}

.my-appointments-search-wrp .formfield input[type='text'] {

    height: 40px;

    padding-right: 40px;

    border-radius: 4px;

    padding-left: 12px;

    background: var(--theme-clr-light);

    border: 0;

}

.my-appointments-tab-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-bottom: 20px;

}

.my-appointments-search-wrp {

    margin-left: auto;

}

.my-appointments-tab-head {

    margin-right: 12px;

}

.my-appointments-tab-head ul {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    padding: 4px 12px;

    background: var(--theme-clr-light);

    border-radius: 5px;

    position: relative;

}

.my-appointments-tab-head ul li:not(.tab-bg) {

    color: var(--para-clr);

    font-weight: 500;

    font-size: 18px;

    /* padding: 4px 30px; */
    padding: 4px 18px;

    /* margin-right: 15px; */

    margin-right: 8px;

    position: relative;

    z-index: 1;

    flex: 1;

    background: transparent;

    cursor: pointer;

    -webkit-transition: all ease-in-out .3s;

    -moz-transition: all ease-in-out .3s;

    -ms-transition: all ease-in-out .3s;

    -o-transition: all ease-in-out .3s;

    transition: all ease-in-out .3s;

}

.my-appointments-tab-head ul li:last-child,
.my-appointments-tab-head ul li:not(.tab-bg):last-child {

    margin-right: 0;

}

.my-appointments-tab-head ul li.active {

    color: var(--theme-clr-1);

}

.tab-bg {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    background: #fff;

    height: calc(100% - 10px);

    width: 0;

    transition: all 0.3s ease;

    z-index: 0;

    border-radius: 8px;

}

.my-appointments-tab-content-wrp {

    padding: 15px;

    border: 1px solid var(--para-clr);

    border-radius: 10px;

}

.myapintmnt-table {

    width: 100%;

    overflow: auto;

    padding-bottom: 40px;

}

.myapintmnt-table::-webkit-scrollbar,
.pending-presc-table::-webkit-scrollbar {

    height: 8px;

    width: 100%;

    background: #DEDEDE;

    border-radius: 15px;

    cursor: pointer;

}

.myapintmnt-table::-webkit-scrollbar-thumb,
.pending-presc-table::-webkit-scrollbar-thumb {

    background: var(--theme-clr-2);

    border-radius: 15px;

    cursor: pointer;

}

.myapintmnt-table table {

    min-width: 1500px;

    width: 100%;

}

.myapintmnt-table table tr th {

    background: var(--theme-clr-2);

    color: var(--white);

    padding: 8px 15px;

    text-align: center;

    font-weight: 600;

}

.myapintmnt-table table tr th:first-child {

    border-radius: 6px 0 0 6px;

}

.myapintmnt-table table tr th:last-child {

    border-radius: 0 6px 6px 0;

}

.myapintmnt-table table tr td {

    font-weight: 600;

    color: var(--text-clr);

    text-align: center;

    padding: 8px 15px 35px;

}

.myapintmnt-table table tr:last-child td {

    padding-bottom: 0;

}

.myapintmnt-table table tr:first-child td {

    padding-top: 35px;

}

.myapintmnt-table table tr td:nth-child(2) {

    display: flex;

    align-items: center;

}

.myapintmnt-table table tr td h3,
.myapintmnt-table table tr td .h3-title {

    font-size: 16px;

    font-weight: 600;

    color: var(--theme-clr-1);

    padding-left: 15px;

}

.myapintmnt-table table tr td .time {

    color: var(--para-clr);

    font-weight: 500;

}

.myapintmnt-table table tr td .cmn-btn {

    height: 40px;

    border-radius: 10px;

    font-size: 16px;

    font-weight: 500;

    width: 100%;

}

.myapintmnt-table table tr td .cmn-btn.blue-bg::before {

    display: none;

}

.myapintmnt-table table tr td .cmn-btn.blue-bg:hover {

    background: var(--para-clr);

    color: var(--white);

    border-color: var(--para-clr);

}

.myapintmnt-table table tr th:nth-child(7) {

    position: relative;

}

.cstmtooltip {

    position: absolute;

    left: 0;

    width: 150px;

    background: var(--white);

    top: 70%;

    opacity: 0;

    visibility: hidden;

    padding: 10px;

    z-index: 99;

    text-align: left;

    border-radius: 2px;

    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.09);

    -webkit-transition: all ease-in-out .3s;

    -moz-transition: all ease-in-out .3s;

    -o-transition: all ease-in-out .3s;

    transition: all ease-in-out .3s;

}

.myapintmnt-table table tr th:nth-child(7):hover .cstmtooltip {

    opacity: 1;

    visibility: visible;

    top: 60%;

}

.cstmtooltip .h4-title {

    font-size: 10px;

    font-weight: 700;

    color: var(--text-clr);

    margin-bottom: 2px;

}

.cstmtooltip p {

    color: var(--para-clr);

    font-size: 10px;

    font-weight: 700;

}

.myapintmnt-content-tab {

    margin-bottom: 0;

}

.tablepagination {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: 50px;

}

.tbl-pagination-inr ul {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.tbl-pagination-inr ul li {

    margin-right: 5px;

}

.tbl-pagination-inr ul li:last-child {

    margin-right: 0;

}

.tbl-pagination-inr ul li a {

    padding: 5px 10px;

    font-size: 16px;

    font-weight: 500;

    color: #B6B6B6;

    min-width: 30px;

    height: 30px;

    border-radius: 3px;

    display: flex;

    align-items: center;

    justify-content: center;

    /* border: 1px solid var(--para-clr); */

}

.tbl-pagination-inr ul li.active a,

.tbl-pagination-inr ul li a:hover {

    /* background: var(--theme-clr-3); */

    color: #356598;

    /* border-color: var(--theme-clr-3); */

}

/* .tbl-pagination-inr ul li a:hover img{

    filter: brightness(0) invert(1);

} */

.tbl-pagination-inr ul li:first-child a {

    border-radius: 5px 0 0 5px;

}

.tbl-pagination-inr ul li:last-child a {

    border-radius: 0 5px 5px 0;

}

.tbl-pagination-inr ul li:first-child a,
.tbl-pagination-inr ul li:last-child a {

    display: flex;

    align-items: center;

}

.tbl-pagination-inr ul li:first-child a img,
.tbl-pagination-inr ul li:last-child a img {

    flex-shrink: 0;

    display: block;

    -webkit-transition: all ease-in-out .3s;

    -moz-transition: all ease-in-out .3s;

    transition: all ease-in-out .3s;

}

.tbl-pagination-inr ul li:first-child a img {

    margin-right: 5px;

}

.tbl-pagination-inr ul li:last-child a img {

    margin-left: 5px;

}

.pages-select {

    display: flex;

    align-items: center;

    margin-left: auto;

}

.pages-select .formfield {

    display: flex;

    align-items: center;

}

.pages-select .formfield select {

    height: 30px;

    background-color: var(--white);

    color: var(--para-clr);

    border: 1px solid var(--para-clr);

    min-width: 60px;

    margin-right: 5px;

    padding: 4px 18px 4px 10px;

    background-position: calc(100% - 5px) center;

}

.pages-select .formfield label {

    margin-right: 10px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

}

.past-patient-filter-wrp {

    position: relative;

    order: 3;

}

.past-patient-pg .filter-form-btn-wrp input {

    background: #F47820;

    border-color: transparent;

}

.past-patient-pg .filter-form-btn-wrp input:hover {

    background: var(--white);

    border-color: rgba(17, 19, 21, 0.5);

    color: #1A1D1F;

}

.pp-list-pg .docpnl-sec-head {

    justify-content: space-between;

    gap: 10px;

}

.pp-list-pg .docpnl-sec-head .h2-title {

    margin-left: 0;

    order: 2;

}

.pp-list-pg .docpnl-sec-head .back-btn {

    order: 1;

    position: relative;

}

.past-patient-filter-wrp>button {

    background: var(--theme-clr-2);

    color: var(--white);

    padding: 5px 20px;

    min-width: 145px;

    display: flex;

    align-items: center;

    font-size: 16px;

    font-weight: 500;

    border: 0;

    box-shadow: 0;

    outline: 0;

    border-radius: 5px;

    height: 40px;

}

.past-patient-filter-wrp>button img {

    margin-left: 40px;

    width: 16px;

    flex-shrink: 0;

}

.filter-options-drpdn.active {

    opacity: 1;

    visibility: visible;

    transform: none;

}

.filter-form .filter-grp label {

    font-size: 20px;

    font-weight: 600;

    color: var(--theme-clr-3);

    padding-left: 28px;

    position: relative;

    margin-bottom: 20px;

    text-align: left;

    display: block;

}

.filter-form .filter-grp label::before {

    content: "";

    position: absolute;

    width: 8px;

    height: 100%;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    background: var(--theme-clr-3);

    border-radius: 2px;

}

.filter-form .filter-grp {

    margin-bottom: 20px;

}

.filter-form .filter-grp:last-child {

    margin-bottom: 0;

}

.filter-form .filter-grp input,
.filter-form .filter-grp select {

    background-color: var(--white);

    height: 48px;

    min-height: auto;

    padding: 5px 12px;

    border: 1px solid rgba(0, 0, 0, 0.5);

    border-radius: 4px;

    box-shadow: none;

}

.filter-form-btn-wrp {

    margin-top: 40px;

    display: flex;

    align-items: center;

}

.filter-options-drpdn {

    position: absolute;

    top: 100%;

    right: 0;

    width: 364px;

    padding: 25px 40px 35px;

    background: var(--white);

    border-radius: 6px;

    box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);

    opacity: 0;

    visibility: hidden;

    transform: translateY(30px);

    z-index: 999;

    -webkit-transition: all ease-in-out .3s;

    transition: all ease-in-out .3s;

}

.filter-form-btn-wrp {

    display: flex;

    align-items: center;

    /* flex-wrap: wrap; */

    justify-content: space-between;

    gap: 10px;

}

.filter-form-btn-wrp input[type='submit'] {

    padding: 5px 20px;

    min-width: 130px;

    height: 46px;

    min-height: auto;

    color: var(--white);

    background: var(--theme-clr-2);

    border-radius: 4px;

    border: 1px solid var(--theme-clr-2);

    font-size: 15px;

    font-weight: 600;

}

.filter-form-btn-wrp input[type='submit']:hover {

    background: var(--white);

    color: var(--theme-clr-2);

}

.search-filter-inr-wrp {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

}

.export-btn {

    background: var(--white);

    border: 1px solid var(--heading-clr);

    border-radius: 5px;

    padding: 5px 12px;

    outline: none;

    box-shadow: none;

}

.export-btn i {

    font-size: 14px;

}

.export-options-wrp {

    position: relative;

}

.export-options {

    position: absolute;

    right: 0;

    top: 120%;

    border-radius: 5px;

    background: var(--white);

    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);

    padding: 10px 15px;

    width: 200px;

    opacity: 0;

    z-index: 9;

    visibility: hidden;

    transition: all ease-in-out .3s;

}

.export-options.show {

    opacity: 1;

    visibility: visible;

    top: 100%;

}

.export-options label {

    display: flex;

    align-items: center;

    font-size: 14px;

    cursor: pointer;

    margin-bottom: 15px;

}

.export-options input[type="submit"] {

    height: 40px;

}

.export-options input[type="checkbox"] {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    width: 18px;

    height: 18px;

    border: 2px solid var(--theme-clr-3, #007bff);

    border-radius: 4px;

    background-color: #fff;

    margin-right: 5px;

    position: relative;

    cursor: pointer;

    transition: background-color 0.2s ease, border-color 0.2s ease;

}

.export-options input[type="checkbox"]:checked {

    border-color: var(--theme-clr-3, #007bff);

}

.export-options input[type="checkbox"]:checked::after {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    background: url(../images/checkbox-icon.svg) no-repeat center transparent;

    background-size: 10px;

}

.my-appointments-inr h1 {

    color: var(--heading-clr);

    font-weight: 600;

}

.actions-wrp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    padding: 0 15px;
}

.actions-wrp button {

    border: 0;

    background: transparent;

    outline: 0;

    padding: 0;

    margin: 0;

}

.cmn-mb2 {

    margin-bottom: 45px;

}

.patient-dtl-form .row {

    --bs-gutter-x: 86px;

    --bs-gutter-y: 20px;

}

.popup-wrp#appointmentDetails .modal-dialog,
.lg-pop .modal-dialog {

    max-width: 1360px;

}

.popup-wrp#pendingUnavailabilities .modal-dialog,
.lg-pop .modal-dialog {

    max-width: 1360px;

}

.health-symptoms-inr {

    counter-reset: Symptoms;

    padding: 28px 37px;

    border-radius: 10px;

    background: var(--theme-clr-light);

}

.health-symptoms-inr .formfield {

    position: relative;

    font-size: 16px;

    margin-bottom: 16px;

}

.health-symptoms-inr .formfield:last-child {

    margin-bottom: 0;

}

.health-symptoms-inr .formfield label {

    font-size: 16px;

    margin-bottom: 7px;

}

.popup-wrp.old-formstyle .health-symptoms-inr .formfield input {

    background: var(--white);

}

.popup-wrp.old-formstyle h2 {

    color: var(--heading-clr);

}

.popup-wrp.old-formstyle .formfield input {

    border: 0;

    padding: 5px 12px;

    background: var(--theme-clr-light);

}

.health-symptoms-inr .formfield::before {

    counter-increment: Symptoms;

    content: counter(Symptoms) ". ";

    font-size: inherit;

}

.view-uploaded-img {

    display: flex;

    align-items: center;

}

.view-uploaded-img>* {

    width: 64px;

    height: 58px;

    border-radius: 5px;

    overflow: hidden;

    position: relative;

    z-index: 2;

    border: 1px solid var(--text-clr);

    margin-right: 22px;

}

.view-uploaded-img>*:last-child {

    margin-right: 0;

}

.view-uploaded-img>*::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(54, 54, 54, 0.40);

    pointer-events: none;

    z-index: -1;

}

.view-uploaded-img>*::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: url(../images/eye-white.svg) no-repeat center transparent;

    background-size: 17px;

    z-index: 1;

    cursor: pointer;

    pointer-events: none;

}

.view-uploaded-img>* img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: relative;

    z-index: -2;

}

.appoint-btm p {

    margin-bottom: 5px;

    font-size: 20px;

    font-weight: 600;

    display: flex;

    align-items: center;

    padding-left: 5px;

}

.appoint-btm p img {

    margin-right: 7px;

    display: block;

}

.appoint-btm .appoint-time {

    padding-left: 30px;

}

.appoint-btm .appoint-time::before {

    left: 13px;

}

.appoint-time {

    padding-left: 10px;

    position: relative;

}

.appoint-time::before {

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    background: var(--text-clr);

    border-radius: 50%;

    content: "";

    position: absolute;

    width: 5px;

    height: 5px;

    pointer-events: none;

}

.popamntmnt-dtl {

    display: inline-flex;

    align-items: center;

    flex-wrap: wrap;

    padding: 30px 20px;

    gap: 35px;

    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(25, 159, 217, 0.08) 100%);

    border: 2px solid #199FD9;

    border-radius: 15px;

}

.link {

    color: var(--theme-clr-3);

    border: 0;

    outline: 0;

    text-decoration: underline;

    background: transparent;

    padding: 0;

    margin: 0;

}

.completed .cmn-table table tbody tr td:nth-child(5) {

    max-width: 180px;

    color: var(--heading-clr);

}

.cancelled .cmn-table table tbody tr td:nth-child(5) {

    color: var(--heading-clr);

    max-width: 400px;

}

.datepicker-wrp {

    height: 40px;

}

.datepicker-wrp input {

    height: 100%;

    width: 90px;

    background: url(../images/calender-icon.svg) no-repeat 10px center var(--theme-clr-2);

    background-size: 18px;

    padding-left: 40px;

    color: var(--white);

    cursor: pointer;

}

.datepicker-wrp input::placeholder {

    color: var(--white);

}

.datepicker-wrp~.formfield {

    margin-bottom: 0;

    width: 250px;

}

.daterangepicker .drp-buttons .btn.btn-primary {

    background: var(--theme-clr-2);

    border-color: var(--theme-clr-2);

}

.ds-filter-wrp-inr {

    position: relative;

}

.ds-filter-wrp-inr button {

    width: 40px;

    height: 40px;

    border-radius: 10px;

    border: 1px solid var(--heading-clr);

    background: var(--white);

    padding: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all ease-in-out .3s;

}

.ds-filter-wrp-inr button img {

    transition: all ease-in-out .3s;

    max-width: 100%;

}

.ds-filter-wrp-inr button:hover,
.ds-filter-wrp-inr button.active {

    border-color: var(--theme-clr-3);

}

.ds-filter-wrp-inr button:hover img,
.ds-filter-wrp-inr button.active img {

    filter: brightness(0) saturate(100%) invert(54%) sepia(91%) saturate(3378%) hue-rotate(168deg) brightness(100%) contrast(80%);

}

.filter-form .filter-grp.datepicker-wrp {

    height: auto;

    display: block !important;

}

.filter-form .filter-grp.datepicker-wrp input[name="daterange"] {

    width: 100%;

    color: var(--text-clr);

}



.filter-wrp-inr {

    position: relative;

}

.message-bubble {

    position: relative;

    width: 300px;

    /* min-height: 100px; */

    background-color: var(--theme-clr-light);

    border-radius: 10px;

    padding: 5px 8px;

    margin-left: 15px;

    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);

}

.message-bubble::before {

    content: "";

    position: absolute;

    left: -12px;

    bottom: 20px;

    width: 13px;

    height: 21px;

    background: url(../images/msg-bbl-shape.png) no-repeat bottom center transparent;

    background-size: 100%;

    pointer-events: none;

}

.message-row {

    display: flex;

    align-items: flex-end;

    margin-bottom: 50px;

}

.message-row.msg-row-right {

    flex-direction: row-reverse;

}

.message-row.msg-row-right .message-bubble {

    margin-right: 15px;

    margin-left: auto;

}

.message-row.msg-row-right .message-bubble::before {

    left: auto;

    right: -12px;

    transform: rotateY(180deg);

}

.message-row .avatar {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    overflow: hidden;

    position: relative;

    z-index: 1;

    flex-shrink: 0;

    margin-bottom: 20px;

}

.message-row .avatar img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.msg-file-wrp {

    padding: 10px;

    border-radius: 6px;

    background: var(--theme-clr-1);

    align-items: center;

    display: flex;

}

.msg-file-name {

    font-size: 16px;

    color: var(--white);

    margin-left: 10px;

}

.msg-file-wrp .dwnld-btn {

    margin-left: auto;

}

.msg-file-wrp .dwnld-btn img {

    filter: brightness(0) invert(1);

}

.msg-details {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 2px;

}

.msg-file-info {

    display: flex;

    align-items: center;

    font-size: 16px;

    color: rgba(0, 0, 0, 0.4);

    margin-right: 10px;

}

.msg-rcv-time {

    display: flex;

    align-items: center;

    margin-left: auto;

    font-size: 14px;

    color: rgba(0, 0, 0, 0.2);

}

.msg-file-type {

    padding-left: 10px;

    position: relative;

    font-size: 16px;

    color: rgba(0, 0, 0, 0.4);

}

.msg-file-type::before {

    content: "";

    position: absolute;

    width: 4px;

    height: 4px;

    left: 4px;

    top: 60%;

    border-radius: 50%;

    background: rgba(0, 0, 0, 0.2);

}

.msg-deliver-status {

    display: inline-block;

    margin-left: 5px;

}

.msg-deliver-status img:last-child {

    margin-left: -6px;

}

.chat-container {

    padding: 40px 0 0;

    background: rgba(218, 239, 249, .26);

}

.chat-body,
.chat-header {

    padding: 0 20px;

}

.chat-body {

    height: 100%;

    overflow-y: auto;

    overflow-x: hidden;

    max-height: 470px;

}

.chat-body::-webkit-scrollbar {

    width: 5px;

    background: var(--theme-clr-3);

}

.chat-body::-webkit-scrollbar-thumb {

    background: var(--theme-clr-2);

    border-radius: 10px;

}

.chat-footer {

    background: var(--theme-clr-1);

    padding: 25px 20px;

    display: flex;

    align-items: center;

}

.chat-input {

    width: 100%;

    padding-right: 10px;

    position: relative;

    height: 50px;

}

.chat-footer .send-btn {

    background: var(--white);

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 0;

    outline: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 5px;

    flex-shrink: 0;

}

.chat-input>input {

    width: 100%;

    min-height: 100%;

    height: 100%;

    background: var(--white);

    border-radius: 50px;

}

.chat-file-upld {

    position: absolute;

    top: 0;

    right: 10px;

    width: 50px;

    height: 100%;

    z-index: 9;

    display: flex;

    align-items: center;

    justify-content: center;

}

.chat-file-upld input {

    appearance: none;

    -webkit-appearance: none;

    opacity: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 2;

    top: 0;

    left: 0;

    cursor: pointer;

}

.chat-file-upld .attach-btn {

    width: 21px;

    height: 24px;

    display: block;

}

.chat-file-upld .attach-btn img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: contain;

}

.date-divider-wrp {

    text-align: center;

}

.date-divider {

    text-align: center;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 40px;

    position: relative;

    display: inline-flex;

    align-items: center;

}

.date-divider::before {

    content: "";

    position: absolute;

    right: 110%;

    width: 100%;

    height: 1px;

    top: 50%;

    transform: translateY(-50%);

    background: var(--para-clr);

    opacity: 0.26;

}

.date-divider::after {

    content: "";

    position: absolute;

    left: 110%;

    width: 100%;

    height: 1px;

    top: 50%;

    transform: translateY(-50%);

    background: var(--para-clr);

    opacity: 0.26;

}

.chat-header {

    margin-bottom: 45px;

    text-align: right;

}

.chat-header .chat-time-label {

    font-size: 14px;

    text-align: right;

    margin-top: 30px;

}

.chat-header .orange-btn {

    display: inline-flex;

    height: 60px;

    font-size: 20px;

    font-weight: 600;

}

.lg-pop .popamntmnt-dtl {

    padding: 30px 12px;

    gap: 12px;

}

.lg-pop .appoint-btm p {

    font-size: 16px;

    padding-left: 0;

}

.lg-pop .appoint-btm .appoint-time {

    padding-left: 25px;

}

.lg-pop .appoint-btm .appoint-time::before {

    left: 6px;

}

.lg-pop .popamntmnt-dtl .formfield {

    width: calc(100% / 3);

}

.completed-appoint-scrn-left .pop-appoinment-dtls-wrp h2 {

    color: var(--theme-clr-dark);

}

.orange-btn {

    background: var(--theme-clr-2);

    display: inline-flex;

    color: var(--white);

    font-size: 20px;

    font-weight: 700;

    padding: 6px 25px;

    border-radius: 5px;

    min-width: 150px;

    align-items: center;

    justify-content: center;

    height: 52px;

    border: 1px solid var(--theme-clr-2);

    outline: 0;

    -webkit-transition: all ease-in-out .3s;

    -o-transition: all ease-in-out .3s;

    transition: all ease-in-out .3s;

}

.orange-btn:hover {

    background: var(--white);

}



/* End Of Appointments Management */



/* Schedule Appointment Begin */



.schedule-appointment-wrp {

    background: linear-gradient(180deg, rgba(223, 242, 250, .32) 24.16%, rgba(255, 255, 255, .55) 100%);

    border-radius: 10px;

    padding: 30px 50px 50px 30px;

    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);

}

.schedule-appointmnet-left {

    width: 100%;

    padding: 40px;

}

.schedule-appointmnet-left img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.caleder-heading {

    margin-bottom: 40px;

}

.caleder-heading h2 {

    font-weight: 600;

    color: var(--black);

}

.calender-monthyear {

    display: flex;

    align-items: center;

    gap: 10px;

    justify-content: space-between;

    margin-bottom: 40px;

}

.calender-monthyear h2 {

    margin-bottom: 0;

    font-weight: 500;

    color: var(--theme-clr-1);

}

.calender-monthyear button {

    font-size: 0;

    background: transparent;

    border: 0;

    outline: 0;

    border: 1px solid #d9d9d9;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 5px;

    transition: all ease-in-out .3s;

}

.calender-monthyear button img {

    width: 8px;

    transition: all ease-in-out .3s;

}

.calender-monthyear button:hover {

    background: var(--theme-clr-2);

}

.calender-monthyear button:hover img {

    filter: brightness(0) invert(1);

}

.week-days-wrp {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

    justify-content: space-between;

}

.week-days-wrp>* {

    width: calc(100% / 7);

    text-align: center;

    font-size: 20px;

    font-weight: 400;

    color: var(--theme-clr-1);

    text-transform: uppercase;

}

.calneder-body {

    border-bottom: 1px solid var(--para-clr);

    padding-bottom: 20px;

    margin-bottom: 30px;

}

.calender-body-inr {

    max-width: 475px;

    margin-left: auto;

    margin-right: auto;

}

.select-time-wrp {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    gap: 10px;

    margin-bottom: 60px;

}

.available-time {

    padding: 8px 20px;

    border: 1px solid var(--text-clr);

    color: var(--text-clr);

    font-size: 20px;

    font-weight: 400;

    border-radius: 4px;

    /* margin-right: 10px; */

    cursor: pointer;

    transition: all ease-in-out .3s;

}

.available-time.booked-time {

    color: var(--para-clr);

    pointer-events: none;

}

.available-time:hover,
.available-time.selected {

    background: var(--theme-clr-1);

    border-color: var(--theme-clr-1);

    color: var(--white);

}

.moth-days-wrp {

    display: grid;

    grid-template-columns: repeat(7, 1fr);

    grid-gap: 10px;

}

.moth-days-wrp>* {

    /* width: calc((100% / 7) - 5px); */

    width: 50px;

    height: 50px;

    margin-left: auto;

    margin-right: auto;

    line-height: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 10px;

    border-radius: 50%;

    cursor: pointer;

    transition: all ease-in-out .3s;

}

.moth-days-wrp>*:hover,
.moth-days-wrp>*.selected {

    background: var(--theme-clr-2);

    color: var(--white);

}

.moth-days-wrp>*.disabled-date {
    background: transparent;
    color: var(--para-clr);
    cursor: not-allowed;
    pointer-events: none;
    /* opacity: 0.6; */
}

.selected-date {

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 20px;

}

.calender .book-btn {

    height: 60px;

    min-width: 200px;

    font-size: 20px;

}

.available-time.booked-time {

    color: var(--para-clr);

    pointer-events: none;

}



/* End Of Schedule Appointment */



/* Patient Profile Begin */

.patient-profile-right {

    padding-left: 25px;

    max-width: calc(100% - 85px);

    width: 100%;

}

.patient-profile-right .patient-id {

    display: flex;

    align-items: center;

    margin-bottom: 30px;

    flex-wrap: wrap;

}

.patient-profile-right .patient-id>* {

    margin-bottom: 0;

}

.patient-profile-right .patient-id .appoint-btm {

    margin-left: 45px;

}

.patient-profile-right .patient-id h2 {

    color: var(--white);

    background: var(--theme-clr-3);

    border-radius: 5px;

    padding: 8px 25px;

    margin-right: 15px;

    font-size: 24px;

}

.patient-profile-right .patient-id .dscode {

    font-size: 21px;

    font-weight: 600;

    color: var(--theme-clr-1);

}

.patient-info-card h3 {

    font-size: 20px;

    color: var(--para-clr);

    margin-bottom: 3px;

    font-weight: 500;

}

.patient-info-card p,
.patient-info-card a {

    color: var(--theme-clr-1);

    font-size: 21px;

    font-weight: 600;

}

.patient-id p a {

    margin-left: 5px;

    color: var(--theme-clr-2);

    text-decoration: underline !important;

}

.patient-id .h5-title {

    font-weight: 600;

}

.patient-info.between {

    justify-content: space-between;

}

.patient-info.between>*:last-child {

    margin-right: 0;

}

.patient-info {

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    gap: 30px 0;

    margin-bottom: 30px;

    padding: 20px 40px;

    border-radius: 10px;

}

.patient-info:last-child .patient-info-card:last-child {

    padding-right: 0;

}

.patient-info-card {

    margin-right: 0;

    width: auto;

    padding-right: 12px;

    flex-shrink: 0;

}

.patient-info:last-child {

    margin-bottom: 0;

}

.patient-info-card:last-child {

    margin-right: 0;

    padding-right: 0;

}

.patient-profile-card {

    display: flex;

    flex-wrap: wrap;

}

.patient-info {

    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(25, 159, 217, 0.08) 100%);

}

.patient-img {

    width: 85px;

    height: 85px;

    overflow: hidden;

    z-index: 1;

    position: relative;

    border-radius: 50%;

}

.patient-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.dashboard-content-head.headline {

    padding-bottom: 20px;

    border-bottom: 1px solid var(--theme-clr-3);

}

.cmn-table-wrp.blue-bg {

    background: var(--white);

}

.cmn-table-wrp.blue-bg .cmn-table {

    padding: 12px 15px;

    background: var(--theme-clr-light);

    border-radius: 10px;

}

.cmn-table-wrp.blue-bg .cmn-table td,
.cmn-table-wrp.blue-bg .cmn-table td a,
.cmn-table-wrp.blue-brdr .cmn-table td,
.cmn-table-wrp.blue-brdr .cmn-table td a {

    border: 0;

    font-size: 18px;

    font-weight: 600;

    color: var(--theme-clr-dark);

}

.cmn-table table tbody tr td .h3-title {

    font-size: 18px;

    font-weight: 600;

}

.cmn-table-wrp.blue-brdr .cmn-table {

    padding: 12px 15px;

    border-radius: 10px;

    border: 1px solid var(--theme-clr-3);

}

.pt-profile-pg .cmn-table-head h2 {

    color: var(--heading-clr);

}



/* End Of Patient Profile */



/* Patient appointment history Begin */



.pt-apntmnt-hstry-pg .patient-profile-right {

    padding-left: 0;

}

.sml-pr-card .patient-profile-right .patient-info {

    display: inline-flex;

    flex-wrap: wrap;

}

.sml-pr-card .patient-profile-right .patient-info>* {

    padding-right: 100px;

}



/* End Of Patient appointment history */



/* Doctor Profile Begin */



.tbl-heading-wrp {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 30px;

}

.tbl-heading-wrp .cmn-table-head {

    margin-bottom: 0;

    margin-right: 12px;

}

.tbl-heading-wrp .calendar-popup {

    right: 0;

    left: auto;

}

.inr-pt-pg .cmn-table table tbody tr td .referred-by {

    font-size: 16px;

    color: var(--theme-clr-3);

}



/* End Of Doctor Profile */



/* User Mangement Begin */



.add-doctor-btn-wrp button, .add-promo-btn-wrp button {

    background: var(--theme-clr-2);

    color: var(--white);

    padding: 5px 25px;

    border-radius: 6px;

    display: flex;

    align-items: center;

    gap: 10px;

    border: 0;

    outline: none;

    height: 40px;

}

.tbl-txt-black .cmn-table table tbody tr td:not(:nth-child(2)) {

    color: var(--heading-clr);

}

.availability-toggle {

    display: flex;

    align-items: center;

    gap: 10px;

}

.toggle-label {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 25px;

    margin: 0;

}

.toggle-label input {

    opacity: 0;

    width: 0;

    height: 0;

}

.slider {

    position: absolute;

    cursor: pointer;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #E21919;

    transition: 0.4s;

    border-radius: 25px;

}

.slider::before {

    position: absolute;

    content: "";

    height: 19px;

    width: 19px;

    left: 3px;

    bottom: 3px;

    background-color: var(--white);

    transition: 0.4s;

    border-radius: 50%;

}

.toggle-label input:checked+.slider {

    background-color: #008000;

}

.toggle-label input:checked+.slider::before {

    transform: translateX(25px);

}

.status-text {

    display: flex;

    align-items: center;

    gap: 5px;

}

.unavailable {

    color: #777777;

}

.available {

    color: var(--theme-clr-3);

}

.cmn-content-table.doctors .cmn-table table tbody tr td {

    padding: 15px 5px;

    font-size: 15px;

}

.cmn-content-table.doctors .cmn-table table thead tr th {

    font-size: 14px;

    padding: 12px 5px;

}

.cmn-content-table.doctors .cmn-table table tbody tr td .actions-wrp {

    padding: 0 6px;

    gap: 12px;

}

.unavailability-form-inr {

    display: flex;

    flex-wrap: wrap;

    /* width: 100%; */

    margin: -6px -12px;

}

.unavailability-form-inr .formfield {

    width: 50%;

    padding: 6px 12px;

}

.unavailability-form-inr .formfield label {

    text-align: center;

    font-size: 18px;

    color: var(--heading-clr);

    font-weight: 500;

    display: block;

}

.unavailability-form-inr .formfield input {

    font-size: 16px;

    color: var(--heading-clr);

    background: var(--theme-clr-light);

    border-radius: 6px;

    height: 52px;

    padding: 6px 12px;

    border: 0;

    outline: 0;

    width: 100%;

    /* cursor: pointer; */

}

.modal-header .note {

    font-weight: 500;

    color: var(--theme-clr-3);

    line-height: 1.2;

    display: block;

}

.p-dcrse .modal-content {

    padding: 40px 50px;

}

.add-doctor-form .btn-wrp {

    margin-top: 60px;

}

.unavailability-form-inr {

    margin-bottom: 20px;

}

.cmn-form-wrp {

    display: flex;

    flex-wrap: wrap;

    align-items: flex-end;

    margin: -12px;

}

.cmn-form-wrp>* {

    padding: 12px;

    width: 50%;

}

.cmn-form-wrp label {

    font-size: 18px;

    font-weight: 400;

    color: var(--heading-clr);

    margin-bottom: 5px;

    display: block;

    line-height: 1.2;

}

.cmn-form-wrp input {
    color: var(--heading-clr);
    background: var(--theme-clr-light);
    height: 52px;
    border-radius: 8px;
    width: 100%;
    border: 0;
    outline: 0;
    padding: 6px 12px;
}

.xl-large-pop.popup-wrp .modal-dialog {
    max-width: 900px;
}

.popup-wrp .no-head-pop,
.popup-wrp.large-pop .no-head-pop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -30px 60px;
}

.popup-wrp .no-head-pop.mx0 {
    margin: 0 0 40px;
}

.popup-wrp .no-head-pop .close {
    position: static;
}

.popup-wrp .no-head-pop h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--theme-clr-dark);
    position: relative;
    padding-left: 18px;
    z-index: 1;
}

.popup-wrp .no-head-pop h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 100%;
    background: var(--theme-clr-3);
    pointer-events: none;
    border-radius: 2px;
    z-index: -1;
}

.modal-header p {
    width: 100%;
}

.cmn-form-wrp-inr {
    margin-bottom: 40px;
}

.cmn-form-wrp-inr textarea {
    background: var(--theme-clr-light);
    border-radius: 8px;
    height: 150px;
    width: 100%;
    box-shadow: none;
    resize: none;
    display: block;
}

.modal-header h2 {
    margin-bottom: 0;
}

.modal-header p {
    margin-top: 10px;
}

/* Suspended Users Begin */
.user-type-selection button {

    background-color: var(--theme-clr-2);

    box-shadow: none;

    border-radius: 8px;

    color: var(--white);

    height: 40px;

    cursor: pointer;

    background-position: calc(100% - 10px) center;

    /* padding-right: 30px; */

    border: 0;

}

/* End Of Suspended Users */

/* End Of User Mangement */

/* Revenue Begin */
.revenue-cards-wrp {

    padding: 50px;

    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 91.59%), radial-gradient(95.14% 95.14% at 50% 50%, #E3FAFF 0%, #199FD9 100%);

    border-radius: 10px;

    margin-bottom: 80px;

}

.revenue-cards-inr {

    display: flex;

    flex-wrap: wrap;

}

.revenue-card {

    background: var(--white);

    padding: 20px;

    border-radius: 14px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 100%;

}

.revenue-left {

    width: 100%;

    max-width: calc(100% - 100px);

    display: flex;

    flex-direction: column;

    height: 100%;

    justify-content: space-between;

}

.revenue-left p {

    font-size: 16px;

    font-weight: 600;

    color: #202224;

    opacity: 0.7;

    margin-bottom: 15px;

}

.revenue-left h3 {

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 0;

    line-height: 1;

    color: var(--theme-clr-3);

    background: linear-gradient(var(--theme-clr-3) 0%, #199fd980 100%);

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

}

.revenue-left span {

    font-size: 14px;

    color: var(--theme-clr-3);

}

.revenue-cd-icon {

    width: 100px;

    height: 100px;

    position: relative;

    padding: 8px;

    border-radius: 13px;

    overflow: hidden;

}

.revenuecdicon-inr {

    width: 100%;

    height: 100%;

    position: relative;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 10px;

    overflow: hidden;

}

.revenue-cd-icon::before,
.revenuecdicon-inr::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(25, 159, 217, .66);

    opacity: 0.21;

}

.content-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    margin-bottom: 30px;

}

table tr td .payment-status,
.cmn-table table tr td .waive-btn,
.promo-status {

    font-size: 16px;

    font-weight: 500;

    color: var(--white);

    padding: 3px 15px;

    border-radius: 2px;

    border: 0;

}

table tr td .payment-status.paid,
.cmn-table table tr td .waive-btn.waive,
.promo-status.active {

    background: #1EB564;

}

table tr td .payment-status.pending {

    background: #FFC600;

}

table tr td .payment-status.cencelled,
.cmn-table table tr td .waive-btn.waived,
.promo-status.expired {

    background: #E21919;

}

table tr td .promo-status.upcoming {
    background: #FFC600;
}

.cmn-table table tr td>p {

    color: var(--theme-clr-3);

}

.cmn-table table tr td>span {

    color: var(--heading-clr);

}

.cmn-table table tr td .waive-btn.waive-disable {

    background: var(--para-clr);

}

.search-filter-inr-wrp.show-filter-option .calendar-popup {

    right: 0;

    left: auto;

}



/* End Of Revenue */



/* Promo Code Management Begin */



.cmn-table table tbody tr td a.blue-btn,
.blue-btn {

    background: var(--theme-clr-3);

    color: var(--white);

    text-decoration: none !important;

    padding: 5px 25px;

    border-radius: 6px;

    border: 1px solid var(--theme-clr-3);

    display: flex;

    align-items: center;

    gap: 10px;

    justify-content: center;

}

.cmn-table table tbody tr td a.blue-btn:hover,
.blue-btn:hover {

    background: var(--white);

    color: var(--theme-clr-3);

}

.blue-btn:hover img {

    filter: brightness(0);

}

.add-promocode {

    margin-bottom: 30px;

}

.add-promocode>* {

    width: 100%;

}

.add-promocode>* input,
.add-promocode>* select,
.add-promocode>* textarea {

    background-color: var(--white);

    border: 1px solid #D6D6D6;

    border-radius: 8px;

    box-shadow: none;

    resize: none;

    font-size: 16px;

}

.add-promocode>* select {

    background: url(../images/chevron-black.svg) no-repeat calc(100% - 14px) center var(--white);
    ;

}

.cmn-table-heading h2.h4-title {

    font-size: 24px;

    font-weight: 600;

    color: var(--theme-clr-dark);

}



/* End Of Promo Code Management */



/* Diseases Begin */



.import-csv {

    position: relative;

    z-index: 1;

    cursor: pointer;

}

.import-csv input {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

    z-index: 1;

}

.import-csv span {

    padding: 5px 15px;

    border-radius: 6px;

    border: 1px solid var(--heading-clr);

    background: var(--white);

    color: var(--heading-clr);

    appearance: none;

    display: flex;

    align-items: center;

    gap: 10px;

    position: relative;

    z-index: -1;

    pointer-events: none;

}

#addDisease.popup-wrp.large-pop .modal-header,
#editDisease.popup-wrp.large-pop .modal-header {

    justify-content: space-between;

    margin-bottom: 30px;

}



/* End Of Diseases */



/* Video Management Begin */



.tbl-img-wrp60 {

    width: 60px;

    margin-left: auto;

    margin-right: auto;

}

.tbl-img-wrp60 img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.addvdoUpload>input {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

    z-index: 1;

}

.addvdoUpload {

    width: 100%;

    padding: 16px;

    border-radius: 6px;

    position: relative;

    text-align: center;

    background-image: linear-gradient(to right, #CACACA 50%, transparent 0), linear-gradient(to bottom, #CACACA 50%, transparent 0), linear-gradient(to right, #CACACA 50%, transparent 0), linear-gradient(to bottom, #CACACA 50%, transparent 0);

    background-position: top left, top right, bottom left, top left;

    background-size: 10px 2px, 2px 10px, 10px 2px, 2px 10px;

    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;

    margin-bottom: 30px;

}



.addvdoUpload .upload-icon {

    width: 44px;

    height: 44px;

    padding: 10px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 10px;

    background: #F5F5F5;

}

.addvdoUpload .upload-icon img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.addvdoUpload .clicktoupld-txt {

    font-size: 16px;

    font-weight: 400;

    color: var(--heading-clr);

    margin-bottom: 5px;

}

.addvdoUpload .clicktoupld-txt span {

    font-weight: 500;

    color: var(--theme-clr-3);

}

.addvdoUpload p {

    font-size: 14px;

    color: var(--heading-clr);

}

.uploaded-file-container {

    padding: 0;

    margin: 0;

}

.uploaded-file {

    padding: 16px;

    border-radius: 8px;

    border: 1px solid #CACACA;

    display: flex;

    align-items: baseline;

}

.upldedfile-left {

    display: flex;

    align-items: flex-start;

    width: 100%;

    max-width: calc(100% - 20px);

    padding-right: 10px;

}

.upldedfile-info {

    display: flex;

    align-items: flex-start;

    flex-direction: column;

    width: 100%;

    max-width: calc(100% - 20px);

    padding-left: 12px;

}

.upldedfile-icon {

    width: 20px;

    flex-shrink: 0;

}

.upldedfile-icon img,
.delete-button button img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.delete-button button {

    width: 20px;

    background: none;

    border: 0;

    outline: none;

    box-shadow: none;

    padding: 0;

    margin: 0;

}

.upldedfile-info h5 {

    margin-bottom: 5px;

    font-size: 16px;

    font-weight: 500;

    color: var(--heading-clr);

    word-break: break-all;

    white-space: normal;

}

.upldedfile-info p {

    margin-bottom: 5px;

    font-size: 13px;

    font-weight: 500;

    color: #989692;

}

.upldedfile-info a {

    color: var(--theme-clr-3);

    font-weight: 600;

    font-size: 14px;

}



/* End Of Video Management */



/* Faq Begin */



#addFaq .formfield {

    margin-bottom: 20px;

}



/* End Of Faq */



/* Rich Text Editor Begin */
.cmn-rich-text {
    margin-bottom: 25px;
}

.cmn-rich-text:last-child {
    margin-bottom: 0;
}

.cmn-rich-text>ul {
    padding: 0;
    margin: 0 0 20px;
    counter-reset: count-list;
}

.cmn-rich-text ul li {
    font-size: 16px;
    font-weight: 400;
    color: var(--heading-clr);
    position: relative;
}

.cmn-rich-text>ul>li {
    margin-bottom: 15px;
}

.cmn-rich-text>ul>li::before {
    counter-increment: count-list;
    content: counter(count-list) ". ";
    font-size: inherit;
}

.cmn-rich-text ul li:last-child {
    margin-bottom: 0;
}

.cmn-rich-text ul li span,
.cmn-rich-text ul li a {
    color: var(--theme-clr-3);
    font-weight: 700;
}

.cmn-rich-text ul li a:hover {
    color: var(--theme-clr-dark);
}

.cmn-rich-text ul li ul {
    list-style: disc;
    padding-left: 17px;
}

.txt-dark {
    color: var(--theme-clr-dark);
}

.cmn-rich-text-wrp {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

.cmn-rich-text {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #C0C0C0;
}

.cmn-rich-text-wrp .address {
    max-width: 280px;
}

.cmn-rich-text-wrp .address h6 {
    font-size: 16px;
    color: var(--theme-clr-3);
    font-weight: 700;
    margin-bottom: 5px;
}

.cmn-rich-text-wrp .address p {
    color: var(--heading-clr);
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
}

.cmn-rich-text-wrp .address p span {
    color: var(--theme-clr-3);
}

.cmn-rich-text-wrp .contact-info span {
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.cmn-rich-text-wrp .contact-info a {
    color: var(--theme-clr-dark);
    font-size: 16px;
    font-weight: 400;
}

.cmn-rich-text-wrp .contact-info a:hover {
    color: var(--theme-clr-3);
}

.cmn-rich-text-wrp .btn-wrp {
    justify-content: flex-start;
}

.cmn-rich-text-wrp .blue-btn {
    border-radius: 50px;
    background: var(--theme-clr-dark);
    color: var(--white);
    padding: 8px 20px;
    height: auto;
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}

.cmn-rich-text-wrp .blue-btn:hover {
    background: var(--heading-clr);
}
/* End Of Rich Text Editor */


.head-center .cmn-table-head {

    justify-content: center;

    margin-bottom: 15px;

}

#availableDoctors .modal-dialog {

    max-width: 420px;

}

#availableDoctors .modal-content {

    padding: 60px 60px 40px 60px;

}

.mxhit-3 .cmn-table {

    max-height: 323px;

}



@media only screen and (max-width: 1399px) {

    .dsbasicinfolcd-content p {

        font-size: 15px;

    }

    .dashboard-content-wrp {

        padding: 40px 25px 100px;

    }

    :root {

        --sidebar-width: 280px;

    }

    .logo {

        width: 125px;

    }

    .ds-basicinfo-left {

        padding: 15px;

    }

    .dsbasicinfolcd-icon {

        width: 70px;

        height: 70px;

    }

    .dsbasicinfo-left-card:nth-child(2n - 1) {

        padding: 5px 15px 12px 0;

    }

    .dsbasicinfo-left-card:nth-child(2n) {

        padding: 5px 0 12px 15px;

    }

    .ds-basicinforit-card.w-100 {

        padding: 12px;

    }

    .dsbasicinfolcd-content h2,
    .dsbasicinfolcd-content .h2-title {

        font-size: 36px;

    }

    .dash-basic-info>* {

        width: 50%;

    }

    .ds-basicinforit-card:not(.w-100) .dsbasicinfolcd-icon {

        width: 60px;

        height: 60px;

    }

    .my-appointments-tab-head ul li:not(.tab-bg) {

        font-size: 16px;

        padding: 4px 15px;

    }

    .my-appointments-search-wrp .formfield {

        width: 250px;

    }

    .cmn-content-table.doctors .cmn-table table {

        min-width: 1130px;

    }

    .popup-wrp .no-head-pop,
    .popup-wrp.large-pop .no-head-pop {

        margin: 0 -20px 40px;

    }

    .revenue-cards-wrp {

        padding: 20px;

        margin-bottom: 60px;

    }

    .revenue-cd-icon {

        width: 90px;

        height: 90px;

    }

    h2,
    .h2-title {

        font-size: 28px;

    }

}



/* Error Message */

.error-message {

    color: red;

    font-size: 14px;

    margin-top: 5px;

}

.video-link {
    display: inline-block;
    max-width: 300px;
    white-space: normal;
    word-break: break-all;
}


/* 08-05-2025 */

#cancelAppointment.popup-wrp .modal-footer.btn-wrp>* {
    min-height: 60px;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px 15px;
    max-width: 150px;
    height: 100%;
    line-height: 1.2;
}

#cancelAppointment.popup-wrp .modal-footer.btn-wrp>*:hover {
    background: var(--text-clr);
    color: var(--white);
    border-color: var(--text-clr);
}

.tbl-inr-date-slot {
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
}

.tbl-inr-date-slot>p {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-clr-1);
    margin: 0 12px 0 0;
    min-width: 50px;
    text-align: left;
}

.tbl-inr-date-slot .tble-inr-date {
    text-align: left;
}

.tbl-inr-date-slot .tble-inr-date .date {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-clr-1);
    margin-bottom: 2px;
}

.tbl-inr-date-slot .tble-inr-date .time {
    font-size: 14px;
    color: var(--para-clr);
    margin: 0;
    font-weight: 500;
}

.actions-wrp button {
    width: 45px;
    height: 45px;
    background: var(--white);
    border: none;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 8px;
}

.actions-wrp button img {
    width: 15px;
}

.cmn-content-table.doctors table {
    min-width: 2000px;
}

.availability-toggle {
    justify-content: center;
}

/* 08-05-2025 */


/* SS280525 Begin */

span.eye-btn {
    filter: brightness(0);
}

.popup-wrp .modal-header h2 {
    color: var(--black);
}

.dsbasicinfo-left-card {
    align-items: flex-start;
}

.dsbasicinfolcd-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.ds-basicinfo-right .ds-basicinforit-card:first-child .dsbasicinfolcd-icon-inr img {
    width: 100%;
}

.dashboard-content-wrp.active .ds-basicinfo-left-wrp.col-lg-7 {
    width: 65%;
}

.dashboard-content-wrp.active .ds-basicinfo-right-wrp.col-lg-5 {
    width: 35%;
}

.popup-wrp#appointmentDetails .modal-dialog,
.lg-pop .modal-dialog {
    max-width: 1200px;
}

.popup-wrp#pendingUnavailabilities .modal-dialog,
.lg-pop .modal-dialog {
    max-width: 1200px;
}

.popup-wrp#assignHodModal .modal-dialog,
.lg-pop .modal-dialog {
    max-width: 1200px;
}

.view-uploaded-images-wrp .h5-title {
    font-size: 18px;
    font-weight: 400;
}

.pt-profile-pg .cmn-table-head h2 {
    color: var(--heading-clr);
}

.pt-profile-pg .cmn-table table {
    min-width: 950px;
}

.patient-info {
    gap: 30px 15px;
    justify-content: flex-start;
    display: inline-flex;
}

.actions-wrp a {
    width: 45px;
    height: 45px;
    background: var(--white);
    border: none;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 8px;
}

.actions-wrp button img,
.actions-wrp a img {
    width: 20px;
}

.filter-form .filter-grp input,
.filter-form .filter-grp select {
    width: 100%;
}


@media only screen and (min-width: 1399px) {

    .popup-wrp#appointmentDetails .modal-dialog,
    .lg-pop .modal-dialog {
        max-width: 1360px;
    }

    .popup-wrp#pendingUnavailabilities .modal-dialog,
    .lg-pop .modal-dialog {
        max-width: 1360px;
    }

    .pt-profile-pg .cmn-table table {
        min-width: 1000px;
    }
}

@media only screen and (max-width: 1299px) {
    .patient-info {
        gap: 30px 0;
        justify-content: space-between;
    }
}

/* End Of SS280525 */

/* SS290525 Begin */

.shadow-no select {
    box-shadow: none;
    cursor: pointer;
}

.modal-content .close {
    right: 12px;
    top: 12px;
}

.modal-content .close span {
    display: block;
    width: 100%;
    height: 100%;
}

.modal-content .close {
    height: auto;
}

.cstm-input-lbl {
    position: relative;
}

.cstm-input-lbl span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    font-size: 16px;
    color: var(--heading-clr);
    background: var(--theme-clr-light);
    border-radius: 6px;
    height: 52px;
    padding: 6px 12px;
    border: 0;
    outline: 0;
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 30px;
}

.cstm-input-lbl:has(input[type='date'])>span {
    background: url(../images/calender-gray.svg) no-repeat calc(100% - 10px) center var(--theme-clr-light);
    background-size: 18px;
}

.cstm-input-lbl:has(input[type='time'])>span {
    background: url(../images/clock-black.svg) no-repeat calc(100% - 10px) center var(--theme-clr-light);
    background-size: 18px;
}

/* .actions-wrp{
    height: 100%;
    align-items: flex-start;
} */

.action-wrps-outer {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}

.view-uploaded-images-wrp h2 {
    font-size: 18px;
    font-weight: 400;
}

.doc-profile-pg .filter-form .filter-grp.datepicker-wrp input[name="daterange"] {
    background: url(../images/calender-gray.svg) no-repeat calc(100% - 10px) center var(--white);
}

/* End Of SS290525 */

/* SS300525 Begin */

.filter-grp #diagnosis-filter,
.filter-grp select {
    background: url(https://awplconnectadmin.tgastaging.com/admin/images/chevron-black.svg) no-repeat calc(100% - 10px) center var(--white);
    padding-right: 30px;
}

.filter-form .filter-grp.datepicker-wrp input[name="daterange"] {
    background: url(https://awplconnectadmin.tgastaging.com/admin/images/calender-gray.svg) no-repeat calc(100% - 10px) center var(--white);
    padding-right: 30px;
}

.patient-info {
    gap: 30px 35px;
}

.exportForm input[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

/* End Of SS300525 */

/* SS120625 Begin */

.my-appointments-tab-header {
    gap: 12px;
}

.my-appointments-tab-head {
    margin-right: 0;
}

.my-appointments-tab-head ul li:not(.tab-bg) {
    flex: auto;
    flex-shrink: 0;
}

.user-type-selection {
    position: relative;
}

.status-message {
    color: #000;
}

/* End Of SS120625 */

@media only screen and (max-width: 1399px) {
    .dsbasicinfolcd-content p {
        font-size: 15px;
    }

    .dashboard-content-wrp {
        padding: 40px 25px 100px;
    }

    :root {
        --sidebar-width: 280px;
    }

    .logo {
        width: 125px;
    }

    .ds-basicinfo-left {
        padding: 15px;
    }

    .dsbasicinfolcd-icon {
        width: 70px;
        height: 70px;
    }

    .dsbasicinfo-left-card:nth-child(2n - 1) {
        padding: 5px 15px 12px 0;
    }

    .dsbasicinfo-left-card:nth-child(2n) {
        padding: 5px 0 12px 15px;
    }

    .ds-basicinforit-card.w-100 {
        padding: 12px;
    }

    .dsbasicinfolcd-content h2,
    .dsbasicinfolcd-content .h2-title {
        font-size: 36px;
    }

    .dash-basic-info>* {
        width: 50%;
    }

    .ds-basicinforit-card:not(.w-100) .dsbasicinfolcd-icon {
        width: 60px;
        height: 60px;
    }

    .my-appointments-tab-head ul li:not(.tab-bg) {
        font-size: 16px;
        padding: 4px 15px;
    }

    .my-appointments-search-wrp .formfield {
        width: 250px;
    }

    .cmn-content-table.doctors .cmn-table table {
        min-width: 1130px;
    }

    .popup-wrp .no-head-pop,
    .popup-wrp.large-pop .no-head-pop {
        margin: 0 -20px 40px;
    }

    .revenue-cards-wrp {
        padding: 20px;
        margin-bottom: 60px;
    }

    .revenue-cd-icon {
        width: 90px;
        height: 90px;
    }

    h2,
    .h2-title {
        font-size: 28px;
    }

    .cmn-table-head h2,
    .cmn-table-head .h2-title {
        font-size: 26px;
    }
}


/* Sidebar CSS Start 07/07/2025 */
.menu-item-has-children {
    position: relative;
}

.sidebar-inr ul li .sub-menu {
    display: none;
    padding-top: 10px;
}

.sidebar-inr ul li .sub-menu ul > li > a {
    color: var(--white);
    display: block;
    width: 100%;
    padding: 10px 13px 10px 30px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #fff;
}

.sidebar-inr ul li .sub-menu ul > li {
    width: 100%;
    display: block;
    position: relative;
}

.sidebar-inr ul li .sub-menu ul > li::before {
    content: "";
    position: absolute;
    left: 20px;
    width: 6px;
    top: 50%;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    transform: translateY(-50%);
}

.sidebar-inr ul li .sub-menu ul > li > a:hover,
.sidebar-inr ul li .sub-menu ul > li.menu-item-has-children:hover > a,
.sidebar-inr ul li .sub-menu ul > li.current-menu-item > a,
.menu-item-has-children:hover {
    /* background: var(--theme-gradient); */
    color: #fff;
}

.navbar-nav > li:last-child > .sidebar-inr ul li .sub-menu {
    right: 0;
    left: inherit;
    padding: 0;
}

.menu-item-has-children .clickD {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(../images/sort-down.svg) center center no-repeat;
    display: block;
    background-size: 10px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.sidebar-inr ul li .sub-menu ul > li.menu-item-has-children .clickD,
.menu-item-has-children .clickD {
    top: 11px;
    right: 5px;
    transform: rotate(-90deg);
}

.menu-item-has-children > a.toggled .clickD,
.sidebar-inr ul li .sub-menu ul > li.menu-item-has-children > a.toggled .clickD {
    transform: rotate(180deg);
}

.sidebar-inr ul li .sub-menu.show {
    display: block;
}

.sidebar-inr .sub-menu ul li a:hover,
.sidebar-inr .sub-menu ul li.current-menu-item a {
    background: rgba(255, 255, 255, 0.33);
}

/* Sidebar Finished */

.notification-badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    margin-left: 10px;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50rem;
    background-color: #dc3545;
}

.dashboard-content-tag-badge {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    padding: 5px 10px;
    color: var(--theme-clr-2);
    border: 1px solid var(--theme-clr-2);
    border-radius: 5px;
}

.dashboard-content-tag-badge .notification-badge {
  position: absolute;
  top: -10px;
  right: -10px;
}

.dashboard-content-tag-cmn {
    font-size: 15px;
    font-weight: 500;
    color: var(--theme-clr-2);
    padding: 5px 10px;
    border: 1px solid var(--theme-clr-2);
    border-radius: 5px;
}

.rating-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.star-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 15px;
}

.star-wrapper img {
    height: 20px;
}

.star-wrapper img:not(:last-child) {
    margin-right: 2px;
}

.rating-count {
    font-size: 21px;
    color: #000;
    font-weight: 600;
    margin-left: 5px;
}

.comment-wrapper {
    font-size: 16px;
    max-width: 250px;
    white-space: normal;
    word-break: break-word;
}

.ui-menu-item-wrapper {
    font-size: 16px;
}

.status-tag {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 600;
    line-height: 1;
    color: #fff !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
}

/* Contextual styles */
.status-primary {
    background-color: var(--theme-clr-3);
}

.status-success {
    background-color: #1EB564;
}

.status-warning {
    background-color: #FFC600;
}

.status-danger {
    background-color: #E21919;
}

/* Actions Button */
.action-btn-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.action-btn {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.action-approve {
    background-color: #199FD9;
    border-color: #199FD9;
}

.action-decline {
    background-color: #E21919;
    border-color: #E21919;
}

.action-confirm {
    background-color: #FFC600;
    border-color: #FFC600;
}

/* Hover Effects */
.action-approve:hover {
    background-color: #158abf;
    border-color: #1381b3;
}

.action-decline:hover {
    background-color: #c30000;
    border-color: #b10000;
}

.action-confirm:hover {
    background-color: #e6b200;
    border-color: #d9a900;
}

/* --- Select2 Custom Native Look --- */
.select2-container--native .select2-selection--single {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 52px;
    padding: 0 32px 0 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 52px;
    color: #212529;
    background: #fff url('https://admin.awplconnect.com/admin/images/chevron-black.svg') no-repeat calc(100% - 14px) center;
    background-size: 16px 16px;
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
}

.select2-container--native .select2-selection__rendered {
    padding: 0 !important;
    color: inherit;
}

/* --- Dropdown --- */
.select2-container--native .select2-dropdown {
    padding: 4px;
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}

.select2-container--native .select2-search--dropdown .select2-search__field {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    font-size: 16px;
    outline: none;
}

.select2-container--native .select2-search--dropdown .select2-search__field:focus {
    border-color: #D6D6D6;
    box-shadow: none;
}

.select2-container--native .select2-results__option {
    padding: 10px 12px;
    font-size: 16px;
    cursor: pointer;
}

.select2-container--native .select2-results__option--highlighted {
    background-color: #f0f0f0;
    color: #000;
}

.select2-container--native .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}