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

:root {
  --rd-theme-font-family: 'Poppins', sans-serif;
  --rd-app-font-weight: 400;
  --rd-app-color: #0f6fec;
  --rd-app-font-size: 0.938rem;
  --rd-app-primary-color: #252F4A;
  --rd-app-text-color-100: #181C32;
  --rd-app-text-color-200: #F4F4F4;
  --rd-app-text-color-300: #B5B5C3;
  --rd-app-text-color-400: #A1A5B7;
  --rd-app-text-color-500: #7E8299;
  --rd-app-text-color-600: #3F4254;
  --rd-app--border-color: #E1E3EA;
  --rd-app-bg-color: #f8f8f8;
  --rd-app-bg-light-color-100: #F4F6FA;
  --rd-app-breadcrumb-color:#5E6278;
  --rd-app-header-bg:#ffffff;
  --rd-app-header-padding-x: 1rem;
  --rd-app-header-padding-y: 0.5rem;
  --rd-app-header-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%), inset 0 -1px 0 rgb(255 255 255 / 15%);;
  --rd-app-cotent-padding: 1rem;
  --rd-app-card-color-bg: #ffffff;
  --rd-app-card-border-radius: 0.35rem;
  --rd-app-card-border-color: #dfdfdf;
  --rd-app-card-box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.06);
  --rd-app-width:280px;
  --rd-wrapper-padding-left:280px;
  --rd-app-menu-color:#D3EFFF;
  --rd-app-offcanvas-width: 280px !important;
  --rd-app-btn-small-padding: 0.6rem 1rem;
  --rd-app-alert-box-padding:0.75rem 1rem;
  --rd-app-alert-box-fs:0.935rem;
  --rd-app-alert-box-mb:0;
  --rd-app-textbox-padding: 0.5rem 0.6rem;
  --rd-app-selectbox-padding: 0.5rem 1.8rem 0.5rem 0.6rem;
  --rd-app-datarange-bg:#eef3ff;
  --rd-whitebg-opa20: rgba(255, 255, 255, 20%);
  --rd-header-bg: #0f6fec;
  --rd-app-logo-height: 29px;
  --rd-input-boder-color: #bfccd6;
  --rd-theme-btn-hover-color: #0861d6;
  --rd-app-form-label-color: #343434;
  /*multi color*/
  --rd-app-blue:#0F6FEC;
  --rd-app-blue-hover:#0c63d5;
  --rd-app-blue-light:#e2f5ff;
  --rd-app-green:#1a8e4e;
  --rd-app-green-light:#e1f6eb;
  --rd-app-violet:#7239EA;
  --rd-app-violet-light:#F8F5FF;
  --rd-app-red:#dc3545;
  --rd-app-red-light:#f8e8ed;
  --rd-app-yellow:#ffc107;
  --rd-app-yellow-light:#fff8dd;
  --rd-app-lgray:#7E8299;
  --rd-app-lgray-light:#F9F9F9;
  --rd-app-dark:#181C32;
  --rd-app-dark-light:#F4F4F4;
  --rd-app-side-menu-bg:#2a274d;
  /*table*/
  --rd-app-table-padding: 0.6rem 0.5rem;
  --rd-app-table-border-color: #E1E3EA;
  --rd-app-table-th-fs:0.875rem;
  --rd-app-table-td-fs:0.935rem;
  --rd-app-table-thead-text-color: #000000;
  --rd-app-table-tbody-text-color: #000000;
  --rd-app-table-action-btn-bg: #efeff8;
  --rd-app-table-action-btn-hover-bg: #eff2f5;
  /*chart color*/
  --rd-app-chartdot-color-blue: #1B84FF;
  --rd-app-chartdot-color-green: #17C653;
  --rd-app-chartdot-color-violet: #7239EA;
  --rd-app-chartdot-color-yellow: #ffcd11;
  --rd-app-chartdot-color-red: #F8285A;
}

@media (max-width: 575.98px) 
{ 
  :root 
  {
    --rd-app-cotent-padding: 1rem;
    --rd-app-header-padding-x: 1rem;
    --rd-app-btn-small-padding: 0.4rem 0.7rem;
  }
}

/*page scrollbar css*/
html
{
	scrollbar-color: #C1C1C1 #ebebeb;
	scrollbar-width: thin;
}
::-webkit-scrollbar
{
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-thumb
{
	background-color: #C1C1C1;
	border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover
{
	background-color: #a3a1a1;
}
::-webkit-scrollbar-track
{
	background-color: #e9e9e9;
}
/*page scrollbar css end*/

body {
  font-family: var(--rd-theme-font-family);
  color: var(--rd-app-primary-color);
  font-size: var(--rd-app-font-size);
  font-weight: var(--rd-app-font-weight);
  background-color: var(--rd-app-bg-color);
}

/*page left side css*/
.app-side-menu
{
  background-color: var(--rd-app-side-menu-bg);
}
.app-side-min-h
{
  height: calc(100vh - 46px);
}
/*menu css*/
.app-header
{
  padding: var(--rd-app-header-padding-y) var(--rd-app-header-padding-x);
  background: var(--rd-header-bg);
  box-shadow:var(--rd-app-header-shadow);
  position: relative;
}
/*
.app-header::after
{
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  background-image: url(../images/header-gradient.png);
  background-repeat: repeat-x;
  width: 100%;
  height: 17px;
}*/
/*toggle menu btn css*/
.app-header .notify-drop .notify 
{
  height: 2.5rem;
  width: 2.5rem;
  line-height: 2.5rem;
  font-size: 1.5rem;
  border-radius: 0.5rem;
  color: #fff;
  text-align: center;
  position: relative;
  background-color: transparent;
  border: 0;
}
.app-header .notify-drop .notify:hover
{
  background-color: rgb(255, 255, 255, 20%);
}
.app-header .notify-drop .notify .noti-icon-badge 
{
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 4px;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  background-color: #f9e610;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.notify-blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
.app-header .notify-drop .dropdown-menu
{
  width: 350px;
  height: 300px;
  overflow-y: auto;
}
.app-header .notify-drop .dropdown-menu li
{
  font-size: 0.85rem;
  padding-bottom: 0.5rem;
}
.app-header .notify-drop .dropdown-menu li:not(:last-child)
{
  margin-bottom: 0.5rem;
  border-bottom: 1px dashed #9FA9B1;
}
.app-header .menu-toggle-btn
{
  border: 0;
  background-color: transparent;
  transition: all 0.3s linear 0s;
  padding: 0;
}
.app-header .menu-toggle-btn svg
{
  width: 28px;
  height: 28px;
  color:#000;
  transition: transform 0.4s ease;
}
.app-header .menu-toggle-btn:hover svg, .app-header .menu-toggle-btn.menu-active svg
{
  color:#000;
}

.app-header .mob-menu-toggle
{
  background-color: #fff;
  font-size: 1.8rem;
  border: 0;
  padding: 0;
  line-height: 1;
}
.app-header .avatar-img
{
  height: 40px;
  width: 40px;
  border-radius: 100vmax;
  border: 0;
  background: #186DD1;
  background: linear-gradient(147deg, #186DD1 21.49%, #696FFB 90.59%);
  overflow: hidden;
  padding: 0;
  color: #fff;
  font-size: 1.125rem;
}
.app-header .avatar-img img
{
  width: 100%;
  height: auto;
}
.app-header .main-menu .dropdown .dropdown-menu
{
  box-shadow: none;
  border: 1px solid rgb(0 0 0 / 5%);
  padding: 0.8rem;
  min-width: 190px;
  background-color: #fff;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}
.app-header .main-menu .dropdown .dropdown-menu .nav-link
{
  font-weight: 400 !important;
  font-size: 0.875rem;
  border-radius: 4px;
  color: #000;
}
.app-header .main-menu .dropdown .dropdown-menu .nav-link:hover, .dropdown-submenu > .dropdown-menu .dropdown-item:hover
{
  background-color: var(--rd-app-color) !important;
}
.app-header .main-menu .dropdown .dropdown-menu .dropend:hover .dropdown-menu
{
  display: block;
}
.app-header .dropdown .dropdown-menu
{
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  border: 0;
  padding: 0.8rem;
  min-width: 230px;
  background-color: #fff;
}
.app-header .dropdown .dropdown-menu .profile-name
{
  font-size: 1rem;
  font-weight: 500;
  color: var(--rd-app-text-color-100);
  margin-bottom: 0;
}
.app-header .dropdown .dropdown-menu hr
{
  border-color: #F4F4F4;
  opacity: 1;
}
.app-header .dropdown .dropdown-menu .dropdown-item
{
  font-size: 0.9rem;
  font-weight: 500;
  padding: 0.6rem !important;
  color: var(--rd-app-text-color-600);
}
.app-header .dropdown .dropdown-menu .dropdown-item:hover, .dropdown-item:focus
{
  background-color: var(--rd-app-color);
  border-radius: 6px;
  color: #fff;
}
.main-menu .dropdown-submenu > .dropdown-menu .dropdown-item
{
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.45rem !important;
  color: #fff !important;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  left: 100%;
  margin-top: -45px;
  margin-left: 0px;
}
.dropdown-submenu > .dropdown-menu .dropdown-item
{
  color: #fff;
}
 .logo-full
{
  height: var(--rd-app-logo-height);
  transition: all 0.2s linear 0s;
}
.app-header .main-menu .nav-link
{
  color: #fff;
  font-weight: 500;
  font-size: var(--rd-app-font-size);
  border-radius: 0.6rem;
}
.app-header .main-menu .nav-link.active, .app-header .main-menu .nav-link:hover
{
  background-color: #fff;
  color: #000;
}
.app-header .main-menu .nav-item.dropdown:hover > .dropdown-menu {
  display: block !important;
}
@media (min-width: 992px) 
{ 
  .app-header
  {
    padding: 0rem 1rem 0rem 0rem !important;
  }
  .app-header .applogo
  {
    padding: 10px 20px 10px 15px;
    height: 55px;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-top-right-radius: 100vmax;
    border-bottom-right-radius: 100vmax;
    margin-right: 15px;
  }
  .app-header .main-menu
  {
    gap: 0.5rem;
  }
}
/*page wrapper css*/
.app-wrapper
{
  transition: padding-left 0.3s ease;
  width: 100%;
  min-height: calc(100vh - 93px);
}
.app-wrapper-padd
{
  padding-left: 0px !important; 
}

.border-dashed
{
  border: 1px dashed #DBDFE9;
  padding: 1rem;
  border-radius: 0.85rem;
}
.release-box
{
  border: 1px dashed #DBDFE9;
  padding: 1rem;
  border-radius: 0.85rem;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  background-color: rgb(12, 99, 213, 2%);
}
.min-h-scroll
{
  height: calc(100vh - 250px);
  overflow-y: auto;
  position: relative;
  scrollbar-color: #DBDFE9 transparent;
	scrollbar-width: thin;
  padding-right: 0.5rem;
}
/*group btn*/
.g-btn
{
  background-color: transparent;
  color: rgb(255, 255, 255, 80%);
  min-width: 8rem;
  border-color: transparent;
  font-weight: 500;
  font-size: var(--rd-theme-font-family);
}
.g-btn:hover, .g-btn:focus
{
  color: #fff;
  border-color: transparent;
}
.g-btn.active
{
  background-color: #fff;
  color: var(--bs-blue);
  border-color: var(--bs-blue);
}
.tab-btn
{
  background-color: transparent;
  color: rgb(255, 255, 255, 80%);
  border-color: transparent;
  font-weight: 500;
  font-size: 0.935rem;
}
.tab-btn:hover, .tab-btn:focus
{
  color: #fff;
  border-color: transparent;
}
.tab-btn.active
{
  background-color: #fff;
  color: var(--bs-blue);
  border-color: var(--bs-blue);
}
/*page wrapper cotent section css*/
.app-wrapper > .app-cotent
{
  padding: var(--rd-app-cotent-padding);
}
.app-wrapper > .app-cotent .page-heading
{
  /*font-size: clamp(18px, 0.7vw + 0.5rem, 26px);*/
  font-size: 1.35rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 0;
  margin-top: 0.2rem;
}
.app-wrapper > .app-cotent .breadcrumb
{
  font-size: 0.75rem;
  color:var(--rd-app-breadcrumb-color);
  margin-bottom: 0;
}
.app-wrapper > .app-cotent .breadcrumb .breadcrumb-item + .breadcrumb-item::before
{
  color:var(--rd-app-breadcrumb-color);
}

.app-card
{
  background-color: var(--rd-app-card-color-bg);
  border-radius: var(--rd-app-card-border-radius);
  padding: 1.5rem;
  box-shadow: var(--rd-app-card-box-shadow);
  border: 1px solid var(--rd-app-card-border-color);
}
.app-card .card-title
{
  font-size: 1.1rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 1rem;
}
.app-card .card-edit-btn
{
  background-color:rgb(15, 111, 236, 10%);
  padding: 0.2rem 0.5rem;
  border: 0;
  font-size: 1.1rem;
  border-radius: 0.25rem;
  color: var(--rd-app-color);
}
.app-card .card-edit-btn:hover
{
  background-color: var(--rd-app-color);
  color: #fff;
}
/*page dashboard widgets css*/
.app-wrapper > .app-cotent .dash-widgets
{
  margin-bottom: 1.875rem;
}
.app-wrapper > .app-cotent .dash-widgets .widg-name
{
  font-weight: 500;
}
.app-wrapper > .app-cotent .dash-widgets .widg-value
{
  font-weight: 600;
  font-size: clamp(1.35rem, 2.6vw, 3rem);
  color: var(--rd-app-text-color-100);
  line-height: 1;
  padding-top: 0.3rem;
}
/*page dashboard widgets icon css*/
.dash-widgets .widg-icon
{
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.dash-widgets .widg-icon svg
{
  width: 30px;
  height: 30px;
}
.dash-widgets .icon-color-blue
{
  background-color: var(--rd-app-blue-light);
}
.dash-widgets .icon-color-blue svg
{
  color: var(--rd-app-blue);
}
.dash-widgets .icon-color-green
{
  background-color: var(--rd-app-green-light);
}
.dash-widgets .icon-color-green svg
{
  color: var(--rd-app-green);
}
.dash-widgets .icon-color-violet
{
  background-color: var(--rd-app-violet-light);
}
.dash-widgets .icon-color-violet svg
{
  color: var(--rd-app-violet);
}
.dash-widgets .icon-color-red
{
  background-color: var(--rd-app-red-light);
}
.dash-widgets .icon-color-red svg
{
  color: var(--rd-app-red);
}
/*app table css*/
.app-wrapper > .app-cotent .app-table, .modal .app-table
{
  caption-side: bottom;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 0rem;
}
.app-wrapper > .app-cotent .app-table thead th, .modal .app-table thead th
{
  padding: var(--rd-app-table-padding);
  border-bottom: 1px dashed var(--rd-app-table-border-color);
  font-size: var(--rd-app-table-th-fs);
  font-weight: 600;
  color: var(--rd-app-table-thead-text-color);
  background-color:#eaf3ff;
}
.app-wrapper > .app-cotent .app-table tbody td, .modal .app-table tbody td
{
  padding: var(--rd-app-table-padding);
  border-bottom: 1px dashed var(--rd-app-table-border-color);
  font-size: var(--rd-app-table-td-fs);
  color: var(--rd-app-table-tbody-text-color);
}
.app-wrapper > .app-cotent .app-table tbody td .action-btn, .modal .app-table tbody td .action-btn
{
  background-color: var(--rd-app-table-action-btn-bg);
  color: var(--rd-app-primary-color);
  border: 0 !important;
  padding: 0.2rem 0.5rem;
}
.app-wrapper > .app-cotent .app-table tbody td .action-btn:hover, .modal .app-table tbody td .action-btn:hover
{
  background-color: var(--rd-app-color);
  color: #fff;
}
.app-wrapper > .app-cotent .app-table tbody td .action-btn-red, .modal .app-table tbody td .action-btn-red
{
  background-color: var(--rd-app-red-light);
  color: var(--rd-app-red);
  border: 0 !important;
  padding: 0.2rem 0.5rem;
}
.app-wrapper > .app-cotent .app-table tbody td .action-btn-red:hover, .modal .app-table tbody td .action-btn-red:hover
{
  background-color: var(--rd-app-red);
  color: #fff;
}
.app-wrapper > .app-cotent .app-table tbody td .action-btn-green, .modal .app-table tbody td .action-btn-green
{
  background-color: var(--rd-app-green-light);
  color: var(--rd-app-green);
  border: 0 !important;
  padding: 0.2rem 0.5rem;
}
.app-wrapper > .app-cotent .app-table tbody td .action-btn-green:hover, .modal .app-table tbody td .action-btn-green:hover
{
  background-color: var(--rd-app-green);
  color: #fff;
}
.app-wrapper > .app-cotent .app-table tbody td .action-btn-blue, .modal .app-table tbody td .action-btn-blue
{
  background-color: var(--rd-app-blue-light);
  color: var(--rd-app-blue);
  border: 0 !important;
  padding: 0.2rem 0.5rem;
}
.app-wrapper > .app-cotent .app-table tbody td .action-btn-blue:hover, .modal .app-table tbody td .action-btn-btn:hover
{
  background-color: var(--rd-app-blue);
  color: #fff;
}
.app-wrapper > .app-cotent .app-table tbody td .lint-text, .modal .app-table tbody td .lint-text
{
  color: #000;
  font-weight: 500;
  display: flex;
}
.app-wrapper > .app-cotent .app-table tbody td .lint-text:not(.collapsed)
{
  color: var(--rd-app-blue);
}
.app-wrapper > .app-cotent .app-table tbody td .lint-text i
{
  font-size: 1.5rem;
  line-height: 0;
  rotate: 30deg;
  top: -3px;
  left: -3px;
  position: relative;
  color: var(--rd-app-blue);
}
.app-wrapper > .app-cotent .app-table tbody td .lint-text:hover, .modal .app-table tbody td .lint-text:hover
{
  color: var(--rd-app-blue);
}
.app-wrapper > .app-cotent .app-table tbody td .alert, .modal .app-table tbody td .alert
{
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.4rem 0.8rem;
}
/*daterange css*/

.daterangepicker.show-calendar .drp-buttons .btn-primary
{
  background-color: var(--rd-app-color);
  border-color: var(--rd-app-color);
  color: #fff;
}
.daterangepicker.show-calendar .drp-buttons .btn-primary:hover
{
  background-color: var(--rd-theme-btn-hover-color);
  --bs-btn-color: #fff;
}

/*buttons css*/
.btn-mw
{
  min-width: 7rem;
}
.app-wrapper > .app-cotent .btn-primary, .modal .btn-primary, .login-form .btn-primary
{
  --bs-btn-bg: var(--rd-app-color);
  --bs-btn-border-color: var(--rd-app-color);
  --bs-btn-hover-bg: var(--rd-theme-btn-hover-color);
  --bs-btn-hover-border-color: var(--rd-theme-btn-hover-color);
  --bs-btn-color: #fff;
  --bs-btn-active-bg: var(--rd-app-color);
  --bs-btn-active-border-color: var(--rd-app-color);
}
.app-wrapper > .app-cotent .btn-primary, .modal .btn-primary:hover, .login-form .btn-primary:hover
{
  color: #fff !important;
}
.app-wrapper > .app-cotent .btn-outline-primary, .modal .btn-outline-primary
{
  --bs-btn-border-color: var(--rd-app-color);
  --bs-btn-color: var(--rd-app-color);
  --bs-btn-hover-bg: var(--rd-app-color);
  --bs-btn-hover-border-color: var(--rd-app-color);
}

.btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.show:focus, .btn-check:focus + .btn, .btn:focus
{
  box-shadow: none !important;
}
.app-wrapper > .app-cotent .btn-blue, .modal .btn-blue
{
  background-color: var(--rd-app-blue);
  border-color: var(--rd-app-blue);
  color: #fff;
}
.app-wrapper > .app-cotent .btn-blue:hover, .modal .btn-blue:hover
{
  background-color: var(--rd-app-blue-hover);
  border-color: var(--rd-app-blue-hover);
}
/*alert css*/
.app-wrapper > .app-cotent .alert
{
  margin-bottom: var(--rd-app-alert-box-mb);
  font-size: var(--rd-app-alert-box-fs);
  padding: var(--rd-app-alert-box-padding);
  text-align: center;
  display: inline-block;
}
.app-wrapper > .app-cotent .alert-primary
{
  --bs-alert-color: var(--rd-app-blue);
  --bs-alert-bg: var(--rd-app-blue-light);
  --bs-alert-border-color: var(--rd-app-blue-light);
}
.app-wrapper > .app-cotent .alert-success
{
  --bs-alert-color: var(--rd-app-green);
  --bs-alert-bg: var(--rd-app-green-light);
  --bs-alert-border-color: var(--rd-app-green-light);
}
.app-wrapper > .app-cotent .alert-danger
{
  --bs-alert-color: var(--rd-app-red);
  --bs-alert-bg: var(--rd-app-red-light);
  --bs-alert-border-color: var(--rd-app-red-light);
}
.app-wrapper > .app-cotent .alert-warning
{
  --bs-alert-color: var(--rd-app-yellow);
  --bs-alert-bg: var(--rd-app-yellow-light);
  --bs-alert-border-color: var(--rd-app-yellow-light);
}
.app-wrapper > .app-cotent .alert-info
{
  --bs-alert-color: var(--rd-app-violet);
  --bs-alert-bg: var(--rd-app-violet-light);
  --bs-alert-border-color: var(--rd-app-violet-light);
}
.app-wrapper > .app-cotent .alert-secondary
{
  --bs-alert-color: var(--rd-app-lgray);
  --bs-alert-bg: var(--rd-app-lgray-light);
  --bs-alert-border-color: var(--rd-app-lgray-light);
}
.app-wrapper > .app-cotent .alert-light
{
  --bs-alert-color: var(--rd-app-text-color-600);
}
/*text css*/
.app-text-color-100
{
  color: var(--rd-app-text-color-100) !important;
}
.app-wrapper > .app-cotent .text-primary
{
  color: var(--rd-app-color) !important;
}
.app-wrapper > .app-cotent .text-success
{
  color: var(--rd-app-green) !important;
}
.app-wrapper > .app-cotent .text-danger
{
  color: var(--rd-app-red) !important;
}
.app-wrapper > .app-cotent .text-warning
{
  color: var(--rd-app-yellow) !important;
}
.app-wrapper > .app-cotent .text-info
{
  color: var(--rd-app-violet) !important;
}
.app-wrapper > .app-cotent .text-blue
{
  color: var(--rd-app-blue) !important;
}
.text-gray-500 {
  color: var(--rd-app-text-color-500) !important;
}
/*font weight css*/
.fw-500
{
  font-weight: 500 !important;
}
.fw-600
{
  font-weight: 600 !important;
}
/*font size css*/
.fs-7
{
  font-size: 0.875rem !important;
}
.fs-8
{
  font-size: 0.813rem !important;
}
.fs-9
{
  font-size: 0.75rem !important;
}
.fs-10
{
  font-size: 0.688rem !important;
}
/*form css*/
.from-group
{
  margin-bottom: 1.3rem;
}
.from-group .form-label
{
  font-size: 0.875rem;
  margin-bottom: 0.3rem;
  font-weight: 500;
  color: var(--rd-app-form-label-color);
}
.from-group .form-control, .from-group .form-select, .app-table .form-control
{
  transition: color 0.2s ease;
  padding: var( --rd-app-textbox-padding);
  background-color: #fff;
  border: 1px solid var(--rd-input-boder-color);
  color: var(--rd-app-text-color-100);
  font-size: 0.935rem;
}
.from-group .form-select
{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%231B254B' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  padding: var(--rd-app-selectbox-padding) !important;
}
.from-group .form-select option
{
  background-color: #fff !important;
}
.from-group .form-search
{
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 487.95 487.95' fill='%231B254B' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M481.8,453l-140-140.1c27.6-33.1,44.2-75.4,44.2-121.6C386,85.9,299.5,0.2,193.1,0.2S0,86,0,191.4s86.5,191.1,192.9,191.1 c45.2,0,86.8-15.5,119.8-41.4l140.5,140.5c8.2,8.2,20.4,8.2,28.6,0C490,473.4,490,461.2,481.8,453z M41,191.4 c0-82.8,68.2-150.1,151.9-150.1s151.9,67.3,151.9,150.1s-68.2,150.1-151.9,150.1S41,274.1,41,191.4z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  padding: var(--rd-app-selectbox-padding) !important;
}
.from-group .form-calendar
{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231B254B' viewBox='0 0 16 16'%3E%3Cpath d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z'/%3E%3Cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  padding: var(--rd-app-selectbox-padding) !important;
}
.form-user
{
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12.3C2.5 9.53857 4.73858 7.29999 7.5 7.29999C10.2614 7.29999 12.5 9.53857 12.5 12.3V12.4818C12.5 12.768 12.268 13 11.9818 13H3.01818C2.732 13 2.5 12.768 2.5 12.4818V12.3Z' fill='%237E8299'/%3E%3Cpath d='M7.5 6.90002C8.88071 6.90002 10 5.78074 10 4.40002C10 3.01931 8.88071 1.90002 7.5 1.90002C6.11929 1.90002 5 3.01931 5 4.40002C5 5.78074 6.11929 6.90002 7.5 6.90002Z' fill='%237E8299' fill-opacity='0.4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px 18px;
  padding: var(--rd-app-selectbox-padding) !important;
}
.form-eye
{
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2'%3E%3Cpath d='M7.5 3.28125C2.8125 3.28125 0.9375 7.50046 0.9375 7.50046C0.9375 7.50046 2.8125 11.7188 7.5 11.7188C12.1875 11.7188 14.0625 7.50046 14.0625 7.50046C14.0625 7.50046 12.1875 3.28125 7.5 3.28125ZM7.5 9.84424C7.03645 9.84424 6.58331 9.70678 6.19788 9.44924C5.81245 9.19171 5.51205 8.82567 5.33466 8.3974C5.15726 7.96914 5.11085 7.49789 5.20128 7.04324C5.29172 6.5886 5.51494 6.17098 5.84272 5.8432C6.1705 5.51543 6.58811 5.2922 7.04276 5.20177C7.4974 5.11134 7.96865 5.15775 8.39691 5.33514C8.82518 5.51254 9.19122 5.81294 9.44876 6.19837C9.70629 6.5838 9.84375 7.03694 9.84375 7.50049C9.84375 8.12209 9.59682 8.71823 9.15728 9.15777C8.71774 9.5973 8.1216 9.84423 7.5 9.84424Z' fill='%237E8299'/%3E%3C/g%3E%3Cpath d='M3.15936 2.02838C3.07572 1.93639 2.95897 1.88138 2.83478 1.87547C2.71059 1.86956 2.58914 1.91322 2.49714 1.99685C2.40515 2.08049 2.35014 2.19724 2.34423 2.32143C2.33832 2.44562 2.38198 2.56707 2.46562 2.65907L3.59277 3.89895C1.46479 5.20506 0.549888 7.21796 0.509133 7.3096C0.482507 7.36954 0.46875 7.43439 0.46875 7.49997C0.46875 7.56556 0.482507 7.63041 0.509133 7.69035C0.529733 7.73669 1.02595 8.83716 2.1295 9.9406C3.59927 11.4102 5.45636 12.187 7.49999 12.187C8.5502 12.1932 9.58981 11.9769 10.5504 11.5524L11.8406 12.9716C11.9242 13.0636 12.041 13.1186 12.1652 13.1245C12.2894 13.1304 12.4108 13.0867 12.5028 13.0031C12.5948 12.9195 12.6498 12.8027 12.6557 12.6785C12.6616 12.5543 12.618 12.4329 12.5344 12.3409L3.15936 2.02838ZM5.93237 6.4725L8.37419 9.15851C8.00656 9.35256 7.58486 9.41889 7.17542 9.34706C6.76598 9.27524 6.39203 9.06934 6.1124 8.76175C5.83278 8.45416 5.66334 8.06233 5.63075 7.64792C5.59816 7.23351 5.70427 6.82001 5.93237 6.4725ZM7.49999 11.2495C5.69645 11.2495 4.12066 10.5941 2.81632 9.3015C2.28015 8.76943 1.8239 8.16249 1.4618 7.49957C1.73683 6.98462 2.61393 5.54338 4.23587 4.60634L5.28829 5.76399C4.87777 6.28664 4.66567 6.93781 4.68959 7.60198C4.71351 8.26614 4.97193 8.90036 5.41898 9.39212C5.86603 9.88388 6.47283 10.2014 7.13171 10.2883C7.7906 10.3752 8.45898 10.226 9.01827 9.86698L9.88084 10.8158C9.12098 11.1068 8.31363 11.2538 7.49999 11.2495Z' fill='%237E8299'/%3E%3Cpath d='M14.4908 7.3096C14.4702 7.26331 13.974 6.16256 12.8704 5.05895C11.4007 3.58901 9.54353 2.81202 7.4999 2.81202C7.06803 2.81151 6.63686 2.84667 6.21078 2.91713C6.08844 2.93792 5.97933 3.00638 5.90738 3.10749C5.83544 3.2086 5.80652 3.33411 5.82697 3.45651C5.84742 3.57891 5.91557 3.6882 6.01648 3.76043C6.11739 3.83266 6.24282 3.86192 6.36528 3.84181C6.7403 3.77988 7.1198 3.74901 7.4999 3.74952C9.30338 3.74952 10.8792 4.40509 12.1836 5.69799C12.7196 6.23005 13.1758 6.83698 13.5378 7.49986C13.115 8.27293 12.5648 8.96909 11.9103 9.559C11.8177 9.64195 11.7619 9.75829 11.7551 9.88243C11.7482 10.0066 11.791 10.1283 11.8739 10.2209C11.9569 10.3135 12.0732 10.3694 12.1974 10.3762C12.3215 10.383 12.4433 10.3403 12.5359 10.2573C13.8727 9.05992 14.4661 7.74574 14.4908 7.69035C14.5174 7.63042 14.5311 7.56556 14.5311 7.49998C14.5311 7.43439 14.5174 7.36954 14.4908 7.3096Z' fill='%237E8299'/%3E%3Cpath d='M9.36666 7.32304C9.37751 7.43923 9.4313 7.54719 9.51751 7.62583C9.60371 7.70447 9.71615 7.74814 9.83284 7.74831C9.84743 7.74831 9.86219 7.74762 9.87696 7.74625C10.0007 7.73468 10.1149 7.67442 10.1942 7.57873C10.2736 7.48304 10.3117 7.35974 10.3002 7.23595C10.2415 6.63026 9.98861 6.05975 9.57928 5.60947C9.16994 5.15918 8.62605 4.85324 8.02868 4.73725C7.90658 4.71404 7.78027 4.74027 7.67751 4.81018C7.57475 4.88008 7.50395 4.98793 7.4807 5.11002C7.45744 5.23211 7.48362 5.35843 7.55348 5.46122C7.62334 5.56401 7.73116 5.63485 7.85324 5.65816C8.25126 5.73546 8.61364 5.93931 8.88637 6.23933C9.1591 6.53935 9.32756 6.91948 9.36666 7.32304Z' fill='%237E8299'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px 18px;
  padding: var(--rd-app-selectbox-padding) !important;
}
.from-group .form-control:focus, .from-group .form-select:focus, .app-table .form-control:focus
{
  border-color: var(--rd-app-color);
  box-shadow: none;
  background-color: #fff;
  box-shadow: var(--rd-app-color) 0px 0px 0px 0.05rem;
}
.from-group .form-text
{
  font-size: 0.75rem;
  color: var(--rd-app-text-color-400);
}

.payer-image img
{
  background: var(--rd-whitebg-opa20);
  border-radius: 10vmax;
  width: 45px;
  height: 45px;
}
.payer-box
{
  cursor: pointer;
}
.hover-scroll-overlay-y
{
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  overflow-y: scroll;
  height: calc(100vh - 270px);
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.hover-scroll-overlay-y:hover
{
  scrollbar-color: #565675 transparent;
}
.form-select:disabled
{
  background-color: #f9f9f9 !important;
}
/*login page css*/

.login-info
{
  background-color: var(--rd-app-blue-light);
  color: #fff;
}
.login-info .app-logo
{
  padding: 1.5rem;
  height: 30vh;
  display: flex;
  justify-content: center;
}
.login-info .app-logo img
{
  width: 240px;
}
.login-info-text
{
  height: 30vh;
}
.login-bg
{
  background-color: #fff;
}
@media (min-width: 992px) 
{ 
  .login-form
  {
    width: 100% !important;
    padding: 0 3rem;
  }
  .login-form .btn-primary
  {
    width: 160px !important;
    margin-top: 0rem !important;
  }
}
.login-form
{
  width: 400px;
}
.login-form .btn-primary
{
  padding: 0.6rem 1rem;
  width: 100%;
  margin-top: 1rem;
}
.login-form .from-group .form-control
{
  padding:0.8rem 1.8rem 0.8rem 0.7rem !important;
}
.login-form .from-group .form-eye-btn
{
  position: absolute;
  top: 2.6rem;
  right: 0.8rem;
  cursor: pointer;
  width: 18px;
  height: 18px;
  font-size: 1rem;
  color: #6a6e88;
}
.login-form .from-group .form-eye-btn:hover
{
  color: var(--rd-app-primary-color);
}
.nav-tab-menu .nav-link
{
  font-size: 1.1rem;
  font-weight: 500;
  color: #000;
  border-radius: 100vmax;
}
.nav-tab-menu .nav-link:hover
{
  color: var(--rd-app-blue);
}
.nav-tab-menu .nav-link.active
{
  background-color: var(--rd-app-blue);
  color: #fff;
}
.nav-tab-menu1 .nav-link
{
  font-size: 1.1rem;
  font-weight: 500;
  color: #000;
  border-radius: 100vmax;
}
.nav-tab-menu1 .nav-link:hover
{
  color: var(--rd-app-blue);
}
.nav-tab-menu1 .nav-link.active
{
  color: var(--rd-app-blue);
}
.nav-tab-box .nav-link
{
  background-color: transparent;
  border-bottom: 2px solid var(transparent);
  font-weight: 500;
  color: #000;
  border-radius: 0;
  padding-top: 0;
}
.nav-tab-box .nav-link:hover
{
  color: var(--bs-primary);
}
.nav-tab-box .nav-link.active
{
  border-bottom: 2px solid var(--bs-primary);
  color: var(--bs-primary);
  background-color: transparent;
}
.player-filter
{
  position: absolute;
  top: 0.3rem;
  right: 0.2rem;
}
.player-filter button
{
  color: #000;
}
.player-filter button:hover
{
  color: var(--bs-primary);
}
.player-filter button i
{
  font-size: 1.35rem;
}
.player-filter .dropdown-menu
{
  min-width: calc(24vw - 30px);
}
.watsnew-box
{
  position: fixed;
  bottom: 0;
  right: 1rem;
  z-index: 1100;
}
.watsnew-title-btn
{
  background: transparent;
  border: 0;
  font-size: 1.15rem !important;
  font-weight: 600;
  min-width: 250px;
  text-align: left;
}
.watsnew-box .watsnew-list
{
  width: 600px;
  height: calc(100vh - 250px);
  overflow-y: auto;
  position: relative;
  scrollbar-color: #DBDFE9 transparent;
	scrollbar-width: thin;
  padding-right: 0.5rem;
  display: none;
  margin-top: 1rem;
}
/*media breakpoints css*/
footer
{
  background-color: #fff;
  padding: 0.5rem;
  color: #A1A5B7;
  font-size: 0.875rem;
}
/*tabe css*/
.tabe-btn-box 
{
  position: relative;
  gap: 0.5rem;
}
.tabe-btn-box::before
{
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: #e3e9ed;
  width: 100%;
  height: 2px;
  z-index: 0;
}

.tabe-btn-box .nav-link
{
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #000;
  position: relative;
  z-index: 1;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  font-weight: 500;
}
.tabe-btn-box .nav-link.active
{
  background-color: #fff !important;
  color: var(--rd-app-color);
  border-bottom: 2px solid var(--rd-app-color);
}
.tabe-btn-box .nav-link:hover
{
  background-color: #fff;
  color: var(--rd-app-color);
  border-bottom: 2px solid var(--rd-app-color);
}
.pagination .page-item > .page-link
{
  border: 0;
  border-radius: 0.4rem;
  color: #676A79;
  padding: 0.4rem 0.8rem;
}
.pagination .page-item > .page-link:focus
{
  box-shadow: none;
}
.pagination .page-item.active > .page-link
{
  background-color: var(--rd-app-color);
  color: #fff;
}
/*tab css*/
.tab-box 
{
  position: relative;
}
.tab-box::before
{
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: #e3e9ed;
  width: 100%;
  height: 2px;
  z-index: 0;
}
.tab-box .nav-link
{
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: var(--rd-app-primary-color);
  position: relative;
  z-index: 1;
  font-size: 1.1rem;
  font-weight: 600;
}
.tab-box .nav-link.active,.tab-box .nav-link:hover
{
  background-color: #fff;
  color: var(--rd-app-color);
  border-bottom: 2px solid var(--rd-app-color);
}
/*tab css1*/
.emr-tab-box 
{
  position: relative;
}
.emr-tab-box::before
{
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: var(--rd-app-color);
  width: 100%;
  height: 2px;
  z-index: 0;
}
.emr-tab-box .nav-link
{
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: var(--rd-app-primary-color);
  position: relative;
  z-index: 1;
  font-size: 1.05rem;
  font-weight: 500;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.emr-tab-box .nav-link.active,.emr-tab-box .nav-link:hover
{
  background-color: var(--rd-app-color);
  color: #fff;
}

.document {
  background: var(--rd-app-teamlogo-bg);
  border: 2px solid var(--rd-app-team-logobox-border);
  aspect-ratio: 16 / 9;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
}
.document img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  max-width: 100%;
  height: auto;
}
@media (min-width: 992px) 
{
  .app-side-menu
  {
    width: var(--rd-app-width);
    position: fixed;
    top: 46px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    transition: width 0.3s ease;
    z-index: 2000;
  }

  .login-info
  {
    min-height: 100vh;
    background-image: url(../images/loginbg.webp);
    background-position: top left;
    background-size: cover;
    position: relative;
  }
  .login-info::before
  {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--rd-header-bg);
    width: 100%;
    height: 100%;
    opacity: 70%;
  }
}
@media (max-width: 991.98px) 
{
  .login-bg, .login-form-box
  {
    min-height: 100vh;
  }
  .login-info .app-logo
  {
    height: auto;
  }
  .app-header
  {
    background: #fff;
  }
  .offcanvas
  {
    background: var(--rd-app-color);
    padding: 1rem;
  }
  .offcanvas.offcanvas-start
  {
    width: var(--rd-app-offcanvas-width);
  }
  .offcanvas > .btn-close
  {
    margin-left: auto;
    margin-bottom: 1rem;
  }
  .dropdown-submenu > .dropdown-menu
  {
    margin-top:0px !important;
  }
  .dropend .dropdown-menu[data-bs-popper]
  {
    margin-left: 0 !important;
  }
  .app-header .main-menu .dropdown .dropdown-menu .nav-link
  {
    padding-left: 0.5rem;
  }
  .app-header .main-menu .nav-link
  {
    padding: 0.5rem;
  }
  .app-header .notify-drop .notify 
  {
    color: #000;
  }
  .app-header .notify-drop .notify .noti-icon-badge
  {
    background-color:#F8285A;
  }
}
@media (max-width: 575.98px) 
{ 
  .app-side-menu .app-menu
  {
    height: 96vh;
  }
  .login-form
  {
    width: 300px;
  }
  .app-wrapper-padd
  {
    padding-left: 0px !important; 
  }
  .app-side-min-h 
  {
    height: calc(100vh - 0px);
  }
  .hover-scroll-overlay-y
  {
    height: calc(100vh - 200px);
  }
  .watsnew-box .watsnew-list
  {
    width: 300px;
  }
  .player-filter .dropdown-menu
  {
    min-width: 300px;
  }
  .widg-name
  {
    font-size: 0.75rem !important;
  }
}


.notifi 
{
  position: relative;
  font-weight: 500;
  margin-right: 35px;
}
.notifi a 
{
  color: rgba(255, 255, 255, 85%);
}
.notifi span 
{
  position: absolute;
  top: -12px;
  right: -22px;
  height: 16px;
  line-height: 18px;
  background-color: #f7c01a;
  border-radius: 100vmax;
  text-align: center;
  font-size: 13px;
  padding: 0px 5px;
}

.thumb-img {
  width: 100px;
  height: auto;
  border: 1px solid var(--rd-input-boder-color);
  border-radius: 0.375rem;
}

@media (min-width: 1400px) {
  .modal-xl {
      --bs-modal-width: 1300px ;
  }
}

.modal-title
{
  font-weight: 600;
  color: #000;
}
.form-input-min-w
{
  max-width: 120px;
}
.form-input-min-w1
{
  max-width: 200px;
}
.cke_notifications_area
{
  display: none !important;
}


.widg-title
{
  font-size: 1.1rem;
  color: #000;
  font-weight: 600;
}
.widg-value
{
  font-weight: 600;
  font-size: clamp(1.25rem, 1.3vw, 1.5rem);
  color: var(--rd-app-text-color-100);
  line-height: 1;
  padding-top: 0.3rem;
}
.widg-name
{
  font-weight: 500;
  color: var(--rd-app-primary-color);
  font-size: 0.85rem;
}

/*chat css*/
.chat-bar-colordot {
  border-radius: 100vmax;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.chat-dot-bg-blue
{
background-color: var(--rd-app-chartdot-color-blue) !important;
}
.chat-dot-bg-green
{
background-color: var(--rd-app-chartdot-color-green) !important;
}
.chat-dot-bg-yellow
{
background-color: var(--rd-app-chartdot-color-yellow) !important;
}
.chat-dot-bg-violet
{
background-color: var(--rd-app-chartdot-color-violet) !important;
}
.chat-dot-bg-red
{
background-color: var(--rd-app-chartdot-color-red) !important;
}
.widg-dashed {
  border: 1px dashed #DBDFE9;
  border-radius: .625rem;
}


.app-subtable thead th
{
  background-color: rgba(255, 205, 17, 0.10) !important;
}


.noti-Dr-connected
{
  border-radius: 50%;
  height: 16px;
  width: 16px;
  background-color: #18B566;
}
.noti-Dr-req
{
  border-radius: 50%;
  height: 16px;
  width: 16px;
  background-color: #FFBF00;
}
.noti-para-req 
{
  border-radius: 50%;
  height: 16px;
  width: 16px;
  background-color: #0d6efd;
}
.noti-ambrunning-noreq 
{
  border-radius: 50%;
  height: 16px;
  width: 16px;
  background-color: #0dcaf0;
}
.noti-no-ride 
{
  border-radius: 50%;
  height: 16px;
  width: 16px;
  background-color: #676767;
}

.noti-info
{
  height: 10px !important;
  width: 10px !important;
}
.border-dashad-radius 
{
  border: 1px dashed #9FA9B1;
  border-radius: 10px;
}

.upload-img {
  width: 100px;
  height: auto;
}


/*bed side moniter css*/

.apexcharts-yaxistooltip, .apexcharts-xaxistooltip {
  display: none !important;
}
.chart-container {
  min-height: 80px !important;
}
.chart-box {
  background: rgb(33,52,88);
  background: radial-gradient(circle, rgba(33,52,88,1) 0%, rgba(23,36,62,1) 100%);
}
.chart-box .chartbox {
  width:calc(100% - 180px);
}
.chart-box .charvaluetbox {
  width: 180px;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
  gap: 0.5rem;
}
.chart-box .charvaluetbox > div
{
  border: 1px solid #6facf2;
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-size: 0.85rem;
}
.chart-box .charvaluetbox > div .chatvalue
{
  font-size: clamp(18px, 1vw + 0.5rem, 26px);
  font-weight: 600;
}
.chart-box .charvaluetbox div:nth-child(1)
{
  color: #40ef47;
}
.chart-box .charvaluetbox div:nth-child(2)
{
  color: #16d1e9;
}
.chart-box .charvaluetbox div:nth-child(3)
{
  color: #d526f3;
}
.chart-box .charvaluetbox div:nth-child(4)
{
  color: #FFD700;
}
.chart-box .charvaluetbox .temp-box div
{
  color: #ffa828;
}
.chart-box .charvaluetbox .temp-box div .chatvalue
{
  font-size: clamp(16px, 1vw + 0.5rem, 22px);
  font-weight: 600;
  line-height: 1;
}

.modal .tab-content iframe
{
  width: 100%;
  min-height: 50vh;
}
#metalist
{
  min-height: 80vh;
}

.primary-video video, .secondary-video video {
  width: 100%;
}




/*Dash card window popup css*/
.pop-btn
{
  border: 0;
  background-color: transparent;
  color: var(--rd-app-color);
  font-size: 1.1rem;
  border-radius: 0.2rem;
  padding: 0.1rem 0.35rem;
}
.pop-btn i
{
  line-height: 1;
}
.pop-btn:hover
{
  background-color: var(--rd-app-color);
  color: #fff;
}
.pop-btn .bi-fullscreen-exit
{
  display: none;
}
.pop-window
{
  position: fixed;
    top: 50%;
    left: 50%;
    width: 60vw;
    height: auto;
    z-index: 2000;
    transform: translate(-50%, -50%);
}
.pop-window .pop-btn .bi-fullscreen-exit
{
  display: block !important;
}
.pop-window .pop-btn
{
  padding: 0.35rem;
}
.pop-window .pop-btn .bi-fullscreen
{
  display: none !important;
}

@media (max-width: 575.98px) 
{ 
  .pop-window
  {
      top: 55%;
      width: 95vw;
      height: auto;
  }
}

#localVideo video, #remoteVideo video, #PatientOneVideo  video, #PatientTwoVideo  video {

  width: 100%;
}