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

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

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

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

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

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

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

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

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

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

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

.iq-scroller-effect {
  /* Scroll Track */
  /* Scroll Handle */
  /* Scroll Handle on hover */
}
.iq-scroller-effect ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
}
.iq-scroller-effect ::-webkit-scrollbar-track {
  background: var(--bs-body-bg);
  -webkit-border-radius: 20px;
          border-radius: 20px;
}
.iq-scroller-effect ::-webkit-scrollbar-thumb {
  background: var(--bs-border-color);
  -webkit-border-radius: 20px;
          border-radius: 20px;
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  cursor: pointer;
}
.iq-scroller-effect ::-webkit-scrollbar-thumb:hover {
  background: rgb(222.6, 226.2, 233.4);
  -webkit-border-radius: 20px;
          border-radius: 20px;
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

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

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

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

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

@media (max-width: 1367px) {
  .full-screen .container-fluid {
    padding: 0 2rem;
  }
}
@media (max-width: 767px) {
  .full-screen .container-fluid {
    padding: 0 2rem;
  }
}
.custom-form-field input[type=checkbox] {
  width: auto;
  margin-right: 10px;
  height: auto;
}

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

.auth-card {
  padding: 50px;
}

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

.main-img .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.main-img .container h1 {
  margin: 0;
  font-size: 4.375rem;
  color: #fff;
}
.main-img .container h1 span {
  padding: 0.375rem 0.875rem;
  display: inline-block;
}

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

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

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

/* Table of contents */
.bd-aside a {
  padding: 0.25rem 0.5rem;
  margin-top: 0.125rem;
  margin-left: 0.25rem;
  color: rgba(110, 121, 144, 0.95);
  text-decoration: none;
}
.bd-aside a:hover, .bd-aside a:focus {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
}
.bd-aside .active {
  font-weight: 600;
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary);
}
.bd-aside .btn {
  padding: 0.25rem 0.5rem;
  font-weight: 600;
  color: #6E7990;
  border: 0;
}
.bd-aside .btn .right-icon {
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  -o-transition: transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
.bd-aside .btn:hover, .bd-aside .btn:focus {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary);
}
.bd-aside .btn[aria-expanded=true] .right-icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

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

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

/* Layout */
@media (min-width: 1200px) {
  .body-class-1 {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 4fr 1fr;
    grid-template-rows: auto;
  }
  .bd-aside.sticky-xl-top {
    top: 2rem !important;
  }
  .bd-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    grid-column: 1/span 3;
  }
  .sticky-xl-top {
    z-index: 2;
  }
  .bd-cheatsheet, .bd-cheatsheet section, .bd-cheatsheet article {
    display: grid;
    gap: 2rem;
    grid-template-columns: 3fr 1fr;
    grid-column: span 2/span 2;
    grid-template-rows: auto;
  }
  .bd-aside {
    grid-area: 1/1;
    scroll-margin-top: 4rem;
  }
  .bd-cheatsheet section, .bd-cheatsheet section > .iq-side-content {
    top: 2rem;
    scroll-margin-top: 0;
  }
  .bd-cheatsheet article, .bd-cheatsheet .bd-heading {
    top: calc(7.2rem + 2rem);
    scroll-margin-top: calc(7.8rem + 2rem);
  }
  .bd-cheatsheet .bd-heading {
    z-index: 1;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bd-cheatsheet .bd-heading .card {
    margin-bottom: 0;
  }
  .bd-cheatsheet article .iq-document-card {
    margin-bottom: unset;
  }
  .bd-cheatsheet article .iq-document-card.iq-doc-head {
    margin-top: -8.8rem;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .mobile-offcanvas {
    width: 40% !important;
  }
}
@media (max-width: 767.98px) {
  .main-img .container h1 {
    font-size: 3.125rem;
  }
}
@media (max-width: 1199.98px) {
  .header .container {
    max-width: unset !important;
  }
  aside.mobile-offcanvas {
    margin-top: unset !important;
  }
  aside.mobile-offcanvas .offcanvas-header {
    display: block;
  }
  .body-class-1 {
    padding: unset;
  }
  .body-class-1.container {
    max-width: unset;
  }
  #content .iq-side-content .card {
    margin-top: 1.25rem;
  }
  .mobile-offcanvas {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-border-radius: 0;
            border-radius: 0;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 1200;
    width: 75%;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -o-transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    background: rgba(255, 255, 255, 0.8392156863);
    -webkit-backdrop-filter: blur(0.5rem);
            backdrop-filter: blur(0.5rem);
  }
  .mobile-offcanvas.show {
    visibility: visible;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .mobile-offcanvas .container, .mobile-offcanvas .container-fluid {
    display: block;
  }
}
@media (min-width: 1200px) {
  aside.mobile-offcanvas .offcanvas-header {
    display: none;
  }
  .bd-cheatsheet section .iq-side-content {
    grid-column-end: 3;
  }
  .bd-cheatsheet section .iq-side-content .card {
    margin-bottom: 0;
  }
}
body.offcanvas-active {
  overflow: hidden;
}

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

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

#back-to-top {
  display: inline !important;
}
#back-to-top .top {
  bottom: 1.563rem;
  right: 1.563rem;
  z-index: 999;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
#back-to-top .top svg {
  height: 50px;
  line-height: 50px;
  width: 50px;
  text-align: center;
  padding: 16px;
}

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

.top-1 {
  top: 1rem;
}

.elem-list {
  max-height: calc(80vh + 4rem);
  overflow: auto;
  /* Scroll Track */
  /* Scroll Handle */
  /* Scroll Handle on hover */
}
.elem-list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
}
.elem-list::-webkit-scrollbar-track {
  background: #fafafa;
  -webkit-border-radius: 10px;
          border-radius: 10px;
}
.elem-list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 10px;
          border-radius: 10px;
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  cursor: pointer;
}
.elem-list::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 10px;
          border-radius: 10px;
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  cursor: pointer;
}

.card .card-body .iq-media-group-1 .iq-media-1 {
  margin-left: -1.25rem;
  position: relative;
  z-index: 0;
}
.card .card-body .iq-media-group-1 .iq-media-1:hover {
  z-index: 9;
}
.card .card-body .iq-media-group-1 .iq-media-1 img {
  border: 2px solid #dbdfe7;
}
.card .card-body .iq-media-group-1 .iq-media-1:first-child {
  margin-left: 0;
}
.card .card-body .iq-media-1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;
  -webkit-border-radius: 0.125rem;
          border-radius: 0.125rem;
}
.card .card-body .iq-media-1:hover {
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

.iq-chat-ui li a.active {
  border-color: transparent;
}

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

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

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

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

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

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

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

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

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

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

.chat-detail {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.chat-searchbar {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

div#sidebar-toggle {
  display: none;
}

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

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

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

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

.sidebar-toggle {
  display: none;
}

@media screen and (max-width: 450px) {
  .chat-head header {
    overflow-x: scroll;
  }
}
@media screen and (max-width: 992px) {
  .cust-chat .sidebar-toggle {
    display: block !important;
  }
  .cust-chat .chat-data-left {
    position: absolute;
    left: 0;
    max-width: 320px;
    top: 0;
    z-index: 1000;
    background: #fff;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
    -webkit-transition: all 0.45s ease 0s;
    -o-transition: all 0.45s ease 0s;
    transition: all 0.45s ease 0s;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
            box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
    overflow-y: scroll;
    height: 100%;
  }
  .cust-chat .chat-data-left.show {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    -webkit-transition: all 0.45s ease 0s;
    -o-transition: all 0.45s ease 0s;
    transition: all 0.45s ease 0s;
  }
  .cust-chat ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 20px;
            border-radius: 20px;
  }
  .cust-chat .scroller::-webkit-scrollbar-thumb {
    background-color: #089bab;
  }
  .cust-chat .chat-sidebar-channel {
    height: unset !important;
  }
}
[data-bs-theme=dark] .cust-chat .chat-data-left {
  background: var(--bs-dark) !important;
}

@media screen and (max-width: 992px) {
  [dir=rtl] .cust-chat .chat-data-left {
    left: unset;
    right: 0;
  }
  [dir=rtl] .cust-chat .chat-data-left:not(.show) {
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
  }
  [dir=rtl] .sidebar-toggle {
    margin: 0 0 0 15px;
  }
  [dir=rtl] .iq-chat-ui {
    padding: 0 0 0 40px;
  }
}
.stepwizard-row a.btn {
  background: var(--bs-gray-900);
  color: #6E7990;
  font-size: 1.125rem;
  font-weight: 400;
  display: block;
  width: 20%;
  padding: 3.125rem 0.938rem;
  margin: 0.625rem 1.25rem;
  text-decoration: none;
  border: 1px solid rgba(var(--bs-primary-rgb), 0.2);
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.stepwizard-row a i {
  display: block;
  text-align: center;
  height: 4.063rem;
  width: 4.063rem;
  line-height: 4.063rem;
  font-size: 1.563rem;
  margin: 0 auto 1.25rem;
  background-color: rgba(var(--bs-primary-rgb), 0.2);
  color: var(--bs-primary);
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.stepwizard-row.active a {
  background-color: rgba(var(--bs-primary-rgb), 0.2);
  border-color: var(--bs-primary);
}
.stepwizard-row.active a i {
  background-color: var(--bs-gray-900);
}
.stepwizard-row #user-tab.actives {
  background-color: rgba(8, 155, 171, 0.2);
  border-color: #089bab;
}
.stepwizard-row #document-tab.actives {
  background-color: rgba(235, 87, 87, 0.2);
  border-color: #eb5757;
}
.stepwizard-row #bank-tab.actives {
  background-color: rgba(49, 192, 44, 0.2);
  border-color: #31c02c;
}
.stepwizard-row #confirm-tab.actives {
  background-color: rgba(241, 106, 27, 0.2);
  border-color: #f16a1b;
}

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

@media (max-width: 991.98px) {
  .stepwizard-row a.btn {
    width: 44%;
  }
}
@media (max-width: 767.98px) {
  .stepwizard-row a.btn {
    width: 100%;
  }
}
.stepwizard-row #user.active a {
  background: #eff7f8;
  border-color: #089bab;
}

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

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

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

#registration .form-control {
  background-color: transparent;
  border: 1px solid #d7dbda;
  -webkit-border-radius: 10px;
          border-radius: 10px;
}

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

#top-tabbar-vertical {
  overflow: hidden;
  color: #6E7990;
  margin: 0 -1.25rem 3.75rem;
}
#top-tabbar-vertical li {
  list-style-type: none;
  font-size: 1.125rem;
  width: 100%;
  float: left;
  position: relative;
  font-weight: 400;
}
#top-tabbar-vertical li a {
  background: var(--bs-gray-900);
  display: block;
  padding: 1.25rem 0.938rem;
  margin: 0.625rem 1.25rem;
  text-decoration: none;
  border: 1px solid rgba(var(--bs-primary-rgb), 0.2);
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
#top-tabbar-vertical li a i {
  display: inline-block;
  text-align: center;
  height: 3.125rem;
  width: 3.125rem;
  line-height: 3.125rem;
  font-size: 1.25rem;
  margin: 0 1.25rem 0 0;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
#top-tabbar-vertical li.active a {
  border-color: transparent;
}
#top-tabbar-vertical li.active a i {
  background: var(--bs-gray-900);
}
#top-tabbar-vertical li.active#personal a {
  background: rgba(var(--bs-primary-rgb), 0.2);
}
#top-tabbar-vertical li.active#contact a {
  background: rgba(235, 87, 87, 0.2);
}
#top-tabbar-vertical li.active#official a {
  background: rgba(49, 192, 44, 0.2);
}
#top-tabbar-vertical li.active#payment a {
  background: rgba(241, 106, 27, 0.2);
}
#top-tabbar-vertical.active {
  color: var(--bs-primary);
}

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

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

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

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

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

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

#form-wizard3 .form-control {
  background-color: transparent;
  border: 1px solid #d7dbda;
  -webkit-border-radius: 10px;
          border-radius: 10px;
}

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

#top-tab-list {
  margin-bottom: 60px;
}
#top-tab-list li a {
  color: var(--bs-primary);
  background: var(--bs-primary-bg-subtle);
  display: block;
  padding: 0.938rem;
  text-decoration: none;
  font-size: 1.125rem;
  -webkit-border-radius: 0.5rem;
          border-radius: 0.5rem;
}
#top-tab-list li a .iq-icon {
  display: inline-block;
  text-align: center;
  height: 3.125rem;
  width: 3.125rem;
  line-height: 3.125rem;
  font-size: 1.25rem;
  -webkit-border-radius: 0.5rem;
          border-radius: 0.5rem;
  background: var(--bs-primary);
  color: #fff;
}
#top-tab-list li.active a {
  background: var(--bs-primary);
  color: #fff;
}
#top-tab-list li.active a .iq-icon {
  background: #fff;
  color: var(--bs-primary);
}
#top-tab-list li.active.done a {
  background: #31c02c;
}
#top-tab-list li.active.done a i {
  color: #31c02c;
}
#top-tab-list li#confirm.active a {
  background: #31c02c;
}
#top-tab-list li#confirm.active a i {
  color: #31c02c;
}

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

.custom-toggels {
  /* toggle in label designing */
  /* After slide changes */
  /* Toggle text */
  /* Checkbox checked effect */
  /* Checkbox checked toggle label bg color */
  /* Checkbox vanished */
}
.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: lightgray;
}
.custom-toggels .toggles:after {
  content: "";
  position: absolute;
  width: 23px;
  height: 22px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: white;
  top: 2px;
  left: 50%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.custom-toggels .texts {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  line-height: 25px;
}
.custom-toggels .checkboxs:not(:checked) + .toggles::after {
  left: 0%;
  background-color: gray !important;
  -webkit-transition: all 0.5s !important;
  -o-transition: all 0.5s !important;
  transition: all 0.5s !important;
  top: 1px !important;
}
.custom-toggels .checkboxs:not(:checked) + .toggles {
  background: none !important;
  border: 0.5px solid black;
  color: black !important;
}
.custom-toggels .checkboxs {
  display: none;
}

.custom-checkboxs .form-check-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-checkboxs .form-check-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-checkboxs .form-check-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}
.custom-checkboxs .form-check-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.7rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.custom-checkboxs .custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}
.custom-checkboxs .custom-checkbox.checkbox-icon label i {
  position: absolute;
  top: 4px;
  left: -21px;
  font-size: 10px;
  -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform: scale(0);
  -webkit-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.custom-checkboxs .custom-checkbox.checkbox-icon input:checked ~ label i {
  -ms-transform: scale(1);
      transform: scale(1);
  -webkit-transform: scale(1);
  color: #fff;
}
.custom-checkboxs .custom-checkbox.checkbox-icon input:checked ~ label::after {
  display: none;
}
.custom-checkboxs .form-check-input:checked ~ .form-check-label::before {
  border-color: var(--bs-primary);
  background-color: var(--bs-primary);
}

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

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

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

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

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

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

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

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

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

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

.sign-in-from .form-control {
  background: transparent;
  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: transparent !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: white !important;
}

[dir=rtl] input[type=date],
[dir=rtl] input[type=month],
[dir=rtl] input[type=week],
[dir=rtl] input[type=time],
[dir=rtl] input[type=datetime-local] {
  text-align: start;
}
[dir=rtl] input[type=date]::-webkit-calendar-picker-indicator {
  text-align: end;
}
[dir=rtl] .custom-checkboxs .custom-checkbox.checkbox-icon label i {
  right: -16px;
}
[dir=rtl] .custom-checkboxs .form-check-label::before {
  right: -1.4rem;
}
[dir=rtl] .custom-checkboxs .form-check-label {
  right: 18px;
}

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

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

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

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

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

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

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

.cust-form-input .form-control {
  background: transparent;
  border: 1px solid #d7dbda;
}

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

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

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

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

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

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

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

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

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

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

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

.timeline0 li .timeline-dots {
  height: 15px;
  width: 15px;
  background: white !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: white;
  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: white;
  height: 2.5rem;
  width: 2.5rem;
  line-height: 25px;
  text-align: center;
}

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

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

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

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

@media (max-width: 992px) {
  ul.profile-img-gallary li img {
    width: 100%;
  }
}
@media (max-width: 450px) {
  ul.edit-profile li:first-child a {
    -webkit-border-radius: 13px 13px 0 0;
            border-radius: 13px 13px 0 0;
  }
  ul.edit-profile li:last-child a {
    -webkit-border-radius: 0 0 13px 13px;
            border-radius: 0 0 13px 13px;
  }
}
.iq-email-list .iq-email-ui {
  margin: 0;
  padding: 0;
}
.iq-email-list .iq-email-ui a {
  list-style-type: none;
  font-size: 1rem;
  color: #6E7990;
  margin-bottom: 0.188rem;
  list-style-type: none;
  color: #6E7990;
  display: inline-block;
  width: 100%;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.iq-email-list .iq-email-ui a:hover {
  text-decoration: none;
  color: var(--bs-primary);
}
.iq-email-list .iq-email-ui i {
  margin-right: 0.625rem;
  vertical-align: bottom;
}
.iq-email-list .iq-email-ui li.active a {
  text-decoration: none;
  color: var(--bs-primary);
}
.iq-email-list .iq-email-ui.iq-email-label li {
  margin-bottom: 0.625rem;
}
.iq-email-list .iq-email-ui.iq-email-label li:last-child {
  margin-bottom: 0;
}

.iq-email-to-list ul li {
  font-size: 1.25rem;
}
.iq-email-to-list ul li:first-child a {
  background: none;
  width: auto;
}
.iq-email-to-list ul li > a {
  color: var(--bs-primary);
  text-align: center;
  line-height: 2.5rem;
  display: inline-block;
  font-size: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(var(--bs-primary-rgb), 0.2);
}
.iq-email-to-list ul li a:hover {
  color: var(--bs-primary);
  text-decoration: none;
}
.iq-email-to-list ul li .custom-control-label::before {
  top: 0.813rem;
  left: -1.25rem;
}
.iq-email-to-list ul li.q-list a:hover {
  color: var(--bs-primary);
  text-decoration: none;
}

.iq-email-search {
  position: relative;
}
.iq-email-search .form-control {
  height: 2.5rem;
  border: 1px solid var(--bs-border-color);
  width: 10.625rem;
  padding-right: 2rem;
}
.iq-email-search .search-link {
  position: absolute;
  top: 0.625rem;
  right: 0.538rem;
  font-size: 1.125rem;
  line-height: 1rem;
  color: var(--bs-primary);
}
.iq-email-search .search-link:hover {
  text-decoration: none;
}

.iq-email-listbox .iq-email-sender-list {
  margin: 0.938rem 0 0;
  padding: 0;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.iq-email-listbox .iq-email-sender-list > li {
  list-style-type: none;
}
.iq-email-listbox .iq-email-sender-list > li .iq-unread-inner {
  position: relative;
  padding: 0.938rem 1.25rem;
  border-top: 1px solid var(--bs-border-color);
  display: inline-block;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.iq-email-listbox .iq-email-sender-list > li:hover {
  background: var(--bs-gray-900);
}
.iq-email-listbox .iq-email-sender-list li a:hover {
  text-decoration: none;
}
.iq-email-listbox .iq-email-sender-list li:hover .iq-social-media {
  right: -1.25rem;
}
.iq-email-listbox .iq-email-sender-list li.iq-unread a {
  color: var(--bs-primary);
  font-weight: 500;
}
.iq-email-listbox .iq-email-sender-list li.iq-unread li a {
  color: var(--bs-primary);
}

.iq-email-sender-info .iq-checkbox-mail {
  display: block;
  float: left;
  cursor: pointer;
  height: 1.25rem;
  width: 1.25rem;
}
.iq-email-sender-info .iq-star-toggle {
  display: block;
  float: left;
  color: #6E7990;
  margin-left: 0.625rem;
}
.iq-email-sender-info .iq-email-title {
  color: #6E7990;
  position: absolute;
  top: 50%;
  left: 5.313rem;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0;
}

.iq-email-content {
  position: absolute;
  top: 50%;
  left: 18.75rem;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.iq-email-content .iq-email-date {
  position: absolute;
  top: 0;
  right: 1.25rem;
  width: 6.25rem;
  text-align: right;
  padding-left: 0.625rem;
  color: #6E7990;
}
.iq-email-content .iq-email-subject {
  position: absolute;
  top: 0;
  color: #6E7990;
  left: 0;
  right: 6.875rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.iq-email-sender-list .iq-social-media {
  position: absolute;
  line-height: 3.5rem;
  right: -14.688rem;
  top: 0;
  background: var(--bs-gray-900);
  font-size: 1.125rem;
  padding: 0 1.875rem;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.iq-email-sender-list .iq-social-media li {
  display: inline-block;
  margin-right: 0.625rem;
}
.iq-email-sender-list .iq-social-media li a {
  height: 1.875rem;
  width: 1.875rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.875rem;
  display: inline-block;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), 0.2);
}

.iq-inbox-details tr td {
  padding: 0.313rem 0.625rem;
}
.iq-inbox-details tr td:first-child {
  width: 4.688rem;
  color: #6E7990;
}

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

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

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

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

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

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

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

button.close-popup {
  background: transparent;
  color: #000;
  border: none;
  font-size: 1.25rem;
  line-height: 1.25rem;
}

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

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

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

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

@media (max-width: 1199.98px) {
  .iq-email-to-list {
    overflow-x: scroll;
  }
  .iq-email-to-list .iq-email-to-list-detail {
    float: left;
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .iq-email-content .iq-email-date {
    right: 0.313rem;
  }
  .email-app-details.show {
    width: 100%;
  }
  .iq-subject-info {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media (max-width: 320px) {
  .iq-inbox-subject-info span {
    margin-left: 0.938rem;
  }
  .iq-subject-status {
    margin-top: 0.938rem;
  }
}
[dir=rtl] .iq-email-ui li a i {
  float: right;
  margin: 0 0 0 0.625rem !important;
}
[dir=rtl] .iq-subject-status {
  margin: 0 0.938rem 0 0 !important;
}
[dir=rtl] .row-eq-height .ri-pencil-fill {
  float: right;
  margin-left: 7px;
}

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

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

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

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

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

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

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

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

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

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

.profile-avatar {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[data-bs-theme=dark] #doc-chart-01 tspan {
  fill: white !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: white;
}

.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: white;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[dir=rtl] .breadcrumb-item:not(:last-child) {
  margin-left: 0.5rem;
}
[dir=rtl] .breadcrumb-item:not(.active)::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}
[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: #ffffff !important;
}

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

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

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

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

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

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

[data-bs-theme=dark] .list-group-item-action:hover,
.list-group-item-action:focus {
  background-color: transparent;
  color: white;
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .sign-in-from {
    position: static !important;
    padding: 20px !important;
  }
  .sign-in-page .sign-in-page-bg::after {
    right: 0;
  }
  [dir=rtl] .sign-in-page .sign-in-page-bg::after {
    left: 0 !important;
    right: 0;
  }
  .sign-in-detail {
    padding: 50px 20px !important;
    height: 100% !important;
  }
}
@media (max-width: 1699px) {
  .sign-in-detail {
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .sign-in-detail {
    padding: 100px 50px;
  }
}
@media (max-width: 992px) {
  .sign-in-from {
    padding: 20px !important;
  }
}
[dir=rtl] .owl-carousel {
  direction: ltr;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[data-bs-theme=dark] .ri-add-line.btn:hover {
  color: #787d76;
}
[data-bs-theme=dark] .apexcharts-menu {
  background: var(--bs-gray-900);
}
[data-bs-theme=dark] select option {
  background: var(--bs-gray-900) !important;
}
[data-bs-theme=dark] .apexcharts-yaxistooltip {
  background: var(--bs-body-bg) !important;
  color: var(--bs-heading-color) !important;
}
[data-bs-theme=dark] .list-group .list-group-item.list-group-item-light {
  background-color: #a1a1a1;
  border: #a1a1a1;
  color: white;
}
[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: transparent;
}
#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: white !important;
}
[data-bs-theme=dark] #echart-radar > div:nth-of-type(2) div > div:first-child {
  color: white !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: white !important;
}
[data-bs-theme=dark] .text-dark,
[data-bs-theme=dark] .text-black-50 {
  color: white !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: white;
  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: white;
}

#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: white;
}

#SvgjsSvg8979 {
  height: 450px !important;
}

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

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

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

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

.offcanvas.live-customizer {
  -webkit-box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);
  border: 0;
}
.offcanvas.live-customizer .btn.btn-border {
  color: var(--bs-body-color);
  border-color: var(--bs-border-color);
}
.offcanvas.live-customizer .btn.btn-border:hover {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.offcanvas.live-customizer .btn.btn-border:active {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.offcanvas.live-customizer .btn-check:checked + .btn.btn-border,
.offcanvas.live-customizer .btn-check:active + .btn.btn-border,
.offcanvas.live-customizer .btn.btn-border:active,
.offcanvas.live-customizer .btn.btn-border.active {
  color: var(--bs-white);
  border-color: var(--bs-primary);
}
.offcanvas.live-customizer .btn-check:checked + .btn.btn-border.bg-transparent,
.offcanvas.live-customizer .btn-check:active + .btn.btn-border.bg-transparent,
.offcanvas.live-customizer .btn.btn-border:active.bg-transparent,
.offcanvas.live-customizer .btn.btn-border.active.bg-transparent {
  color: var(--bs-primary);
}

@media (min-width: 768px) {
  .offcanvas.live-customizer {
    width: 450px;
  }
  .theme-fs-lg .offcanvas.live-customizer {
    width: 500px;
  }
}
.wrapper {
  background: var(--bs-primary);
  -webkit-transition: all 400ms ease !important;
  -o-transition: all 400ms ease !important;
  transition: all 400ms ease !important;
}

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

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

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

@media (max-width: 768px) {
  .content-page {
    padding: 133px 15px 0;
  }
}
.sidebar.sidebar-hover:hover.sidebar-mini + .main-content {
  margin-left: 18.67rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 992px) {
  .content-page {
    margin-left: 0;
    -webkit-border-radius: 25px;
            border-radius: 25px;
  }
}
.iq-navbar {
  position: fixed;
  top: 0 !important;
  margin: 20px 1px;
  left: 20.6rem;
  right: 25px;
  -webkit-transition: left 0.3s ease;
  -o-transition: left 0.3s ease;
  transition: left 0.3s ease;
  -webkit-transition: all 0.45s ease 0s;
  -o-transition: all 0.45s ease 0s;
  transition: all 0.45s ease 0s;
}

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

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

@media (max-width: 992px) {
  .iq-navbar {
    left: 2rem;
    right: 15px;
  }
  .search-width {
    width: 100%;
  }
  .sidebar-mini + main .iq-navbar {
    left: 2rem !important;
  }
  .sidebar-mini + .content-page .iq-navbar {
    left: 1rem !important;
  }
  .sidebar.sidebar-hover:hover + .content-page .iq-navbar {
    left: 1rem !important;
  }
  .sidebar.sidebar-hover:hover + .content-page .fixed-header.iq-navbar {
    left: 0rem !important;
  }
  .sidebar-mini + .content-page .fixed-header.iq-navbar {
    left: 0 !important;
  }
}
.fixed-header.iq-navbar {
  top: 0;
  -webkit-border-radius: 0px;
          border-radius: 0px;
}

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

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

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

@media (max-width: 992px) {
  .fixed-header.iq-navbar {
    left: 0px !important;
  }
  .sidebar-mini + .content-page .fixed-header.iq-navbar {
    left: 0rem !important;
  }
}
[data-bs-theme=dark] .content-page {
  background-color: var(--bs-body-bg);
}

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

[dir=rtl] .iq-navbar {
  position: fixed;
  top: 0 !important;
  margin: 20px 1px;
  left: 29px !important;
  right: 20.6rem;
  -webkit-transition: left 0.3s ease;
  -o-transition: left 0.3s ease;
  transition: left 0.3s ease;
  -webkit-transition: all 0.45s ease 0s;
  -o-transition: all 0.45s ease 0s;
  transition: all 0.45s ease 0s;
}
[dir=rtl] body .sidebar-hover:hover + main.content-page {
  margin-left: unset !important;
}
[dir=rtl] .sidebar.sidebar-hover:hover.sidebar-mini + .content-page {
  margin-right: 18.67rem;
}
@media (min-width: 1300px) {
  [dir=rtl] .sidebartab + .content-page {
    margin-left: 62px;
    -webkit-border-radius: 0px 25px 25px 0px;
            border-radius: 0px 25px 25px 0px;
  }
}
[dir=rtl] .content-page {
  -webkit-border-radius: 0px 25px 25px 0px;
          border-radius: 0px 25px 25px 0px;
  margin-right: 243px;
}
[dir=rtl] .sidebartab.sidebar-hover:hover + main.content-page {
  margin-left: 0px !important;
  margin-right: 243px;
}
[dir=rtl] .sidebar-mini + .content-page .iq-navbar {
  right: 6.5rem;
}
[dir=rtl] .sidebar-hover:hover + .content-page .iq-navbar {
  right: 20.6rem !important;
}
[dir=rtl] .sidebar-hover:hover + .content-page .fixed-header.iq-navbar {
  right: 18.6rem !important;
}
[dir=rtl] .sidebar-mini + .content-page .fixed-header.iq-navbar {
  left: 0rem !important;
  right: 4.8rem !important;
}
[dir=rtl] .fixed-header.iq-navbar {
  right: 18.6rem;
  left: 0rem !important;
  margin: unset !important;
}
@media (max-width: 992px) {
  [dir=rtl] .sidebar-mini + .content-page .iq-navbar {
    right: 1rem;
  }
  [dir=rtl] .content-page {
    -webkit-border-radius: 25px;
            border-radius: 25px;
  }
  [dir=rtl] .iq-navbar {
    right: 1rem;
    left: 1rem !important;
  }
  [dir=rtl] .sidebar-mini + .content-page .fixed-header.iq-navbar,
  [dir=rtl] .fixed-header.iq-navbar {
    right: 0rem !important;
  }
  [dir=rtl] .sidebar.sidebar-hover:hover + .content-page .iq-navbar {
    right: 1rem !important;
  }
  [dir=rtl] .sidebar.sidebar-hover:hover + .content-page .fixed-header.iq-navbar {
    right: 0rem !important;
  }
  [dir=rtl] .sidebar-mini + .content-page .fixed-header.iq-navbar {
    right: 0 !important;
  }
  [dir=rtl] .sidebartab.sidebar-hover:hover + main.content-page {
    margin-right: unset !important;
  }
  [dir=rtl] .sidebar.sidebar-hover:hover.sidebar-mini + .content-page {
    margin-right: unset;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1800px) {
  .container-box.iq-navbar {
    left: 30.6rem;
    right: 12rem;
  }
  .sidebar-mini + .content-page .container-box.iq-navbar {
    left: 23.6rem;
    right: 18.9rem;
  }
  .sidebar.sidebar-hover:hover + .content-page .container-box.iq-navbar {
    left: 30.6rem;
    right: 12rem;
  }
  .container-box.fixed-header.iq-navbar,
  .sidebar.sidebar-hover:hover + .content-page .container-box.fixed-header.iq-navbar {
    left: 18.6rem;
    right: 0rem;
  }
  .sidebar-mini + .content-page .container-box.fixed-header.iq-navbar {
    left: 4.7rem;
    right: 0rem;
  }
  [dir=rtl] .container-box.iq-navbar {
    left: 12rem !important;
    right: 30.6rem;
  }
  [dir=rtl] .sidebar-mini + .content-page .container-box.iq-navbar {
    left: 18.9rem !important;
    right: 23.6rem;
  }
  [dir=rtl] .sidebar.sidebar-hover:hover + .content-page .container-box.iq-navbar {
    left: 12rem !important;
    right: 30.6rem !important;
  }
  [dir=rtl] .container-box.fixed-header.iq-navbar,
  [dir=rtl] .sidebar.sidebar-hover:hover + .content-page .container-box.fixed-header.iq-navbar {
    left: 0rem !important;
    right: 18.6rem !important;
  }
  [dir=rtl] .sidebar-mini + .content-page .container-box.fixed-header.iq-navbar {
    left: 0rem !important;
    right: 4.7rem !important;
  }
}
@media (min-width: 1600px) and (max-width: 1800px) {
  .container-box.iq-navbar {
    left: 23.6rem;
    right: 5rem;
  }
  .sidebar-mini + .content-page .container-box.iq-navbar {
    left: 16rem;
    right: 11.1rem;
  }
  .sidebar.sidebar-hover:hover + .content-page .container-box.iq-navbar {
    left: 23.6rem;
    right: 5rem;
  }
  .container-box.fixed-header.iq-navbar,
  .sidebar.sidebar-hover:hover + .content-page .container-box.fixed-header.iq-navbar {
    left: 18.6rem;
    right: 0rem;
  }
  .sidebar-mini + .content-page .container-box.fixed-header.iq-navbar {
    left: 4.7rem;
    right: 0rem;
  }
  [dir=rtl] .container-box.iq-navbar {
    left: 5rem !important;
    right: 23.6rem;
  }
  [dir=rtl] .sidebar-mini + .content-page .container-box.iq-navbar {
    left: 11.1rem !important;
    right: 16rem;
  }
  [dir=rtl] .sidebar.sidebar-hover:hover + .content-page .container-box.iq-navbar {
    left: 5rem !important;
    right: 23.6rem !important;
  }
  [dir=rtl] .container-box.fixed-header.iq-navbar,
  [dir=rtl] .sidebar.sidebar-hover:hover + .content-page .container-box.fixed-header.iq-navbar {
    left: 0rem !important;
    right: 18.6rem !important;
  }
  [dir=rtl] .sidebar-mini + .content-page .container-box.fixed-header.iq-navbar {
    left: 0rem !important;
    right: 4.7rem !important;
  }
}
.form-control {
  color: var(--bs-heading-color) !important;
  border: 1px solid var(--bs-border-color) !important;
}

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

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

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

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

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

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

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

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

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

#patient-chart-1 .apexcharts-tooltip-marker {
  background-color: rgb(8, 155, 171) !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;
  /* Add padding to the left for the icon */
}

[dir=rtl] .rtl-date::-webkit-calendar-picker-indicator {
  position: absolute !important;
  left: 5px !important;
  /* Adjust position as needed */
  right: auto !important;
  -webkit-transform: translateX(0%) !important;
          transform: translateX(0%) !important;
  pointer-events: none !important;
  /* Prevent click issues */
}

.custom-auth-height {
  height: 100dvh !important;
}