/*!
* Version: 1.3.0
* Template: xray Clinic And Patient Management Dashboard
* Author: iqonic.design
* Design and Developed by: iqonic.design
* NOTE: This file contains the styling for Template.
*
*/
:focus {
    outline: none;
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--bs-heading-font-family);
}

h1 {
    font-size: var(--bs-heading-1, 1.5rem);
}

h2 {
    font-size: var(--bs-heading-2, 1.375rem);
}

h3 {
    font-size: var(--bs-heading-3, 1.3rem);
}

h4 {
    font-size: var(--bs-heading-4, 1.25rem);
}

h5 {
    font-size: var(--bs-heading-5, 1.125rem);
}

h6 {
    font-size: var(--bs-heading-6, 1rem);
}

a {
    color: var(--bs-primary);
    -webkit-transition: color 400ms ease, background 400ms ease;
    -o-transition: color 400ms ease, background 400ms ease;
    transition: color 400ms ease, background 400ms ease;
}

.iq-slider {
    overflow: hidden;
    overflow-x: auto;
}

.iq-scroller-effect ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.iq-scroller-effect ::-webkit-scrollbar-track {
    background: var(--bs-body-bg);
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.iq-scroller-effect ::-webkit-scrollbar-thumb {
    background: var(--bs-border-color);
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    cursor: pointer;
}

    .iq-scroller-effect ::-webkit-scrollbar-thumb:hover {
        background: rgb(222.6, 226.2, 233.4);
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -webkit-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }

.fs-37 {
    font-size: 2.3687rem;
}

.fs-16 {
    font-size: 1rem;
}

.text-primary-dark {
    color: var(--bs-primary-shade-20);
}

.full-screen .container-fluid {
    padding: 0 4.6875rem;
}

@media (max-width: 1367px) {
    .full-screen .container-fluid {
        padding: 0 2rem;
    }
}

@media (max-width: 767px) {
    .full-screen .container-fluid {
        padding: 0 2rem;
    }
}

.custom-form-field input[type="checkbox"] {
    width: auto;
    margin-right: 10px;
    height: auto;
}

.logo-img .icon-30 {
    height: 3.125rem;
    width: 3.125rem;
}

.auth-card {
    padding: 50px;
}

.body-class-1 {
    scroll-behavior: smooth;
}

.main-img .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

    .main-img .container h1 {
        margin: 0;
        font-size: 4.375rem;
        color: #fff;
    }

        .main-img .container h1 span {
            padding: 0.375rem 0.875rem;
            display: inline-block;
        }

.bd-heading-1 .bd-example {
    margin-top: 1rem;
}

    .bd-heading-1 .bd-example:first-child {
        margin-top: 0rem;
    }

.bd-cheatsheet section article .card.iq-document-card {
    padding: 1.5rem;
}

    .bd-cheatsheet section article .card.iq-document-card .tab-content pre.language-markup {
        margin: unset;
    }

.bd-aside.card.iq-document-card {
    padding: 1.5rem;
}

.bd-aside a {
    padding: 0.25rem 0.5rem;
    margin-top: 0.125rem;
    margin-left: 0.25rem;
    color: rgba(110, 121, 144, 0.95);
    text-decoration: none;
}

    .bd-aside a:hover,
    .bd-aside a:focus {
        background-color: rgba(var(--bs-primary-rgb), 0.1);
    }

.bd-aside .active {
    font-weight: 600;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
}

.bd-aside .btn {
    padding: 0.25rem 0.5rem;
    font-weight: 600;
    color: #6e7990;
    border: 0;
}

    .bd-aside .btn .right-icon {
        -webkit-transition: -webkit-transform 0.35s ease;
        transition: -webkit-transform 0.35s ease;
        -o-transition: transform 0.35s ease;
        transition: transform 0.35s ease;
        transition: transform 0.35s ease, -webkit-transform 0.35s ease;
    }

    .bd-aside .btn:hover,
    .bd-aside .btn:focus {
        background-color: rgba(var(--bs-primary-rgb), 0.1);
        color: var(--bs-primary);
    }

    .bd-aside .btn[aria-expanded="true"] .right-icon {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.scrollspy-example {
    position: relative;
    height: 12.5rem;
    margin-top: 0.5rem;
    overflow: auto;
}

[id="modal"] .bd-example .btn,
[id="buttons"] .bd-example .btn,
[id="tooltips"] .bd-example .btn,
[id="popovers"] .bd-example .btn,
[id="dropdowns"] .bd-example .btn-group,
[id="dropdowns"] .bd-example .dropdown,
[id="dropdowns"] .bd-example .dropup,
[id="dropdowns"] .bd-example .dropend,
[id="dropdowns"] .bd-example .dropstart {
    margin-top: 0.5rem;
}

@media (min-width: 1200px) {
    .body-class-1 {
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr 4fr 1fr;
        grid-template-rows: auto;
    }

    .bd-aside.sticky-xl-top {
        top: 2rem !important;
    }

    .bd-header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        grid-column: 1 / span 3;
    }

    .sticky-xl-top {
        z-index: 2;
    }

    .bd-cheatsheet,
    .bd-cheatsheet section,
    .bd-cheatsheet article {
        display: grid;
        gap: 2rem;
        grid-template-columns: 3fr 1fr;
        grid-column: span 2 / span 2;
        grid-template-rows: auto;
    }

    .bd-aside {
        grid-area: 1/1;
        scroll-margin-top: 4rem;
    }

    .bd-cheatsheet section,
    .bd-cheatsheet section > .iq-side-content {
        top: 2rem;
        scroll-margin-top: 0;
    }

    .bd-cheatsheet article,
    .bd-cheatsheet .bd-heading {
        top: calc(7.2rem + 2rem);
        scroll-margin-top: calc(7.8rem + 2rem);
    }

    .bd-cheatsheet .bd-heading {
        z-index: 1;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

        .bd-cheatsheet .bd-heading .card {
            margin-bottom: 0;
        }

    .bd-cheatsheet article .iq-document-card {
        margin-bottom: unset;
    }

        .bd-cheatsheet article .iq-document-card.iq-doc-head {
            margin-top: -8.8rem;
        }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .mobile-offcanvas {
        width: 40% !important;
    }
}

@media (max-width: 767.98px) {
    .main-img .container h1 {
        font-size: 3.125rem;
    }
}

@media (max-width: 1199.98px) {
    .header .container {
        max-width: unset !important;
    }

    aside.mobile-offcanvas {
        margin-top: unset !important;
    }

        aside.mobile-offcanvas .offcanvas-header {
            display: block;
        }

    .body-class-1 {
        padding: unset;
    }

        .body-class-1.container {
            max-width: unset;
        }

    #content .iq-side-content .card {
        margin-top: 1.25rem;
    }

    .mobile-offcanvas {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-border-radius: 0;
        border-radius: 0;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        z-index: 1200;
        width: 75%;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        -o-transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
        transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
        transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        background: hsla(0, 0%, 100%, 0.8392156863);
        -webkit-backdrop-filter: blur(0.5rem);
        backdrop-filter: blur(0.5rem);
    }

        .mobile-offcanvas.show {
            visibility: visible;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        .mobile-offcanvas .container,
        .mobile-offcanvas .container-fluid {
            display: block;
        }
}

@media (min-width: 1200px) {
    aside.mobile-offcanvas .offcanvas-header {
        display: none;
    }

    .bd-cheatsheet section .iq-side-content {
        grid-column-end: 3;
    }

        .bd-cheatsheet section .iq-side-content .card {
            margin-bottom: 0;
        }
}

body.offcanvas-active {
    overflow: hidden;
}

body.uikit .btn-download {
    display: none;
}

.uisheet.screen-darken {
    height: 100%;
    width: 0%;
    z-index: 30;
    position: fixed;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: hsla(0, 0%, 100%, 0.6);
    -webkit-transition: opacity 0.2s linear, visibility 0.2s, width 2s ease-in;
    -o-transition: opacity 0.2s linear, visibility 0.2s, width 2s ease-in;
    transition: opacity 0.2s linear, visibility 0.2s, width 2s ease-in;
}

    .uisheet.screen-darken.active {
        z-index: 10;
        -webkit-transition: opacity 0.3s ease, width 0s;
        -o-transition: opacity 0.3s ease, width 0s;
        transition: opacity 0.3s ease, width 0s;
        opacity: 1;
        width: 100%;
        visibility: visible;
    }

#back-to-top {
    display: inline !important;
}

    #back-to-top .top {
        bottom: 1.563rem;
        right: 1.563rem;
        z-index: 999;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

        #back-to-top .top svg {
            height: 50px;
            line-height: 50px;
            width: 50px;
            text-align: center;
            padding: 16px;
        }

.middle {
    display: inline !important;
}

    .middle .mid-menu {
        position: fixed;
        top: 9.375rem;
        left: 0rem;
        z-index: 999;
        text-align: center;
        cursor: pointer;
        background: var(--bs-primary);
        color: #fff;
        padding: 0.2rem;
        -webkit-border-radius: 0 1rem 1rem 0;
        border-radius: 0 1rem 1rem 0;
    }

.top-1 {
    top: 1rem;
}

.elem-list {
    max-height: calc(80vh + 4rem);
    overflow: auto;
}

    .elem-list::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .elem-list::-webkit-scrollbar-track {
        background: #fafafa;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .elem-list::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
        cursor: pointer;
    }

        .elem-list::-webkit-scrollbar-thumb:hover {
            background: rgba(0, 0, 0, 0.2);
            -webkit-border-radius: 10px;
            border-radius: 10px;
            -webkit-transition: all 400ms ease;
            -o-transition: all 400ms ease;
            transition: all 400ms ease;
            cursor: pointer;
        }

.card .card-body .iq-media-group-1 .iq-media-1 {
    margin-left: -1.25rem;
    position: relative;
    z-index: 0;
}

    .card .card-body .iq-media-group-1 .iq-media-1:hover {
        z-index: 9;
    }

    .card .card-body .iq-media-group-1 .iq-media-1 img {
        border: 2px solid #dbdfe7;
    }

    .card .card-body .iq-media-group-1 .iq-media-1:first-child {
        margin-left: 0;
    }

.card .card-body .iq-media-1 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
}

    .card .card-body .iq-media-1:hover {
        text-decoration: none;
    }

.nav:not(.iq-chat-ui) {
    background: var(--bs-gray-900) !important;
}

.chat-page img {
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

#chat-search {
    padding-left: 40px;
}

.form-group.chat-search-data > i {
    position: absolute;
    top: 8px;
    left: 15px;
    color: #089bab;
    font-size: 16px;
}

.chat-sidebar-name {
    width: 100%;
}

.chat-msg-counter {
    height: 20px;
    width: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 22px;
    margin: 0 auto;
    font-size: 10px;
}

.chat-meta span {
    font-size: 10px;
}

span.avatar-status {
    position: absolute;
    bottom: -5px;
    top: auto;
    left: auto;
    right: 0;
}

.iq-chat-ui li a {
    text-decoration: none;
    display: block;
    padding: 20px 15px;
    background: var(--bs-gray-900);
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    margin-bottom: 20px;
}

    .iq-chat-ui li a.active {
        border-color: rgba(0, 0, 0, 0);
    }

.nav-pills li a.active {
    color: #089bab;
    background-color: var(--bs-gray-900);
}

.iq-chat-ui li:last-child a {
    border: none;
}

.iq-chat-ui li:nth-child(2) a,
.iq-chat-ui li:nth-child(6) a {
    border: none;
}

.chat-sidebar-channel {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 15rem);
}

.chat-data {
    background: var(--bs-gray-900);
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.chat-header-icons .dropdown-toggle:empty::after {
    display: none;
}

.chat-header-icons > a,
.chat-header-icons > span {
    width: 40px;
    height: 40px;
    font-size: 20px;
    margin: 0 5px 0 0;
    color: #089bab;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.chat-content {
    position: relative;
    height: calc(100vh - 25rem);
    text-align: center;
    padding: 1.4rem;
    overflow-y: scroll;
    overflow-x: hidden;
}

.chat-user {
    float: right;
    text-align: center;
}

    .chat-user span.chat-time {
        display: block;
        font-size: 12px;
        font-weight: 500;
    }

.chat-detail {
    overflow: hidden;
}

.chat-message {
    position: relative;
    float: right;
    text-align: right;
    padding: 0.75rem 1rem;
    margin: 0 1.33rem 1.33rem 0.3rem;
    clear: both;
    word-break: break-word;
    color: #fff;
    background: #089bab;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 2px 4px 0 rgba(8, 155, 171, 0.6);
    box-shadow: 0 2px 4px 0 rgba(8, 155, 171, 0.6);
}

    .chat-message > p {
        margin: 0;
    }

.chat-left .chat-message::after {
    right: auto;
    left: -7px;
    border-width: 5px 7px 5px 0;
    border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.chat-content .chat-left .chat-message {
    text-align: left;
    float: left;
    margin: 0 0.3rem 1.8rem 1.3rem;
    color: #727e8c;
    background: var(--body-bg);
}

.chat-sidebar-channel .avatar,
.avatar {
    position: relative;
}

.chat-start {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(100vh - 15rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

span.iq-start-icon {
    font-size: 50px;
    background: var(--bs-gray-900);
    width: 100px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #089bab;
}

.chat-attagement {
    font-size: 20px;
}

    .chat-attagement a {
        color: #777d74;
    }

.chat-detail .chat-message .chat-time {
    position: absolute;
    bottom: -20px;
    right: 0;
    color: #828d99;
    font-size: 0.8rem;
    white-space: nowrap;
}

.chat-left .chat-user {
    float: left;
}

.chat-content .chat-body .chat-message p {
    margin-bottom: 0;
}

.chat-data .tab-content {
    position: relative;
}

.chat-searchbar {
    position: relative;
}

.chat-user-detail-popup {
    position: absolute;
    top: 0;
    width: 360px;
    background: var(--bs-gray-900);
    right: 0;
    overflow: hidden;
    left: auto;
    z-index: 9;
    height: 100%;
    opacity: 0;
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-transform: translateX(110%);
    -o-transition: all 0.45s ease 0s;
    transition: all 0.45s ease 0s;
    -webkit-transition: all 0.45s ease 0s;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
    box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    visibility: hidden;
}

    .chat-user-detail-popup.show {
        opacity: 1;
        visibility: visible;
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -o-transition: all 0.45s ease 0s;
        transition: all 0.45s ease 0s;
        -webkit-transition: all 0.45s ease 0s;
    }

.chatuser-detail .title {
    font-weight: 500;
}

.chatuser-detail {
    padding: 0 35px;
}

.user-profile button.close-popup {
    display: block;
    font-size: 24px;
}

ul.user-status {
    list-style: none;
}

#user-detail-popup {
    position: absolute;
    top: 0;
    width: 310px;
    background: #fff;
    right: 0;
    overflow: hidden;
    left: auto;
    z-index: 9;
    height: 100%;
    opacity: 0;
    -ms-transform: translateX(-90%);
    transform: translateX(-90%);
    -webkit-transform: translateX(-90%);
    -o-transition: all 0.45s ease 0s;
    transition: all 0.45s ease 0s;
    -webkit-transition: all 0.45s ease 0s;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
    box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    visibility: hidden;
}

    #user-detail-popup.show {
        opacity: 1;
        visibility: visible;
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -o-transition: all 0.45s ease 0s;
        transition: all 0.45s ease 0s;
        -webkit-transition: all 0.45s ease 0s;
    }

    #user-detail-popup .user-profile button.close-popup {
        text-align: right;
        width: 100%;
    }

.chat-sidebar-channel h5 {
    padding-bottom: 10px;
}

.chat-sidebar-name h6 {
    font-size: 1.2em;
}

.chat-sidebar-name span {
    color: #777d74;
}

button.close-btn-res {
    display: none;
}

div#sidebar-toggle {
    display: none;
}

.chat-head header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 15px;
}

.chat-footer {
    -webkit-border-radius: 0 0 25px 25px;
    border-radius: 0 0 25px 25px;
}

[data-bs-theme="light"] emoji-picker {
    --background: #fff !important;
}

.sidebar-toggle {
    padding: 12px 10px;
    margin-right: 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 40px;
    width: 40px;
    line-height: 17px;
    text-align: center;
    color: #089bab;
    position: unset !important;
}

.sidebar-toggle {
    display: none;
}

@media screen and (max-width: 450px) {
    .chat-head header {
        overflow-x: scroll;
    }
}

@media screen and (max-width: 992px) {
    .cust-chat .sidebar-toggle {
        display: block !important;
    }

    .cust-chat .chat-data-left {
        position: absolute;
        left: 0;
        max-width: 320px;
        top: 0;
        z-index: 1000;
        background: #fff;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
        -webkit-transition: all 0.45s ease 0s;
        -o-transition: all 0.45s ease 0s;
        transition: all 0.45s ease 0s;
        -webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
        box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
        overflow-y: scroll;
        height: 100%;
    }

        .cust-chat .chat-data-left.show {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
            -webkit-transition: all 0.45s ease 0s;
            -o-transition: all 0.45s ease 0s;
            transition: all 0.45s ease 0s;
        }

    .cust-chat ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }

    .cust-chat .scroller::-webkit-scrollbar-thumb {
        background-color: #089bab;
    }

    .cust-chat .chat-sidebar-channel {
        height: unset !important;
    }
}

[data-bs-theme="dark"] .cust-chat .chat-data-left {
    background: var(--bs-dark) !important;
}

@media screen and (max-width: 992px) {
    [dir="rtl"] .cust-chat .chat-data-left {
        left: unset;
        right: 0;
    }

        [dir="rtl"] .cust-chat .chat-data-left:not(.show) {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
        }

    [dir="rtl"] .sidebar-toggle {
        margin: 0 0 0 15px;
    }

    [dir="rtl"] .iq-chat-ui {
        padding: 0 0 0 40px;
    }
}

.stepwizard-row a.btn {
    background: var(--bs-gray-900);
    color: #6e7990;
    font-size: 1.125rem;
    font-weight: 400;
    display: block;
    width: 20%;
    padding: 3.125rem 0.938rem;
    margin: 0.625rem 1.25rem;
    text-decoration: none;
    border: 1px solid rgba(var(--bs-primary-rgb), 0.2);
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.stepwizard-row a i {
    display: block;
    text-align: center;
    height: 4.063rem;
    width: 4.063rem;
    line-height: 4.063rem;
    font-size: 1.563rem;
    margin: 0 auto 1.25rem;
    background-color: rgba(var(--bs-primary-rgb), 0.2);
    color: var(--bs-primary);
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.stepwizard-row.active a {
    background-color: rgba(var(--bs-primary-rgb), 0.2);
    border-color: var(--bs-primary);
}

    .stepwizard-row.active a i {
        background-color: var(--bs-gray-900);
    }

.stepwizard-row #user-tab.actives {
    background-color: rgba(8, 155, 171, 0.2);
    border-color: #089bab;
}

.stepwizard-row #document-tab.actives {
    background-color: rgba(235, 87, 87, 0.2);
    border-color: #eb5757;
}

.stepwizard-row #bank-tab.actives {
    background-color: rgba(49, 192, 44, 0.2);
    border-color: #31c02c;
}

.stepwizard-row #confirm-tab.actives {
    background-color: rgba(241, 106, 27, 0.2);
    border-color: #f16a1b;
}

.setup-content {
    margin-top: 3.75rem;
}

@media (max-width: 991.98px) {
    .stepwizard-row a.btn {
        width: 44%;
    }
}

@media (max-width: 767.98px) {
    .stepwizard-row a.btn {
        width: 100%;
    }
}

.stepwizard-row #user.active a {
    background: #eff7f8;
    border-color: #089bab;
}

.stepwizard-row #document.active a {
    background: #fff5f4;
    border-color: #f14336;
}

.stepwizard-row #bank.active a {
    background: #eefff2;
    border-color: #27b345;
}

.stepwizard-row #confirm.active a {
    background: #fffcf3;
    border-color: #fbc647;
}

#registration .form-control {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #d7dbda;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.was-validated .form-control:invalid {
    border-color: var(--bs-form-invalid-border-color) !important;
}

#top-tabbar-vertical {
    overflow: hidden;
    color: #6e7990;
    margin: 0 -1.25rem 3.75rem;
}

    #top-tabbar-vertical li {
        list-style-type: none;
        font-size: 1.125rem;
        width: 100%;
        float: left;
        position: relative;
        font-weight: 400;
    }

        #top-tabbar-vertical li a {
            background: var(--bs-gray-900);
            display: block;
            padding: 1.25rem 0.938rem;
            margin: 0.625rem 1.25rem;
            text-decoration: none;
            border: 1px solid rgba(var(--bs-primary-rgb), 0.2);
            -webkit-border-radius: 0.5rem;
            border-radius: 0.5rem;
        }

            #top-tabbar-vertical li a i {
                display: inline-block;
                text-align: center;
                height: 3.125rem;
                width: 3.125rem;
                line-height: 3.125rem;
                font-size: 1.25rem;
                margin: 0 1.25rem 0 0;
                -webkit-border-radius: 0.5rem;
                border-radius: 0.5rem;
            }

        #top-tabbar-vertical li.active a {
            border-color: rgba(0, 0, 0, 0);
        }

            #top-tabbar-vertical li.active a i {
                background: var(--bs-gray-900);
            }

        #top-tabbar-vertical li.active#personal a {
            background: rgba(var(--bs-primary-rgb), 0.2);
        }

        #top-tabbar-vertical li.active#contact a {
            background: rgba(235, 87, 87, 0.2);
        }

        #top-tabbar-vertical li.active#official a {
            background: rgba(49, 192, 44, 0.2);
        }

        #top-tabbar-vertical li.active#payment a {
            background: rgba(241, 106, 27, 0.2);
        }

    #top-tabbar-vertical.active {
        color: var(--bs-primary);
    }

#form-wizard3 fieldset:not(:first-of-type) {
    display: none;
}

.form-control[type="date"],
.form-control[type="month"],
.form-control[type="week"],
.form-control[type="time"],
.form-control[type="datetime-local"] {
    position: relative;
}

    .form-control[type="date"]::-webkit-calendar-picker-indicator,
    .form-control[type="month"]::-webkit-calendar-picker-indicator,
    .form-control[type="week"]::-webkit-calendar-picker-indicator,
    .form-control[type="time"]::-webkit-calendar-picker-indicator,
    .form-control[type="datetime-local"]::-webkit-calendar-picker-indicator {
        position: absolute;
        right: 0.75rem;
        margin: 0;
    }

#top-tabbar-vertical li#personal i {
    background: #eff7f8;
    color: #089bab;
}

#top-tabbar-vertical li#contact i {
    background: #fff5f4;
    color: #f14336;
}

#top-tabbar-vertical li#official i {
    background: #eefff2;
    color: #27b345;
}

#top-tabbar-vertical li#payment i {
    background: #fffcf3;
    color: #fbc647;
}

#form-wizard3 .form-control {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #d7dbda;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

[dir="rtl"] #top-tabbar-vertical li a i {
    margin: 0 0 0 1.25rem;
}

#top-tab-list {
    margin-bottom: 60px;
}

    #top-tab-list li a {
        color: var(--bs-primary);
        background: var(--bs-primary-bg-subtle);
        display: block;
        padding: 0.938rem;
        text-decoration: none;
        font-size: 1.125rem;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
    }

        #top-tab-list li a .iq-icon {
            display: inline-block;
            text-align: center;
            height: 3.125rem;
            width: 3.125rem;
            line-height: 3.125rem;
            font-size: 1.25rem;
            -webkit-border-radius: 0.5rem;
            border-radius: 0.5rem;
            background: var(--bs-primary);
            color: #fff;
        }

    #top-tab-list li.active a {
        background: var(--bs-primary);
        color: #fff;
    }

        #top-tab-list li.active a .iq-icon {
            background: #fff;
            color: var(--bs-primary);
        }

    #top-tab-list li.active.done a {
        background: #31c02c;
    }

        #top-tab-list li.active.done a i {
            color: #31c02c;
        }

    #top-tab-list li#confirm.active a {
        background: #31c02c;
    }

        #top-tab-list li#confirm.active a i {
            color: #31c02c;
        }

#form-wizard1 fieldset:not(:first-of-type) {
    display: none;
}

.custom-toggels .toggles {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

    .custom-toggels .toggles:before {
        background-color: #d3d3d3;
    }

    .custom-toggels .toggles:after {
        content: "";
        position: absolute;
        width: 23px;
        height: 22px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff;
        top: 2px;
        left: 50%;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

.custom-toggels .texts {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    line-height: 25px;
}

.custom-toggels .checkboxs:not(:checked) + .toggles::after {
    left: 0%;
    background-color: gray !important;
    -webkit-transition: all 0.5s !important;
    -o-transition: all 0.5s !important;
    transition: all 0.5s !important;
    top: 1px !important;
}

.custom-toggels .checkboxs:not(:checked) + .toggles {
    background: none !important;
    border: 0.5px solid #000;
    color: #000 !important;
}

.custom-toggels .checkboxs {
    display: none;
}

.custom-checkboxs .form-check-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.custom-checkboxs .form-check-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

    .custom-checkboxs .form-check-label::after {
        position: absolute;
        top: 0.25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: no-repeat 50%/50% 50%;
    }

    .custom-checkboxs .form-check-label::before {
        position: absolute;
        top: 0.25rem;
        left: -1.7rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #adb5bd solid 1px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

.custom-checkboxs .custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.custom-checkboxs .custom-checkbox.checkbox-icon label i {
    position: absolute;
    top: 4px;
    left: -21px;
    font-size: 10px;
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0);
    -webkit-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.custom-checkboxs .custom-checkbox.checkbox-icon input:checked ~ label i {
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    color: #fff;
}

.custom-checkboxs .custom-checkbox.checkbox-icon input:checked ~ label::after {
    display: none;
}

.custom-checkboxs .form-check-input:checked ~ .form-check-label::before {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
}

input[type="radio"].text-success:checked {
    background-color: var(--bs-success);
    border: none;
}

input[type="radio"].text-danger:checked {
    background-color: var(--bs-danger);
    border: none;
}

input[type="radio"].text-warning:checked {
    background-color: var(--bs-warning);
    border: none;
}

input[type="radio"].text-gray:checked {
    background-color: var(--bs-gray);
    border: none;
}

input[type="radio"].text-info:checked {
    background-color: var(--bs-info);
    border: none;
}

input[type="checkbox"].text-success:checked {
    background-color: var(--bs-success);
    border: none;
}

input[type="checkbox"].text-danger:checked {
    background-color: var(--bs-danger);
    border: none;
}

input[type="checkbox"].text-warning:checked {
    background-color: var(--bs-warning);
    border: none;
}

input[type="checkbox"].text-gray:checked {
    background-color: var(--bs-gray);
    border: none;
}

input[type="checkbox"].text-info:checked {
    background-color: var(--bs-info);
    border: none;
}

.sign-in-from .form-control {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #d7dbda;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.ph-duotone {
    font-size: 21px;
}

.ph:not(.custom-ph-icons) {
    font-size: 21px;
}

.cust-form-elements .form-control {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 1px solid var(--bs-border-color);
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
}

[data-bs-theme="dark"] .checkboxs:not(:checked) + .toggles {
    color: #fff !important;
}

[dir="rtl"] input[type="date"],
[dir="rtl"] input[type="month"],
[dir="rtl"] input[type="week"],
[dir="rtl"] input[type="time"],
[dir="rtl"] input[type="datetime-local"] {
    text-align: start;
}

    [dir="rtl"] input[type="date"]::-webkit-calendar-picker-indicator {
        text-align: end;
    }

[dir="rtl"] .custom-checkboxs .custom-checkbox.checkbox-icon label i {
    right: -16px;
}

[dir="rtl"] .custom-checkboxs .form-check-label::before {
    right: -1.4rem;
}

[dir="rtl"] .custom-checkboxs .form-check-label {
    right: 18px;
}

.profile-img-edit {
    position: relative;
    display: inline-block;
    height: 150px;
    width: 150px;
}

.profile-pic {
    max-width: 100%;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.docter-profile {
    margin-top: -70px;
}

.p-image {
    position: absolute;
    top: auto;
    right: 8px;
    bottom: 10px;
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background: #089bab;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.edit-profile .nav-link {
    -webkit-border-radius: 0;
    border-radius: 0;
}

ul.edit-profile li:first-child a {
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    border-left: none;
}

ul.edit-profile li:last-child a {
    -webkit-border-radius: 0px 6px 6px 0;
    border-radius: 0px 6px 6px 0;
}

.cust-form-input .form-control {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #d7dbda;
}

.timeline {
    margin: 0 0 0 5px;
    padding: 0;
    width: 100%;
    border-left: 3px solid #f2edff;
}

    .timeline li {
        margin-left: 15px;
        position: relative;
        padding: 15px 15px 0 5px;
        list-style-type: none;
    }

        .timeline li .timeline-dots {
            position: absolute;
            top: 20px;
            left: -24px;
            border: 3px solid #089bab;
            -webkit-border-radius: 90px;
            border-radius: 90px;
            padding: 5px;
            background: #fff;
        }

        .timeline li .timeline-dots-fill {
            position: absolute;
            top: 20px;
            left: -23px;
            background: #089bab;
            -webkit-border-radius: 90px;
            border-radius: 90px;
            padding: 7px;
        }

.timeline0 ul li {
    width: 50%;
    padding: 5px 30px 2.5rem 30px;
    cursor: pointer;
    margin: 0px;
}

    .timeline0 ul li:nth-child(odd) {
        float: left;
        text-align: left;
        width: 100%;
        padding: 0 0 0 60px;
        margin-bottom: 20px;
    }

        .timeline0 ul li:nth-child(odd) .timeline-dots {
            left: 12px;
            right: auto;
        }

            .timeline0 ul li:nth-child(odd) .timeline-dots.timeline-dot1 {
                left: 12px;
                right: auto;
            }

    .timeline0 ul li:nth-child(even) {
        float: left;
        text-align: left;
        width: 100%;
        padding: 0 0 0 60px;
        margin-bottom: 20px;
    }

        .timeline0 ul li:nth-child(even) .timeline-dots {
            left: 12px;
            right: auto;
        }

            .timeline0 ul li:nth-child(even) .timeline-dots.timeline-dot1 {
                left: 12px;
                right: auto;
            }

.timeline0 li .timeline-dots {
    height: 15px;
    width: 15px;
    background: #fff !important;
}

.timeline0 li .timeline-dots1 {
    position: absolute;
    top: 0;
    left: 0;
    border: 3px solid #05bbc9;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    padding: 5px;
    background: #fff;
    height: 2.5rem;
    width: 2.5rem;
    line-height: 25px;
    text-align: center;
}

.timeline0 li .timeline-dots.timeline-dot1 {
    height: 15px;
    width: 15px;
}

.timeline0 li {
    margin-left: 2.188rem;
    position: relative;
    padding: 15px 15px 0 5px;
    list-style-type: none;
}

    .timeline0 li .timeline-dots {
        position: absolute;
        top: 20px;
        left: -54px;
        border: 3px solid #05bbc9;
        -webkit-border-radius: 90px;
        border-radius: 90px;
        padding: 5px;
        background: #fff;
        height: 2.5rem;
        width: 2.5rem;
        line-height: 25px;
        text-align: center;
    }

.timeline0:before {
    content: "";
    position: absolute;
    left: 20px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background-color: #ccc;
}

.doc-social-info ul li {
    display: inline-block;
}

    .doc-social-info ul li a {
        display: block;
        color: #089bab;
        background: #ceebee;
        height: 30px;
        width: 30px;
        line-height: 30px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 0 3px;
    }

[dir="rtl"] ul.edit-profile li:first-child a {
    -webkit-border-radius: 0 13px 13px 0;
    border-radius: 0 13px 13px 0;
    border-left: none;
}

[dir="rtl"] ul.edit-profile li:last-child a {
    -webkit-border-radius: 13px 0 0 13px;
    border-radius: 13px 0 0 13px;
}

@media (max-width: 992px) {
    ul.profile-img-gallary li img {
        width: 100%;
    }
}

@media (max-width: 450px) {
    ul.edit-profile li:first-child a {
        -webkit-border-radius: 13px 13px 0 0;
        border-radius: 13px 13px 0 0;
    }

    ul.edit-profile li:last-child a {
        -webkit-border-radius: 0 0 13px 13px;
        border-radius: 0 0 13px 13px;
    }
}

.iq-email-list .iq-email-ui {
    margin: 0;
    padding: 0;
}

    .iq-email-list .iq-email-ui a {
        list-style-type: none;
        font-size: 1rem;
        color: #6e7990;
        margin-bottom: 0.188rem;
        list-style-type: none;
        color: #6e7990;
        display: inline-block;
        width: 100%;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .iq-email-list .iq-email-ui a:hover {
            text-decoration: none;
            color: var(--bs-primary);
        }

    .iq-email-list .iq-email-ui i {
        margin-right: 0.625rem;
        vertical-align: bottom;
    }

    .iq-email-list .iq-email-ui li.active a {
        text-decoration: none;
        color: var(--bs-primary);
    }

    .iq-email-list .iq-email-ui.iq-email-label li {
        margin-bottom: 0.625rem;
    }

        .iq-email-list .iq-email-ui.iq-email-label li:last-child {
            margin-bottom: 0;
        }

.iq-email-to-list ul li {
    font-size: 1.25rem;
}

    .iq-email-to-list ul li:first-child a {
        background: none;
        width: auto;
    }

    .iq-email-to-list ul li > a {
        color: var(--bs-primary);
        text-align: center;
        line-height: 2.5rem;
        display: inline-block;
        font-size: 1rem;
        width: 2.5rem;
        height: 2.5rem;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background: rgba(var(--bs-primary-rgb), 0.2);
    }

    .iq-email-to-list ul li a:hover {
        color: var(--bs-primary);
        text-decoration: none;
    }

    .iq-email-to-list ul li .custom-control-label::before {
        top: 0.813rem;
        left: -1.25rem;
    }

    .iq-email-to-list ul li.q-list a:hover {
        color: var(--bs-primary);
        text-decoration: none;
    }

.iq-email-search {
    position: relative;
}

    .iq-email-search .form-control {
        height: 2.5rem;
        border: 1px solid var(--bs-border-color);
        width: 10.625rem;
        padding-right: 2rem;
    }

    .iq-email-search .search-link {
        position: absolute;
        top: 0.625rem;
        right: 0.538rem;
        font-size: 1.125rem;
        line-height: 1rem;
        color: var(--bs-primary);
    }

        .iq-email-search .search-link:hover {
            text-decoration: none;
        }

.iq-email-listbox .iq-email-sender-list {
    margin: 0.938rem 0 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

    .iq-email-listbox .iq-email-sender-list > li {
        list-style-type: none;
    }

        .iq-email-listbox .iq-email-sender-list > li .iq-unread-inner {
            position: relative;
            padding: 0.938rem 1.25rem;
            border-top: 1px solid var(--bs-border-color);
            display: inline-block;
            width: 100%;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .iq-email-listbox .iq-email-sender-list > li:hover {
            background: var(--bs-gray-900);
        }

    .iq-email-listbox .iq-email-sender-list li a:hover {
        text-decoration: none;
    }

    .iq-email-listbox .iq-email-sender-list li:hover .iq-social-media {
        right: -1.25rem;
    }

    .iq-email-listbox .iq-email-sender-list li.iq-unread a {
        color: var(--bs-primary);
        font-weight: 500;
    }

    .iq-email-listbox .iq-email-sender-list li.iq-unread li a {
        color: var(--bs-primary);
    }

.iq-email-sender-info .iq-checkbox-mail {
    display: block;
    float: left;
    cursor: pointer;
    height: 1.25rem;
    width: 1.25rem;
}

.iq-email-sender-info .iq-star-toggle {
    display: block;
    float: left;
    color: #6e7990;
    margin-left: 0.625rem;
}

.iq-email-sender-info .iq-email-title {
    color: #6e7990;
    position: absolute;
    top: 50%;
    left: 5.313rem;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0;
}

.iq-email-content {
    position: absolute;
    top: 50%;
    left: 18.75rem;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .iq-email-content .iq-email-date {
        position: absolute;
        top: 0;
        right: 1.25rem;
        width: 6.25rem;
        text-align: right;
        padding-left: 0.625rem;
        color: #6e7990;
    }

    .iq-email-content .iq-email-subject {
        position: absolute;
        top: 0;
        color: #6e7990;
        left: 0;
        right: 6.875rem;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.iq-email-sender-list .iq-social-media {
    position: absolute;
    line-height: 3.5rem;
    right: -14.688rem;
    top: 0;
    background: var(--bs-gray-900);
    font-size: 1.125rem;
    padding: 0 1.875rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .iq-email-sender-list .iq-social-media li {
        display: inline-block;
        margin-right: 0.625rem;
    }

        .iq-email-sender-list .iq-social-media li a {
            height: 1.875rem;
            width: 1.875rem;
            text-align: center;
            font-size: 1.125rem;
            line-height: 1.875rem;
            display: inline-block;
            -webkit-border-radius: 0.5rem;
            border-radius: 0.5rem;
            color: var(--bs-primary);
            background: rgba(var(--bs-primary-rgb), 0.2);
        }

.iq-inbox-details tr td {
    padding: 0.313rem 0.625rem;
}

    .iq-inbox-details tr td:first-child {
        width: 4.688rem;
        color: #6e7990;
    }

.iq-subject-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.iq-subject-status {
    margin-left: 0.938rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.email-app-details.show {
    visibility: visible;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.email-app-details {
    position: absolute;
    display: block;
    z-index: 6;
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    top: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 100%;
    left: auto;
    right: 0;
    background-color: var(--bs-gray-900);
    -webkit-border-radius: 1.875rem;
    border-radius: 1.875rem;
}

.attegement ul {
    padding: 0;
    list-style: none;
}

.send-panel a {
    height: 2.875rem;
    width: 2.875rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2.875rem;
    display: inline-block;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    cursor: pointer;
}

.send-panel .bg-primary-subtle {
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

#compose-email-popup {
    position: fixed;
    max-width: 43.75rem;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    padding: 0 !important;
    max-height: 34.688rem;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

    #compose-email-popup .card {
        -webkit-border-radius: 0.313rem 0.313rem 0 0;
        border-radius: 0.313rem 0.313rem 0 0;
    }

button.close-popup {
    background: rgba(0, 0, 0, 0);
    color: #000;
    border: none;
    font-size: 1.25rem;
    line-height: 1.25rem;
}

.compose-bottom {
    border-top: 1px solid #6e7990;
}

.select2-container--default .select2-selection--multiple {
    border-color: var(--bs-border-color);
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    color: #6e7990;
    border-color: var(--bs-border-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    color: #6e7990;
    border-color: var(--bs-border-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.iq-email-list .nav-pills .nav-link.active {
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), 0.2);
}

.iq-email-list .nav-pills .show > .nav-link {
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), 0.2);
}

@media (max-width: 1199.98px) {
    .iq-email-to-list {
        overflow-x: scroll;
    }

        .iq-email-to-list .iq-email-to-list-detail {
            float: left;
            width: 100%;
        }
}

@media (max-width: 575.98px) {
    .iq-email-content .iq-email-date {
        right: 0.313rem;
    }

    .email-app-details.show {
        width: 100%;
    }

    .iq-subject-info {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 320px) {
    .iq-inbox-subject-info span {
        margin-left: 0.938rem;
    }

    .iq-subject-status {
        margin-top: 0.938rem;
    }
}

[dir="rtl"] .iq-email-ui li a i {
    float: right;
    margin: 0 0 0 0.625rem !important;
}

[dir="rtl"] .iq-subject-status {
    margin: 0 0.938rem 0 0 !important;
}

[dir="rtl"] .row-eq-height .ri-pencil-fill {
    float: right;
    margin-left: 7px;
}

.progress-bars {
    background: #eef1f7;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    height: 6px;
    margin: 0;
    position: relative;
    width: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.progress-bar-vertical {
    width: 10px;
    height: 110px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-right: 20px;
    float: left;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.progress-bar > span {
    display: block;
    height: 100%;
    width: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ri-more-fill {
    font-size: 22px;
}

.card-icon {
    height: 60px;
    width: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    font-size: 22px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.docter-list-item-inner {
    padding: 20px 15px;
    margin: 5px;
    background: var(--bs-body-bg);
}

.card-header .dropdown-menu .dropdown-item {
    padding: 8px 15px;
    color: #777d74;
    border-color: #eef0f4;
    -webkit-transform: translate(0px, 24px);
    -ms-transform: translate(0px, 24px);
    transform: translate(0px, 24px);
}

.timeline li .timeline-dots-fill {
    position: absolute;
    top: 20px;
    left: -23px;
    background: #089bab;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    padding: 7px;
}

.timeline {
    margin: 0 0 0 5px;
    padding: 0;
    width: 100%;
    border-left: 3px solid var(--bs-border-color);
}

    .timeline li {
        margin-left: 15px;
        position: relative;
        padding: 15px 15px 0 5px;
        list-style-type: none;
    }

.profile-avatar {
    position: relative;
}

.timeline li .timeline-dots {
    position: absolute;
    top: 20px;
    left: -24px;
    border: 3px solid #089bab;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    padding: 5px;
    background: #fff;
}

.avatar-130 {
    height: 130px !important;
    width: 130px !important;
    line-height: 130px;
    font-size: 1.6rem;
}

.custom-progress-bar {
    background: #eef1f7;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    margin: 0;
    position: relative;
    width: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.avatar-80 {
    height: 80px;
    width: 80px;
    line-height: 80px;
    font-size: 1.6rem;
}

.table-borderless > :not(caption) > * > * {
    padding: 0.5rem 0.5rem !important;
}

.badge {
    padding: 0.3em 0.6em;
    line-height: 1.3;
    text-transform: capitalize;
}

.table > :not(caption) > * > * {
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))) !important;
}

.tasks-card {
    padding: 0 0 15px 0;
    border-bottom: 1px solid var(--bs-border-color);
    margin: 0 0 15px 0;
}

.custom-nav-pills .nav-link.active,
.custom-nav-pills .show > .nav-link {
    color: #089bab;
    background: #ceebee;
}

table.table-box-shadow {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(120, 146, 141, 0.06);
    box-shadow: 0px 0px 12px 0px rgba(120, 146, 141, 0.06);
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 30px;
}

.badge-primary {
    background: -webkit-gradient(linear, left top, right top, from(rgb(8, 155, 171)), to(rgb(13, 181, 200))) !important;
    background: -webkit-linear-gradient(left, rgb(8, 155, 171) 0%, rgb(13, 181, 200) 100%) !important;
    background: -o-linear-gradient(left, rgb(8, 155, 171) 0%, rgb(13, 181, 200) 100%) !important;
    background: linear-gradient(to right, rgb(8, 155, 171) 0%, rgb(13, 181, 200) 100%) !important;
}

.badge-success {
    background: -webkit-gradient(linear, left top, right top, from(rgb(49, 192, 44)), to(rgb(87, 222, 83))) !important;
    background: -webkit-linear-gradient(left, rgb(49, 192, 44) 0%, rgb(87, 222, 83) 100%) !important;
    background: -o-linear-gradient(left, rgb(49, 192, 44) 0%, rgb(87, 222, 83) 100%) !important;
    background: linear-gradient(to right, rgb(49, 192, 44) 0%, rgb(87, 222, 83) 100%) !important;
}

.badge-danger {
    background: -webkit-gradient(linear, left top, right top, from(rgb(216, 74, 69)), to(rgb(242, 99, 97))) !important;
    background: -webkit-linear-gradient(left, rgb(216, 74, 69) 0%, rgb(242, 99, 97) 100%) !important;
    background: -o-linear-gradient(left, rgb(216, 74, 69) 0%, rgb(242, 99, 97) 100%) !important;
    background: linear-gradient(to right, rgb(216, 74, 69) 0%, rgb(242, 99, 97) 100%) !important;
}

.badge-warning {
    background: -webkit-gradient( linear, left top, right top, from(rgb(252, 158, 91)), to(rgb(255, 182, 126)) ) !important;
    background: -webkit-linear-gradient(left, rgb(252, 158, 91) 0%, rgb(255, 182, 126) 100%) !important;
    background: -o-linear-gradient(left, rgb(252, 158, 91) 0%, rgb(255, 182, 126) 100%) !important;
    background: linear-gradient(to right, rgb(252, 158, 91) 0%, rgb(255, 182, 126) 100%) !important;
}

.badge-info {
    background: -webkit-gradient(linear, left top, right top, from(rgb(2, 209, 255)), to(rgb(97, 226, 252))) !important;
    background: -webkit-linear-gradient(left, rgb(2, 209, 255) 0%, rgb(97, 226, 252) 100%) !important;
    background: -o-linear-gradient(left, rgb(2, 209, 255) 0%, rgb(97, 226, 252) 100%) !important;
    background: linear-gradient(to right, rgb(2, 209, 255) 0%, rgb(97, 226, 252) 100%) !important;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "none" !important;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "none" !important;
}

[dir="rtl"] .iqonic-navigation .swiper-buttons {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
}

.iqonic-navigation .swiper-buttons {
    margin-top: 0;
    background: #ceebee;
    height: 30px;
    width: 30px;
    color: #089bab;
    border: none;
    padding: 0;
    line-height: 30px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 24px;
    top: 40%;
}

.iqonic-navigation .swiper-button-next {
    right: -0.02px;
}

.iqonic-navigation .swiper-button-prev {
    left: 0.4px;
}

.iqonic-navigation {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

    .iqonic-navigation .static-position {
        position: static;
    }

.card-header-toolbar .dropdown-toggle i {
    font-size: 22px;
    line-height: normal;
    color: #393c52;
}

.dropdown-menu {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.media-support-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.ri-more-2-line {
    font-size: 22px;
}

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

.navigation-on-hover .swiper-buttons {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.navigation-on-hover:hover .swiper-buttons {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

[dir="rtl"] .timeline li .timeline-dots-fill {
    left: auto;
    right: -9px;
}

[dir="rtl"] .timeline {
    margin: 0 5px 0 0;
    border-left: none;
    border-right: 3px solid #f2edff;
}

    [dir="rtl"] .timeline li .timeline-dots {
        left: auto;
        right: -9px;
    }

[dir="rtl"] .apexcharts-legend-marker {
    margin-left: 0.5rem;
}

[data-bs-theme="dark"] #doc-chart-01 tspan {
    fill: #fff !important;
}

[data-bs-theme="dark"] #SvgjsRect1103,
[data-bs-theme="dark"] #SvgjsRect1104,
[data-bs-theme="dark"] #SvgjsRect1105,
[data-bs-theme="dark"] #SvgjsRect1106,
[data-bs-theme="dark"] #SvgjsRect1107,
[data-bs-theme="dark"] #SvgjsRect1108,
[data-bs-theme="dark"] #SvgjsRect1109 {
    fill: #202020 !important;
}

[dir="rtl"] #SvgjsText1173 {
    -webkit-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

[data-bs-theme="dark"] .custom-overflow-hidden-none .table {
    overflow: visible !important;
}

[dir="rtl"] .custom-marigin-right {
    margin-right: 1rem;
}

[dir="rtl"] #SvgjsG1148 {
    -webkit-transform: translate(-7px, 1px);
    -ms-transform: translate(-7px, 1px);
    transform: translate(-7px, 1px);
}

[data-bs-theme="dark"] .filter-img-dark {
    -webkit-filter: invert(0.2);
    filter: invert(0.2);
}

[data-bs-theme="dark"] #home-chart-03 tspan {
    fill: #fff;
}

.custom-flatpickr {
    width: 80% !important;
    margin: 0 auto;
    padding-block: 0 !important;
}

.inline_flatpickr + .flatpickr-calendar {
    background-color: var(--bs-card-body);
}

[data-bs-theme="dark"] #SvgjsText1191 {
    fill: #fff;
}

[data-bs-theme="dark"] .apexcharts-tooltip,
[data-bs-theme="dark"] .apexcharts-tooltip-title,
[data-bs-theme="dark"] .apexcharts-xaxistooltip {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-heading-color) !important;
}

[data-bs-theme="dark"] .loader-body {
    background-color: var(--bs-body-bg);
}

.media-group .media:first-child {
    margin-left: 0;
}

.media-group .media {
    margin-left: -14px;
    position: relative;
    z-index: 0;
    -webkit-transition: all 0.3s ease-in-out;
}

    .media-group .media img,
    .media-group .media.border {
        border: 2px solid #ddd;
    }

.custom-alignment {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
    z-index: 800 !important;
}

[dir="rtl"].swiper-slide-active {
    margin-right: 0 !important;
}

.patient-role .text-start {
    margin: 0 10px;
    width: 33.33%;
}

.progress-round {
    position: relative;
    height: 100px;
    width: 100px;
    border: 5px solid gray;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

    .progress-round.patient-progress {
        border-color: #ceebee !important;
    }

        .progress-round.patient-progress::after {
            content: "";
            position: absolute;
            top: -5px;
            left: -5px;
            height: 100px;
            width: 100px;
            border: 5px solid rgba(0, 0, 0, 0);
            -webkit-border-radius: 50%;
            border-radius: 50%;
            border-top-color: #d6d8d5;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            clip: rect(0, 110px, 110px, 5px);
            border-right-color: #d6d8d5;
            border-bottom-color: #d6d8d5;
        }

.patient-steps2 .progress-round.patient-progress {
    border-color: #ceebee !important;
}

    .patient-steps2 .progress-round.patient-progress::after {
        content: "";
        position: absolute;
        top: -5px;
        left: -5px;
        height: 100px;
        width: 100px;
        border: 5px solid #fffbe5;
        border-top-color: #d6d8d5;
        -webkit-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
        transform: rotate(25deg);
        clip: rect(0, 110px, 110px, 30px);
        border-right-color: #d6d8d5;
        border-bottom-color: #d6d8d5;
    }

[dir="rtl"] .media-group .media:first-child {
    margin-left: -14px;
}

[data-bs-theme="dark"] .progress-round.patient-progress,
[data-bs-theme="dark"] .patient-steps2 .progress-round.patient-progress {
    border-color: var(--bs-border-color);
}

[dir="rtl"] .rtl-pageLink-pre {
    -webkit-border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    -webkit-border-top-right-radius: var(--bs-pagination-border-radius) !important;
    border-top-right-radius: var(--bs-pagination-border-radius) !important;
    -webkit-border-bottom-right-radius: var(--bs-pagination-border-radius) !important;
    border-bottom-right-radius: var(--bs-pagination-border-radius) !important;
}

[dir="rtl"] .rtl-pageLink-next {
    -webkit-border-top-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    -webkit-border-top-left-radius: var(--bs-pagination-border-radius) !important;
    border-top-left-radius: var(--bs-pagination-border-radius) !important;
    -webkit-border-bottom-left-radius: var(--bs-pagination-border-radius) !important;
    border-bottom-left-radius: var(--bs-pagination-border-radius) !important;
}

[dir="rtl"] .breadcrumb-item:not(:last-child) {
    margin-left: 0.5rem;
}

[dir="rtl"] .breadcrumb-item:not(.active)::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "https://templates.iqonic.design/");
}

[dir="rtl"] .breadcrumb-item.active::before {
    content: "" !important;
}

[dir="rtl"] .search-input span {
    padding-left: 1rem !important;
}

[dir="rtl"] .alert-dismissible {
    padding-right: 13px;
}

    [dir="rtl"] .alert-dismissible .btn-close {
        right: unset;
        left: 0;
    }

.flatpickr-day {
    -webkit-border-radius: 150px !important;
    border-radius: 150px !important;
}

@media (max-width: 767.98px) {
    .fc-toolbar {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .fc-toolbar .fc-left {
            margin-bottom: 1rem;
        }

        .fc-toolbar .fc-right .fc-button-group {
            margin-top: 1rem;
        }
}

.fc-button {
    text-transform: capitalize !important;
}

[data-bs-theme="light"] .custom-accordion .accordion-button,
[data-bs-theme="light"] .custom-accordion .accordion-collapse {
    background: #fff !important;
}

[data-bs-theme="dark"] .custom-accordion .accordion-button,
[data-bs-theme="dark"] .custom-accordion .accordion-collapse {
    background: #000 !important;
}

.fc-unthemed .fc-toolbar .fc-button {
    background: #eff7f8 !important;
    color: #089bab;
    border: none;
    text-transform: capitalize;
    border-radius: 25px;
    -webkit-border-radius: 25px;
}

.fc-button-group > .fc-button:not(:last-child) {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-button-group > .fc-button:not(:first-child) {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-unthemed .fc-toolbar .fc-button.fc-button-active,
.fc-unthemed .fc-toolbar .fc-button:active,
.fc-unthemed .fc-toolbar .fc-button:focus {
    color: #fff !important;
    background-color: #089bab !important;
}

.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active,
.fc-button-primary:hover {
    color: #089bab !important;
    background-color: #0aab93 !important;
    border-color: #099681 !important;
}

[data-bs-theme="dark"] .list-group-item-action:hover,
.list-group-item-action:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
}

.sign-in-page {
    height: 100%;
}

.sign-in-detail {
    padding: 100px;
    height: 52rem;
    -webkit-border-radius: 40px;
    border-radius: 40px;
}

.sign-in-logo {
    display: inline-block;
    width: 100%;
}

    .sign-in-logo img {
        height: 100px;
    }

.sign-in-from {
    padding: 20px 60px;
    -webkit-border-radius: 37px;
    border-radius: 37px;
    position: absolute;
    top: 10%;
    height: 40rem;
    left: 0;
    right: 0;
    background: var(--bs-gray-900);
}

.sign-info {
    border-top: 1px solid #cdd1f3;
    margin-top: 30px;
    padding-top: 20px;
}

.sign-in-page .sign-in-page-bg {
    position: relative;
    overflow: hidden;
}

    .sign-in-page .sign-in-page-bg::after {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 270px;
        z-index: 1;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        background: -webkit-gradient(linear, left top, right top, from(rgb(8, 155, 171)), to(rgb(13, 181, 200)));
        background: -webkit-linear-gradient(left, rgb(8, 155, 171) 0%, rgb(13, 181, 200) 100%);
        background: -o-linear-gradient(left, rgb(8, 155, 171) 0%, rgb(13, 181, 200) 100%);
        background: linear-gradient(to right, rgb(8, 155, 171) 0%, rgb(13, 181, 200) 100%);
    }

.auth-social-media li a {
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    display: inline-block;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #eff7f8;
    color: #089bab !important;
}

.auth-social-media {
    margin: 0;
    padding: 0;
    float: right;
}

    .auth-social-media li {
        list-style: none;
        float: left;
        margin-right: 10px;
    }

@media (max-width: 767px) {
    .sign-in-from {
        position: static !important;
        padding: 20px !important;
    }

    .sign-in-page .sign-in-page-bg::after {
        right: 0;
    }

    [dir="rtl"] .sign-in-page .sign-in-page-bg::after {
        left: 0 !important;
        right: 0;
    }

    .sign-in-detail {
        padding: 50px 20px !important;
        height: 100% !important;
    }
}

@media (max-width: 1699px) {
    .sign-in-detail {
        height: 100%;
    }
}

@media (max-width: 1199px) {
    .sign-in-detail {
        padding: 100px 50px;
    }
}

@media (max-width: 992px) {
    .sign-in-from {
        padding: 20px !important;
    }
}

[dir="rtl"] .owl-carousel {
    direction: ltr;
}

[dir="rtl"] .sign-in-page .sign-in-page-bg::after {
    right: 0;
    left: 270px;
}

[dir="rtl"] .iq-email-content {
    right: 18.75rem;
    left: 0;
}

    [dir="rtl"] .iq-email-content .iq-email-subject {
        right: 0;
        left: 6.875rem;
    }

    [dir="rtl"] .iq-email-content .iq-email-date {
        left: 1.25rem;
        right: unset;
        text-align: left;
        padding-right: 0.625rem;
        padding-left: unset;
    }

[dir="rtl"] .iq-email-sender-list .iq-social-media {
    left: -14.688rem;
    right: unset;
}

[dir="rtl"] .iq-social-media {
    float: left;
}

[dir="rtl"] .list-inline {
    padding-right: 0;
}

[dir="rtl"] .email-app-details {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    right: auto;
    left: 0;
}

    [dir="rtl"] .email-app-details.show {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

[dir="rtl"] .iq-email-sender-info .iq-star-toggle {
    float: right;
    margin-right: 0.625rem;
    margin-left: unset;
}

[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: unset;
}

[dir="rtl"] .iq-email-sender-info .iq-email-title {
    right: 5.313rem;
    left: 0;
}

[dir="rtl"] .iq-email-listbox .iq-email-sender-list li:hover .iq-social-media {
    left: -1.25rem;
    right: unset;
}

[dir="rtl"] .iq-email-sender-info .iq-checkbox-mail {
    float: right;
}

.iq-height {
    height: 50.2rem !important;
    overflow-y: scroll !important;
}

.flatpickr-day.nextMonthDay,
.flatpickr-day.prevMonthDay {
    color: #ababab !important;
}

.apexcharts-menu-item {
    padding: 6px 6px !important;
}

.custom-toggels > .flex-column > p {
    color: var(--bs-heading-color);
}

label.iq-active {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .ri-add-line.btn:hover {
    color: #787d76;
}

[data-bs-theme="dark"] .apexcharts-menu {
    background: var(--bs-gray-900);
}

[data-bs-theme="dark"] select option {
    background: var(--bs-gray-900) !important;
}

[data-bs-theme="dark"] .apexcharts-yaxistooltip {
    background: var(--bs-body-bg) !important;
    color: var(--bs-heading-color) !important;
}

[data-bs-theme="dark"] .list-group .list-group-item.list-group-item-light {
    background-color: #a1a1a1;
    border: #a1a1a1;
    color: #fff;
}

[data-bs-theme="dark"] #SvgjsText2167 {
    fill: #fff;
}

[data-bs-theme="dark"] .btn-close {
    -webkit-filter: none !important;
    filter: none !important;
}

[dir="rtl"] .apexcharts-tooltip-marker {
    margin-left: 5px !important;
}

[dir="rtl"] .dropdown .dropdown-menu.dropdown-menu-end.iq-dropdown.show {
    margin-right: -8rem !important;
}

    [dir="rtl"] .dropdown .dropdown-menu.dropdown-menu-end.iq-dropdown.show a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

[dir="rtl"] #datatable_filter,
[dir="rtl"] #column-hidden-datatable_filter,
[dir="rtl"] #input-datatable_filter,
[dir="rtl"] #multi-language-datatable_filter.dataTables_filter {
    float: inline-end !important;
}

[dir="rtl"] .was-validated .form-control:invalid {
    padding-right: calc(1.5em + 1.9rem) !important;
}

[dir="rtl"] .iq-check .ri-check-line {
    margin: 0;
    padding: 0;
    line-height: 1;
}

[dir="rtl"] .iq-check {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 576px) {
    .navbar-collapse div div li:nth-child(1).dropdown #notification-drop + .dropdown-menu-end {
        margin-right: -9rem;
    }

    [dir="rtl"] .navbar-collapse div div li:nth-child(1).dropdown #notification-drop + .dropdown-menu-end {
        margin-left: -9rem;
    }

    .form-control.form-control-sm {
        margin-top: 10px !important;
    }

    .toast-container {
        --bs-toast-zindex: 600;
    }
}

@media (max-width: 900px) {
    aside.sidebar {
        z-index: 1000;
    }
}

.patient-steps2 .progress-round.patient-progress {
    border-color: #ffb7af !important;
}

#chart-8 .apexcharts-tooltip-text-y-label,
#chart-7 .apexcharts-tooltip-text-y-label {
    color: rgba(0, 0, 0, 0);
}

    #chart-8 .apexcharts-tooltip-text-y-label::before,
    #chart-7 .apexcharts-tooltip-text-y-label::before {
        z-index: 999;
        margin-top: 1px !important;
        position: absolute;
        content: "Series-1:";
        color: gray;
        display: block;
    }

#chart-8 .apexcharts-tooltip-text-y-value,
#chart-7 .apexcharts-tooltip-text-y-value {
    position: relative;
    padding-top: 1px !important;
    margin-left: 10px !important;
}

#chart-8 .apexcharts-tooltip-y-group,
#chart-7 .apexcharts-tooltip-y-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

[data-bs-theme="dark"] #echart-radar > div:nth-of-type(2) {
    background-color: var(--bs-gray-900) !important;
    color: #fff !important;
}

    [data-bs-theme="dark"] #echart-radar > div:nth-of-type(2) div > div:first-child {
        color: #fff !important;
    }

    [data-bs-theme="dark"] #echart-radar > div:nth-of-type(2) div > div:nth-child(2) > div > span:nth-of-type(2),
    [data-bs-theme="dark"] #echart-radar > div:nth-of-type(2) div > div:nth-child(2) > div > span:nth-of-type(3) {
        color: #fff !important;
    }

[data-bs-theme="dark"] .text-dark,
[data-bs-theme="dark"] .text-black-50 {
    color: #fff !important;
}

@media (min-width: 1020px) {
    [dir="rtl"] :root {
        --swiper-button-right: 78vw;
    }

    [dir="rtl"] .iqonic-navigation .swiper-button-next {
        right: var(--swiper-button-right);
    }
}

@media (min-width: 768px) and (max-width: 1020px) {
    [dir="rtl"] .iqonic-navigation .swiper-button-next {
        right: 55rem;
    }
}

@media (min-width: 342px) and (max-width: 768px) {
    [dir="rtl"] .iqonic-navigation .swiper-button-next {
        right: 22.5rem;
    }
}

@media (min-width: 342px) and (max-width: 768px) {
    .iq-inbox-subject-info {
        height: 43rem;
        overflow-y: scroll;
    }

    .custom-chart.leaflet-container {
        z-index: 885;
    }
}

.timeline0 li .timeline-dots1 {
    position: absolute;
    top: 0;
    left: 0;
    border: 3px solid #05bbc9;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    padding: 5px;
    background: #fff;
    height: 2.5rem;
    width: 2.5rem;
    line-height: 25px;
    text-align: center;
}

.timeline0:before {
    content: "";
    position: absolute;
    left: 17px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background-color: #ccc;
}

.timeline0 ul li:nth-child(odd) {
    float: left;
    text-align: left;
    width: 100%;
    padding: 0 0 0 60px;
    margin-bottom: 20px;
}

.timeline0 ul li {
    width: 50%;
    padding: 5px 30px 2.5rem 30px;
    cursor: pointer;
    margin: 0px;
}

.timeline0 li {
    margin-left: 2.188rem;
    position: relative;
    padding: 15px 15px 0 5px;
    list-style-type: none;
}

[dir="rtl"] .timeline0 li .timeline-dots1 {
    left: auto;
    right: 0;
}

[dir="rtl"] .timeline0:before {
    left: auto;
    right: 15px;
}

[dir="rtl"] .timeline0 ul li:nth-child(odd),
[dir="rtl"] .timeline0 ul li:nth-child(even) {
    float: right;
    text-align: right;
    padding: 0 60px 0 0;
}

.custom-chart {
    height: 450px !important;
}

@media (max-width: 576px) {
    .custom-chart {
        height: 300px !important;
    }
}

[data-bs-theme="dark"] #am-columnlinr-chart tspan,
[data-bs-theme="dark"] #am-simple-chart tspan,
[data-bs-theme="dark"] #am-stackedcolumn-chart tspan,
[data-bs-theme="dark"] #am-layeredcolumn-chart tspan,
[data-bs-theme="dark"] #am-layeredcolumn-chart tspan,
[data-bs-theme="dark"] #am-datedata-chart tspan,
[data-bs-theme="dark"] #am-barline-chart tspan,
[data-bs-theme="dark"] #am-zoomable-chart tspan,
[data-bs-theme="dark"] #am-linescrollzomm-chart tspan,
[data-bs-theme="dark"] #am-polarscatter-chart tspan,
[data-bs-theme="dark"] #am-radar-chart tspan,
[data-bs-theme="dark"] #am-3dpie-chart tspan,
[data-bs-theme="dark"] #am-polar-chart tspan {
    fill: #fff;
}

#SvgjsG2217 {
    -webkit-transform: translate(-56px, 3px);
    -ms-transform: translate(-56px, 3px);
    transform: translate(-56px, 3px);
}

[data-bs-theme="dark"] #SvgjsText1004,
[data-bs-theme="dark"] #SvgjsText2214,
[data-bs-theme="dark"] #SvgjsText2551 {
    fill: #fff;
}

#SvgjsSvg8979 {
    height: 450px !important;
}

@media (max-width: 480px) {
    .apexcharts-toolbar .apexcharts-menu-open .apexcharts-menu-item {
        padding: 0px !important;
    }
}

#SvgjsCircle1522 {
    fill: #e64141;
}

.iq-icons-list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .iq-icons-list i {
        text-align: center;
        vertical-align: middle;
        font-size: 22px;
        float: left;
        width: 40px;
        height: 50px;
        line-height: 50px;
        margin-right: 10px;
        display: inline-block;
    }

    .iq-icons-list .icon {
        text-align: center;
        vertical-align: middle;
        font-size: 22px;
        width: 40px;
        height: 40px;
        line-height: 50px;
        margin-right: 10px;
        display: inline-block;
    }

.offcanvas.live-customizer {
    -webkit-box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);
    border: 0;
}

    .offcanvas.live-customizer .btn.btn-border {
        color: var(--bs-body-color);
        border-color: var(--bs-border-color);
    }

        .offcanvas.live-customizer .btn.btn-border:hover {
            color: var(--bs-primary);
            border-color: var(--bs-primary);
        }

        .offcanvas.live-customizer .btn.btn-border:active {
            color: var(--bs-primary);
            border-color: var(--bs-primary);
        }

        .offcanvas.live-customizer .btn-check:checked + .btn.btn-border,
        .offcanvas.live-customizer .btn-check:active + .btn.btn-border,
        .offcanvas.live-customizer .btn.btn-border:active,
        .offcanvas.live-customizer .btn.btn-border.active {
            color: var(--bs-white);
            border-color: var(--bs-primary);
        }

            .offcanvas.live-customizer .btn-check:checked + .btn.btn-border.bg-transparent,
            .offcanvas.live-customizer .btn-check:active + .btn.btn-border.bg-transparent,
            .offcanvas.live-customizer .btn.btn-border:active.bg-transparent,
            .offcanvas.live-customizer .btn.btn-border.active.bg-transparent {
                color: var(--bs-primary);
            }

@media (min-width: 768px) {
    .offcanvas.live-customizer {
        width: 450px;
    }

    .theme-fs-lg .offcanvas.live-customizer {
        width: 500px;
    }
}

.wrapper {
    /*background: var(--bs-primary);*/
    -webkit-transition: all 400ms ease !important;
    -o-transition: all 400ms ease !important;
    transition: all 400ms ease !important;
}

    .wrapper:has(> .sidebar-white) {
        background: var(--bs-gray-900);
    }

    .wrapper:has(> .sidebar-dark) {
        background: #000;
    }

.content-page {
    margin-left: 243px;
    overflow: hidden;
    padding: 97px 2px 0;
    min-height: 100vh;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background: #eff7f8;
    -webkit-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px;
}

@media (max-width: 768px) {
    .content-page {
        padding: 133px 15px 0;
    }
}

.sidebar.sidebar-hover:hover.sidebar-mini + .main-content {
    margin-left: 18.67rem;
}

@media (max-width: 992px) {
    .sidebar.sidebar-hover:hover.sidebar-mini + .main-content {
        margin-left: 0;
    }
}

.logo-main span {
    font-size: 28px;
}

.sidebar.sidebar-mini .logo-normal {
    opacity: unset !important;
}

.sidebar .logo-main .logo-normal {
    height: 45px !important;
}

.main-circle {
    font-size: 30px;
}

.sidebar-hover .main-circle {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.sidebartab1.sidebar-hover .main-circle {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sidebartab1.sidebar-hover.sidebar-mini .main-circle {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.iq-navbar {
    top: 0;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

    .iq-navbar .form-control:focus {
        border-color: var(--bs-border-color);
    }

    .iq-navbar .form-control {
        -webkit-border-radius: 10px 0px 0px 10px !important;
        border-radius: 10px 0px 0px 10px !important;
    }

    .iq-navbar .input-group-text {
        -webkit-border-radius: 0px 10px 10px 0px !important;
        border-radius: 0px 10px 10px 0px !important;
    }

    .iq-navbar .form-control {
        background: var(--bs-body-bg);
    }

[data-bs-theme="dark"] .iq-navbar .form-control,
[data-bs-theme="dark"] .iq-navbar .input-group-text {
    background-color: var(--bs-gray-100);
}

.iq-navbar .input-group-text {
    background: var(--bs-body-bg);
}

@media (max-width: 992px) {
    .content-page {
        margin-left: 0;
        -webkit-border-radius: 25px;
        border-radius: 25px;
    }
}

.iq-navbar {
    position: fixed;
    top: 0 !important;
    margin: 20px 1px;
    left: 20.6rem;
    right: 25px;
    -webkit-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease;
    -webkit-transition: all 0.45s ease 0s;
    -o-transition: all 0.45s ease 0s;
    transition: all 0.45s ease 0s;
}

.sidebar.sidebar-hover:hover + .content-page .iq-navbar {
    left: 20.6rem;
}

.sidebar-mini + .content-page .iq-navbar {
    left: 6.7rem;
}

@media (max-width: 992px) {
    .iq-navbar {
        left: 2rem;
        right: 15px;
    }

    .search-width {
        width: 100%;
    }

    .sidebar-mini + main .iq-navbar {
        left: 2rem !important;
    }

    .sidebar-mini + .content-page .iq-navbar {
        left: 1rem !important;
    }

    .sidebar.sidebar-hover:hover + .content-page .iq-navbar {
        left: 1rem !important;
    }

    .sidebar.sidebar-hover:hover + .content-page .fixed-header.iq-navbar {
        left: 0rem !important;
    }

    .sidebar-mini + .content-page .fixed-header.iq-navbar {
        left: 0 !important;
    }
}

.fixed-header.iq-navbar {
    top: 0;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.sidebar.sidebar-hover:hover + .content-page .fixed-header.iq-navbar {
    left: 18.6rem;
}

.fixed-header.iq-navbar {
    -webkit-transition: left 0.3s ease, right 0.3s ease, margin 0.3s ease;
    -o-transition: left 0.3s ease, right 0.3s ease, margin 0.3s ease;
    transition: left 0.3s ease, right 0.3s ease, margin 0.3s ease;
    left: 18.6rem;
    right: 0px;
    margin: 0px;
}

.sidebar-mini + .content-page .fixed-header.iq-navbar {
    left: 4.8rem;
}

@media (max-width: 992px) {
    .fixed-header.iq-navbar {
        left: 0px !important;
    }

    .sidebar-mini + .content-page .fixed-header.iq-navbar {
        left: 0rem !important;
    }
}

[data-bs-theme="dark"] .content-page {
    background-color: var(--bs-body-bg);
}

.sidebar-color .main-circle,
.sidebar-color .brand-name {
    color: #fff;
}

[dir="rtl"] .iq-navbar {
    position: fixed;
    top: 0 !important;
    margin: 20px 1px;
    left: 29px !important;
    right: 20.6rem;
    -webkit-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease;
    -webkit-transition: all 0.45s ease 0s;
    -o-transition: all 0.45s ease 0s;
    transition: all 0.45s ease 0s;
}

[dir="rtl"] body .sidebar-hover:hover + main.content-page {
    margin-left: unset !important;
}

[dir="rtl"] .sidebar.sidebar-hover:hover.sidebar-mini + .content-page {
    margin-right: 18.67rem;
}

@media (min-width: 1300px) {
    [dir="rtl"] .sidebartab + .content-page {
        margin-left: 62px;
        -webkit-border-radius: 0px 25px 25px 0px;
        border-radius: 0px 25px 25px 0px;
    }
}

[dir="rtl"] .content-page {
    -webkit-border-radius: 0px 25px 25px 0px;
    border-radius: 0px 25px 25px 0px;
    margin-right: 243px;
}

[dir="rtl"] .sidebartab.sidebar-hover:hover + main.content-page {
    margin-left: 0px !important;
    margin-right: 243px;
}

[dir="rtl"] .sidebar-mini + .content-page .iq-navbar {
    right: 6.5rem;
}

[dir="rtl"] .sidebar-hover:hover + .content-page .iq-navbar {
    right: 20.6rem !important;
}

[dir="rtl"] .sidebar-hover:hover + .content-page .fixed-header.iq-navbar {
    right: 18.6rem !important;
}

[dir="rtl"] .sidebar-mini + .content-page .fixed-header.iq-navbar {
    left: 0rem !important;
    right: 4.8rem !important;
}

[dir="rtl"] .fixed-header.iq-navbar {
    right: 18.6rem;
    left: 0rem !important;
    margin: unset !important;
}

@media (max-width: 992px) {
    [dir="rtl"] .sidebar-mini + .content-page .iq-navbar {
        right: 1rem;
    }

    [dir="rtl"] .content-page {
        -webkit-border-radius: 25px;
        border-radius: 25px;
    }

    [dir="rtl"] .iq-navbar {
        right: 1rem;
        left: 1rem !important;
    }

    [dir="rtl"] .sidebar-mini + .content-page .fixed-header.iq-navbar,
    [dir="rtl"] .fixed-header.iq-navbar {
        right: 0rem !important;
    }

    [dir="rtl"] .sidebar.sidebar-hover:hover + .content-page .iq-navbar {
        right: 1rem !important;
    }

    [dir="rtl"] .sidebar.sidebar-hover:hover + .content-page .fixed-header.iq-navbar {
        right: 0rem !important;
    }

    [dir="rtl"] .sidebar-mini + .content-page .fixed-header.iq-navbar {
        right: 0 !important;
    }

    [dir="rtl"] .sidebartab.sidebar-hover:hover + main.content-page {
        margin-right: unset !important;
    }

    [dir="rtl"] .sidebar.sidebar-hover:hover.sidebar-mini + .content-page {
        margin-right: unset;
    }
}

.nav-item.active .sub-nav .nav-link {
    color: #777d74 !important;
}

.sidebar-white .nav-item.active .sub-nav .nav-link,
.sidebar-dark .nav-item.active .sub-nav .nav-link {
    color: #fff !important;
}

.nav-item.active .colors {
    background-color: var(--bs-primary);
    -webkit-border-radius: 2rem !important;
    border-radius: 2rem !important;
    color: #fff;
}

.sidebar.sidebar-default .colors .sub-nav .nav-link.active {
    background-color: unset !important;
}

.sidebar.sidebar-default .colors .sub-nav .nav-link.active {
    background-color: unset !important;
}

.nav-item.active .colors .sub-nav .nav-link.active {
    background: var(--bs-primary-bg-subtle) !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

.nav-item.active .colors .sub-nav:not(.show) .nav-link.active {
    background: unset !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

.navs-pill-all.sidebar-color .nav-item.active .colors {
    background-color: #fff !important;
    -webkit-border-radius: 2rem !important;
    border-radius: 2rem !important;
}

.navs-rounded.sidebar-color .nav-item.active .colors {
    background-color: #fff !important;
    -webkit-border-radius: 0px 2rem 2rem 0px !important;
    border-radius: 0px 2rem 2rem 0px !important;
}

.navs-rounded-all.sidebar-color .nav-item.active .colors {
    background-color: #fff !important;
    -webkit-border-radius: 2rem 2rem 1rem 1rem !important;
    border-radius: 2rem 2rem 1rem 1rem !important;
}

.navs-pill.sidebar-color .nav-item.active .colors {
    background-color: #fff !important;
    -webkit-border-radius: 0px 2rem 2rem 0px !important;
    border-radius: 0px 2rem 2rem 0px !important;
}

[data-bs-theme="dark"] .sidebar .logo-main .logo-normal {
    opacity: 1 !important;
    visibility: unset !important;
}

.sidebar.sidebar-dark .logo-main .logo-normal,
.sidebar.sidebar-color .logo-main .logo-normal {
    opacity: 1 !important;
    visibility: unset !important;
}

.sidebar.sidebar-hover.sidebar-mini.sidebar-dark:hover .logo-normal {
    visibility: unset !important;
}

.iq-navbar .navbar-collapse {
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.bg-primary-linear {
    background: -webkit-gradient(linear, left top, right top, from(rgb(8, 155, 171)), to(rgb(13, 181, 200)));
    background: -webkit-linear-gradient(left, rgb(8, 155, 171) 0%, rgb(13, 181, 200) 100%);
    background: -o-linear-gradient(left, rgb(8, 155, 171) 0%, rgb(13, 181, 200) 100%);
    background: linear-gradient(to right, rgb(8, 155, 171) 0%, rgb(13, 181, 200) 100%);
}

.bg-info-linear {
    background: -webkit-gradient(linear, left top, right top, from(rgb(2, 209, 255)), to(rgb(97, 226, 252)));
    background: -webkit-linear-gradient(left, rgb(2, 209, 255) 0%, rgb(97, 226, 252) 100%);
    background: -o-linear-gradient(left, rgb(2, 209, 255) 0%, rgb(97, 226, 252) 100%);
    background: linear-gradient(to right, rgb(2, 209, 255) 0%, rgb(97, 226, 252) 100%);
}

.bg-secondary-linear {
    background: -webkit-gradient(linear, left top, right top, from(rgb(120, 125, 118)), to(rgb(171, 171, 171)));
    background: -webkit-linear-gradient(left, rgb(120, 125, 118) 0%, rgb(171, 171, 171) 100%);
    background: -o-linear-gradient(left, rgb(120, 125, 118) 0%, rgb(171, 171, 171) 100%);
    background: linear-gradient(to right, rgb(120, 125, 118) 0%, rgb(171, 171, 171) 100%);
}

.bg-success-linear {
    background: -webkit-gradient(linear, left top, right top, from(rgb(49, 192, 44)), to(rgb(87, 222, 83)));
    background: -webkit-linear-gradient(left, rgb(49, 192, 44) 0%, rgb(87, 222, 83) 100%);
    background: -o-linear-gradient(left, rgb(49, 192, 44) 0%, rgb(87, 222, 83) 100%);
    background: linear-gradient(to right, rgb(49, 192, 44) 0%, rgb(87, 222, 83) 100%);
}

.bg-danger-linear {
    background: -webkit-gradient(linear, left top, right top, from(rgb(216, 74, 69)), to(rgb(242, 99, 97)));
    background: -webkit-linear-gradient(left, rgb(216, 74, 69) 0%, rgb(242, 99, 97) 100%);
    background: -o-linear-gradient(left, rgb(216, 74, 69) 0%, rgb(242, 99, 97) 100%);
    background: linear-gradient(to right, rgb(216, 74, 69) 0%, rgb(242, 99, 97) 100%);
}

.bg-warning-linear {
    background: -webkit-gradient(linear, left top, right top, from(rgb(252, 158, 91)), to(rgb(255, 182, 126)));
    background: -webkit-linear-gradient(left, rgb(252, 158, 91) 0%, rgb(255, 182, 126) 100%);
    background: -o-linear-gradient(left, rgb(252, 158, 91) 0%, rgb(255, 182, 126) 100%);
    background: linear-gradient(to right, rgb(252, 158, 91) 0%, rgb(255, 182, 126) 100%);
}

.bg-light-linear {
    background: -webkit-gradient(linear, left top, right top, from(rgb(233, 238, 244)), to(rgb(238, 245, 253)));
    background: -webkit-linear-gradient(left, rgb(233, 238, 244) 0%, rgb(238, 245, 253) 100%);
    background: -o-linear-gradient(left, rgb(233, 238, 244) 0%, rgb(238, 245, 253) 100%);
    background: linear-gradient(to right, rgb(233, 238, 244) 0%, rgb(238, 245, 253) 100%);
}

.navs-pill-all .nav-item.active .colors .sub-nav li:last-child .nav-link.active {
    -webkit-border-radius: 0px 0px 15px 15px !important;
    border-radius: 0px 0px 15px 15px !important;
}

.navs-rounded .nav-item.active .colors .sub-nav li:last-child .nav-link.active {
    -webkit-border-radius: 0px 0px 15px 0px !important;
    border-radius: 0px 0px 15px 0px !important;
}

.navs-rounded-all .nav-item.active .colors .sub-nav li:last-child .nav-link.active {
    -webkit-border-radius: 0px 0px 15px 15px !important;
    border-radius: 0px 0px 15px 15px !important;
}

.navs-pill .nav-item.active .colors .sub-nav li:last-child .nav-link.active {
    -webkit-border-radius: 0px 0px 20px 0px !important;
    border-radius: 0px 0px 20px 0px !important;
}

.content-bg {
    background: var(--bs-body-bg);
}

@media (min-width: 1800px) {
    .container-box.iq-navbar {
        left: 30.6rem;
        right: 12rem;
    }

    .sidebar-mini + .content-page .container-box.iq-navbar {
        left: 23.6rem;
        right: 18.9rem;
    }

    .sidebar.sidebar-hover:hover + .content-page .container-box.iq-navbar {
        left: 30.6rem;
        right: 12rem;
    }

    .container-box.fixed-header.iq-navbar,
    .sidebar.sidebar-hover:hover + .content-page .container-box.fixed-header.iq-navbar {
        left: 18.6rem;
        right: 0rem;
    }

    .sidebar-mini + .content-page .container-box.fixed-header.iq-navbar {
        left: 4.7rem;
        right: 0rem;
    }

    [dir="rtl"] .container-box.iq-navbar {
        left: 12rem !important;
        right: 30.6rem;
    }

    [dir="rtl"] .sidebar-mini + .content-page .container-box.iq-navbar {
        left: 18.9rem !important;
        right: 23.6rem;
    }

    [dir="rtl"] .sidebar.sidebar-hover:hover + .content-page .container-box.iq-navbar {
        left: 12rem !important;
        right: 30.6rem !important;
    }

    [dir="rtl"] .container-box.fixed-header.iq-navbar,
    [dir="rtl"] .sidebar.sidebar-hover:hover + .content-page .container-box.fixed-header.iq-navbar {
        left: 0rem !important;
        right: 18.6rem !important;
    }

    [dir="rtl"] .sidebar-mini + .content-page .container-box.fixed-header.iq-navbar {
        left: 0rem !important;
        right: 4.7rem !important;
    }
}

@media (min-width: 1600px) and (max-width: 1800px) {
    .container-box.iq-navbar {
        left: 23.6rem;
        right: 5rem;
    }

    .sidebar-mini + .content-page .container-box.iq-navbar {
        left: 16rem;
        right: 11.1rem;
    }

    .sidebar.sidebar-hover:hover + .content-page .container-box.iq-navbar {
        left: 23.6rem;
        right: 5rem;
    }

    .container-box.fixed-header.iq-navbar,
    .sidebar.sidebar-hover:hover + .content-page .container-box.fixed-header.iq-navbar {
        left: 18.6rem;
        right: 0rem;
    }

    .sidebar-mini + .content-page .container-box.fixed-header.iq-navbar {
        left: 4.7rem;
        right: 0rem;
    }

    [dir="rtl"] .container-box.iq-navbar {
        left: 5rem !important;
        right: 23.6rem;
    }

    [dir="rtl"] .sidebar-mini + .content-page .container-box.iq-navbar {
        left: 11.1rem !important;
        right: 16rem;
    }

    [dir="rtl"] .sidebar.sidebar-hover:hover + .content-page .container-box.iq-navbar {
        left: 5rem !important;
        right: 23.6rem !important;
    }

    [dir="rtl"] .container-box.fixed-header.iq-navbar,
    [dir="rtl"] .sidebar.sidebar-hover:hover + .content-page .container-box.fixed-header.iq-navbar {
        left: 0rem !important;
        right: 18.6rem !important;
    }

    [dir="rtl"] .sidebar-mini + .content-page .container-box.fixed-header.iq-navbar {
        left: 0rem !important;
        right: 4.7rem !important;
    }
}

.form-control {
    color: var(--bs-heading-color) !important;
    border: 1px solid var(--bs-border-color) !important;
}

.form-group label {
    color: var(--bs-heading-color);
}

.input-group-text {
    color: var(--bs-heading-color) !important;
    border: 1px solid var(--bs-border-color) !important;
}

.details .title {
    color: var(--bs-heading-color) !important;
}

[dir="rtl"] .footer-spacing {
    margin-right: 0.5rem !important;
}

.profile-avatar.status-online:before {
    background-color: #0abb78;
}

.profile-avatar:before {
    content: "";
    position: absolute;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 1;
    border: 2px solid #fff;
    background-color: #374948;
    height: 16px;
    width: 16px;
    right: 0;
    bottom: 3px;
}

.profile-avatar.status-away:before {
    background-color: #ffb820;
}

.iq-recent-activity .custom-alignment {
    -webkit-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
}

[data-bs-theme="dark"] .flatpickr-day:hover {
    color: #000 !important;
}

#patient-chart-1 .apexcharts-tooltip-marker {
    background-color: #089bab !important;
}

[data-bs-theme="dark"] .custom-dark-subtle-color {
    color: #fff !important;
    background-color: #000 !important;
}

[data-bs-theme="dark"] .custom-dark-subtle-list {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
}

[data-bs-theme="dark"] .alert-success {
    color: rgb(19.6, 76.8, 17.6) !important;
}

[data-bs-theme="dark"] .alert-info {
    color: rgb(3.2, 70.8, 74.4) !important;
}

[data-bs-theme="dark"] .alert-warning {
    color: rgb(96.4, 42.4, 10.8) !important;
}

[data-bs-theme="dark"] .alert-danger {
    color: rgb(94, 34.8, 34.8) !important;
}

[data-bs-theme="dark"] .list-group-item-primary:not(.list-group-item-action:hover) {
    color: rgb(3.2, 62, 68.4) !important;
}

[data-bs-theme="dark"] .list-group-item-secondary:not(.list-group-item-action:hover) {
    color: rgb(48, 50, 47.2) !important;
}

[data-bs-theme="dark"] .list-group-item-success:not(.list-group-item-action:hover) {
    color: rgb(19.6, 76.8, 17.6) !important;
}

[data-bs-theme="dark"] .list-group-item-danger:not(.list-group-item-action:hover) {
    color: rgb(94, 34.8, 34.8) !important;
}

[data-bs-theme="dark"] .list-group-item-warning:not(.list-group-item-action:hover) {
    color: rgb(96.4, 42.4, 10.8) !important;
}

[data-bs-theme="dark"] .list-group-item-info:not(.list-group-item-action:hover) {
    color: rgb(3.2, 70.8, 74.4) !important;
}

[data-bs-theme="dark"] .list-group-item-light:not(.list-group-item-action:hover) {
    color: #495057 !important;
}

[data-bs-theme="dark"] .bg-light {
    color: var(--bs-gray-900) !important;
}

[data-bs-theme="dark"] .btn-close {
    -webkit-filter: invert(1) !important;
    filter: invert(1) !important;
}

[dir="rtl"] #am-barline-chart [aria-label="Legend"] [aria-label="Income"],
[dir="rtl"] #am-barline-chart [aria-label="Legend"] [aria-label="Expenses"] {
    -webkit-transform: translate(-26px, 3px) !important;
    -ms-transform: translate(-26px, 3px) !important;
    transform: translate(-26px, 3px) !important;
}

[dir="rtl"] #am-simple-chart [role="region"] g text,
[dir="rtl"] #am-barline-chart [role="region"] g text,
[dir="rtl"] #am-linescrollzomm-chart [role="region"] g text {
    -webkit-transform: translate(15px, 0px) !important;
    -ms-transform: translate(15px, 0px) !important;
    transform: translate(15px, 0px) !important;
}

@media (min-width: 990px) {
    [dir="rtl"] #am-simple-chart [role="tooltip"]:is(:last-child) g > g > g > text,
    [dir="rtl"] #am-stackedcolumn-chart [role="tooltip"]:is(:last-child) g > g > g > text {
        -webkit-transform: translateX(80px) !important;
        -ms-transform: translateX(80px) !important;
        transform: translateX(80px) !important;
    }

    [dir="rtl"] #am-stackedcolumn-chart [role="tooltip"]:is(:nth-last-child(2)) g > g > g > text {
        -webkit-transform: translateX(105px) !important;
        -ms-transform: translateX(105px) !important;
        transform: translateX(105px) !important;
    }

    [dir="rtl"] #am-stackedcolumn-chart [role="tooltip"]:is(:nth-last-child(3)) g > g > g > text {
        -webkit-transform: translateX(55px) !important;
        -ms-transform: translateX(55px) !important;
        transform: translateX(55px) !important;
    }

    [dir="rtl"] #am-layeredcolumn-chart [role="tooltip"] g > g > g > text {
        -webkit-transform: translateX(215px) !important;
        -ms-transform: translateX(215px) !important;
        transform: translateX(215px) !important;
    }

    [dir="rtl"] #am-layeredcolumn-chart [role="tooltip"]:is(:last-child) g > g > g > text {
        -webkit-transform: translateX(35px) !important;
        -ms-transform: translateX(35px) !important;
        transform: translateX(35px) !important;
    }

    [dir="rtl"] #am-layeredcolumn-chart [role="tooltip"]:is(:nth-last-child(2)) g > g > g > text {
        -webkit-transform: translateX(30px) !important;
        -ms-transform: translateX(30px) !important;
        transform: translateX(30px) !important;
    }

    [dir="rtl"]
    #am-layeredcolumn-chart
    [role="region"]
    g > g > g > g > g > g:is(:last-child) > g > g > g > g:is(:nth-last-child(3)) > g
    g:nth-child(2) {
        -webkit-transform: translateX(85px);
        -ms-transform: translateX(85px);
        transform: translateX(85px);
    }

    [dir="rtl"]
    #am-layeredcolumn-chart
    [role="region"]
    g > g > g > g > g > g:is(:last-child) > g > g > g > g:is(:nth-last-child(3)) > g
    g:nth-child(3) {
        -webkit-transform: translateX(180px);
        -ms-transform: translateX(180px);
        transform: translateX(180px);
    }

    [dir="rtl"]
    #am-layeredcolumn-chart
    [role="region"]
    g > g > g > g > g > g:is(:last-child) > g > g > g > g:is(:nth-last-child(3)) > g
    g:nth-child(4) {
        -webkit-transform: translateX(320px);
        -ms-transform: translateX(320px);
        transform: translateX(320px);
    }

    [dir="rtl"]
    #am-layeredcolumn-chart
    [role="region"]
    g > g > g > g > g > g:is(:last-child) > g > g > g > g:is(:nth-last-child(3)) > g
    g:nth-child(5) {
        -webkit-transform: translateX(410px);
        -ms-transform: translateX(410px);
        transform: translateX(410px);
    }

    [dir="rtl"]
    #am-layeredcolumn-chart
    [role="region"]
    g > g > g > g > g > g:is(:last-child) > g > g > g > g:is(:nth-last-child(3)) > g
    g:nth-child(6) {
        -webkit-transform: translateX(520px);
        -ms-transform: translateX(520px);
        transform: translateX(520px);
    }

    [dir="rtl"]
    #am-layeredcolumn-chart
    [role="region"]
    g > g > g > g > g > g:is(:last-child) > g > g > g > g:is(:nth-last-child(3)) > g
    g:nth-child(7) {
        -webkit-transform: translateX(615px);
        -ms-transform: translateX(615px);
        transform: translateX(615px);
    }

    [dir="rtl"]
    #am-layeredcolumn-chart
    [role="region"]
    g > g > g > g > g > g > g > g:nth-child(2) > g > g > g > g:first-child > g > text {
        -webkit-transform: translate(115px, -10px);
        -ms-transform: translate(115px, -10px);
        transform: translate(115px, -10px);
    }

    [dir="rtl"]
    #am-layeredcolumn-chart
    [role="region"]
    g > g > g > g > g > g > g > g:nth-child(2) > g > g > g > g:nth-child(3) {
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }

    [dir="rtl"] #am-stackedcolumn-chart [role="group"] g > [role="switch"]:first-child > g:last-child > g:first-child {
        -webkit-transform: translateX(-55px);
        -ms-transform: translateX(-55px);
        transform: translateX(-55px);
    }

    [dir="rtl"] #am-stackedcolumn-chart [role="group"] g > [role="switch"]:nth-child(2) > g:last-child g:first-child {
        -webkit-transform: translate(-140px, -4px);
        -ms-transform: translate(-140px, -4px);
        transform: translate(-140px, -4px);
    }

    [dir="rtl"] #am-stackedcolumn-chart [role="group"] g > [role="switch"]:nth-child(2) > g:last-child g:nth-child(2) {
        -webkit-transform: translate(250px, 10px);
        -ms-transform: translate(250px, 10px);
        transform: translate(250px, 10px);
    }

    [dir="rtl"] #am-stackedcolumn-chart [role="group"] g > [role="switch"]:nth-child(3) > g:last-child g:first-child {
        -webkit-transform: translate(-120px, -4px);
        -ms-transform: translate(-120px, -4px);
        transform: translate(-120px, -4px);
    }

    [dir="rtl"] #am-stackedcolumn-chart [role="group"] g > [role="switch"]:nth-child(3) > g:last-child g:nth-child(2) {
        -webkit-transform: translate(230px, 10px);
        -ms-transform: translate(230px, 10px);
        transform: translate(230px, 10px);
    }

    [dir="rtl"] #am-datedata-chart div > svg > g > g > g > g > g:nth-child(4) > g > g > g > text {
        -webkit-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }

    [dir="rtl"] #am-datedata-chart div > svg > g > g > g > g > g:nth-child(5) > g > g > g > text {
        -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }

    [dir="rtl"] #am-zoomable-chart div > svg > g > g > g > g > g:nth-child(4) > g:nth-child(2) > g > g > text {
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }

    [dir="rtl"] #am-zoomable-chart div > svg > g > g > g > g > g:nth-child(5) > g:nth-child(2) > g > g > text {
        -webkit-transform: translateX(18px);
        -ms-transform: translateX(18px);
        transform: translateX(18px);
    }

    [dir="rtl"] #am-linescrollzomm-chart div > svg > g > g > g > g > g:nth-child(4) > g:nth-child(2) > g > g > text {
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }

    [dir="rtl"] #am-linescrollzomm-chart div > svg > g > g > g > g > g:nth-child(5) > g:nth-child(2) > g > g > text {
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
    }

    [dir="rtl"] #am-linescrollzomm-chart div > svg > g > g > g > g > g:nth-child(6) > g:nth-child(2) > g > g > text {
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
    }

    [dir="rtl"] #am-polarscatter-chart div > svg > g > g > g > g > g:nth-child(4) > g:nth-child(2) > g > g > text {
        -webkit-transform: translateX(25px);
        -ms-transform: translateX(25px);
        transform: translateX(25px);
    }

    [dir="rtl"] #am-polarscatter-chart [aria-label="Series #1"],
    [dir="rtl"] #am-polarscatter-chart [aria-label="Series #2"],
    [dir="rtl"] #am-polarscatter-chart [aria-label="Series #3"] {
        -webkit-transform: translate(-5px, 3px);
        -ms-transform: translate(-5px, 3px);
        transform: translate(-5px, 3px);
    }

    [dir="rtl"] #am-3dpie-chart [role="region"] g > g > g > g [role="group"] {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    [dir="rtl"] #am-3dpie-chart [role="region"] g > g > g [role="group"] {
        -webkit-transform: translateY(372px);
        -ms-transform: translateY(372px);
        transform: translateY(372px);
    }

        [dir="rtl"] #am-3dpie-chart [role="region"] g > g > g [role="group"] [role="switch"] > g:last-child > g > g {
            -webkit-transform: translateX(35px);
            -ms-transform: translateX(35px);
            transform: translateX(35px);
        }

        [dir="rtl"] #am-3dpie-chart [role="region"] g > g > g [role="group"] [role="switch"] > g:last-child > g:last-child {
            -webkit-transform: translate(-15px, 2px);
            -ms-transform: translate(-15px, 2px);
            transform: translate(-15px, 2px);
        }

    [dir="rtl"] #am-3dpie-chart div > svg > g > g > g > g > g:last-child > :last-child > g > g > text {
        -webkit-transform: translateX(175px);
        -ms-transform: translateX(175px);
        transform: translateX(175px);
    }

    [dir="rtl"] #am-3dpie-chart [aria-label="Belgium: 5.5%"] text {
        -webkit-transform: translateX(90px);
        -ms-transform: translateX(90px);
        transform: translateX(90px);
    }

    [dir="rtl"] #am-3dpie-chart [aria-label="UK: 9.0%"] text {
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }

    [dir="rtl"] #am-3dpie-chart [aria-label="Austria: 11.7%"] text {
        -webkit-transform: translateX(90px);
        -ms-transform: translateX(90px);
        transform: translateX(90px);
    }

    [dir="rtl"] #am-3dpie-chart [aria-label="Australia: 12.8%"] text {
        -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px);
    }

    [dir="rtl"] #am-3dpie-chart [aria-label="Germany: 15.1%"] text {
        -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px);
    }

    [dir="rtl"] #am-3dpie-chart [aria-label="Lithuania"] text {
        -webkit-transform: translateX(-35px);
        -ms-transform: translateX(-35px);
        transform: translateX(-35px);
    }

    [dir="rtl"] #am-3dpie-chart [aria-label="Germany"] text {
        -webkit-transform: translateX(-35px);
        -ms-transform: translateX(-35px);
        transform: translateX(-35px);
    }

    [dir="rtl"] #am-3dpie-chart [aria-label="Australia"] text {
        -webkit-transform: translateX(-35px);
        -ms-transform: translateX(-35px);
        transform: translateX(-35px);
    }

    [dir="rtl"] #am-3dpie-chart [aria-label="Austria"] text {
        -webkit-transform: translateX(-35px);
        -ms-transform: translateX(-35px);
        transform: translateX(-35px);
    }

    [dir="rtl"] #am-3dpie-chart [aria-label="UK"] text {
        -webkit-transform: translateX(-35px);
        -ms-transform: translateX(-35px);
        transform: translateX(-35px);
    }

    [dir="rtl"] #am-3dpie-chart [aria-label="Belgium"] text {
        -webkit-transform: translateX(-35px);
        -ms-transform: translateX(-35px);
        transform: translateX(-35px);
    }
}

[dir="rtl"] .rtl-date {
    direction: rtl !important;
    text-align: right !important;
    padding-left: 30px !important;
}

    [dir="rtl"] .rtl-date::-webkit-calendar-picker-indicator {
        position: absolute !important;
        left: 5px !important;
        right: auto !important;
        -webkit-transform: translateX(0%) !important;
        transform: translateX(0%) !important;
        pointer-events: none !important;
    }

.custom-auth-height {
    height: 100dvh !important;
}
/*# sourceMappingURL=maps/custom.min.css.map */