/*!
* 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: .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: .375rem .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: .25rem .5rem;
    margin-top: .125rem;
    margin-left: .25rem;
    color: rgba(110, 121, 144, .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: .25rem .5rem;
    font-weight: 600;
    color: #6e7990;
    border: 0
}

.bd-aside .btn .right-icon {
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    -o-transition: transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease, -webkit-transform .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: .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: .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 .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        -o-transition: visibility .3s ease-in-out, transform .3s ease-in-out;
        transition: visibility .3s ease-in-out, transform .3s ease-in-out;
        transition: visibility .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
        background: hsla(0, 0%, 100%, .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%, .6);
    -webkit-transition: opacity .2s linear, visibility .2s, width 2s ease-in;
    -o-transition: opacity .2s linear, visibility .2s, width 2s ease-in;
    transition: opacity .2s linear, visibility .2s, width 2s ease-in
}

.uisheet.screen-darken.active {
    z-index: 10;
    -webkit-transition: opacity .3s ease, width 0s;
    -o-transition: opacity .3s ease, width 0s;
    transition: opacity .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: .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, .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, .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: .125rem;
    border-radius: .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: #37517E;
    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: .5rem;
    border-radius: .5rem;
    margin-bottom: 20px
}

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

.nav-pills li a.active {
    color: #37517E;
    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: #37517E;
    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: .75rem 1rem;
    margin: 0 1.33rem 1.33rem .3rem;
    clear: both;
    word-break: break-word;
    color: #fff;
    background: #37517E;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 2px 4px 0 rgba(8, 155, 171, .6);
    box-shadow: 0 2px 4px 0 rgba(8, 155, 171, .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 .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 #37517E
}

.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: .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 .45s ease 0s;
    transition: all .45s ease 0s;
    -webkit-transition: all .45s ease 0s;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, .06);
    box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, .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 .45s ease 0s;
    transition: all .45s ease 0s;
    -webkit-transition: all .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 .45s ease 0s;
    transition: all .45s ease 0s;
    -webkit-transition: all .45s ease 0s;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, .06);
    box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, .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 .45s ease 0s;
    transition: all .45s ease 0s;
    -webkit-transition: all .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, .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: #37517E;
    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 .45s ease 0s;
        -o-transition: all .45s ease 0s;
        transition: all .45s ease 0s;
        -webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, .06);
        box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, .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 .45s ease 0s;
        -o-transition: all .45s ease 0s;
        transition: all .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: #37517E
    }

    .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 .938rem;
    margin: .625rem 1.25rem;
    text-decoration: none;
    border: 1px solid rgba(var(--bs-primary-rgb), 0.2);
    -webkit-border-radius: .5rem;
    border-radius: .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: .5rem;
    border-radius: .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, .2);
    border-color: #37517E
}

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

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

.stepwizard-row #confirm-tab.actives {
    background-color: rgba(241, 106, 27, .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: #37517E
}

.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 .938rem;
    margin: .625rem 1.25rem;
    text-decoration: none;
    border: 1px solid rgba(var(--bs-primary-rgb), 0.2);
    -webkit-border-radius: .5rem;
    border-radius: .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: .5rem;
    border-radius: .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, .2)
}

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

#top-tabbar-vertical li.active#payment a {
    background: rgba(241, 106, 27, .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: .75rem;
    margin: 0
}

#top-tabbar-vertical li#personal i {
    background: #eff7f8;
    color: #37517E
}

#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: .938rem;
    text-decoration: none;
    font-size: 1.125rem;
    -webkit-border-radius: .5rem;
    border-radius: .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: .5rem;
    border-radius: .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 .5s;
    -o-transition: all .5s;
    transition: all .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 .5s !important;
    -o-transition: all .5s !important;
    transition: all .5s !important;
    top: 1px !important
}

.custom-toggels .checkboxs:not(:checked) + .toggles {
    background: none !important;
    border: .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: .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: .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 .15s ease-in;
    -o-transition: all .15s ease-in;
    transition: all .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 .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background: #37517E;
    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 #37517E;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    padding: 5px;
    background: #fff
}

.timeline li .timeline-dots-fill {
    position: absolute;
    top: 20px;
    left: -23px;
    background: #37517E;
    -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: #37517E;
    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: .188rem;
    list-style-type: none;
    color: #6e7990;
    display: inline-block;
    width: 100%;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .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: .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: .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: .5rem;
    border-radius: .5rem;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .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: .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: .625rem;
    right: .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: .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: .938rem 1.25rem;
    border-top: 1px solid var(--bs-border-color);
    display: inline-block;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .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: .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: .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 .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.iq-email-sender-list .iq-social-media li {
    display: inline-block;
    margin-right: .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: .5rem;
    border-radius: .5rem;
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), 0.2)
}

.iq-inbox-details tr td {
    padding: .313rem .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: .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 .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .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: .5rem;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    cursor: pointer
}

.send-panel .bg-primary-subtle {
    -webkit-border-radius: .5rem;
    border-radius: .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: .313rem .313rem 0 0;
    border-radius: .313rem .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: .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: .938rem
    }

    .iq-subject-status {
        margin-top: .938rem
    }
}

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

[dir=rtl] .iq-subject-status {
    margin: 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: #37517E;
    -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 #37517E;
    -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: .5rem .5rem !important
}

.badge {
    padding: .3em .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: #37517E;
    background: #ceebee
}

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

.badge-primary {
    background: -webkit-gradient(linear, left top, right top, from(rgb(71,178,228)), to(rgb(55,81,126))) !important;
    background: -webkit-linear-gradient(left, rgb(71,178,228) 0%, rgb(55,81,126) 100%) !important;
    background: -o-linear-gradient(left, rgb(71,178,228) 0%, rgb(55,81,126) 100%) !important;
    background: linear-gradient(to right, rgb(71,178,228) 0%, rgb(55,81,126) 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: #37517E;
    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: .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 .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.navigation-on-hover:hover .swiper-buttons {
    opacity: 1;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .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: .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 .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: .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: #37517E;
    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: #37517E !important
}

.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:hover {
    color: #37517E !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(71,178,228)), to(rgb(55,81,126)));
    background: -webkit-linear-gradient(left, rgb(71,178,228) 0%, rgb(55,81,126) 100%);
    background: -o-linear-gradient(left, rgb(71,178,228) 0%, rgb(55,81,126) 100%);
    background: linear-gradient(to right, rgb(71,178,228) 0%, rgb(55,81,126) 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: #37517E !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: .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: .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 .625rem 1.875rem rgba(0, 0, 0, .1);
    box-shadow: 0 .625rem 1.875rem rgba(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 .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .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: 18px
}

.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: .5rem;
    border-radius: .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 .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease;
    -webkit-transition: all .45s ease 0s;
    -o-transition: all .45s ease 0s;
    transition: all .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 .3s ease, right .3s ease, margin .3s ease;
    -o-transition: left .3s ease, right .3s ease, margin .3s ease;
    transition: left .3s ease, right .3s ease, margin .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 .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease;
    -webkit-transition: all .45s ease 0s;
    -o-transition: all .45s ease 0s;
    transition: all .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(71,178,228)), to(rgb(55,81,126)));
    background: -webkit-linear-gradient(left, rgb(71,178,228) 0%, rgb(55,81,126) 100%);
    background: -o-linear-gradient(left, rgb(71,178,228) 0%, rgb(55,81,126) 100%);
    background: linear-gradient(to right, rgb(71,178,228) 0%, rgb(55,81,126) 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: .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: #37517E !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 */