@charset "UTF-8"; /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); :root { --sidenav-width: 240px; --sidenav-width-sm: 70px; --topbar-height: 56px; --topbar-bg: #fff; --topbar-icon-bg: #fff; --topbar-item-border: var(--border-color); --topbar-item-color: var(--gray-900); --topbar-item-hover-color: var(--primary); --topbar-item-hover-bg: var(--light); --menu-bg: var(--dark); --menu-subdrop-active: #fff; --menu-title-color: #E2E8F0; --menu-item-heading: #fff; --menu-item-heading-active: #fff; --menu-item-color: #EEF2F7; --menu-item-hover-color: var(--primary); --menu-item-active-color: var(--primary); --menu-item-border: var(--dark); --menu-item-active-bg: var(--primary); --menu-active-color: var(--primary); --menu-toggle: var(--gray-900); --menu-toggle-bg: var(--white); --menu-toggle-color: var(--gray-900); --submenu-active-color: var(--primary); --menu-active-color: var(--primary); --topbar-icon-color: var(--white); --topbar-icon-bg: var(--primary); --topbar-menu-btn: var(--gray-900); --topbar-menu-btn-hover: var(--primary); --primary: #1F6DB2; --secondary: #0D7858; --light: #EEF2F7; --dark: #0B0D0E; --white: #fff; --success: #09800F; --info: #1976D2; --danger: #B71C1C; --indigo: #303F9F; --cyan: #067D98; --orange: #E65100; --pink: #CC25B0; --purple: #6A1B9A; --teal: #00796B; --warning: #FDAF22; --black: #000; --gray-100: #F1F5F9; --gray-200: #E2E8F0; --gray-300: #CBD5E1; --gray-400: #94A3B8; --gray-500: #64748B; --gray-600: #475569; --gray-700: #334155; --gray-800: #1E293B; --gray-900: #0F172A; --gray-hover: #080A0B; --light-100: #FAFBFC; --light-200: #F8FAFB; --light-300: #F5F8FA; --light-400: #F3F6F9; --light-500: #F1F4F7; --light-600: #EEF2F6; --light-700: #ECF1F5; --light-800: #E9EFF3; --light-900: #E7EDF2; --light-hover: #D0D5DA; --primary-hover: #1C62A0; --secondary-hover: #0A694D; --info-hover: #1567B9; --warning-hover: #DF9A1D; --success-hover: #07700C; --danger-hover: #A11717; --indigo-hover: #29368C; --purple-hover: #5D1687; --pink-hover: #B41F9B; --orange-hover: #CB4600; --teal-hover: #006A5D; --cyan-hover: #056D85; --dark-hover: #080A0B; --cyan-transparent: #EBF3F6; --danger-transparent: #FBECEA; --gray-transparent: #E9EFF3; --dark-transparent: #E9EFF3; --indigo-transparent: #EAEDF7; --info-transparent: #EBF3FC; --light-transparent: #FDFDFE; --orange-transparent: #FFF0EB; --pink-transparent: #FDEDF8; --primary-transparent: #EBF2F9; --purple-transparent: #F1EBF7; --secondary-transparent: #EBF2EF; --success-transparent: #EEF9F1; --teal-transparent: #EBF2F1; --warning-transparent: #FFF8EF; --heading-color: #0F172A; --border-color: #E2E8F0; --body-color: #334155; --primary-rgb: 31,109,178; --secondary-rgb: 13,120,88; --success-rgb: 9,128,15; --info-rgb: 25,118,210; --warning-rgb: 253,175,34; --danger-rgb: 183,28,28; --dark-rgb: 11,13,14; --light-rgb: 238,242,247; --orange-rgb: 230,81,0; --purple-rgb: 106,27,154; --pink-rgb: 204,37,176; --indigo-rgb: 48,63,159; --white-rgb: 255,255,255; --black-rgb: 0,0,0; --body-color-rgb: 107,114,128; --box-shadow: 0px 4px 14px 0px rgba(238, 238, 238, 0.25); --box-shadow-sm: 0 0.125rem 0.25rem rgba(107, 114, 128, 0.15); --box-shadow-lg: 0px 4.4px 12px -1px rgba(222, 222, 222, 0.36); --login-gradient: linear-gradient(90deg, #1F6DB2 0%, #07BE8F 100%); --login-gradient-hover: linear-gradient(90deg, #1C62A0 0%, #069470 100%); } :root[data-bs-theme=dark] { --menu-bg: #0B0D0E; --menu-subdrop-active: #fff; --menu-title-color: #E2E8F0; --menu-item-heading: #fff; --menu-item-heading-active: #fff; --menu-item-color: #EEF2F7; --menu-item-hover-color: var(--primary); --menu-item-active-color: var(--primary); --menu-item-border: #0B0D0E; --menu-item-active-bg: var(--primary); --menu-active-color: var(--primary); --menu-toggle: var(--gray-900); --submenu-active-color: var(--primary); --menu-active-color: var(--primary); --menu-toggle-bg: #fff; --menu-toggle-color: #0B0D0E; --topbar-icon-bg: #1F6DB2; --topbar-icon-color: #0B0D0E; --box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, 0.75); --box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.75); --box-shadow-lg: 0px 4.4px 12px -1px rgba(0, 0, 0, 0.75); --topbar-bg: #0B0D0E; --topbar-item-color: #BCC7E1; --topbar-item-hover-color: #bccee4; --topbar-item-hover-bg: rgba(255, 255, 255, 0.1); --topbar-item-border: #202A36; --light: #19222E; --dark: #D8DDDF; --white: #0B0D0E; --gray-100: #17222C; --gray-200: #202A36; --gray-300: #2E3947; --gray-400: #515E70; --gray-500: #768396; --gray-600: #909CAE; --gray-700: #9FACBF; --gray-800: #B2BED2; --gray-900: #BCC7E1; --gray-hover: #DADFE2; --light-100: #171D22; --light-200: #172024; --light-300: #172128; --light-400: #182129; --light-500: #1B222A; --light-600: #1B242D; --light-700: #1C262E; --light-800: #1E2930; --light-900: #1F2932; --light-hover: #3C4249; --cyan-transparent: #112B33; --danger-transparent: #3D0F07; --gray-transparent: #212123; --dark-transparent: #212123; --indigo-transparent: #172238; --info-transparent: #071B3D; --light-transparent: #141422; --orange-transparent: #3C1407; --pink-transparent: #3A061C; --primary-transparent: #1E2B30; --purple-transparent: #311B2F; --secondary-transparent: #202D28; --success-transparent: #15301D; --teal-transparent: #1C2E2A; --warning-transparent: #392306; --dark-hover: #DADFE2; --border-color: #161641; --body-color: #828997; --heading-color: #D9DCFF; --primary-transparent: #031633; --secondary-transparent: #161719; --success-transparent: #051b11; --info-transparent: #032830; --warning-transparent: #332701; --light-transparent: #343a40; --heading-color: #BCC7E1; --border-color: #202A36; --body-color: #9FACBF; --body-color-rgb: 222,226,230; --light-rgb: 25,34,46; } :root[data-sidebar=sidebar2], :root[data-sidebar=sidebar2][data-bs-theme=dark] { --menu-bg: #EEF2F7; --menu-item-color: #334155; --menu-item-hover-color: var(--danger); --menu-item-active-color: var(--primary); --menu-item-active-bg: var(--primary); --menu-active-color: var(--primary); --submenu-active-color: var(--primary); --submenu-active-color: var(--primary); --menu-item-heading: #0F172A; --menu-item-heading-active: #fff; --menu-item-border: #E2E8F0; --menu-title-color: #111827; --topbar-icon-color: #fff; } :root[data-sidebar=sidebar3] { --menu-bg: #fff; --menu-item-color: #334155; --menu-item-border: rgba(82, 79, 79, 0.1); --menu-item-hover-color: var(--primary); --menu-item-active-color: var(--primary); --submenu-active-color: #fff; --menu-item-active-bg: var(--primary); --menu-active-color: var(--primary); --submenu-active-color: var(--primary); --menu-item-heading: #0F172A; --menu-title-color: #111827; } :root[data-sidebar=sidebar4] { --menu-bg: #1F6DB2; --menu-item-color: #CBD5E1; --menu-item-hover-color: #E5E7EB; --menu-item-border: #1F6DB2; --menu-item-active-color: #E5E7EB; --menu-item-active-bg: #fff; --menu-active-color: #fff; --submenu-active-color: #fff; --menu-subdrop-active: #0F172A!important; --menu-title-color: #fff; --menu-item-heading: #fff; } :root[data-sidebar=sidebar5] { --menu-bg: var(--secondary); --menu-item-color: #CBD5E1; --menu-item-hover-color: var(--primary); --menu-item-border: rgba(255, 255, 255, 0.1); --menu-item-active-color: #E5E7EB; --menu-item-active-bg: #fff; --menu-active-color: #fff; --submenu-active-color: #fff; --menu-subdrop-active: #0F172A; --menu-title-color: #fff; --menu-item-heading: #fff; } :root[data-sidebar=sidebar6] { --menu-bg: var(--info); --menu-item-color: #E5E7EB; --menu-item-hover-color: #fff; --menu-item-border: rgba(255, 255, 255, 0.1); --menu-item-active-color: #E5E7EB; --menu-item-active-bg: #fff; --menu-active-color: #fff; --submenu-active-color: #fff; --menu-subdrop-active: #0F172A; --menu-title-color: #fff; --menu-item-heading: #fff; } :root[data-sidebar=sidebar7] { --menu-bg: var(--indigo); --menu-item-color: #E5E7EB; --menu-item-hover-color: #fff; --menu-item-border: rgba(255, 255, 255, 0.1); --menu-item-active-color: #E5E7EB; --menu-item-active-bg: #fff; --menu-active-color: #fff; --submenu-active-color: #fff; --menu-subdrop-active: #0F172A; --menu-title-color: #fff; --menu-item-heading: #fff; } :root[data-sidebar=gradientsidebar1] { --menu-bg: linear-gradient(180deg, #303F9F 0%, #061157 100%); --menu-item-color: #E5E7EB; --menu-item-hover-color: #fff; --menu-item-active-color: #E5E7EB; --menu-item-active-bg: #fff; --menu-active-color: #fff; --submenu-active-color: #fff; --menu-subdrop-active: #0F172A; --menu-title-color: #fff; --menu-item-heading: #fff; --menu-item-border: rgba(255, 255, 255, 0.1); } :root[data-sidebar=gradientsidebar2] { --menu-bg: linear-gradient(180deg, #1F6DB2 0%, #0B477D 100%); --menu-item-color: #E5E7EB; --menu-item-hover-color: #fff; --menu-item-active-color: #E5E7EB; --menu-item-active-bg: #fff; --menu-active-color: #fff; --submenu-active-color: #fff; --menu-subdrop-active: #0F172A; --menu-title-color: #fff; --menu-item-heading: #fff; --menu-item-border: rgba(255, 255, 255, 0.1); } :root[data-sidebar=gradientsidebar3] { --menu-bg: linear-gradient(358.65deg, #0D7858 1.02%, #0ECD94 102.52%); --menu-item-color: #E5E7EB; --menu-item-hover-color: #fff; --menu-item-active-color: #E5E7EB; --menu-item-active-bg: #fff; --menu-active-color: #fff; --submenu-active-color: #fff; --menu-subdrop-active: #0F172A; --menu-title-color: #fff; --menu-item-heading: #fff; --menu-item-border: rgba(255, 255, 255, 0.1); } :root[data-sidebar=gradientsidebar4] { --menu-bg: linear-gradient(180deg, #5B6C74 0%, #020B0F 100%); --menu-item-color: #E5E7EB; --menu-item-hover-color: #fff; --menu-item-active-color: #E5E7EB; --menu-item-active-bg: #fff; --menu-active-color: #fff; --submenu-active-color: #fff; --menu-subdrop-active: #0F172A; --menu-title-color: #fff; --menu-item-heading: #fff; --menu-item-border: rgba(255, 255, 255, 0.1); } :root[data-sidebar=gradientsidebar5] { --menu-bg: linear-gradient(180deg, #974CC5 0%, #45066C 100%); --menu-item-color: #E5E7EB; --menu-item-hover-color: #fff; --menu-item-active-color: #E5E7EB; --menu-item-active-bg: #fff; --menu-active-color: #fff; --submenu-active-color: #fff; --menu-subdrop-active: #0F172A; --menu-title-color: #fff; --menu-item-heading: #fff; --menu-item-border: rgba(255, 255, 255, 0.1); } :root[data-sidebar=gradientsidebar6] { --menu-bg: linear-gradient(180deg, #F67934 0%, #A23C05 100%); --menu-item-color: #E5E7EB; --menu-item-hover-color: #fff; --menu-item-active-color: #E5E7EB; --menu-item-active-bg: #fff; --menu-active-color: #fff; --submenu-active-color: #fff; --menu-subdrop-active: #0F172A; --menu-title-color: #fff; --menu-item-heading: #fff; --menu-item-border: rgba(255, 255, 255, 0.1); } :root[data-sidebar=gradientsidebar7] { --menu-bg: linear-gradient(180deg, #3E95EA 0%, #0459AD 100%); --menu-item-color: #E5E7EB; --menu-item-hover-color: #fff; --menu-item-active-color: #E5E7EB; --menu-item-active-bg: #fff; --menu-active-color: #fff; --submenu-active-color: #fff; --menu-subdrop-active: #0F172A; --menu-title-color: #fff; --menu-item-heading: #fff; --menu-item-border: rgba(255, 255, 255, 0.1); } :root[data-bs-theme=dark][data-topbar=white] { --topbar-bg: #0B0D0E; --topbar-item-color: #BCC7E1; --topbar-item-hover-color: #bccee4; --topbar-item-hover-bg: rgba(255, 255, 255, 0.1); --topbar-item-border: #202A36; --topbar-icon-bg: #1F6DB2; --topbar-icon-color: #fff; } :root[data-topbar=white] { --topbar-bg: #fff; --topbar-item-color: #475569; --topbar-item-hover-color: var(--primary); --topbar-item-hover-bg: #EEF2F7; } :root[data-topbar=topbar1] { --topbar-bg: #EEF2F7; --topbar-item-color: #0F172A; --topbar-item-hover-color: var(--primary); --topbar-item-hover-bg: #D0D5DA; --topbar-item-border: #E2E8F0; --topbar-icon-bg: var(--primary); --menu-toggle: #0F172A; --topbar-menu-btn: #0F172A; --topbar-menu-btn-hover: var(--primary); } :root[data-topbar=topbar2] { --topbar-bg: #0B0D0E; --topbar-item-color: #dbe0e6; --topbar-item-hover-color: #bccee4; --topbar-item-hover-bg: rgba(255, 255, 255, 0.1); --topbar-item-border: rgba(255, 255, 255, 0.1); --topbar-icon-bg: var(--primary); --topbar-icon-color: #fff; --menu-toggle: #fff; --topbar-menu-btn: #fff; --topbar-menu-btn-hover: var(--primary); } :root[data-topbar=topbar3] { --topbar-bg: var(--primary); --topbar-item-color: #fff; --topbar-item-hover-color: #F9F9F9; --topbar-item-hover-bg: rgba(255, 255, 255, 0.1); --topbar-item-border: rgba(255, 255, 255, 0.1); --topbar-icon-bg: #fff; --topbar-icon-color: #0F172A; --menu-toggle: #fff; --topbar-menu-btn: #fff; --topbar-menu-btn-hover: #0F172A; } :root[data-topbar=topbar4] { --topbar-bg: var(--secondary); --topbar-item-color: #fff; --topbar-item-hover-color: #111827; --topbar-item-hover-bg: rgba(255, 255, 255, 0.1); --topbar-item-border: rgba(255, 255, 255, 0.1); --topbar-icon-bg: #fff; --topbar-icon-color: #0F172A; --menu-toggle: #fff; --topbar-menu-btn: #fff; --topbar-menu-btn-hover: #0F172A; } :root[data-topbar=topbar5] { --topbar-bg: var(--info); --topbar-item-color: #fff; --topbar-item-hover-color: #111827; --topbar-item-hover-bg: rgba(255, 255, 255, 0.1); --topbar-item-border: rgba(255, 255, 255, 0.1); --topbar-icon-bg: #fff; --topbar-icon-color: #0F172A; --menu-toggle: #fff; --topbar-menu-btn: #fff; --topbar-menu-btn-hover: #0F172A; } :root[data-topbar=topbar6] { --topbar-bg: var(--indigo); --topbar-item-color: #fff; --topbar-item-hover-bg: rgba(255, 255, 255, 0.1); --topbar-item-border: rgba(255, 255, 255, 0.1); --topbar-icon-bg: #fff; --topbar-icon-color: #0F172A; --menu-toggle: #fff; --topbar-menu-btn: #fff; --topbar-menu-btn-hover: #0F172A; } :root[data-topbar=gradienttopbar1] { --topbar-bg: linear-gradient(90deg, #303F9F 0%, #061157 100%); --topbar-item-color: #fff; --topbar-item-hover-color: #111827; --topbar-item-hover-bg: rgba(255, 255, 255, 0.1); --topbar-item-border: rgba(255, 255, 255, 0.1); --topbar-icon-bg: #fff; --topbar-icon-color: #0F172A; --menu-toggle: #fff; --topbar-menu-btn: #fff; --topbar-menu-btn-hover: #0F172A; } :root[data-topbar=gradienttopbar2] { --topbar-bg: linear-gradient(90deg, #1F6DB2 0%, #0B477D 100%); --topbar-item-color: #fff; --topbar-item-hover-color: #111827; --topbar-item-hover-bg: rgba(255, 255, 255, 0.1); --topbar-item-border: rgba(255, 255, 255, 0.1); --topbar-icon-bg: #fff; --topbar-icon-color: #0F172A; --menu-toggle: #fff; --topbar-menu-btn: #fff; --topbar-menu-btn-hover: #0F172A; } :root[data-topbar=gradienttopbar3] { --topbar-bg: linear-gradient(270deg, #0D7858 1.02%, #0ECD94 102.52%); --topbar-item-color: #fff; --topbar-item-hover-color: #111827; --topbar-item-hover-bg: rgba(255, 255, 255, 0.1); --topbar-item-border: rgba(255, 255, 255, 0.1); --topbar-icon-bg: #fff; --topbar-icon-color: #0F172A; --menu-toggle: #fff; --topbar-menu-btn: #fff; --topbar-menu-btn-hover: #0F172A; } :root[data-topbar=gradienttopbar4] { --topbar-bg: linear-gradient(90deg, #5B6C74 0%, #020B0F 100%); --topbar-item-color: #fff; --topbar-item-hover-color: #111827; --topbar-item-hover-bg: rgba(255, 255, 255, 0.1); --topbar-item-border: rgba(255, 255, 255, 0.1); --topbar-icon-bg: #fff; --topbar-icon-color: #0F172A; --menu-toggle: #fff; --topbar-menu-btn: #fff; --topbar-menu-btn-hover: #0F172A; } :root[data-topbar=gradienttopbar5] { --topbar-bg: linear-gradient(90deg, #974CC5 0%, #45066C 100%); --topbar-item-color: #fff; --topbar-item-hover-color: #111827; --topbar-item-hover-bg: rgba(255, 255, 255, 0.1); --topbar-item-border: rgba(255, 255, 255, 0.1); --topbar-icon-bg: #fff; --topbar-icon-color: #0F172A; --menu-toggle: #fff; --topbar-menu-btn: #fff; --topbar-menu-btn-hover: #0F172A; } :root[data-topbar=gradienttopbar6] { --topbar-bg: linear-gradient(90deg, #F67934 0%, #A23C05 100%); --topbar-item-color: #fff; --topbar-item-hover-color: #111827; --topbar-item-hover-bg: rgba(255, 255, 255, 0.1); --topbar-item-border: rgba(255, 255, 255, 0.1); --topbar-icon-bg: #fff; --topbar-icon-color: #0F172A; --menu-toggle: #fff; --topbar-menu-btn: #fff; --topbar-menu-btn-hover: #0F172A; } :root[data-topbar=gradienttopbar7] { --topbar-bg: linear-gradient(90deg, #3E95EA 0%, #0459AD 100%); --topbar-item-color: #fff; --topbar-item-hover-color: #111827; --topbar-item-hover-bg: rgba(255, 255, 255, 0.1); --topbar-item-border: rgba(255, 255, 255, 0.1); --topbar-icon-bg: #fff; --topbar-icon-color: #0F172A; --menu-toggle: #fff; --topbar-menu-btn: #fff; --topbar-menu-btn-hover: #0F172A; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .navbar-header { position: sticky; top: 0; z-index: 1000; background: var(--topbar-bg); min-height: var(--topbar-height); margin-left: var(--sidenav-width); transition: all 0.25s ease-in-out; border-bottom: 1px solid var(--border-color); padding: 0 1.25rem; box-sizing: border-box; } @media (max-width: 991.98px) { .navbar-header { margin-left: 0; } } .navbar-header #toggle_btn2 { display: none; width: 22px; height: 22px; border-radius: 50%; color: var(--menu-toggle); } .navbar-header .profile-dropdown label { font-weight: 400; } .navbar-header .profile-dropdown label i { margin-right: 8px; } .navbar-header .header-search .header-search-icon { position: absolute; right: 5px; width: 22px; height: 22px; border-radius: 0.25rem; top: 50%; transform: translateY(-50%); background-color: var(--topbar-icon-bg); display: flex; align-items: center; justify-content: center; } .navbar-header .header-search .input-icon-addon { color: var(--topbar-icon-color); background-color: var(--topbar-icon-bg); } .navbar-header .header-search .form-control { background: transparent; height: 32px; font-size: 14px; color: var(--topbar-item-color); border-color: var(--topbar-item-border); } .navbar-header .header-search .form-control::placeholder { color: var(--gray-400); } .navbar-header .topbar-menu { display: flex; justify-content: space-between; position: relative; } .navbar-header .topbar-menu.page-container { margin: 0; padding: 0; } .navbar-header .topbar-menu .header-link { width: 32px; height: 32px; } .navbar-header .topbar-menu .header-item { display: flex; align-items: center; justify-content: center; height: var(--topbar-height); } .navbar-header .topbar-menu .header-item .topbar-link { z-index: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; width: 32px; height: 32px; border-radius: 5px; color: var(--topbar-item-color); border: 1px solid var(--topbar-item-border); padding: 5px; position: relative; } .navbar-header .topbar-menu .header-item .topbar-link:hover { background-color: var(--topbar-item-hover-bg); } .navbar-header .topbar-menu .header-item .topbar-link i { font-size: 16px; } .navbar-header ul { list-style-type: none; margin-bottom: 0; } .navbar-header .logo { display: none; margin-left: 10px; } @media (max-width: 991.98px) { .navbar-header .logo { display: block; } } @media (max-width: 991.98px) { .navbar-header .logo .logo-light { display: none; } } @media (max-width: 991.98px) { .navbar-header .logo .logo-small { display: none; } } @media (max-width: 767.98px) { .navbar-header .logo .logo-dark { display: none; } } @media (max-width: 767.98px) { .navbar-header .logo .logo-small { display: block!important; } } .sidenav-toggle-btn:hover { color: var(--primary); } @media (max-width: 991.98px) { .sidenav-toggle-btn { display: none!important; } } @media (min-width: 992px) { .mobile-btn { display: none; } } html[data-bs-theme=dark] #light-dark-mode .ti-moon::before { content: "\eb30"; } .nav-user { display: flex; align-items: center; gap: 10px; border: 1px solid var(--border-color); padding: 10px; transition: none; border-radius: 5px; } .header-search .input-group-sm > .btn, .header-search .input-group-sm > .form-control, .header-search .input-group-sm > .form-select, .header-search .input-group-sm > .input-group-text { padding: 0.3rem 0.5rem; } .notification-badge { position: absolute; top: 3px; right: 3px; width: 6px; height: 6px; background-color: #fd5812; border-radius: 50px; } .notification-body { min-height: 280px; max-height: 280px; } .notification-item { background-color: var(--white); position: relative; cursor: pointer; border-radius: 0!important; } .notification-item .notification-item-close { position: absolute; right: 0; display: none; top: 0; bottom: 0; padding: 15px; background-color: var(--light); } .notification-item .notification-action { display: none!important; } .notification-item .notification-read { display: block; width: 8px; height: 8px; } .notification-item .notification-badge { height: 22px; width: 22px; text-align: center; color: var(--white); top: -12px; right: -8px; border: 2px solid var(--white); line-height: 18px; font-size: 11px; } .notification-item:hover .notification-item-close { display: block; } .notification-item:hover .notification-action { display: flex!important; } .animate-ring { animation: tada 1.5s ease infinite; } @keyframes tada { 0% { transform: scaleZ(1); } 10%, 20% { transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg); } 30%, 50%, 70%, 90% { transform: scaleZ(1) rotate3d(0, 0, 1, 10deg); } 40%, 60%, 80% { transform: rotate3d(0, 0, 1, -10deg); } to { transform: scaleZ(1); } } @media (max-width: 575.98px) { .navbar-header .topbar-menu { position: initial; } .navbar-header .dropdown { position: static; } .navbar-header .dropdown .dropdown-menu { width: 100%; left: 0!important; right: 0!important; } } @media (max-width: 767.98px) { .navbar-header { padding: 0 0.625rem; } } [data-layout=hidden] #toggle_btn2 { display: block; } [data-layout=hidden] .hidden-layout #toggle_btn2 { display: none; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; background: var(--menu-bg); border-right: 1px solid var(--menu-item-border); margin-top: 0; z-index: 99; position: fixed; top: 0; bottom: 0; left: 0; transition: all 0.25s ease-in-out; width: var(--sidenav-width); } @media (max-width: 991.98px) { .sidebar { margin-left: -575px; transition: all 0.4s ease; z-index: 9999; top: 0; } } .sidebar .sidebar-logo { position: fixed; line-height: var(--topbar-height); width: var(--sidenav-width); padding: 0 16px; border-bottom: 1px solid var(--menu-item-border); } .sidebar .sidebar-logo .logo { display: block; } .sidebar .sidebar-logo .dark-logo, .sidebar .sidebar-logo .logo-small { display: none; } @media (min-width: 992px) { .sidebar .sidebar-logo #toggle_btn { position: absolute; top: 50%; transform: translateY(-50%); right: 16px; width: 26px; height: 26px; border-radius: 5px; color: var(--menu-toggle-color); background-color: var(--menu-toggle-bg); font-size: 16px; } } .sidebar [data-simplebar] { top: var(--topbar-height); height: calc(100% - var(--topbar-height)); } @media (max-width: 575.98px) { .sidebar [data-simplebar] { width: 100%!important; } } .sidebar [data-simplebar] .sidebar-menu { margin-top: 0; display: flex; flex-direction: column; justify-content: space-between; } .sidebar .sidebar-inner { width: 100%; } .sidebar .sidebar-menu { margin-top: var(--topbar-height); padding: 16px; } .sidebar .sidebar-menu ul { margin: 0; padding-left: 0; list-style: none; display: flex; flex-direction: column; } .sidebar .sidebar-menu > ul > li { overflow: hidden; margin-top: 5px; } .sidebar .sidebar-menu > ul > li:last-child { margin-bottom: 0; } .sidebar .sidebar-menu > ul > li:first-child.menu-title { margin-top: 0; } .sidebar .sidebar-menu > ul > li:last-child ul { margin-bottom: 0; } .sidebar .sidebar-menu > ul > li > a { display: -webkit-box; border-radius: 6px; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; font-size: 14px; color: var(--menu-item-heading)!important; font-weight: 500; position: relative; width: 100%; padding: 8px 8px; transition: all 0.2s ease; } .sidebar .sidebar-menu > ul > li > a.active { background: var(--menu-active-color); border-radius: 5px; color: var(--menu-subdrop-active)!important; } .sidebar .sidebar-menu > ul > li > a:hover { background: var(--menu-active-color); color: var(--menu-subdrop-active)!important; } .sidebar .sidebar-menu > ul > li > a span { font-size: 14px; font-weight: 500; white-space: nowrap; margin-left: 8px; } .sidebar .sidebar-menu > ul > li > a .count { width: 14px; height: 14px; border-radius: 50%; background: var(--danger); font-size: 10px; display: flex; align-items: center; justify-content: center; color: var(--white); flex-shrink: 0; margin-left: auto; font-weight: 400; } .sidebar .sidebar-menu > ul > li.submenu ul { display: none; } .sidebar .sidebar-menu > ul > li.submenu ul li a { padding: 8px 16px 8px 42px; font-size: 13px; position: relative; color: var(--menu-item-color); font-weight: 500; } .sidebar .sidebar-menu > ul > li.submenu ul li a.active { color: var(--submenu-active-color); } .sidebar .sidebar-menu > ul > li.submenu ul li a.active::before { opacity: 1; } .sidebar .sidebar-menu > ul > li.submenu ul li a.active::after { background-color: var(--submenu-active-color); } .sidebar .sidebar-menu > ul > li.submenu ul li a::after { position: absolute; content: ""; background-color: var(--menu-item-color); width: 4px; height: 4px; left: 29px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .sidebar .sidebar-menu > ul > li.submenu ul li a:hover { color: var(--submenu-active-color); background-color: transparent; } .sidebar .sidebar-menu > ul > li.submenu ul li a:hover::after { background-color: var(--submenu-active-color); } .sidebar .sidebar-menu > ul > li ul { display: flex; flex-direction: column; } .sidebar .sidebar-menu > ul > li ul li { overflow: hidden; margin-top: 2px; } .sidebar .sidebar-menu > ul > li ul li a { display: -webkit-box; border-radius: 6px; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; font-size: 14px; color: var(--menu-item-heading); font-weight: 500; position: relative; width: 100%; padding: 8px 8px; } .sidebar .sidebar-menu > ul > li ul li a i { font-size: 14px; } .sidebar .sidebar-menu > ul > li ul li a span { white-space: nowrap; margin-left: 8px; } .sidebar .sidebar-menu > ul > li ul li a.active { color: var(--menu-item-active-color); } .sidebar .sidebar-menu > ul > li ul li a.active .menu-arrow::before { border-color: var(--white); } .sidebar .sidebar-menu > ul > li ul li a.active::before { opacity: 1; } .sidebar .sidebar-menu > ul > li ul > li.active a { background: var(--menu-active-color); border-radius: 5px; color: var(--menu-subdrop-active); } .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before { border-right: 2px solid var(--primary); border-bottom: 2px solid var(--primary); } .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop { background: var(--light); border-radius: 5px; color: var(--primary); } .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop i { color: var(--white); background: var(--white); } .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span { color: var(--primary); } .sidebar .sidebar-menu > ul > li .submenu ul { display: none; border: 0; padding-top: 0; padding-bottom: 0; position: relative; } .sidebar .sidebar-menu > ul > li .submenu ul li { margin: 0; } .sidebar .sidebar-menu > ul li.menu-title { font-weight: 700; letter-spacing: 0; font-size: 12px; margin: 15px 0 8px; text-transform: uppercase; position: relative; display: flex; align-items: center; border: 0; color: var(--menu-title-color); } .sidebar .sidebar-menu > ul li.menu-title span { flex-shrink: 0; } .sidebar .sidebar-menu > ul li .submenu > ul { margin: 4px 0 0; position: relative; } .sidebar .sidebar-menu > ul li .submenu > ul li a { padding: 8px 16px 8px 42px; font-size: 13px; position: relative; color: var(--menu-item-color); font-weight: 500; } .sidebar .sidebar-menu > ul li .submenu > ul li a.active { color: var(--submenu-active-color); } .sidebar .sidebar-menu > ul li .submenu > ul li a.active::before { opacity: 1; } .sidebar .sidebar-menu > ul li .submenu > ul li a.active::after { background-color: var(--submenu-active-color); } .sidebar .sidebar-menu > ul li .submenu > ul li a:hover { color: var(--submenu-active-color); } .sidebar .sidebar-menu > ul li .submenu > ul li a:hover::after { background-color: var(--submenu-active-color); } .sidebar .sidebar-menu > ul li .submenu > ul li a:hover .menu-arrow::before { border-color: var(--menu-item-active-color); } .sidebar .sidebar-menu > ul li .submenu > ul li a::after { position: absolute; content: ""; background-color: var(--menu-item-color); width: 4px; height: 4px; left: 29px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .sidebar .sidebar-menu > ul li .submenu > a.subdrop { background: var(--menu-item-active-bg); border-radius: 5px; color: var(--menu-subdrop-active); } .sidebar .sidebar-menu > ul li .submenu > a.subdrop .menu-arrow::before { border-color: var(--white); } .sidebar .sidebar-menu > ul li .submenu > a.active { background: var(--menu-item-active-bg); border-radius: 5px; color: var(--menu-subdrop-active); transition: all 0.2s ease; } .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop { background: transparent; color: var(--menu-item-active-color); border: 0; transition: all 0.2s ease; } .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop .menu-arrow::before { border-color: var(--menu-item-active-color); } .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active { background: transparent; color: var(--menu-active-color); border: 0; } .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active .menu-arrow::before { border-color: var(--menu-active-color); } .sidebar .sidebar-menu > ul li .submenu.submenu-two ul { margin-top: 0; } .sidebar .sidebar-menu > ul li .submenu.submenu-two ul li { margin-left: 20px; } .sidebar .sidebar-menu > ul li .submenu.submenu-two.submenu-three ul li { margin-left: 20px; } .sidebar .sidebar-menu .menu-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; text-rendering: auto; line-height: 40px; font-size: 18px; line-height: 16px; width: 16px; height: 16px; border-radius: 50%; position: absolute; top: 50%; right: 10px; transform: translatey(-50%); transition: all 0.2s ease; } .sidebar .sidebar-menu .menu-arrow::before { position: absolute; right: 0; top: 50%; content: "\ea61"; font-family: "tabler-icons"; margin-right: 0; font-size: 14px; display: inline-block; transform: translateY(-50%); } .sidebar .sidebar-menu .menu-arrow.inside-submenu { right: 10px; } .sidebar .sidebar-menu.subdrop .menu-arrow { transform: translateY(-50%) rotate(90deg); background: #ffeddc; } .sidebar li a.subdrop .menu-arrow::before { content: "\ea5f"; } @media (min-width: 992px) { .mini-sidebar .page-wrapper { margin-left: var(--sidenav-width-sm); } .mini-sidebar .header-left #toggle_btn { opacity: 1; transform: rotate(180deg); } .mini-sidebar .header-left #toggle_btn:after { border: 0; } .mini-sidebar .sidebar .sidebar-menu .clinicdropdown > a { padding: 5px; } .mini-sidebar.expand-menu .header-left #toggle_btn { opacity: 1; transform: rotate(180deg); } .mini-sidebar.expand-menu .sidebar .sidebar-menu .clinicdropdown > a { padding: 10px 15px; } .mini-sidebar .sidebar-right { display: none; } .mini-sidebar .sidebar { width: var(--sidenav-width-sm); overflow: hidden; } .mini-sidebar .sidebar .sidebar-menu ul li a .count, .mini-sidebar .sidebar .sidebar-menu ul li a span { display: none; } .mini-sidebar .sidebar .sidebar-menu ul li .menu-title { font-size: 0; } .mini-sidebar .sidebar .sidebar-menu ul li .menu-title::after { margin-left: 0; } .mini-sidebar .sidebar .sidebar-menu ul li svg { margin-right: 0; } .expand-menu.mini-sidebar .navbar-header { margin-left: var(--sidenav-width); } } @media (min-width: 992px) and (min-width: 992px) { .expand-menu.mini-sidebar .navbar-header #toggle_btn { left: -32px; background: transparent; color: var(--gray-900); } } @media (min-width: 992px) { .expand-menu.mini-sidebar #toggle_btn { opacity: 1; } .expand-menu.mini-sidebar #toggle_btn i { transform: rotate(180deg); } .expand-menu.mini-sidebar .sidebar { width: var(--sidenav-width); } .expand-menu.mini-sidebar .sidebar .sidebar-logo { width: var(--sidenav-width); } .expand-menu.mini-sidebar .sidebar .sidebar-logo .logo { display: block; } .expand-menu.mini-sidebar .sidebar .sidebar-logo .logo-small { display: none; text-align: center; } .expand-menu.mini-sidebar .sidebar .sidebar-menu ul li a .count { display: flex; } .expand-menu.mini-sidebar .sidebar .sidebar-menu .menu-title { display: flex; font-size: 12px; } .expand-menu.mini-sidebar .sidebar .sidebar-menu .menu-title::after { margin-left: 8px; } .expand-menu.mini-sidebar .sidebar .user-names { display: none; } .expand-menu .sidebar-right { display: block; transition: all 0.2s ease; } .expand-menu .sidebar { width: var(--sidenav-width); } .expand-menu .sidebar .sidebar-menu ul > li > a span { display: inline-block; } .expand-menu .sidebar .sidebar-menu .menu-title { display: flex; } #toggle_btn { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; color: var(--topbar-item-color); } #toggle_btn.active { border: 0; } #toggle_btn:hover { color: var(--topbar-item-hover-color); } } .mini-sidebar .navbar-header { margin-left: var(--sidenav-width-sm); } @media (max-width: 991.98px) { .mini-sidebar .navbar-header { left: 0; margin-left: 0; } } .mini-sidebar #toggle_btn { opacity: 0; } .mini-sidebar .sidebar .sidebar-logo { width: var(--sidenav-width-sm); } .mini-sidebar .sidebar .sidebar-logo .logo { display: none; } .mini-sidebar .sidebar .sidebar-logo .logo-small { display: block; text-align: center; } @media (max-width: 991.98px) { .mini-sidebar .sidebar .sidebar-logo { width: 240px; } .mini-sidebar .sidebar .sidebar-logo .logo-small { display: none; } .mini-sidebar .sidebar .sidebar-logo .logo { display: block; } } .mini-sidebar .sidebar .sidebar-menu > ul li { position: relative; } .mini-sidebar .sidebar .sidebar-menu > ul li.menu-title { display: none; } @media (min-width: 992px) { .mini-sidebar .sidebar .sidebar-menu > ul li.menu-title span { display: none; } } .mini-sidebar .sidebar .sidebar-menu > ul li:first-child.menu-title::before { content: none; } .mini-sidebar .sidebar .sidebar-menu > ul li a { justify-content: center; height: 38px; } .mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li.submenu-open ul li a { justify-content: left; -webkit-justify-content: left; -ms-flex-pack: left; padding-left: 18px; } .mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li ul > li.active a { justify-content: start; } .mini-sidebar.expand-menu .sidebar .user-names { display: block!important; } .mini-sidebar.expand-menu .sidebar .sidebar-menu > ul li.menu-title::before { content: none; } .mini-sidebar.expand-menu .sidebar .sidebar-menu > ul li.menu-title span { display: block; } .mini-sidebar.expand-menu .sidebar .sidebar-menu > ul li a { justify-content: start; height: auto; } .slide-nav .sidebar { margin-left: 0; } .mini-sidebar .slide-nav .sidebar .sidebar-menu > ul li a { justify-content: start; } .mini-sidebar .slide-nav .active.subdrop ~ ul { display: block!important; } .sidebar-overlay { display: none; height: 100%; width: 100%; z-index: 1050; background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; } .sidebar-overlay.opened { display: block; } .mini-sidebar .active.subdrop ~ ul { display: none!important; } .mini-sidebar.expand-menu .active.subdrop ~ ul { display: block!important; } .active.subdrop ~ ul { display: block!important; } .mini-sidebar.expand-menu .navbar-header #toggle_btn { opacity: 1; } .sidebar-close { display: none; z-index: 1; position: absolute; background: transparent; border: none; top: 0; right: 10px; cursor: pointer; color: var(--menu-item-color); line-height: var(--topbar-height); font-size: 20px; } .sidebar-close:active, .sidebar-close:focus, .sidebar-close:hover { color: var(--menu-item-hover-color); } @media (max-width: 991.98px) { .sidebar-close { display: block; } } [data-layout=full-width] .mobile-btn { display: block; color: var(--topbar-menu-btn); } [data-layout=full-width] .mobile-btn:hover { color: var(--topbar-menu-btn-hover); } [data-layout=full-width] .slide-nav .sidebar { margin-left: 0; transition: all 0.4s ease; z-index: 9999; top: 0; opacity: 1; } [data-layout=full-width] .sidenav-toggle-btn { display: none!important; } [data-layout=full-width] .sidebar-close { display: block; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .page-wrapper { -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 0 0 var(--sidenav-width); display: flex; flex-direction: column; position: relative; left: 0; min-height: calc(100vh - (var(--topbar-height) + 1px)); -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } @media (max-width: 991.98px) { .page-wrapper { margin: 0; } } .page-wrapper .content { padding: 1.5rem; min-height: calc(100vh - 109px); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .footer { margin-top: auto; display: flex; align-items: center; justify-content: center; padding: 0.5rem 1.25rem; transition: all 0.25s ease-in-out; border-top: 1px solid var(--border-color); background-color: var(--white); } .footer .footer-links a { margin-left: 1.25rem; transition: all 0.4s; } .footer .footer-links a:first-of-type { margin-left: 0; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .sidebar-contact { position: fixed; top: 50%; right: -350px; transform: translateY(-50%); width: 350px; height: auto; background: var(--white); box-sizing: border-box; transition: 0.5s; z-index: 9999; } .sidebar-contact .toggle-theme { position: absolute; width: 48px; text-align: center; cursor: pointer; background: var(--primary); top: 0; right: 350px; padding: 6px; height: 48px; color: var(--white); border-top-left-radius: 5px; border-bottom-left-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 18px; } .sidebar-contact .toggle-theme .ti-spin { -webkit-animation: rotate 2s infinite linear; animation: rotate 2s linear infinite; display: inline-block; } @keyframes rotate { 100% { transform: rotate(360deg); } } #theme-settings { width: 26px; height: 26px; border: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center; border-radius: 50px; } .input-themeselect label { width: 100%; } .theme-colorsset .theme-check { width: 18px; height: 18px; background-color: var(--success); color: var(--white); display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; } .theme-colorsset input:checked ~ label span { display: flex!important; align-items: center; justify-content: center; } .sidebar-themesettings { transition: all 0.5s; width: 400px!important; height: 100vh; z-index: 99999; overflow: auto; max-width: 100%; } .sidebar-themesettings.open { right: 0; } .sidebar-themesettings .offcanvas-header { position: relative; } .sidebar-themesettings .offcanvas-header h5 { color: #fff; } .sidebar-themesettings .offcanvas-header .close { color: var(--white); font-size: 20px; } .sidebar-themesettings .offcanvas-header .close:hover { color: var(--danger); } .sidebar-themesettings .offcanvas-body .bg-dark { background: var(--dark)!important; } .sidebar-themesettings .offcanvas-body .bg-light { background: var(--light)!important; } .sidebar-themesettings .offcanvas-body .bg-white { background: var(--white)!important; } .sidebar-themesettings .offcanvas-body .bg-primary { background: #1f6db2!important; } .sidebar-themesettings .offcanvas-body .bg-primary-gradient { background-image: linear-gradient(180deg, #18accf 0, #0f59ad 100%)!important; } .sidebar-themesettings .themesettings-inner .accordion-button { background-color: transparent; font-size: 16px; font-weight: 600; } .sidebar-themesettings .input-themeselect { background: var(--light); padding: 10px; border-radius: 10px; border: 1px solid var(--gray-200); margin-bottom: 15px; } .sidebar-themesettings .input-themeselect input[type=radio] { display: none; } .sidebar-themesettings .input-themeselect input[type=radio] label { width: 18px; height: 18px; background-color: var(--success); color: var(--white); display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; } .sidebar-themesettings .input-themeselect input[type=radio]:checked ~ label .checkboxs-theme:after { background-color: var(--purple); border-color: var(--purple); content: ""; } .sidebar-themesettings .input-themeselect input[type=radio]:checked ~ label .checkboxs-theme::before { content: "\f00c"; font-family: "Font Awesome 5 Free"; color: var(--white); font-weight: 700; font-size: 10px; right: 4px; position: absolute; top: -14px; z-index: 9; } .sidebar-themesettings .input-themeselect img { height: 80px; } .sidebar-themesettings .input-themeselect .checkboxs-theme { position: relative; width: 100%; display: block; } .sidebar-themesettings .input-themeselect .checkboxs-theme:after { position: absolute; content: ""; border: 1px solid var(--border-color); width: 16px; height: 16px; border-radius: 5px; right: 0; top: -17px; } .sidebar-themeoverlay { position: fixed; width: 100%; height: 100vh; background: rgba(var(--black-rgb), 0.75); top: 0; left: -100%; z-index: 10000; } .sidebar-themeoverlay.open { left: 0; } .sidebar-themesettings.offcanvas.offcanvas-end { width: 400px!important; } .theme-colorsset { line-height: 0; } .theme-colorsset label { width: 40px; height: 40px; border-radius: 5px; position: relative; border: 1px solid var(--gray-200); outline-offset: 3px; outline: 1px solid var(--border-color); } .theme-colorsset label.primary-clr::before { background: var(--primary); } .theme-colorsset label.secondary-clr::before { background: var(--secondary); } .theme-colorsset label.purple-clr::before { background: var(--purple); } .theme-colorsset label.indigo-clr::before { background: var(--indigo); } .theme-colorsset label.pink-clr::before { background: var(--pink); } .theme-colorsset label.info-clr::before { background: var(--info); } .theme-colorsset label.teal-clr::before { background: var(--teal); } .theme-colorsset label.orange-clr::before { background: var(--orange); } .theme-colorsset label.warning-clr::before { background: var(--warning); } .theme-colorsset label.success-clr::before { background: var(--success); } .theme-colorsset label.danger-clr::before { background: var(--danger); } .theme-colorsset input[type=radio] { display: none; } .theme-colorsset input[type=radio]:checked ~ label { border-color: var(--primary); } .theme-colorselect input[type=radio]:checked ~ label .theme-check { display: flex; align-items: center; justify-content: center; } .theme-colorselect input[type=radio]:checked ~ label::after { display: none; } .theme-colorselect label .theme-check { width: 18px; height: 18px; background-color: var(--success); color: var(--white); display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; } .theme-layout { text-align: center; } .theme-layout.active img { border: 1px solid var(--primary); border-radius: 5px; } .theme-layout input[type=radio] { display: none; } .theme-layout input[type=radio]:checked ~ label input[type=radio] { display: none; } .theme-layout input[type=radio]:checked ~ label input[type=radio] label { width: 18px; height: 18px; background-color: var(--success); color: var(--white); display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; } .theme-layout input[type=radio]:checked ~ label input[type=radio]:checked ~ label { border-color: var(--primary); } .theme-layout input[type=radio]:checked ~ label input[type=radio]:checked ~ label .theme-check { width: 18px; height: 18px; background-color: var(--success); color: var(--white); display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; } .theme-layout input[type=radio]:checked ~ label .layout-img .theme-check { display: block; } .theme-layout input[type=radio]:checked ~ label .layout-type { position: relative; } .theme-layout label .layout-img { position: relative; } .theme-layout label .layout-img .theme-check { width: 18px; height: 18px; background-color: var(--success); color: var(--white); display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; } .theme-layout label .layout-img img { border-radius: 5px; } .theme-layout label .layout-type { color: var(--gray-900); font-weight: 500; } .theme-layout label:after { display: none; } .theme-layout .layout-img img { border: 1px solid var(--gray-200); border-radius: 5px; } .theme-sidebarcolor input[type=radio] { display: none; } .theme-sidebarcolor input[type=radio]:checked ~ label { border-color: var(--primary)!important; position: relative; } .theme-sidebarcolor input[type=radio]:checked ~ label:after { content: "\f058"; font-family: "Fontawesome"; color: var(--primary); font-weight: 700; font-size: 12px; display: flex; align-items: center; justify-content: center; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .theme-sidebarcolor input[type=radio]:checked ~ label.bg-dark:after { color: var(--white); } .theme-sidebarcolor label { width: 29px; height: 46px; border: 1px solid var(--gray-200); } .custom-themecolor { line-height: 0; } .custom-themecolor input[type=radio] { display: none; } .custom-themecolor input[type=radio]:checked ~ label .theme-check { display: flex; align-items: center; justify-content: center; } .custom-themecolor input[type=radio]:checked ~ label::after { display: none; } .custom-themecolor input[type=radio]:checked ~ label.dark-topbar:after, .custom-themecolor input[type=radio]:checked ~ label.primary-topbar:after { color: var(--white); } .custom-themecolor label { width: 40px; height: 40px; border-radius: 5px; position: relative; outline-offset: 3px; outline: 1px solid var(--border-color); } .custom-themecolor label.white-topbar { background: var(--white); border: 1px solid var(--light); } .custom-themecolor label .theme-check { width: 18px; height: 18px; background-color: var(--success); color: var(--white); display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; } .topbar-background .custom-themecolor input[type=radio]:checked ~ label .theme-check { display: flex; align-items: center; justify-content: center; } .topbar-background .custom-themecolor input[type=radio]:checked ~ label::after { display: none; } .topbar-background .custom-themecolor label { width: 40px; height: 40px; } .invoice-logo-white { display: none; } #compose-close { filter: invert(1) grayscale(100%) brightness(200%); opacity: 1; } [data-layout=full-width] .full-width .sidebar { margin-left: 0; opacity: 1; width: var(--sidenav-width); z-index: 9999; } [data-layout=full-width] .full-width .sidebar .sidebar-close { display: block; } [data-layout=full-width] .full-width .slide-nav .sidebar { margin-left: 0; } [data-layout=full-width] .navbar-header { margin-left: 0; } @media (min-width: 992px) { [data-layout=full-width] .sidebar { margin-left: calc(var(--sidenav-width) * -1); opacity: 0; } } [data-layout=full-width] .page-wrapper { margin-left: 0; } [data-layout=hidden] .hidden-layout .sidebar { margin-left: 0; opacity: 1; width: var(--sidenav-width); } [data-layout=hidden] .hidden-layout .navbar-header { margin-left: var(--sidenav-width); } [data-layout=hidden] .hidden-layout .page-wrapper { margin-left: var(--sidenav-width); } [data-layout=hidden] .navbar-header { margin-left: 0; } @media (min-width: 992px) { [data-layout=hidden] .sidebar { margin-left: calc(var(--sidenav-width) * -1); opacity: 0; } } [data-layout=hidden] .page-wrapper { margin-left: 0; } [data-sidebar=sidebar2] .sidebar .dark-logo { display: block; } [data-sidebar=sidebar2] .sidebar .logo { display: none; } @media (min-width: 992px) { [data-sidebar=sidebar2] .mini-sidebar .sidebar .sidebar-logo .dark-logo { display: none!important; } [data-sidebar=sidebar2] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo { display: none!important; } [data-sidebar=sidebar2] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo { display: block!important; } } [data-sidebar=sidebar3] .sidebar .dark-logo { display: block!important; } [data-sidebar=sidebar3] .sidebar .logo { display: none!important; } [data-bs-theme=dark] .header .header-left .logo { display: none; } [data-bs-theme=dark] .header .header-left .dark-logo { display: block; } [data-bs-theme=dark] .sidebar .sidebar-logo .logo { display: block; } [data-bs-theme=dark] .sidebar .sidebar-logo .dark-logo { display: none; } [data-bs-theme=dark] .mini-sidebar .sidebar .sidebar-logo .dark-logo, [data-bs-theme=dark] .mini-sidebar .sidebar .sidebar-logo .logo { display: none; } [data-bs-theme=dark] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo { display: block; } [data-bs-theme=dark] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo, [data-bs-theme=dark] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo-small { display: none; } [data-bs-theme=dark][data-sidebar=sidebar2] .header .header-left .logo { display: block; } [data-bs-theme=dark][data-sidebar=sidebar2] .header .header-left .dark-logo { display: none; } [data-bs-theme=dark][data-sidebar=sidebar2] .sidebar .sidebar-logo .logo { display: none; } [data-bs-theme=dark][data-sidebar=sidebar2] .sidebar .sidebar-logo .dark-logo { display: block; } [data-bs-theme=dark] .modal-backdrop.show, [data-bs-theme=dark] .offcanvas-backdrop, [data-bs-theme=dark] .sidebar-overlay { background-color: rgba(0, 0, 0, 0.75); } [data-bs-theme=dark] .avatar { color: var(--gray-900); } [data-bs-theme=dark] .badge.bg-dark { color: var(--gray-900); } [data-bs-theme=dark] .table .table-dark th { background-color: var(--white); } [data-bs-theme=dark] .signature { filter: invert(1) brightness(2); } [data-bs-theme=dark] .invoice-logo-white { display: block; } [data-bs-theme=dark] .invoice-logo .logo-white { display: none; } [data-bs-theme=dark] .invoice-logo .logo-dark { display: block; } [data-bs-theme=dark] #compose-close { filter: invert(0) grayscale(100%) brightness(0%); } [data-bs-theme=dark] .fc-event.bg-dark .fc-event-time, [data-bs-theme=dark] .fc-event.bg-dark .fc-event-title { color: #000!important; } [data-bs-theme=dark] .btn-dark { background-color: var(--light-900); border-color: var(--light-900); } [data-bs-theme=dark] .avatar-rounded.bg-dark { background-color: var(--gray-800)!important; } [data-bs-theme=dark] .choices__button { filter: brightness(22.5)!important; } [data-bs-theme=dark] .invoice-logo .logo-dark { display: block; } [data-bs-theme=dark] .invoice-logo .logo-white { display: none; } [data-bs-theme=dark] .offcanvas-body .bg-dark { background: #0b0d0e!important; } [data-bs-theme=dark] .offcanvas-body .bg-white { background: #fff!important; } [data-bs-theme=dark] .offcanvas-body .bg-light { background: #eef2f7!important; } [data-bs-theme=dark] .offcanvas-body .bg-white { background: #fff!important; } [data-bs-theme=dark] .offcanvas-body .primary-clr { border-color: #e2e8f0; } [data-bs-theme=dark] .offcanvas-body .primary-clr::before { background: #1f6db2!important; } [data-bs-theme=dark] .offcanvas-body .secondary-clr { border-color: #e2e8f0; } [data-bs-theme=dark] .offcanvas-body .secondary-clr::before { background: #0d7858!important; } [data-bs-theme=dark] .offcanvas-body .orange-clr { border-color: #e2e8f0; } [data-bs-theme=dark] .offcanvas-body .orange-clr::before { background: #e65100!important; } [data-bs-theme=dark] .offcanvas-body .teal-clr { border-color: #e2e8f0; } [data-bs-theme=dark] .offcanvas-body .teal-clr::before { background: #00796b!important; } [data-bs-theme=dark] .offcanvas-body .purple-clr { border-color: #e2e8f0; } [data-bs-theme=dark] .offcanvas-body .purple-clr::before { background: #6a1b9a!important; } [data-bs-theme=dark] .offcanvas-body .indigo-clr { border-color: #e2e8f0; } [data-bs-theme=dark] .offcanvas-body .indigo-clr::before { background: #303f9f!important; } [data-bs-theme=dark] .offcanvas-body .info-clr { border-color: #e2e8f0; } [data-bs-theme=dark] .offcanvas-body .info-clr::before { background: #1976d2!important; } [data-bs-theme=dark] .offcanvas-body .theme-colorsset input[type=radio] { display: none; } [data-bs-theme=dark] .offcanvas-body .theme-colorsset input[type=radio]:checked ~ label { border-color: var(--primary); } [data-bs-theme=dark] .offcanvas-body .theme-colorsset input[type=radio]:checked ~ label:after { content: "\ea5e"; background: #fff; border: 1px solid var(--gray-200); } [data-bs-theme=dark] .btn-danger.text-white { color: var(--dark)!important; } [data-bs-theme=dark] .file-line span { color: var(--dark)!important; } @media (max-width: 991.98px) { [data-bs-theme=dark] .logo-light { display: block!important; } } @media (max-width: 767.98px) { [data-bs-theme=dark] .logo-light { display: none!important; } } @media (max-width: 991.98px) { [data-bs-theme=dark] .logo-dark { display: none; } } [data-bs-theme=dark] .card-title.text-white { color: var(--black-rgb)!important; } [data-bs-theme=dark] .sidebar .sidebar-menu > ul > li > a .count { color: var(--dark)!important; } [data-bs-theme=dark] .modal-filled .modal-title { color: var(--dark)!important; } [data-bs-theme=dark] .modal-filled .modal-body, [data-bs-theme=dark] .modal-filled .modal-footer { color: var(--dark)!important; } [data-bs-theme=dark] .offcanvas.text-bg-dark { background-color: var(--white)!important; } [data-bs-theme=dark] .offcanvas.text-bg-dark .text-white { color: var(--dark)!important; } [data-bs-theme=dark] .bg-dark.text-white { color: #fff!important; } [data-sidebar=sidebar2][data-bs-theme=dark] .sidebar .dark-logo { display: none; } [data-sidebar=sidebar2][data-bs-theme=dark] .sidebar .logo { display: block; } @media (min-width: 992px) { [data-sidebar=sidebar2][data-bs-theme=dark] .mini-sidebar .sidebar .sidebar-logo .dark-logo, [data-sidebar=sidebar2][data-bs-theme=dark] .mini-sidebar .sidebar .sidebar-logo .logo { display: none; } [data-sidebar=sidebar2][data-bs-theme=dark] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo { display: block; } [data-sidebar=sidebar2][data-bs-theme=dark] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo, [data-sidebar=sidebar2][data-bs-theme=dark] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo-small { display: none; } } [data-topbar=gradienttopbar1] .header-search .form-control::placeholder, [data-topbar=gradienttopbar2] .header-search .form-control::placeholder, [data-topbar=gradienttopbar3] .header-search .form-control::placeholder, [data-topbar=gradienttopbar4] .header-search .form-control::placeholder, [data-topbar=gradienttopbar5] .header-search .form-control::placeholder, [data-topbar=gradienttopbar6] .header-search .form-control::placeholder, [data-topbar=gradienttopbar7] .header-search .form-control::placeholder, [data-topbar=topbar3] .header-search .form-control::placeholder, [data-topbar=topbar4] .header-search .form-control::placeholder, [data-topbar=topbar5] .header-search .form-control::placeholder, [data-topbar=topbar6] .header-search .form-control::placeholder { color: var(--gray-300)!important; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ [dir=rtl] .ms-1 { margin-right: 0.3125rem!important; margin-left: 0!important; } [dir=rtl] .ms-2 { margin-right: 0.625rem!important; margin-left: 0!important; } [dir=rtl] .ms-3 { margin-right: 1.25rem!important; margin-left: 0!important; } [dir=rtl] .ms-4 { margin-right: 1.875rem!important; margin-left: 0!important; } [dir=rtl] .ms-5 { margin-right: 3.75rem!important; margin-left: 0!important; } [dir=rtl] .ms-auto { margin-right: auto!important; margin-left: 0!important; } [dir=rtl] .me-0 { margin-left: 0!important; margin-right: 0!important; } [dir=rtl] .me-1 { margin-left: 0.3125rem!important; margin-right: 0!important; } [dir=rtl] .me-2 { margin-left: 0.625rem!important; margin-right: 0!important; } [dir=rtl] .me-3 { margin-left: 1.25rem!important; margin-right: 0!important; } [dir=rtl] .me-4 { margin-left: 1.875rem!important; margin-right: 0!important; } [dir=rtl] .me-5 { margin-left: 3.75rem!important; margin-right: 0!important; } [dir=rtl] .me-auto { margin-left: auto!important; margin-right: 0!important; } [dir=rtl] .pe-0 { padding-left: 0!important; padding-right: 0!important; } [dir=rtl] .pe-1 { padding-left: 0.3125rem!important; padding-right: 0!important; } [dir=rtl] .pe-2 { padding-left: 0.625rem!important; padding-right: 0!important; } [dir=rtl] .pe-3 { padding-left: 1.25rem!important; padding-right: 0!important; } [dir=rtl] .pe-4 { padding-left: 1.875rem!important; padding-right: 0!important; } [dir=rtl] .pe-5 { padding-left: 3.75rem!important; padding-right: 0!important; } [dir=rtl] .ps-0 { padding-right: 0!important; padding-left: 0!important; } [dir=rtl] .ps-1 { padding-right: 0.3125rem!important; padding-left: 0!important; } [dir=rtl] .ps-2 { padding-right: 0.625rem!important; padding-left: 0!important; } [dir=rtl] .ps-3 { padding-right: 1.25rem!important; padding-left: 0!important; } [dir=rtl] .ps-4 { padding-right: 1.875rem!important; padding-left: 0!important; } [dir=rtl] .ps-5 { padding-right: 3.75rem!important; padding-left: 0!important; } [dir=rtl] .text-start { text-align: right!important; } [dir=rtl] .text-end { text-align: left!important; } [dir=rtl] .start-0 { right: 0!important; left: auto!important; } [dir=rtl] .start-50 { right: 50%!important; left: auto!important; } [dir=rtl] .start-100 { right: 100%!important; left: auto!important; } [dir=rtl] .end-0 { left: 0!important; right: auto!important; } [dir=rtl] .end-50 { left: 50%!important; right: auto!important; } [dir=rtl] .end-100 { left: 100%!important; right: auto!important; } [dir=rtl] .border-start { border-left: 0!important; border-right: 1px solid var(--border-color); } @media (min-width: 576px) { [dir=rtl] .text-sm-start { text-align: right!important; } [dir=rtl] .text-sm-end { text-align: left!important; } [dir=rtl] .float-sm-start { float: right!important; } [dir=rtl] .float-sm-end { float: left!important; } [dir=rtl] .ps-sm-0 { padding-right: 0!important; padding-left: 0!important; } [dir=rtl] .ps-sm-1 { padding-right: 0.3125rem!important; padding-left: 0!important; } [dir=rtl] .ps-sm-2 { padding-right: 0.625rem!important; padding-left: 0!important; } [dir=rtl] .ps-sm-3 { padding-right: 1.25rem!important; padding-left: 0!important; } [dir=rtl] .ps-sm-4 { padding-right: 1.875rem!important; padding-left: 0!important; } [dir=rtl] .ps-sm-5 { padding-right: 3.75rem!important; padding-left: 0!important; } [dir=rtl] .pe-sm-0 { padding-left: 0!important; padding-right: 0!important; } [dir=rtl] .pe-sm-1 { padding-left: 0.3125rem!important; padding-right: 0!important; } [dir=rtl] .pe-sm-2 { padding-left: 0.625rem!important; padding-right: 0!important; } [dir=rtl] .pe-sm-3 { padding-left: 1.25rem!important; padding-right: 0!important; } [dir=rtl] .pe-sm-4 { padding-left: 1.875rem!important; padding-right: 0!important; } [dir=rtl] .pe-sm-5 { padding-left: 3.75rem!important; padding-right: 0!important; } [dir=rtl] .ms-sm-0 { margin-right: 0!important; } [dir=rtl] .ms-sm-1 { margin-right: 0.3125rem!important; margin-left: 0!important; } [dir=rtl] .ms-sm-2 { margin-right: 0.625rem!important; margin-left: 0!important; } [dir=rtl] .ms-sm-3 { margin-right: 1.25rem!important; margin-left: 0!important; } [dir=rtl] .ms-sm-4 { margin-right: 1.875rem!important; margin-left: 0!important; } [dir=rtl] .ms-sm-5 { margin-right: 3.75rem!important; margin-left: 0!important; } [dir=rtl] .me-sm-0 { margin-left: 0!important; margin-right: 0!important; } [dir=rtl] .me-sm-1 { margin-left: 0.3125rem!important; margin-right: 0!important; } [dir=rtl] .me-sm-2 { margin-left: 0.625rem!important; margin-right: 0!important; } [dir=rtl] .me-sm-3 { margin-left: 1.25rem!important; margin-right: 0!important; } [dir=rtl] .me-sm-4 { margin-left: 1.875rem!important; margin-right: 0!important; } [dir=rtl] .me-sm-5 { margin-left: 3.75rem!important; margin-right: 0!important; } } @media (min-width: 768px) { [dir=rtl] .text-md-start { text-align: right!important; } [dir=rtl] .text-md-end { text-align: left!important; } [dir=rtl] .float-md-start { float: right!important; } [dir=rtl] .float-md-end { float: left!important; } [dir=rtl] .ps-md-0 { padding-right: 0!important; padding-left: 0!important; } [dir=rtl] .ps-md-1 { padding-right: 0.3125rem!important; padding-left: 0!important; } [dir=rtl] .ps-md-2 { padding-right: 0.625rem!important; padding-left: 0!important; } [dir=rtl] .ps-md-3 { padding-right: 1.25rem!important; padding-left: 0!important; } [dir=rtl] .ps-md-4 { padding-right: 1.875rem!important; padding-left: 0!important; } [dir=rtl] .ps-md-5 { padding-right: 3.75rem!important; padding-left: 0!important; } [dir=rtl] .pe-md-0 { padding-left: 0!important; padding-right: 0!important; } [dir=rtl] .pe-md-1 { padding-left: 0.3125rem!important; padding-right: 0!important; } [dir=rtl] .pe-md-2 { padding-left: 0.625rem!important; padding-right: 0!important; } [dir=rtl] .pe-md-3 { padding-left: 1.25rem!important; padding-right: 0!important; } [dir=rtl] .pe-md-4 { padding-left: 1.875rem!important; padding-right: 0!important; } [dir=rtl] .pe-md-5 { padding-left: 3.75rem!important; padding-right: 0!important; } [dir=rtl] .ms-md-0 { margin-right: 0!important; margin-left: 0!important; } [dir=rtl] .ms-md-1 { margin-right: 0.3125rem!important; margin-left: 0!important; } [dir=rtl] .ms-md-2 { margin-right: 0.625rem!important; margin-left: 0!important; } [dir=rtl] .ms-md-3 { margin-right: 1.25rem!important; margin-left: 0!important; } [dir=rtl] .ms-md-4 { margin-right: 1.875rem!important; margin-left: 0!important; } [dir=rtl] .ms-md-5 { margin-right: 3.75rem!important; margin-left: 0!important; } [dir=rtl] .ms-md-auto { margin-right: auto!important; margin-left: 0!important; } [dir=rtl] .me-md-0 { margin-left: 0!important; margin-right: 0!important; } [dir=rtl] .me-md-1 { margin-left: 0.3125rem!important; margin-right: 0!important; } [dir=rtl] .me-md-2 { margin-left: 0.625rem!important; margin-right: 0!important; } [dir=rtl] .me-md-3 { margin-left: 1.25rem!important; margin-right: 0!important; } [dir=rtl] .me-md-4 { margin-left: 1.875rem!important; margin-right: 0!important; } [dir=rtl] .me-md-5 { margin-left: 3.75rem!important; margin-right: 0!important; } } @media (min-width: 992px) { [dir=rtl] .text-lg-start { text-align: right!important; } [dir=rtl] .text-lg-end { text-align: left!important; } [dir=rtl] .float-lg-start { float: right!important; } [dir=rtl] .float-lg-end { float: left!important; } [dir=rtl] .ps-lg-0 { padding-right: 0!important; padding-left: 0!important; } [dir=rtl] .ps-lg-1 { padding-right: 0.3125rem!important; padding-left: 0!important; } [dir=rtl] .ps-lg-2 { padding-right: 0.625rem!important; padding-left: 0!important; } [dir=rtl] .ps-lg-3 { padding-right: 1.25rem!important; padding-left: 0!important; } [dir=rtl] .ps-lg-4 { padding-right: 1.875rem!important; padding-left: 0!important; } [dir=rtl] .ps-lg-5 { padding-right: 3.75rem!important; padding-left: 0!important; } [dir=rtl] .pe-lg-0 { padding-left: 0!important; padding-right: 0!important; } [dir=rtl] .pe-lg-1 { padding-left: 0.3125rem!important; padding-right: 0!important; } [dir=rtl] .pe-lg-2 { padding-left: 0.625rem!important; padding-right: 0!important; } [dir=rtl] .pe-lg-3 { padding-left: 1.25rem!important; padding-right: 0!important; } [dir=rtl] .pe-lg-4 { padding-left: 1.875rem!important; padding-right: 0!important; } [dir=rtl] .pe-lg-5 { padding-left: 3.75rem!important; padding-right: 0!important; } [dir=rtl] .ms-lg-0 { margin-right: 0!important; margin-left: 0!important; } [dir=rtl] .ms-lg-1 { margin-right: 0.3125rem!important; margin-left: 0!important; } [dir=rtl] .ms-lg-2 { margin-right: 0.625rem!important; margin-left: 0!important; } [dir=rtl] .ms-lg-3 { margin-right: 1.25rem!important; margin-left: 0!important; } [dir=rtl] .ms-lg-4 { margin-right: 1.875rem!important; margin-left: 0!important; } [dir=rtl] .ms-lg-5 { margin-right: 3.75rem!important; margin-left: 0!important; } [dir=rtl] .ms-lg-auto { margin-right: auto!important; margin-left: 0!important; } [dir=rtl] .me-lg-0 { margin-left: 0!important; margin-right: 0!important; } [dir=rtl] .me-lg-1 { margin-left: 0.3125rem!important; margin-right: 0!important; } [dir=rtl] .me-lg-2 { margin-left: 0.625rem!important; margin-right: 0!important; } [dir=rtl] .me-lg-3 { margin-left: 1.25rem!important; margin-right: 0!important; } [dir=rtl] .me-lg-4 { margin-left: 1.875rem!important; margin-right: 0!important; } [dir=rtl] .me-lg-5 { margin-left: 3.75rem!important; margin-right: 0!important; } [dir=rtl] .me-lg-auto { margin-left: auto!important; margin-right: 0!important; } } @media (min-width: 1200px) { [dir=rtl] .text-xl-start { text-align: right!important; } [dir=rtl] .text-xl-end { text-align: left!important; } [dir=rtl] .float-xl-start { float: right!important; } [dir=rtl] .float-xl-end { float: left!important; } [dir=rtl] .ps-xl-0 { padding-right: 0!important; padding-left: 0!important; } [dir=rtl] .ps-xl-1 { padding-right: 0.3125rem!important; padding-left: 0!important; } [dir=rtl] .ps-xl-2 { padding-right: 0.625rem!important; padding-left: 0!important; } [dir=rtl] .ps-xl-3 { padding-right: 1.25rem!important; padding-left: 0!important; } [dir=rtl] .ps-xl-4 { padding-right: 1.875rem!important; padding-left: 0!important; } [dir=rtl] .ps-xl-5 { padding-right: 3.75rem!important; padding-left: 0!important; } [dir=rtl] .pe-xl-0 { padding-left: 0!important; padding-right: 0!important; } [dir=rtl] .pe-xl-1 { padding-left: 0.3125rem!important; padding-right: 0!important; } [dir=rtl] .pe-xl-2 { padding-left: 0.625rem!important; padding-right: 0!important; } [dir=rtl] .pe-xl-3 { padding-left: 1.25rem!important; padding-right: 0!important; } [dir=rtl] .pe-xl-4 { padding-left: 1.875rem!important; padding-right: 0!important; } [dir=rtl] .pe-xl-5 { padding-left: 3.75rem!important; padding-right: 0!important; } [dir=rtl] .ms-xl-0 { margin-right: 0!important; margin-left: 0!important; } [dir=rtl] .ms-xl-1 { margin-right: 0.3125rem!important; margin-left: 0!important; } [dir=rtl] .ms-xl-2 { margin-right: 0.625rem!important; margin-left: 0!important; } [dir=rtl] .ms-xl-3 { margin-right: 1.25rem!important; margin-left: 0!important; } [dir=rtl] .ms-xl-4 { margin-right: 1.875rem!important; margin-left: 0!important; } [dir=rtl] .ms-xl-5 { margin-right: 3.75rem!important; margin-left: 0!important; } [dir=rtl] .ms-xl-auto { margin-right: auto!important; margin-left: 0!important; } [dir=rtl] .me-xl-0 { margin-left: 0!important; margin-right: 0!important; } [dir=rtl] .me-xl-1 { margin-left: 0.3125rem!important; margin-right: 0!important; } [dir=rtl] .me-xl-2 { margin-left: 0.625rem!important; margin-right: 0!important; } [dir=rtl] .me-xl-3 { margin-left: 1.25rem!important; margin-right: 0!important; } [dir=rtl] .me-xl-4 { margin-left: 1.875rem!important; margin-right: 0!important; } [dir=rtl] .me-xl-5 { margin-left: 3.75rem!important; margin-right: 0!important; } [dir=rtl] .me-xl-auto { margin-left: auto!important; margin-right: 0!important; } } @media (min-width: 1400px) { [dir=rtl] .text-xxl-start { text-align: right!important; } [dir=rtl] .text-xxl-end { text-align: left!important; } [dir=rtl] .float-xxl-start { float: right!important; } [dir=rtl] .float-xxl-end { float: left!important; } [dir=rtl] .ps-xxl-0 { padding-right: 0!important; padding-left: 0!important; } [dir=rtl] .ps-xxl-1 { padding-right: 0.3125rem!important; padding-left: 0!important; } [dir=rtl] .ps-xxl-2 { padding-right: 0.625rem!important; padding-left: 0!important; } [dir=rtl] .ps-xxl-3 { padding-right: 1.25rem!important; padding-left: 0!important; } [dir=rtl] .ps-xxl-4 { padding-right: 1.875rem!important; padding-left: 0!important; } [dir=rtl] .ps-xxl-5 { padding-right: 3.75rem!important; padding-left: 0!important; } [dir=rtl] .pe-xxl-0 { padding-left: 0!important; padding-right: 0!important; } [dir=rtl] .pe-xxl-1 { padding-left: 0.3125rem!important; padding-right: 0!important; } [dir=rtl] .pe-xxl-2 { padding-left: 0.625rem!important; padding-right: 0!important; } [dir=rtl] .pe-xxl-3 { padding-left: 1.25rem!important; padding-right: 0!important; } [dir=rtl] .pe-xxl-4 { padding-left: 1.875rem!important; padding-right: 0!important; } [dir=rtl] .pe-xxl-5 { padding-left: 3.75rem!important; padding-right: 0!important; } [dir=rtl] .ms-xxl-0 { margin-right: 0!important; margin-left: 0!important; } [dir=rtl] .ms-xxl-1 { margin-right: 0.3125rem!important; margin-left: 0!important; } [dir=rtl] .ms-xxl-2 { margin-right: 0.625rem!important; margin-left: 0!important; } [dir=rtl] .ms-xxl-3 { margin-right: 1.25rem!important; margin-left: 0!important; } [dir=rtl] .ms-xxl-4 { margin-right: 1.875rem!important; margin-left: 0!important; } [dir=rtl] .ms-xxl-5 { margin-right: 3.75rem!important; margin-left: 0!important; } [dir=rtl] .ms-xxl-auto { margin-right: auto!important; margin-left: 0!important; } [dir=rtl] .me-xxl-0 { margin-left: 0!important; margin-right: 0!important; } [dir=rtl] .me-xxl-1 { margin-left: 0.3125rem!important; margin-right: 0!important; } [dir=rtl] .me-xxl-2 { margin-left: 0.625rem!important; margin-right: 0!important; } [dir=rtl] .me-xxl-3 { margin-left: 1.25rem!important; margin-right: 0!important; } [dir=rtl] .me-xxl-4 { margin-left: 1.875rem!important; margin-right: 0!important; } [dir=rtl] .me-xxl-5 { margin-left: 3.75rem!important; margin-right: 0!important; } [dir=rtl] .me-xxl-auto { margin-left: auto!important; margin-right: 0!important; } } [dir=rtl] .navbar-header .header-search .header-search-icon { right: auto; left: 5px; } [dir=rtl] .navbar-header .profile-dropdown label i { margin-right: 0; margin-left: 8px; } [dir=rtl] .dropdown-item, [dir=rtl] .dropdown-menu { text-align: right; } [dir=rtl] .input-group-flat .form-control:not(:last-child) { border-left: 0; border-right: 1px solid; } [dir=rtl] .input-group-flat .form-control:not(:first-child) { border-right: 0; border-left: 1px solid; } [dir=rtl] .input-group-flat .input-group-text:first-child { padding-left: 0; padding-right: 0.5rem; } [dir=rtl] .input-group-flat .input-group-text:last-child { padding-right: 0; padding-left: 0.5rem; } [dir=rtl] .simplebar-track { left: 0; right: auto; } [dir=rtl] .sidebar-close { left: 10px; right: auto; } [dir=rtl] .dataTables_length { float: right; } [dir=rtl] .breadcrumb-item + .breadcrumb-item::before { float: right; padding-right: 0; padding-left: 8px; } [dir=rtl] .breadcrumb-item + .breadcrumb-item { padding-left: 0; padding-right: 8px; } [dir=rtl] .slide-nav .sidebar { margin-right: 0; } [dir=rtl] .header #toggle_btn { left: auto; right: -12px; } @media (min-width: 992px) { [dir=rtl] .header .dropdown-menu { left: 0!important; right: unset!important; } } [dir=rtl] .sidebar { right: 0; border-right: 0; border-left: 1px solid var(--border-color); } @media (max-width: 991.98px) { [dir=rtl] .sidebar { right: 0; } } [dir=rtl] .sidebar .sidebar-logo #toggle_btn { right: auto; left: 16px; } [dir=rtl] .sidebar .sidebar-menu ul { padding-right: 0; } [dir=rtl] .sidebar .sidebar-menu > ul > li ul > li.active a { border-left: 0; } [dir=rtl] .sidebar .sidebar-menu > ul > li .submenu ul a { padding: 8px 42px 8px 16px; } [dir=rtl] .sidebar .sidebar-menu > ul > li .submenu ul a::before { right: 13px; left: unset; } [dir=rtl] .sidebar .sidebar-menu > ul > li .submenu ul a::after { left: 0; right: 29px; } [dir=rtl] .sidebar .sidebar-menu > ul a span { margin-right: 8px; margin-left: 0; } [dir=rtl] .sidebar .sidebar-menu .menu-arrow { left: 10px; right: unset; } [dir=rtl] .sidebar .sidebar-menu > ul > li .submenu-hdr::after { margin-right: 8px; margin-left: 0; } @media (max-width: 991.98px) { [dir=rtl] .sidebar { margin-right: -575px; } } [dir=rtl] .page-wrapper { margin-right: var(--sidenav-width); margin-left: 0; } @media (max-width: 991.98px) { [dir=rtl] .page-wrapper { margin-right: 0; } } @media (min-width: 992px) { [dir=rtl] .navbar-header { margin-right: var(--sidenav-width); margin-left: 0; } } [dir=rtl] .navbar-header .input-group input { border-right: 1px solid var(--border-color)!important; border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; border-top-right-radius: 5px!important; border-bottom-right-radius: 5px!important; border-left: 0!important; } [dir=rtl] .navbar-header .input-group .input-group-text { border-right: 0; border-radius: 5px!important; border-top-right-radius: 0!important; border-bottom-right-radius: 0!important; border-left: 1px solid var(--gray-200); } @media (max-width: 991.98px) { [dir=rtl] .navbar-header .mobile_btn { right: 0; left: unset; } } [dir=rtl] .navbar-header .mobile-user-menu { left: 0; right: auto; text-align: left; } [dir=rtl] .mini-sidebar.expand-menu .header { right: 252px; left: 0; } [dir=rtl] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-right: calc(var(--bs-border-width) * -1); border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir=rtl] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), [dir=rtl] .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, [dir=rtl] .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, [dir=rtl] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; margin-right: calc(-1 * var(--cf-border-width)); margin-left: 0; } [dir=rtl] .input-group > :not(:last-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-right: calc(-1 * var(--cf-border-width)); margin-left: 0; } [dir=rtl] .input-group > .btn:last-child, [dir=rtl] .input-group > :last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0.3rem!important; border-bottom-left-radius: 0.3rem!important; margin-right: calc(-1 * var(--cf-border-width)); margin-left: 0; } [dir=rtl] .input-group > .btn:first-child, [dir=rtl] .input-group > :first-child { border-top-right-radius: 0.3rem!important; border-bottom-right-radius: 0.3rem!important; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-right: calc(-1 * var(--cf-border-width)); margin-left: 0; } [dir=rtl] .input-group > input.form-control ~ .btn:last-of-type { border-top-left-radius: 0.3rem!important; border-bottom-left-radius: 0.3rem!important; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; margin-left: 0; } [dir=rtl] .dropdown-toggle::after { margin-left: 0; margin-right: 0.255em; } [dir=rtl] .form-select { padding: 0.5rem 0.77rem 0.5rem 2.31rem; background-position: left 0.77rem center; } [dir=rtl] .form-floating > label { right: 0; left: auto; } [dir=rtl] .form-control.is-invalid, [dir=rtl] .was-validated .form-control:invalid { background-position: left calc(0.375em + 0.25rem) center; padding-left: calc(1.5em + 1rem); padding-right: 0.77rem; } [dir=rtl] .form-floating > .form-control-plaintext ~ label, [dir=rtl] .form-floating > .form-control:focus ~ label, [dir=rtl] .form-floating > .form-control:not(:placeholder-shown) ~ label, [dir=rtl] .form-floating > .form-select ~ label { transform: scale(0.9) translateY(-0.8rem) translateX(0.9rem); text-align: end; } @media (min-width: 992px) { [dir=rtl] .mini-sidebar .page-wrapper { margin-right: var(--sidenav-width-sm); margin-left: 0; } [dir=rtl] .mini-sidebar .navbar-header { margin-right: var(--sidenav-width-sm); margin-left: 0; } [dir=rtl] .mini-sidebar.expand-menu .navbar-header { margin-right: var(--sidenav-width); margin-left: 0; } [dir=rtl] .mini-sidebar.expand-menu .page-wrapper { margin-right: var(--sidenav-width); margin-left: 0; } } [dir=rtl] .badge.ps-1 { padding-left: 0.45rem!important; } [dir=rtl] .input-group-text { border-right: none; } [dir=rtl] .modal-header .btn-close.btn-close-modal { margin-left: 0; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .accordion-item { background-color: var(--white); border: 1px solid var(--border-color); } .accordion-button { font-size: 14px; font-weight: 500; color: var(--body-color); padding: 16px 20px; box-shadow: none!important; background-color: transparent; } .accordion-button::after { height: 0.75rem; width: 0.75rem; background-size: 0.75rem; } .accordion-button:not(.collapsed) { background-color: var(--light); color: var(--body-color); } .accordion-body { color: var(--body-color); padding: 20px 20px; } .accordion-bordered .accordion-item { border-top: 1px solid var(--border-color); border-radius: 5px; } .accordion-bordered .accordion-item:not(:first-of-type) { margin-top: 0.5rem; } .accordion-bordered .accordion-item .accordion-button { border-radius: 5px; font-size: 16px; color: var(--gray-900); background-color: transparent; } .accordion-bordered .accordion-item .accordion-button:not(.collapsed) { border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important; background-color: var(--light-transparent); } .accordion-bordered .accordion-item .accordion-button:not(.collapsed)::after { content: ""; } .accordion-arrow-none .accordion-button::after { background-image: none; } .accordion-custom-icon .accordion-icon { position: absolute; right: 1.25rem; } .accordion-custom-icon .accordion-icon-off { display: none; } .accordion-custom-icon [aria-expanded=true] .accordion-icon-off { display: block; } .accordion-custom-icon [aria-expanded=true] .accordion-icon-on { display: none; } .accordions-items-seperate .accordion-item:not(:first-of-type) { margin-block-start: 1rem; } .accordions-items-seperate .accordion-item { border-block-start: 1px solid var(--border-color); border-radius: 5px; overflow: hidden; } .accordion.accordion-primary .accordion-button { background-color: rgba(var(--primary-rgb), 0.1); color: var(--primary); } .accordion.accordion-primary .accordion-button.collapsed { background-color: var(--white); color: var(--body-color); } .accordion.accordion-primary .accordion-button.collapsed:after { background-color: var(--white); color: var(--body-color); } .accordion.accordion-secondary .accordion-button { background-color: rgba(var(--secondary-rgb), 0.1); color: var(--secondary); } .accordion.accordion-secondary .accordion-button.collapsed { background-color: var(--white); color: var(--body-color); } .accordion.accordion-secondary .accordion-button.collapsed:after { background-color: var(--white); color: var(--body-color); } .accordion.accordion-success .accordion-button { background-color: rgba(var(--success-rgb), 0.1); color: var(--success); } .accordion.accordion-success .accordion-button.collapsed { background-color: var(--white); color: var(--body-color); } .accordion.accordion-success .accordion-button.collapsed:after { background-color: var(--white); color: var(--body-color); } .accordion.accordion-danger .accordion-button { background-color: rgba(var(--danger-rgb), 0.1); color: var(--danger); } .accordion.accordion-danger .accordion-button.collapsed { background-color: var(--white); color: var(--body-color); } .accordion.accordion-danger .accordion-button.collapsed:after { background-color: var(--white); color: var(--body-color); } .accordion.accordion-warning .accordion-button { background-color: rgba(var(--warning-rgb), 0.1); color: var(--warning); } .accordion.accordion-warning .accordion-button.collapsed { background-color: var(--white); color: var(--body-color); } .accordion.accordion-warning .accordion-button.collapsed:after { background-color: var(--white); } .accordion.accordion-info .accordion-button { background-color: rgba(var(--info-rgb), 0.1); color: var(--info); } .accordion.accordion-info .accordion-button.collapsed { background-color: var(--white); color: var(--body-color); } .accordion.accordion-info .accordion-button.collapsed:after { background-color: var(--white); color: var(--body-color); } .accordion.accordion-solid-primary .accordion-button { background-color: var(--primary); color: var(--white); } .accordion.accordion-solid-primary .accordion-button:after { background-color: transparent; color: var(--white); content: "\ea5f"; font-family: "tabler-icons"; display: flex; align-items: center; justify-content: center; background-image: none; } .accordion.accordion-solid-primary .accordion-button.collapsed { background-color: var(--white); color: var(--body-color); } .accordion.accordion-solid-primary .accordion-button.collapsed:after { color: var(--body-color); } .accordion.accordion-solid-secondary .accordion-button { background-color: var(--secondary); color: var(--white); } .accordion.accordion-solid-secondary .accordion-button:after { background-color: transparent; color: var(--white); content: "\ea5f"; font-family: "tabler-icons"; display: flex; align-items: center; justify-content: center; background-image: none; } .accordion.accordion-solid-secondary .accordion-button.collapsed { background-color: var(--white); color: var(--body-color); } .accordion.accordion-solid-secondary .accordion-button.collapsed:after { color: var(--body-color); } .accordion.accordion-solid-success .accordion-button { background-color: var(--success); color: var(--white); } .accordion.accordion-solid-success .accordion-button:after { background-color: transparent; color: var(--white); content: "\ea5f"; font-family: "tabler-icons"; display: flex; align-items: center; justify-content: center; background-image: none; } .accordion.accordion-solid-success .accordion-button.collapsed { background-color: var(--white); color: var(--body-color); } .accordion.accordion-solid-success .accordion-button.collapsed:after { color: var(--body-color); } .accordion.accordion-solid-danger .accordion-button { background-color: var(--danger); color: var(--white); } .accordion.accordion-solid-danger .accordion-button:after { background-color: transparent; color: var(--white); content: "\ea5f"; font-family: "tabler-icons"; display: flex; align-items: center; justify-content: center; background-image: none; } .accordion.accordion-solid-danger .accordion-button.collapsed { background-color: var(--white); color: var(--body-color); } .accordion.accordion-solid-danger .accordion-button.collapsed:after { color: var(--body-color); } .accordion.accordion-solid-warning .accordion-button { background-color: var(--warning); color: var(--white); } .accordion.accordion-solid-warning .accordion-button:after { background-color: transparent; color: var(--white); content: "\ea5f"; font-family: "tabler-icons"; display: flex; align-items: center; justify-content: center; background-image: none; } .accordion.accordion-solid-warning .accordion-button.collapsed { background-color: var(--white); color: var(--body-color); } .accordion.accordion-solid-warning .accordion-button.collapsed:after { color: var(--body-color); } .accordion.accordion-solid-info .accordion-button { background-color: var(--info); color: var(--white); } .accordion.accordion-solid-info .accordion-button:after { background-color: transparent; color: var(--white); content: "\ea5f"; font-family: "tabler-icons"; display: flex; align-items: center; justify-content: center; background-image: none; } .accordion.accordion-solid-info .accordion-button.collapsed { background-color: var(--white); color: var(--body-color); } .accordion.accordion-solid-info .accordion-button.collapsed:after { color: var(--body-color); } .accordion.accordion-border-primary .accordion-item { border: 1px solid var(--primary); } .accordion.accordion-border-primary .accordion-button { background-color: var(--white); color: var(--primary); border-block-end: 0px; } .accordion.accordion-border-primary .accordion-button:after { background-color: var(--white); color: var(--primary); content: "\ea5f"; font-family: "tabler-icons"; display: flex; align-items: center; justify-content: center; background-image: none; } .accordion.accordion-border-primary .accordion-button:not(.collapsed) { border-block-end: 1px solid var(--primary); } .accordion.accordion-border-secondary .accordion-item { border: 1px solid var(--secondary); } .accordion.accordion-border-secondary .accordion-button { background-color: var(--white); color: var(--secondary); border-block-end: 0px; } .accordion.accordion-border-secondary .accordion-button:after { background-color: var(--white); color: var(--secondary); content: "\ea5f"; font-family: "tabler-icons"; display: flex; align-items: center; justify-content: center; background-image: none; } .accordion.accordion-border-secondary .accordion-button:not(.collapsed) { border-block-end: 1px solid var(--secondary); } .accordion.accordion-border-success .accordion-item { border: 1px solid var(--success); } .accordion.accordion-border-success .accordion-button { background-color: var(--white); color: var(--success); border-block-end: 0px; } .accordion.accordion-border-success .accordion-button:after { background-color: var(--white); color: var(--success); content: "\ea5f"; font-family: "tabler-icons"; display: flex; align-items: center; justify-content: center; background-image: none; } .accordion.accordion-border-success .accordion-button:not(.collapsed) { border-block-end: 1px solid var(--success); } .accordion.accordion-border-danger .accordion-item { border: 1px solid var(--danger); } .accordion.accordion-border-danger .accordion-button { background-color: var(--white); color: var(--danger); border-block-end: 0px; } .accordion.accordion-border-danger .accordion-button:after { background-color: var(--white); color: var(--danger); content: "\ea5f"; font-family: "tabler-icons"; display: flex; align-items: center; justify-content: center; background-image: none; } .accordion.accordion-border-danger .accordion-button:not(.collapsed) { border-block-end: 1px solid var(--danger); } .accordion.accordion-border-warning .accordion-item { border: 1px solid var(--warning); } .accordion.accordion-border-warning .accordion-button { background-color: var(--white); color: var(--warning); border-block-end: 0px; } .accordion.accordion-border-warning .accordion-button:after { background-color: var(--white); color: var(--warning); content: "\ea5f"; font-family: "tabler-icons"; display: flex; align-items: center; justify-content: center; background-image: none; } .accordion.accordion-border-warning .accordion-button:not(.collapsed) { border-block-end: 1px solid var(--warning); } .accordion.accordion-border-info .accordion-item { border: 1px solid var(--info); } .accordion.accordion-border-info .accordion-button { background-color: var(--white); color: var(--info); border-block-end: 0px; } .accordion.accordion-border-info .accordion-button:after { background-color: var(--white); color: var(--info); content: "\ea5f"; font-family: "tabler-icons"; display: flex; align-items: center; justify-content: center; background-image: none; } .accordion.accordion-border-info .accordion-button:not(.collapsed) { border-block-end: 1px solid var(--info); } .accordion-bordered .accordion-item { border: 1px solid var(--border-color)!important; border-radius: 5px; } .accordion-bordered .accordion-item .accordion-button { border: none!important; outline: none; box-shadow: none; border-radius: 5px!important; background-color: transparent; color: var(--gray-900); font-weight: 700; } .accordion-bordered .accordion-item .accordion-button::after { color: var(--gray-900); } .accordion-bordered .accordion-item .accordion-body { border-top: 1px solid var(--border-color); } .accordion-bordered .accordion-item .accordion-body label.btn { padding: 0.537rem 0.77rem; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .avatar-xxs { height: 1rem; width: 1rem; } .avatar-xs { height: 1.5rem; width: 1.5rem; } .avatar-sm { height: 2rem; width: 2rem; } .avatar-md { height: 2.5rem; width: 2.5rem; } .avatar-lg { height: 3rem; width: 3rem; } .avatar-xl { height: 3.5rem; width: 3.5rem; } .avatar-title { align-items: center; color: var(--white); display: flex; height: 100%; justify-content: center; width: 100%; } .avatar-group { padding-left: 0.75rem; line-height: 1; } .avatar-group .avatar { margin-left: -0.75rem; transition: all 0.2s; line-height: 1; } .avatar-group .avatar:hover { position: relative; transform: translateY(-3px); z-index: 1; } .avatar-group.avatar-group-sm .avatar { margin-left: -0.5rem; } .user-img { height: 1em; width: 1em; } .avatar { position: relative; height: 2.5rem; width: 2.5rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; color: var(--white); font-weight: 500; } .avatar:hover { color: var(--white); } .avatar a.badge:hover { color: var(--white); } .avatar img { width: 100%; height: 100%; border-radius: 5px; } .avatar.avatar-rounded { border-radius: 50%; } .avatar.avatar-rounded img { border-radius: 50%; } .avatar.avatar-radius-0 { border-radius: 0; } .avatar.avatar-radius-0 img { border-radius: 0; } .avatar .avatar-notification { position: absolute; width: 22px; height: 22px; font-size: 10px; border: 2px solid var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; inset-block-start: -4%; inset-inline-end: -0.375rem; } .avatar.away:before, .avatar.offline:before, .avatar.online:before { position: absolute; content: ""; width: 0.7rem; height: 0.7rem; border-radius: 50%; inset-inline-end: 0; inset-block-end: 0; border: 2px solid var(--white)!important; z-index: 1; } .avatar.online:before { background-color: var(--success); } .avatar.offline:before { background-color: var(--danger); } .avatar.away:before { background-color: var(--warning); } .avatar.avatar-xss { width: 1rem; height: 1rem; line-height: 1rem; font-size: 0.65rem; } .avatar.avatar-xss .avatar-notification { padding: 4px; width: 16px; height: 16px; line-height: 16px; font-size: 8px; inset-block-start: -25%; inset-inline-end: -8px; } .avatar.avatar-xss.offline:before, .avatar.avatar-xss.online:before { width: 8px; height: 8px; } .avatar.avatar-xs { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.65rem; } .avatar.avatar-xs .avatar-notification { padding: 4px; width: 16px; height: 16px; line-height: 16px; font-size: 8px; inset-block-start: -25%; inset-inline-end: -0.8px; } .avatar.avatar-xs.offline:before, .avatar.avatar-xs.online:before { width: 0.5rem; height: 0.5rem; } .avatar.avatar-sm { width: 2rem; height: 2rem; line-height: 2rem; font-size: 0.65rem; } .avatar.avatar-sm .avatar-notification { padding: 0.3rem; width: 1.1rem; height: 1.1rem; line-height: 1.1rem; font-size: 0.5rem; inset-block-start: -28%; inset-inline-end: -0.45rem; } .avatar.avatar-sm.offline:before, .avatar.avatar-sm.online:before { width: 0.5rem; height: 0.5rem; } .avatar.avatar-md { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 0.8rem; } .avatar.avatar-md .avatar-notification { padding: 0.4rem; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; font-size: 0.65rem; inset-block-start: -6%; inset-inline-end: -13%; } .avatar.avatar-md.offline:before, .avatar.avatar-md.online:before { width: 0.5rem; height: 0.5rem; } .avatar.avatar-md svg { width: 1.5rem; height: 1.5rem; } .avatar.avatar-lg { width: 3rem; height: 3rem; line-height: 3rem; font-size: 1rem; } .avatar.avatar-lg .avatar-notification { inset-block-start: -15%; inset-inline-end: -0.25%; } .avatar.avatar-lg.offline:before, .avatar.avatar-lg.online:before { width: 0.8rem; height: 0.8rem; } .avatar.avatar-lg svg { width: 1.8rem; height: 1.8rem; } .avatar.avatar-xl { width: 3.5rem; height: 3.5rem; line-height: 3.5rem; font-size: 1.25rem; } .avatar.avatar-xl .avatar-notification { inset-block-start: -8%; inset-inline-end: -0.2%; } .avatar.avatar-xl.offline:before, .avatar.avatar-xl.online:before { width: 0.95rem; height: 0.95rem; } .avatar.avatar-xxl { width: 5rem; height: 5rem; line-height: 5rem; font-size: 1.5rem; } .avatar.avatar-xxl .avatar-notification { inset-block-start: -4%; inset-inline-end: 0rem; } .avatar.avatar-xxl.offline:before, .avatar.avatar-xxl.online:before { width: 1.05rem; height: 1.05rem; inset-block-end: 0.25rem; } .avatar.avatar-xxxl { width: 6rem; height: 6rem; line-height: 6rem; font-size: 1.75rem; } .avatar.avatar-xxxl .avatar-notification { inset-block-start: -4%; inset-inline-end: 0rem; } .avatar.avatar-xxxl.offline:before, .avatar.avatar-xxxl.online:before { width: 1.05rem; height: 1.05rem; inset-block-end: 0.25rem; } .avatar-list-stacked { padding: 0; } .avatar-list-stacked.avatar-group-overlapped .avatar { margin-right: -0.875rem; } .avatar-list-stacked.avatar-group-overlapped .avatar:hover { z-index: 1; } .avatar-list-stacked.avatar-group-lg .avatar { width: 3.25rem; height: 3.25rem; } .avatar-list-stacked.avatar-group-lg .avatar > .initial-wrap { font-size: 0.95rem; } .avatar-list-stacked.avatar-group-lg.avatar-group-overlapped .avatar { margin-right: -1rem; } .avatar-list-stacked.avatar-group-sm .avatar { width: 1.5rem; height: 1.5rem; } .avatar-list-stacked.avatar-group-sm .avatar > .initial-wrap { font-size: 0.6rem; } .avatar-list-stacked.avatar-group-sm.avatar-group-overlapped .avatar { margin-right: -0.625rem; } .avatar-list-stacked.avatar-group-xs .avatar { width: 1rem; height: 1rem; margin-inline-end: -6px!important; } .avatar-list-stacked.avatar-group-xs .avatar > .initial-wrap { font-size: 0.6rem; } .avatar-list-stacked.avatar-group-xs.avatar-group-overlapped .avatar { margin-right: -6px; } .avatar-list-stacked .avatar { margin-inline-end: -0.875rem!important; border: 1px solid rgba(0, 0, 0, 0.05); vertical-align: middle; transition: transform ease 200ms; } .avatar-list-stacked .avatar:last-child { margin-inline-end: 0!important; } .avatar-list-stacked .avatar:hover { z-index: 1; transform: translateY(-0.188rem); } .avatar-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .avatar-group .avatar { width: 2.625rem; height: 2.625rem; } .avatar-group .avatar .avatar-img, .avatar-group .avatar > .initial-wrap { border: 2px solid var(--white); font-size: 0.9rem; } .avatar-group.avatar-group-overlapped .avatar { margin-right: -0.875rem; } .avatar-group.avatar-group-overlapped .avatar:hover { z-index: 1; } .avatar-group.avatar-group-lg .avatar { width: 3.25rem; height: 3.25rem; } .avatar-group.avatar-group-lg .avatar > .initial-wrap { font-size: 0.95rem; } .avatar-group.avatar-group-lg.avatar-group-overlapped .avatar { margin-right: -1rem; } .avatar-group.avatar-group-sm .avatar { width: 2rem; height: 2rem; } .avatar-group.avatar-group-sm .avatar > .initial-wrap { font-size: 0.6rem; } .avatar-group.avatar-group-sm.avatar-group-overlapped .avatar { margin-right: -0.625rem; } .avatar.avatar-xl.border.online::before { width: 10px; height: 10px; inset-inline-end: 5px; } .avatar.avatar-icon { width: 44px; height: 44px; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .alert-primary { color: var(--primary); background-color: var(--primary-transparent); border-color: var(--primary-transparent); } .alert-primary.bg-text-primary { color: #fff; border-color: var(--primary); } .alert.alert-primary .alert-link { color: var(--primary); } .alert-secondary { color: var(--secondary); background-color: var(--secondary-transparent); border-color: var(--secondary-transparent); } .alert-secondary.bg-text-secondary { color: #fff; border-color: var(--secondary); } .alert.alert-secondary .alert-link { color: var(--secondary); } .alert-success { color: var(--success); background-color: var(--success-transparent); border-color: var(--success-transparent); } .alert-success.bg-text-success { color: #fff; border-color: var(--success); } .alert.alert-success .alert-link { color: var(--success); } .alert-info { color: var(--info); background-color: var(--info-transparent); border-color: var(--info-transparent); } .alert-info.bg-text-info { color: #fff; border-color: var(--info); } .alert.alert-info .alert-link { color: var(--info); } .alert-warning { color: var(--warning); background-color: var(--warning-transparent); border-color: var(--warning-transparent); } .alert-warning.bg-text-warning { color: #fff; border-color: var(--warning); } .alert.alert-warning .alert-link { color: var(--warning); } .alert-danger { color: var(--danger); background-color: var(--danger-transparent); border-color: var(--danger-transparent); } .alert-danger.bg-text-danger { color: #fff; border-color: var(--danger); } .alert.alert-danger .alert-link { color: var(--danger); } .alert-dark { color: var(--dark); background-color: var(--dark-transparent); border-color: var(--dark-transparent); } .alert-dark.bg-text-dark { color: #fff; border-color: var(--dark); } .alert.alert-dark .alert-link { color: var(--dark); } .alert-light { color: var(--light); background-color: var(--light-transparent); border-color: var(--light-transparent); } .alert-light.bg-text-light { color: #fff; border-color: var(--light); } .alert.alert-light .alert-link { color: var(--light); } .alert-orange { color: var(--orange); background-color: var(--orange-transparent); border-color: var(--orange-transparent); } .alert-orange.bg-text-orange { color: #fff; border-color: var(--orange); } .alert.alert-orange .alert-link { color: var(--orange); } .alert-purple { color: var(--purple); background-color: var(--purple-transparent); border-color: var(--purple-transparent); } .alert-purple.bg-text-purple { color: #fff; border-color: var(--purple); } .alert.alert-purple .alert-link { color: var(--purple); } .alert-pink { color: var(--pink); background-color: var(--pink-transparent); border-color: var(--pink-transparent); } .alert-pink.bg-text-pink { color: #fff; border-color: var(--pink); } .alert.alert-pink .alert-link { color: var(--pink); } .alert-indigo { color: var(--indigo); background-color: var(--indigo-transparent); border-color: var(--indigo-transparent); } .alert-indigo.bg-text-indigo { color: #fff; border-color: var(--indigo); } .alert.alert-indigo .alert-link { color: var(--indigo); } .alert-teal { color: var(--teal); background-color: var(--teal-transparent); border-color: var(--teal-transparent); } .alert-teal.bg-text-teal { color: #fff; border-color: var(--teal); } .alert.alert-teal .alert-link { color: var(--teal); } .alert-light, .alert.alert-light .alert-link { color: var(--gray-500); } .alert { padding: 12px 16px; } .alert.alert-primary { color: var(--primary); background-color: #bce6f5; border-color: #bce6f5; } .alert.alert-primary.text-bg-primary { background-color: var(--primary)!important; border-color: var(--primary); } .alert.alert-primary .alert-link { color: var(--primary); } .alert.alert-secondary { color: var(--secondary); background-color: var(--secondary-transparent); border-color: var(--secondary-transparent); } .alert.alert-secondary.text-bg-secondary { background-color: var(--secondary)!important; border-color: var(--secondary); } .alert.alert-secondary .alert-link { color: var(--secondary); } .alert.alert-success { color: var(--success); background-color: var(--success-transparent); border-color: var(--success-transparent); } .alert.alert-success.text-bg-success { background-color: var(--success)!important; border-color: var(--success); } .alert.alert-success .alert-link { color: var(--success); } .alert.alert-danger { color: var(--danger); background-color: var(--danger-transparent); border-color: var(--danger-transparent); } .alert.alert-danger.text-bg-danger { background-color: var(--danger)!important; border-color: var(--danger); } .alert.alert-danger .alert-link { color: var(--danger); } .alert.alert-warning { color: var(--warning); background-color: var(--warning-transparent); border-color: var(--warning-transparent); } .alert.alert-warning.text-bg-warning { background-color: var(--warning)!important; border-color: var(--warning); color: var(--white)!important; } .alert.alert-warning .alert-link { color: var(--warning); } .alert.alert-info { color: var(--info); background-color: var(--info-transparent); border-color: var(--info-transparent); } .alert.alert-info.text-bg-info { background-color: var(--info)!important; border-color: var(--info); color: var(--white)!important; } .alert.alert-info .alert-link { color: var(--info); } .alert.alert-light { color: var(--gray-500); background-color: var(--light-transparent); border-color: var(--light-transparent); } .alert.alert-dark { color: var(--dark); background-color: var(--gray-200); border-color: var(--gray-200); } .alert.alert-dismissible .btn-close { padding: 1rem 1rem; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .badge-soft-primary { color: var(--primary); background-color: var(--primary-transparent); } .badge-soft-primary[href] { color: var(--primary); text-decoration: none; background-color: var(--primary-transparent); } .badge-soft-primary[href]:is(:hover, :focus) { color: var(--primary); text-decoration: none; background-color: var(--primary-transparent); } .badge-soft-secondary { color: var(--secondary); background-color: var(--secondary-transparent); } .badge-soft-secondary[href] { color: var(--secondary); text-decoration: none; background-color: var(--secondary-transparent); } .badge-soft-secondary[href]:is(:hover, :focus) { color: var(--secondary); text-decoration: none; background-color: var(--secondary-transparent); } .badge-soft-success { color: var(--success); background-color: var(--success-transparent); } .badge-soft-success[href] { color: var(--success); text-decoration: none; background-color: var(--success-transparent); } .badge-soft-success[href]:is(:hover, :focus) { color: var(--success); text-decoration: none; background-color: var(--success-transparent); } .badge-soft-info { color: var(--info); background-color: var(--info-transparent); } .badge-soft-info[href] { color: var(--info); text-decoration: none; background-color: var(--info-transparent); } .badge-soft-info[href]:is(:hover, :focus) { color: var(--info); text-decoration: none; background-color: var(--info-transparent); } .badge-soft-warning { color: var(--warning); background-color: var(--warning-transparent); } .badge-soft-warning[href] { color: var(--warning); text-decoration: none; background-color: var(--warning-transparent); } .badge-soft-warning[href]:is(:hover, :focus) { color: var(--warning); text-decoration: none; background-color: var(--warning-transparent); } .badge-soft-danger { color: var(--danger); background-color: var(--danger-transparent); } .badge-soft-danger[href] { color: var(--danger); text-decoration: none; background-color: var(--danger-transparent); } .badge-soft-danger[href]:is(:hover, :focus) { color: var(--danger); text-decoration: none; background-color: var(--danger-transparent); } .badge-soft-dark { color: var(--dark); background-color: var(--dark-transparent); } .badge-soft-dark[href] { color: var(--dark); text-decoration: none; background-color: var(--dark-transparent); } .badge-soft-dark[href]:is(:hover, :focus) { color: var(--dark); text-decoration: none; background-color: var(--dark-transparent); } .badge-soft-light { color: var(--light); background-color: var(--light-transparent); } .badge-soft-light[href] { color: var(--light); text-decoration: none; background-color: var(--light-transparent); } .badge-soft-light[href]:is(:hover, :focus) { color: var(--light); text-decoration: none; background-color: var(--light-transparent); } .badge-soft-orange { color: var(--orange); background-color: var(--orange-transparent); } .badge-soft-orange[href] { color: var(--orange); text-decoration: none; background-color: var(--orange-transparent); } .badge-soft-orange[href]:is(:hover, :focus) { color: var(--orange); text-decoration: none; background-color: var(--orange-transparent); } .badge-soft-purple { color: var(--purple); background-color: var(--purple-transparent); } .badge-soft-purple[href] { color: var(--purple); text-decoration: none; background-color: var(--purple-transparent); } .badge-soft-purple[href]:is(:hover, :focus) { color: var(--purple); text-decoration: none; background-color: var(--purple-transparent); } .badge-soft-pink { color: var(--pink); background-color: var(--pink-transparent); } .badge-soft-pink[href] { color: var(--pink); text-decoration: none; background-color: var(--pink-transparent); } .badge-soft-pink[href]:is(:hover, :focus) { color: var(--pink); text-decoration: none; background-color: var(--pink-transparent); } .badge-soft-indigo { color: var(--indigo); background-color: var(--indigo-transparent); } .badge-soft-indigo[href] { color: var(--indigo); text-decoration: none; background-color: var(--indigo-transparent); } .badge-soft-indigo[href]:is(:hover, :focus) { color: var(--indigo); text-decoration: none; background-color: var(--indigo-transparent); } .badge-soft-teal { color: var(--teal); background-color: var(--teal-transparent); } .badge-soft-teal[href] { color: var(--teal); text-decoration: none; background-color: var(--teal-transparent); } .badge-soft-teal[href]:is(:hover, :focus) { color: var(--teal); text-decoration: none; background-color: var(--teal-transparent); } .badge-soft-purple { background-color: var(--purple-transparent); color: var(--purple); } .badge-soft-pink { background-color: var(--pink-transparent); color: var(--pink); } .badge-soft-teal { background-color: var(--teal-transparent); color: var(--teal); } .badge-soft-orange { background-color: var(--orange-transparent); color: var(--orange); } .badge-soft-light { color: var(--gray-900)!important; } .badge-outline-primary { color: var(--primary); border: 1px solid var(--primary); background-color: transparent; } .badge-outline-primary[href] { color: var(--primary); text-decoration: none; background-color: var(--primary-transparent); } .badge-outline-primary[href]:is(:hover, :focus) { color: var(--primary); text-decoration: none; background-color: var(--primary-transparent); } .badge-outline-secondary { color: var(--secondary); border: 1px solid var(--secondary); background-color: transparent; } .badge-outline-secondary[href] { color: var(--secondary); text-decoration: none; background-color: var(--secondary-transparent); } .badge-outline-secondary[href]:is(:hover, :focus) { color: var(--secondary); text-decoration: none; background-color: var(--secondary-transparent); } .badge-outline-success { color: var(--success); border: 1px solid var(--success); background-color: transparent; } .badge-outline-success[href] { color: var(--success); text-decoration: none; background-color: var(--success-transparent); } .badge-outline-success[href]:is(:hover, :focus) { color: var(--success); text-decoration: none; background-color: var(--success-transparent); } .badge-outline-info { color: var(--info); border: 1px solid var(--info); background-color: transparent; } .badge-outline-info[href] { color: var(--info); text-decoration: none; background-color: var(--info-transparent); } .badge-outline-info[href]:is(:hover, :focus) { color: var(--info); text-decoration: none; background-color: var(--info-transparent); } .badge-outline-warning { color: var(--warning); border: 1px solid var(--warning); background-color: transparent; } .badge-outline-warning[href] { color: var(--warning); text-decoration: none; background-color: var(--warning-transparent); } .badge-outline-warning[href]:is(:hover, :focus) { color: var(--warning); text-decoration: none; background-color: var(--warning-transparent); } .badge-outline-danger { color: var(--danger); border: 1px solid var(--danger); background-color: transparent; } .badge-outline-danger[href] { color: var(--danger); text-decoration: none; background-color: var(--danger-transparent); } .badge-outline-danger[href]:is(:hover, :focus) { color: var(--danger); text-decoration: none; background-color: var(--danger-transparent); } .badge-outline-dark { color: var(--dark); border: 1px solid var(--dark); background-color: transparent; } .badge-outline-dark[href] { color: var(--dark); text-decoration: none; background-color: var(--dark-transparent); } .badge-outline-dark[href]:is(:hover, :focus) { color: var(--dark); text-decoration: none; background-color: var(--dark-transparent); } .badge-outline-light { color: var(--light); border: 1px solid var(--light); background-color: transparent; } .badge-outline-light[href] { color: var(--light); text-decoration: none; background-color: var(--light-transparent); } .badge-outline-light[href]:is(:hover, :focus) { color: var(--light); text-decoration: none; background-color: var(--light-transparent); } .badge-outline-orange { color: var(--orange); border: 1px solid var(--orange); background-color: transparent; } .badge-outline-orange[href] { color: var(--orange); text-decoration: none; background-color: var(--orange-transparent); } .badge-outline-orange[href]:is(:hover, :focus) { color: var(--orange); text-decoration: none; background-color: var(--orange-transparent); } .badge-outline-purple { color: var(--purple); border: 1px solid var(--purple); background-color: transparent; } .badge-outline-purple[href] { color: var(--purple); text-decoration: none; background-color: var(--purple-transparent); } .badge-outline-purple[href]:is(:hover, :focus) { color: var(--purple); text-decoration: none; background-color: var(--purple-transparent); } .badge-outline-pink { color: var(--pink); border: 1px solid var(--pink); background-color: transparent; } .badge-outline-pink[href] { color: var(--pink); text-decoration: none; background-color: var(--pink-transparent); } .badge-outline-pink[href]:is(:hover, :focus) { color: var(--pink); text-decoration: none; background-color: var(--pink-transparent); } .badge-outline-indigo { color: var(--indigo); border: 1px solid var(--indigo); background-color: transparent; } .badge-outline-indigo[href] { color: var(--indigo); text-decoration: none; background-color: var(--indigo-transparent); } .badge-outline-indigo[href]:is(:hover, :focus) { color: var(--indigo); text-decoration: none; background-color: var(--indigo-transparent); } .badge-outline-teal { color: var(--teal); border: 1px solid var(--teal); background-color: transparent; } .badge-outline-teal[href] { color: var(--teal); text-decoration: none; background-color: var(--teal-transparent); } .badge-outline-teal[href]:is(:hover, :focus) { color: var(--teal); text-decoration: none; background-color: var(--teal-transparent); } .badge { vertical-align: middle; font-size: 0.75rem; font-weight: 500; padding: 4px 8px; border-radius: 5px; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .breadcrumb-item a { color: var(--body-color)!important; } .breadcrumb-item a:hover { color: var(--primary)!important; } .breadcrumb-item + .breadcrumb-item { padding-left: 4px; } .breadcrumb-item + .breadcrumb-item::before { font-family: "tabler-icons"; color: var(--body-color); padding-right: 4px; } .breadcrumb-arrow .breadcrumb-item + .breadcrumb-item::before { content: var(--bs-breadcrumb-divider, "\ea65"); font-family: "tabler-icons"!important; } [dir=rtl] .breadcrumb-arrow .breadcrumb-item + .breadcrumb-item::before { content: var(--bs-breadcrumb-divider, "\ea64"); font-family: "tabler-icons"!important; } .breadcrumb .breadcrumb-item { color: var(--body-color); font-size: 14px; } .breadcrumb .breadcrumb-item a:hover { color: var(--primary); } .breadcrumb .breadcrumb-item.active { color: var(--gray-900); } .breadcrumb-arrow .breadcrumb-item + .breadcrumb-item::before { content: var(--bs-breadcrumb-divider, "\ea65"); font-family: "tabler-icons"!important; color: var(--body-color); padding-right: 4px; } .breadcrumb-pipe .breadcrumb-item + .breadcrumb-item::before { content: var(--bs-breadcrumb-divider, "\ea1f"); font-family: "tabler-icons"!important; } .breadcrumb-line .breadcrumb-item + .breadcrumb-item::before { content: "-"; opacity: 1; } .breadcrumb-dot .breadcrumb-item + .breadcrumb-item::before { content: "•"; opacity: 1; } .breadcrumb-separatorless .breadcrumb-item + .breadcrumb-item::before { content: ""; display: none; } .breadcrumb-colored { padding: 12px 15px; border-radius: 5px; } .breadcrumb-colored li a { color: var(--white); } .breadcrumb-colored .breadcrumb-item a { color: var(--white); } .breadcrumb-colored .breadcrumb-item.active { color: var(--white); opacity: 0.8; } .breadcrumb-colored .breadcrumb-item + .breadcrumb-item a { color: var(--white); } .breadcrumb-colored .breadcrumb-item + .breadcrumb-item::before { color: var(--white); } .embedded-breadcrumb:before { opacity: 0.7; } [data-theme-mode=dark] .embedded-breadcrumb:before { filter: invert(1); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .btn { display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; padding: 6px 10px; border-radius: 5px; box-shadow: none; } .btn-icon { position: relative; display: inline-flex; justify-content: center; align-items: center; height: 32px; width: 32px; padding: 0; font-size: 16px; } .btn-icon :is(i, svg, img) { vertical-align: middle; } .btn-icon.btn-xs { height: 20px; width: 20px; } .btn-icon.btn-sm { height: calc(0.6rem + 1.5em + 2px); width: calc(0.6rem + 1.5em + 2px); } .btn-icon.btn-lg { height: calc(1.3rem + 1.5em + 2px); width: calc(1.3rem + 1.5em + 2px); } .btn.btn-sm { font-size: 0.75rem; padding: 4px 8px; } .btn.btn-lg { font-size: 14px; padding: 8px 12px; } .btn.btn-outline-white { border-color: var(--border-color); } .btn.disabled, .btn:disabled, fieldset:disabled .btn { background-color: var(--white); border-color: var(--border-color); color: var(--gray-900); } .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { background-color: var(--white); border-color: var(--border-color); color: var(--gray-900); } .btn-primary { color: #fff; background-color: var(--primary); border-color: var(--primary); } .btn-primary.active, .btn-primary.disabled, .btn-primary.show, .btn-primary:active, .btn-primary:disabled, .btn-primary:hover { color: #fff; background-color: var(--primary-hover); border-color: var(--primary-hover); } .btn-check + .btn-primary:hover, .btn-check:checked + .btn-primary, .btn-primary:first-child:active, :not(.btn-check) + .btn-primary:active { background-color: var(--primary-hover); border-color: var(--primary-hover); color: #fff; } .btn-secondary { color: #fff; background-color: var(--secondary); border-color: var(--secondary); } .btn-secondary.active, .btn-secondary.disabled, .btn-secondary.show, .btn-secondary:active, .btn-secondary:disabled, .btn-secondary:hover { color: #fff; background-color: var(--secondary-hover); border-color: var(--secondary-hover); } .btn-check + .btn-secondary:hover, .btn-check:checked + .btn-secondary, .btn-secondary:first-child:active, :not(.btn-check) + .btn-secondary:active { background-color: var(--secondary-hover); border-color: var(--secondary-hover); color: #fff; } .btn-success { color: #fff; background-color: var(--success); border-color: var(--success); } .btn-success.active, .btn-success.disabled, .btn-success.show, .btn-success:active, .btn-success:disabled, .btn-success:hover { color: #fff; background-color: var(--success-hover); border-color: var(--success-hover); } .btn-check + .btn-success:hover, .btn-check:checked + .btn-success, .btn-success:first-child:active, :not(.btn-check) + .btn-success:active { background-color: var(--success-hover); border-color: var(--success-hover); color: #fff; } .btn-info { color: #fff; background-color: var(--info); border-color: var(--info); } .btn-info.active, .btn-info.disabled, .btn-info.show, .btn-info:active, .btn-info:disabled, .btn-info:hover { color: #fff; background-color: var(--info-hover); border-color: var(--info-hover); } .btn-check + .btn-info:hover, .btn-check:checked + .btn-info, .btn-info:first-child:active, :not(.btn-check) + .btn-info:active { background-color: var(--info-hover); border-color: var(--info-hover); color: #fff; } .btn-warning { color: #fff; background-color: var(--warning); border-color: var(--warning); } .btn-warning.active, .btn-warning.disabled, .btn-warning.show, .btn-warning:active, .btn-warning:disabled, .btn-warning:hover { color: #fff; background-color: var(--warning-hover); border-color: var(--warning-hover); } .btn-check + .btn-warning:hover, .btn-check:checked + .btn-warning, .btn-warning:first-child:active, :not(.btn-check) + .btn-warning:active { background-color: var(--warning-hover); border-color: var(--warning-hover); color: #fff; } .btn-danger { color: #fff; background-color: var(--danger); border-color: var(--danger); } .btn-danger.active, .btn-danger.disabled, .btn-danger.show, .btn-danger:active, .btn-danger:disabled, .btn-danger:hover { color: #fff; background-color: var(--danger-hover); border-color: var(--danger-hover); } .btn-check + .btn-danger:hover, .btn-check:checked + .btn-danger, .btn-danger:first-child:active, :not(.btn-check) + .btn-danger:active { background-color: var(--danger-hover); border-color: var(--danger-hover); color: #fff; } .btn-dark { color: #fff; background-color: var(--dark); border-color: var(--dark); } .btn-dark.active, .btn-dark.disabled, .btn-dark.show, .btn-dark:active, .btn-dark:disabled, .btn-dark:hover { color: #fff; background-color: var(--dark-hover); border-color: var(--dark-hover); } .btn-check + .btn-dark:hover, .btn-check:checked + .btn-dark, .btn-dark:first-child:active, :not(.btn-check) + .btn-dark:active { background-color: var(--dark-hover); border-color: var(--dark-hover); color: #fff; } .btn-light { color: #fff; background-color: var(--light); border-color: var(--light); } .btn-light.active, .btn-light.disabled, .btn-light.show, .btn-light:active, .btn-light:disabled, .btn-light:hover { color: #fff; background-color: var(--light-hover); border-color: var(--light-hover); } .btn-check + .btn-light:hover, .btn-check:checked + .btn-light, .btn-light:first-child:active, :not(.btn-check) + .btn-light:active { background-color: var(--light-hover); border-color: var(--light-hover); color: #fff; } .btn-orange { color: #fff; background-color: var(--orange); border-color: var(--orange); } .btn-orange.active, .btn-orange.disabled, .btn-orange.show, .btn-orange:active, .btn-orange:disabled, .btn-orange:hover { color: #fff; background-color: var(--orange-hover); border-color: var(--orange-hover); } .btn-check + .btn-orange:hover, .btn-check:checked + .btn-orange, .btn-orange:first-child:active, :not(.btn-check) + .btn-orange:active { background-color: var(--orange-hover); border-color: var(--orange-hover); color: #fff; } .btn-purple { color: #fff; background-color: var(--purple); border-color: var(--purple); } .btn-purple.active, .btn-purple.disabled, .btn-purple.show, .btn-purple:active, .btn-purple:disabled, .btn-purple:hover { color: #fff; background-color: var(--purple-hover); border-color: var(--purple-hover); } .btn-check + .btn-purple:hover, .btn-check:checked + .btn-purple, .btn-purple:first-child:active, :not(.btn-check) + .btn-purple:active { background-color: var(--purple-hover); border-color: var(--purple-hover); color: #fff; } .btn-pink { color: #fff; background-color: var(--pink); border-color: var(--pink); } .btn-pink.active, .btn-pink.disabled, .btn-pink.show, .btn-pink:active, .btn-pink:disabled, .btn-pink:hover { color: #fff; background-color: var(--pink-hover); border-color: var(--pink-hover); } .btn-check + .btn-pink:hover, .btn-check:checked + .btn-pink, .btn-pink:first-child:active, :not(.btn-check) + .btn-pink:active { background-color: var(--pink-hover); border-color: var(--pink-hover); color: #fff; } .btn-indigo { color: #fff; background-color: var(--indigo); border-color: var(--indigo); } .btn-indigo.active, .btn-indigo.disabled, .btn-indigo.show, .btn-indigo:active, .btn-indigo:disabled, .btn-indigo:hover { color: #fff; background-color: var(--indigo-hover); border-color: var(--indigo-hover); } .btn-check + .btn-indigo:hover, .btn-check:checked + .btn-indigo, .btn-indigo:first-child:active, :not(.btn-check) + .btn-indigo:active { background-color: var(--indigo-hover); border-color: var(--indigo-hover); color: #fff; } .btn-teal { color: #fff; background-color: var(--teal); border-color: var(--teal); } .btn-teal.active, .btn-teal.disabled, .btn-teal.show, .btn-teal:active, .btn-teal:disabled, .btn-teal:hover { color: #fff; background-color: var(--teal-hover); border-color: var(--teal-hover); } .btn-check + .btn-teal:hover, .btn-check:checked + .btn-teal, .btn-teal:first-child:active, :not(.btn-check) + .btn-teal:active { background-color: var(--teal-hover); border-color: var(--teal-hover); color: #fff; } .btn-light { color: var(--gray-900)!important; } .btn-light.active, .btn-light.disabled, .btn-light:active, .btn-light:disabled, .btn-light:hover { color: var(--gray-900)!important; } .btn-dark { background-color: var(--dark); border-color: var(--dark); } .btn-dark:hover { background-color: var(--gray-700); border-color: var(--gray-700); } .btn-white { background-color: var(--white); border-color: var(--border-color); color: var(--gray-900); } .btn-white.disabled, .btn-white:disabled, .btn-white:hover { color: var(--gray-900); background-color: var(--light); border-color: var(--border-color); } .btn-white.active, .btn-white:active { color: #fff; background-color: var(--primary); border-color: var(--primary); } .btn-outline-primary { color: var(--primary); background-color: var(--white); border-color: var(--primary); } .btn-outline-primary.active, .btn-outline-primary.disabled, .btn-outline-primary:active, .btn-outline-primary:disabled, .btn-outline-primary:hover { color: var(--white); background-color: var(--primary); border-color: var(--primary); } .btn-check + .btn-outline-primary:hover, .btn-check:checked + .btn-outline-primary, .btn-outline-primary:first-child:active, :not(.btn-check) + .btn-outline-primary:active { background-color: var(--primary-hover); border-color: var(--primary-hover); color: var(--white); } .btn-outline-secondary { color: var(--secondary); background-color: var(--white); border-color: var(--secondary); } .btn-outline-secondary.active, .btn-outline-secondary.disabled, .btn-outline-secondary:active, .btn-outline-secondary:disabled, .btn-outline-secondary:hover { color: var(--white); background-color: var(--secondary); border-color: var(--secondary); } .btn-check + .btn-outline-secondary:hover, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary:first-child:active, :not(.btn-check) + .btn-outline-secondary:active { background-color: var(--secondary-hover); border-color: var(--secondary-hover); color: var(--white); } .btn-outline-success { color: var(--success); background-color: var(--white); border-color: var(--success); } .btn-outline-success.active, .btn-outline-success.disabled, .btn-outline-success:active, .btn-outline-success:disabled, .btn-outline-success:hover { color: var(--white); background-color: var(--success); border-color: var(--success); } .btn-check + .btn-outline-success:hover, .btn-check:checked + .btn-outline-success, .btn-outline-success:first-child:active, :not(.btn-check) + .btn-outline-success:active { background-color: var(--success-hover); border-color: var(--success-hover); color: var(--white); } .btn-outline-info { color: var(--info); background-color: var(--white); border-color: var(--info); } .btn-outline-info.active, .btn-outline-info.disabled, .btn-outline-info:active, .btn-outline-info:disabled, .btn-outline-info:hover { color: var(--white); background-color: var(--info); border-color: var(--info); } .btn-check + .btn-outline-info:hover, .btn-check:checked + .btn-outline-info, .btn-outline-info:first-child:active, :not(.btn-check) + .btn-outline-info:active { background-color: var(--info-hover); border-color: var(--info-hover); color: var(--white); } .btn-outline-warning { color: var(--warning); background-color: var(--white); border-color: var(--warning); } .btn-outline-warning.active, .btn-outline-warning.disabled, .btn-outline-warning:active, .btn-outline-warning:disabled, .btn-outline-warning:hover { color: var(--white); background-color: var(--warning); border-color: var(--warning); } .btn-check + .btn-outline-warning:hover, .btn-check:checked + .btn-outline-warning, .btn-outline-warning:first-child:active, :not(.btn-check) + .btn-outline-warning:active { background-color: var(--warning-hover); border-color: var(--warning-hover); color: var(--white); } .btn-outline-danger { color: var(--danger); background-color: var(--white); border-color: var(--danger); } .btn-outline-danger.active, .btn-outline-danger.disabled, .btn-outline-danger:active, .btn-outline-danger:disabled, .btn-outline-danger:hover { color: var(--white); background-color: var(--danger); border-color: var(--danger); } .btn-check + .btn-outline-danger:hover, .btn-check:checked + .btn-outline-danger, .btn-outline-danger:first-child:active, :not(.btn-check) + .btn-outline-danger:active { background-color: var(--danger-hover); border-color: var(--danger-hover); color: var(--white); } .btn-outline-dark { color: var(--dark); background-color: var(--white); border-color: var(--dark); } .btn-outline-dark.active, .btn-outline-dark.disabled, .btn-outline-dark:active, .btn-outline-dark:disabled, .btn-outline-dark:hover { color: var(--white); background-color: var(--dark); border-color: var(--dark); } .btn-check + .btn-outline-dark:hover, .btn-check:checked + .btn-outline-dark, .btn-outline-dark:first-child:active, :not(.btn-check) + .btn-outline-dark:active { background-color: var(--dark-hover); border-color: var(--dark-hover); color: var(--white); } .btn-outline-light { color: var(--light); background-color: var(--white); border-color: var(--light); } .btn-outline-light.active, .btn-outline-light.disabled, .btn-outline-light:active, .btn-outline-light:disabled, .btn-outline-light:hover { color: var(--white); background-color: var(--light); border-color: var(--light); } .btn-check + .btn-outline-light:hover, .btn-check:checked + .btn-outline-light, .btn-outline-light:first-child:active, :not(.btn-check) + .btn-outline-light:active { background-color: var(--light-hover); border-color: var(--light-hover); color: var(--white); } .btn-outline-orange { color: var(--orange); background-color: var(--white); border-color: var(--orange); } .btn-outline-orange.active, .btn-outline-orange.disabled, .btn-outline-orange:active, .btn-outline-orange:disabled, .btn-outline-orange:hover { color: var(--white); background-color: var(--orange); border-color: var(--orange); } .btn-check + .btn-outline-orange:hover, .btn-check:checked + .btn-outline-orange, .btn-outline-orange:first-child:active, :not(.btn-check) + .btn-outline-orange:active { background-color: var(--orange-hover); border-color: var(--orange-hover); color: var(--white); } .btn-outline-purple { color: var(--purple); background-color: var(--white); border-color: var(--purple); } .btn-outline-purple.active, .btn-outline-purple.disabled, .btn-outline-purple:active, .btn-outline-purple:disabled, .btn-outline-purple:hover { color: var(--white); background-color: var(--purple); border-color: var(--purple); } .btn-check + .btn-outline-purple:hover, .btn-check:checked + .btn-outline-purple, .btn-outline-purple:first-child:active, :not(.btn-check) + .btn-outline-purple:active { background-color: var(--purple-hover); border-color: var(--purple-hover); color: var(--white); } .btn-outline-pink { color: var(--pink); background-color: var(--white); border-color: var(--pink); } .btn-outline-pink.active, .btn-outline-pink.disabled, .btn-outline-pink:active, .btn-outline-pink:disabled, .btn-outline-pink:hover { color: var(--white); background-color: var(--pink); border-color: var(--pink); } .btn-check + .btn-outline-pink:hover, .btn-check:checked + .btn-outline-pink, .btn-outline-pink:first-child:active, :not(.btn-check) + .btn-outline-pink:active { background-color: var(--pink-hover); border-color: var(--pink-hover); color: var(--white); } .btn-outline-indigo { color: var(--indigo); background-color: var(--white); border-color: var(--indigo); } .btn-outline-indigo.active, .btn-outline-indigo.disabled, .btn-outline-indigo:active, .btn-outline-indigo:disabled, .btn-outline-indigo:hover { color: var(--white); background-color: var(--indigo); border-color: var(--indigo); } .btn-check + .btn-outline-indigo:hover, .btn-check:checked + .btn-outline-indigo, .btn-outline-indigo:first-child:active, :not(.btn-check) + .btn-outline-indigo:active { background-color: var(--indigo-hover); border-color: var(--indigo-hover); color: var(--white); } .btn-outline-teal { color: var(--teal); background-color: var(--white); border-color: var(--teal); } .btn-outline-teal.active, .btn-outline-teal.disabled, .btn-outline-teal:active, .btn-outline-teal:disabled, .btn-outline-teal:hover { color: var(--white); background-color: var(--teal); border-color: var(--teal); } .btn-check + .btn-outline-teal:hover, .btn-check:checked + .btn-outline-teal, .btn-outline-teal:first-child:active, :not(.btn-check) + .btn-outline-teal:active { background-color: var(--teal-hover); border-color: var(--teal-hover); color: var(--white); } .btn-outline-light { color: var(--gray-900)!important; } .btn-outline-light.active, .btn-outline-light.disabled, .btn-outline-light:active, .btn-outline-light:disabled, .btn-outline-light:hover { color: var(--gray-900)!important; } .btn-soft-primary { color: var(--primary); background-color: var(--primary-transparent); border-color: var(--primary); } .btn-soft-primary.active, .btn-soft-primary.disabled, .btn-soft-primary:active, .btn-soft-primary:disabled, .btn-soft-primary:hover { color: var(--white); background-color: var(--primary); border-color: var(--primary); } .btn-soft-secondary { color: var(--secondary); background-color: var(--secondary-transparent); border-color: var(--secondary); } .btn-soft-secondary.active, .btn-soft-secondary.disabled, .btn-soft-secondary:active, .btn-soft-secondary:disabled, .btn-soft-secondary:hover { color: var(--white); background-color: var(--secondary); border-color: var(--secondary); } .btn-soft-success { color: var(--success); background-color: var(--success-transparent); border-color: var(--success); } .btn-soft-success.active, .btn-soft-success.disabled, .btn-soft-success:active, .btn-soft-success:disabled, .btn-soft-success:hover { color: var(--white); background-color: var(--success); border-color: var(--success); } .btn-soft-info { color: var(--info); background-color: var(--info-transparent); border-color: var(--info); } .btn-soft-info.active, .btn-soft-info.disabled, .btn-soft-info:active, .btn-soft-info:disabled, .btn-soft-info:hover { color: var(--white); background-color: var(--info); border-color: var(--info); } .btn-soft-warning { color: var(--warning); background-color: var(--warning-transparent); border-color: var(--warning); } .btn-soft-warning.active, .btn-soft-warning.disabled, .btn-soft-warning:active, .btn-soft-warning:disabled, .btn-soft-warning:hover { color: var(--white); background-color: var(--warning); border-color: var(--warning); } .btn-soft-danger { color: var(--danger); background-color: var(--danger-transparent); border-color: var(--danger); } .btn-soft-danger.active, .btn-soft-danger.disabled, .btn-soft-danger:active, .btn-soft-danger:disabled, .btn-soft-danger:hover { color: var(--white); background-color: var(--danger); border-color: var(--danger); } .btn-soft-dark { color: var(--dark); background-color: var(--dark-transparent); border-color: var(--dark); } .btn-soft-dark.active, .btn-soft-dark.disabled, .btn-soft-dark:active, .btn-soft-dark:disabled, .btn-soft-dark:hover { color: var(--white); background-color: var(--dark); border-color: var(--dark); } .btn-soft-light { color: var(--light); background-color: var(--light-transparent); border-color: var(--light); } .btn-soft-light.active, .btn-soft-light.disabled, .btn-soft-light:active, .btn-soft-light:disabled, .btn-soft-light:hover { color: var(--white); background-color: var(--light); border-color: var(--light); } .btn-soft-orange { color: var(--orange); background-color: var(--orange-transparent); border-color: var(--orange); } .btn-soft-orange.active, .btn-soft-orange.disabled, .btn-soft-orange:active, .btn-soft-orange:disabled, .btn-soft-orange:hover { color: var(--white); background-color: var(--orange); border-color: var(--orange); } .btn-soft-purple { color: var(--purple); background-color: var(--purple-transparent); border-color: var(--purple); } .btn-soft-purple.active, .btn-soft-purple.disabled, .btn-soft-purple:active, .btn-soft-purple:disabled, .btn-soft-purple:hover { color: var(--white); background-color: var(--purple); border-color: var(--purple); } .btn-soft-pink { color: var(--pink); background-color: var(--pink-transparent); border-color: var(--pink); } .btn-soft-pink.active, .btn-soft-pink.disabled, .btn-soft-pink:active, .btn-soft-pink:disabled, .btn-soft-pink:hover { color: var(--white); background-color: var(--pink); border-color: var(--pink); } .btn-soft-indigo { color: var(--indigo); background-color: var(--indigo-transparent); border-color: var(--indigo); } .btn-soft-indigo.active, .btn-soft-indigo.disabled, .btn-soft-indigo:active, .btn-soft-indigo:disabled, .btn-soft-indigo:hover { color: var(--white); background-color: var(--indigo); border-color: var(--indigo); } .btn-soft-teal { color: var(--teal); background-color: var(--teal-transparent); border-color: var(--teal); } .btn-soft-teal.active, .btn-soft-teal.disabled, .btn-soft-teal:active, .btn-soft-teal:disabled, .btn-soft-teal:hover { color: var(--white); background-color: var(--teal); border-color: var(--teal); } .btn-soft-light { color: var(--gray-900)!important; } .btn-soft-light.active, .btn-soft-light.disabled, .btn-soft-light:active, .btn-soft-light:disabled, .btn-soft-light:hover { color: var(--gray-900)!important; } .btn-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .btn-animation { overflow: hidden; -webkit-transition: border-color 0.3s,background-color 0.3s; transition: border-color 0.3s,background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); position: relative; } .btn-animation::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); padding: 0.5rem 0.85rem; -webkit-transition: opacity 0.3s,-webkit-transform 0.3s; transition: opacity 0.3s,-webkit-transform 0.3s; transition: transform 0.3s,opacity 0.3s; transition: transform 0.3s,opacity 0.3s,-webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-animation > span { display: block; -webkit-transition: opacity 0.3s,-webkit-transform 0.3s; transition: opacity 0.3s,-webkit-transform 0.3s; transition: transform 0.3s,opacity 0.3s; transition: transform 0.3s,opacity 0.3s,-webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-animation:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-animation:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } .btn-primary.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: var(--primary)!important; border-color: var(--primary)!important; background-color: rgba(var(--primary-rgb), 0.1); } .btn-secondary.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: var(--secondary)!important; border-color: var(--secondary)!important; background-color: rgba(var(--secondary-rgb), 0.1); } .btn-warning.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: var(--warning)!important; background-color: rgba(var(--warning-rgb), 0.1); } .btn-danger.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: var(--danger)!important; background-color: rgba(var(--danger-rgb), 0.1); } .btn-info.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: var(--info)!important; background-color: rgba(var(--info-rgb), 0.1); } .btn-success.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: var(--success)!important; background-color: rgba(var(--success-rgb), 0.1); } .btn-dark.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: var(--dark)!important; background-color: rgba(var(--dark-rgb), 0.1); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .border { border-color: var(--border-color)!important; } .border-top { border-color: var(--border-color)!important; } .border-bottom { border-color: var(--border-color)!important; } .border-end { border-color: var(--border-color)!important; } .border-start { border-color: var(--border-color)!important; } .border-primary-subtle { border-color: var(--primary-transparent)!important; } .border-secondary-subtle { border-color: var(--secondary-transparent)!important; } .border-success-subtle { border-color: var(--success-transparent)!important; } .border-info-subtle { border-color: var(--info-transparent)!important; } .border-warning-subtle { border-color: var(--warning-transparent)!important; } .border-danger-subtle { border-color: var(--danger-transparent)!important; } .border-dark-subtle { border-color: var(--dark-transparent)!important; } .border-light-subtle { border-color: var(--light-transparent)!important; } .border-orange-subtle { border-color: var(--orange-transparent)!important; } .border-purple-subtle { border-color: var(--purple-transparent)!important; } .border-pink-subtle { border-color: var(--pink-transparent)!important; } .border-indigo-subtle { border-color: var(--indigo-transparent)!important; } .border-teal-subtle { border-color: var(--teal-transparent)!important; } .border-opacity-100 { --border-opacity: 1; } .border-opacity-75 { --border-opacity: 0.75; } .border-opacity-50 { --border-opacity: 0.5; } .border-opacity-25 { --border-opacity: 0.25; } .border-opacity-10 { --border-opacity: 0.10; } .border-primary { border-color: rgba(var(--primary-rgb), var(--border-opacity, 1))!important; } .border-secondary { border-color: rgba(var(--secondary-rgb), var(--border-opacity, 1))!important; } .border-success { border-color: rgba(var(--success-rgb), var(--border-opacity, 1))!important; } .border-info { border-color: rgba(var(--info-rgb), var(--border-opacity, 1))!important; } .border-warning { border-color: rgba(var(--warning-rgb), var(--border-opacity, 1))!important; } .border-danger { border-color: rgba(var(--danger-rgb), var(--border-opacity, 1))!important; } .border-dark { border-color: rgba(var(--dark-rgb), var(--border-opacity, 1))!important; } .border-light { border-color: rgba(var(--light-rgb), var(--border-opacity, 1))!important; } .border-orange { border-color: rgba(var(--orange-rgb), var(--border-opacity, 1))!important; } .border-purple { border-color: rgba(var(--purple-rgb), var(--border-opacity, 1))!important; } .border-pink { border-color: rgba(var(--pink-rgb), var(--border-opacity, 1))!important; } .border-indigo { border-color: rgba(var(--indigo-rgb), var(--border-opacity, 1))!important; } .border-teal { border-color: rgba(var(--teal-rgb), var(--border-opacity, 1))!important; } .rounded { border-radius: 5px!important; } .shadow { box-shadow: var(--box-shadow)!important; } .shadow-sm { box-shadow: var(--box-shadow-sm)!important; } .shadow-lg { box-shadow: var(--box-shadow-lg)!important; } .link-opacity-10 { opacity: 0.1; } .link-opacity-25 { opacity: 0.25; } .link-opacity-50 { opacity: 0.5; } .link-opacity-75 { opacity: 0.75; } .link-opacity-10-hover:hover { opacity: 0.1; } .link-opacity-25-hover:hover { opacity: 0.25; } .link-opacity-50-hover:hover { opacity: 0.5; } .link-opacity-75-hover:hover { opacity: 0.75; } .link-underline-opacity-100 { --link-underline-opacity: 1; } .link-underline-opacity-75 { --link-underline-opacity: 0.75; } .link-underline-opacity-50 { --link-underline-opacity: 0.5; } .link-underline-opacity-25 { --link-underline-opacity: 0.25; } .link-underline-opacity-10 { --link-underline-opacity: 0.10; } .link-underline-opacity-0 { --link-underline-opacity: 0; } .link-underline { text-decoration-color: rgba(var(--primary-rgb), var(--link-underline-opacity, 1))!important; } .rounded-2 { border-radius: 5px!important; } .fs-7 { font-size: 0.4375rem!important; } .fs-8 { font-size: 0.5rem!important; } .fs-9 { font-size: 0.5625rem; } .fs-10 { font-size: 0.75em!important; } .fs-11 { font-size: 0.6875rem; } .fs-12 { font-size: 0.75rem!important; } .fs-13 { font-size: 0.8125rem; } .fs-14 { font-size: 0.875rem!important; } .fs-15 { font-size: 0.9375rem; } .fs-16 { font-size: 1rem!important; } .fs-17 { font-size: 1.0625rem; } .fs-18 { font-size: 1.125rem; } .fs-19 { font-size: 1.1875rem; } .fs-20 { font-size: 1.25rem; } .fs-21 { font-size: 1.3125rem; } .fs-22 { font-size: 1.375rem; } .fs-23 { font-size: 1.4375rem; } .fs-24 { font-size: 1.5rem; } .fs-25 { font-size: 1.5625rem; } .fs-26 { font-size: 1.625rem; } .fs-27 { font-size: 1.6875rem; } .fs-28 { font-size: 1.75rem; } .fs-29 { font-size: 1.8125rem; } .fs-30 { font-size: 1.875rem; } .fs-32 { font-size: 2rem; } .fs-34 { font-size: 2.125rem; } .fs-36 { font-size: 2.25rem; } .fs-38 { font-size: 2.375rem; } .fs-40 { font-size: 2.5rem; } .fs-42 { font-size: 2.625rem; } .fs-44 { font-size: 2.75rem; } .fs-46 { font-size: 2.875rem; } .fs-48 { font-size: 3rem; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .fill-primary { fill: rgba(var(--primary-rgb), 0.1); } .fill-secondary { fill: rgba(var(--secondary-rgb), 0.1); } .fill-success { fill: rgba(var(--success-rgb), 0.1); } .fill-info { fill: rgba(var(--info-rgb), 0.1); } .fill-warning { fill: rgba(var(--warning-rgb), 0.1); } .fill-danger { fill: rgba(var(--danger-rgb), 0.1); } .fill-dark { fill: rgba(var(--dark-rgb), 0.1); } .fill-light { fill: rgba(var(--light-rgb), 0.1); } .fill-orange { fill: rgba(var(--orange-rgb), 0.1); } .fill-purple { fill: rgba(var(--purple-rgb), 0.1); } .fill-pink { fill: rgba(var(--pink-rgb), 0.1); } .fill-indigo { fill: rgba(var(--indigo-rgb), 0.1); } .fill-teal { fill: rgba(var(--teal-rgb), 0.1); } .bg-opacity-100 { --bg-opacity: 1!important; } .bg-opacity-75 { --bg-opacity: 0.75!important; } .bg-opacity-50 { --bg-opacity: 0.5!important; } .bg-opacity-25 { --bg-opacity: 0.25!important; } .bg-opacity-10 { --bg-opacity: 0.10!important; } .bg-primary:not([class*=bg-opacity-]) { --bg-opacity: 1; } .bg-primary { background-color: rgba(var(--primary-rgb), var(--bg-opacity, 1))!important; } .bg-secondary:not([class*=bg-opacity-]) { --bg-opacity: 1; } .bg-secondary { background-color: rgba(var(--secondary-rgb), var(--bg-opacity, 1))!important; } .bg-success:not([class*=bg-opacity-]) { --bg-opacity: 1; } .bg-success { background-color: rgba(var(--success-rgb), var(--bg-opacity, 1))!important; } .bg-info:not([class*=bg-opacity-]) { --bg-opacity: 1; } .bg-info { background-color: rgba(var(--info-rgb), var(--bg-opacity, 1))!important; } .bg-warning:not([class*=bg-opacity-]) { --bg-opacity: 1; } .bg-warning { background-color: rgba(var(--warning-rgb), var(--bg-opacity, 1))!important; } .bg-danger:not([class*=bg-opacity-]) { --bg-opacity: 1; } .bg-danger { background-color: rgba(var(--danger-rgb), var(--bg-opacity, 1))!important; } .bg-dark:not([class*=bg-opacity-]) { --bg-opacity: 1; } .bg-dark { background-color: rgba(var(--dark-rgb), var(--bg-opacity, 1))!important; } .bg-light:not([class*=bg-opacity-]) { --bg-opacity: 1; } .bg-light { background-color: rgba(var(--light-rgb), var(--bg-opacity, 1))!important; } .bg-orange:not([class*=bg-opacity-]) { --bg-opacity: 1; } .bg-orange { background-color: rgba(var(--orange-rgb), var(--bg-opacity, 1))!important; } .bg-purple:not([class*=bg-opacity-]) { --bg-opacity: 1; } .bg-purple { background-color: rgba(var(--purple-rgb), var(--bg-opacity, 1))!important; } .bg-pink:not([class*=bg-opacity-]) { --bg-opacity: 1; } .bg-pink { background-color: rgba(var(--pink-rgb), var(--bg-opacity, 1))!important; } .bg-indigo:not([class*=bg-opacity-]) { --bg-opacity: 1; } .bg-indigo { background-color: rgba(var(--indigo-rgb), var(--bg-opacity, 1))!important; } .bg-teal:not([class*=bg-opacity-]) { --bg-opacity: 1; } .bg-teal { background-color: rgba(var(--teal-rgb), var(--bg-opacity, 1))!important; } .bg-white { background-color: var(--white)!important; } .bg-body { background-color: var(--light-200)!important; } .bg-body-secondary { background-color: var(--white)!important; } .bg-primary-subtle { background-color: var(--primary-transparent)!important; } .bg-secondary-subtle { background-color: var(--secondary-transparent)!important; } .bg-success-subtle { background-color: var(--success-transparent)!important; } .bg-danger-subtle { background-color: var(--danger-transparent)!important; } .bg-warning-subtle { background-color: var(--warning-transparent)!important; } .bg-info-subtle { background-color: var(--info-transparent)!important; } .bg-light-subtle { background-color: var(--light-transparent)!important; } .bg-dark-subtle { background-color: var(--gray-transparent)!important; } .bg-soft-primary { background-color: var(--primary-transparent)!important; } .bg-soft-secondary { background-color: var(--secondary-transparent)!important; } .bg-soft-success { background-color: var(--success-transparent)!important; } .bg-soft-info { background-color: var(--info-transparent)!important; } .bg-soft-warning { background-color: var(--warning-transparent)!important; } .bg-soft-danger { background-color: var(--danger-transparent)!important; } .bg-soft-light { background-color: var(--light-transparent)!important; } .bg-soft-dark { background-color: var(--gray-100)!important; } .bg-soft-pink { background-color: var(--pink-transparent); } .bg-soft-indigo { background-color: var(--indigo-transparent); } .bg-soft-orange { background-color: var(--orange-transparent); } .text-bg-primary { background-color: var(--primary)!important; } .text-bg-secondary { background-color: var(--secondary)!important; } .text-bg-success { background-color: var(--success)!important; } .text-bg-info { background-color: var(--info)!important; } .text-bg-warning { background-color: var(--warning)!important; } .text-bg-danger { background-color: var(--danger)!important; } .text-bg-dark { background-color: var(--dark)!important; } .text-bg-light { background-color: var(--light)!important; } .text-bg-orange { background-color: var(--orange)!important; } .text-bg-purple { background-color: var(--purple)!important; } .text-bg-pink { background-color: var(--pink)!important; } .text-bg-indigo { background-color: var(--indigo)!important; } .text-bg-teal { background-color: var(--teal)!important; } .text-bg-info { background-color: var(--info)!important; color: var(--white)!important; } .text-primary-emphasis { color: var(--primary-hover)!important; } .text-secondary-emphasis { color: var(--secondary-hover)!important; } .text-success-emphasis { color: var(--success-hover)!important; } .text-info-emphasis { color: var(--info-hover)!important; } .text-warning-emphasis { color: var(--warning-hover)!important; } .text-danger-emphasis { color: var(--danger-hover)!important; } .text-dark-emphasis { color: var(--dark-hover)!important; } .text-light-emphasis { color: var(--light-hover)!important; } .text-orange-emphasis { color: var(--orange-hover)!important; } .text-purple-emphasis { color: var(--purple-hover)!important; } .text-pink-emphasis { color: var(--pink-hover)!important; } .text-indigo-emphasis { color: var(--indigo-hover)!important; } .text-teal-emphasis { color: var(--teal-hover)!important; } .text-primary { color: var(--primary)!important; } .text-primary.text-opacity-75 { opacity: 0.75!important; } .link-primary { color: var(--primary)!important; } .link-primary:hover { color: var(--primary-hover)!important; } .link-underline-primary { text-decoration-color: var(--primary)!important; } .text-secondary { color: var(--secondary)!important; } .text-secondary.text-opacity-75 { opacity: 0.75!important; } .link-secondary { color: var(--secondary)!important; } .link-secondary:hover { color: var(--secondary-hover)!important; } .link-underline-secondary { text-decoration-color: var(--secondary)!important; } .text-success { color: var(--success)!important; } .text-success.text-opacity-75 { opacity: 0.75!important; } .link-success { color: var(--success)!important; } .link-success:hover { color: var(--success-hover)!important; } .link-underline-success { text-decoration-color: var(--success)!important; } .text-info { color: var(--info)!important; } .text-info.text-opacity-75 { opacity: 0.75!important; } .link-info { color: var(--info)!important; } .link-info:hover { color: var(--info-hover)!important; } .link-underline-info { text-decoration-color: var(--info)!important; } .text-warning { color: var(--warning)!important; } .text-warning.text-opacity-75 { opacity: 0.75!important; } .link-warning { color: var(--warning)!important; } .link-warning:hover { color: var(--warning-hover)!important; } .link-underline-warning { text-decoration-color: var(--warning)!important; } .text-danger { color: var(--danger)!important; } .text-danger.text-opacity-75 { opacity: 0.75!important; } .link-danger { color: var(--danger)!important; } .link-danger:hover { color: var(--danger-hover)!important; } .link-underline-danger { text-decoration-color: var(--danger)!important; } .text-dark { color: var(--dark)!important; } .text-dark.text-opacity-75 { opacity: 0.75!important; } .link-dark { color: var(--dark)!important; } .link-dark:hover { color: var(--dark-hover)!important; } .link-underline-dark { text-decoration-color: var(--dark)!important; } .text-light { color: var(--light)!important; } .text-light.text-opacity-75 { opacity: 0.75!important; } .link-light { color: var(--light)!important; } .link-light:hover { color: var(--light-hover)!important; } .link-underline-light { text-decoration-color: var(--light)!important; } .text-orange { color: var(--orange)!important; } .text-orange.text-opacity-75 { opacity: 0.75!important; } .link-orange { color: var(--orange)!important; } .link-orange:hover { color: var(--orange-hover)!important; } .link-underline-orange { text-decoration-color: var(--orange)!important; } .text-purple { color: var(--purple)!important; } .text-purple.text-opacity-75 { opacity: 0.75!important; } .link-purple { color: var(--purple)!important; } .link-purple:hover { color: var(--purple-hover)!important; } .link-underline-purple { text-decoration-color: var(--purple)!important; } .text-pink { color: var(--pink)!important; } .text-pink.text-opacity-75 { opacity: 0.75!important; } .link-pink { color: var(--pink)!important; } .link-pink:hover { color: var(--pink-hover)!important; } .link-underline-pink { text-decoration-color: var(--pink)!important; } .text-indigo { color: var(--indigo)!important; } .text-indigo.text-opacity-75 { opacity: 0.75!important; } .link-indigo { color: var(--indigo)!important; } .link-indigo:hover { color: var(--indigo-hover)!important; } .link-underline-indigo { text-decoration-color: var(--indigo)!important; } .text-teal { color: var(--teal)!important; } .text-teal.text-opacity-75 { opacity: 0.75!important; } .link-teal { color: var(--teal)!important; } .link-teal:hover { color: var(--teal-hover)!important; } .link-underline-teal { text-decoration-color: var(--teal)!important; } .text-white { color: var(--white)!important; } .text-body { color: var(--body-color)!important; } .text-body-emphasis { color: var(--gray-hover)!important; } .text-body-secondary { color: var(--gray-900)!important; } .text-body-tertiary { color: var(--gray-300)!important; } .text-black { color: var(--black)!important; } .text-muted { color: var(--body-color)!important; } .text-dark { color: var(--gray-900)!important; } .bg-indigo-gradient { background-image: linear-gradient(180deg, #8351fd 0, #5112a9 100%)!important; } .bg-primary-gradient { background-image: linear-gradient(180deg, #18accf 0, #0f59ad 100%)!important; } .bg-secondary-gradient { background-image: linear-gradient(180deg, #309f92 0, #0c5666 100%)!important; } .bg-dark-gradient { background-image: linear-gradient(180deg, #4b749f 0, #243748 100%)!important; } .bg-purple-gradient { background-image: linear-gradient(180deg, #af1faf 0, purple 100%)!important; } .bg-orange-gradient { background-image: linear-gradient(180deg, #f99d6f 0, #fa6d70 100%)!important; } .bg-info-gradient { background-image: linear-gradient(180deg, #4f84f4 0, #320f84 100%)!important; } .bg-teal-gradient { background-image: linear-gradient(180deg, #18c3b0 0, #0e9384 100%)!important; } .bg-success-gradient { background-image: linear-gradient(120deg, #138710 0, #18ac15 60%, #1abe17 100%); } .bg-warning-gradient { background-image: linear-gradient(120deg, #bc8b01 0, #e5a901 60%, #f9b801 100%); } .bg-danger-gradient { background-image: linear-gradient(120deg, #c20000 0, #eb0000 60%, red 100%); } .bg-light-gradient { background-image: linear-gradient(120deg, #dadada 0, #efefef 60%, #f9f9f9 100%); } [data-color=primary] { --primary: #1F6DB2; --primary-rgb: 31,109,178; } [data-color=secondary] { --primary: #0D7858; --primary-rgb: 13,120,88; } [data-color=success] { --primary: #09800F; --primary-rgb: 9,128,15; } [data-color=info] { --primary: #1976D2; --primary-rgb: 25,118,210; } [data-color=warning] { --primary: #FDAF22; --primary-rgb: 253,175,34; } [data-color=danger] { --primary: #B71C1C; --primary-rgb: 183,28,28; } [data-color=dark] { --primary: #0B0D0E; --primary-rgb: 11,13,14; } [data-color=light] { --primary: #EEF2F7; --primary-rgb: 238,242,247; } [data-color=orange] { --primary: #E65100; --primary-rgb: 230,81,0; } [data-color=purple] { --primary: #6A1B9A; --primary-rgb: 106,27,154; } [data-color=pink] { --primary: #CC25B0; --primary-rgb: 204,37,176; } [data-color=indigo] { --primary: #303F9F; --primary-rgb: 48,63,159; } [data-color=teal] { --primary: #00796B; --primary-rgb: 0,121,107; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .card { margin-bottom: 1.5rem; border: 1px solid var(--border-color); border-radius: 5px; color: initial; box-shadow: var(--box-shadow); background-color: var(--white); } .card .header-title { margin-bottom: 0; font-weight: 600; font-size: 1rem; } .card .card-title { color: var(--gray-900); margin-bottom: 0; font-weight: 700; font-size: 17px; } .card .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; border-color: var(--border-color); background: transparent; } .card .card-body { padding: 20px; } .card .card-footer { padding: 0.75rem 1.25rem; } .card .card-drop { font-size: 20px; color: inherit; } .card .card-drop:hover { color: var(--primary); } .card .card-widgets { float: right; height: 16px; } .card .card-widgets > a { color: inherit; font-size: 18px; display: inline-block; line-height: 1; margin: 0 3px; } .card .card-widgets > a.collapsed i:before { content: "\eb0b"; } .card-bg { background-color: var(--white); } .card-disabled { position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 5px; background: var(--light); opacity: 0.8; cursor: progress; } .card-disabled .card-portlets-loader { background-color: var(--dark); animation: rotatebox 1.2s infinite ease-in-out; height: 30px; width: 30px; border-radius: 3px; position: absolute; left: 50%; top: 50%; margin-left: -0.625rem; margin-top: -0.625rem; } @keyframes rotatebox { 0% { transform: perspective(120px) rotateX(0) rotateY(0); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .card-h-100 { height: calc(100% - 1.25rem); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .dropdown-menu { box-shadow: var(--box-shadow); animation-name: DropDownSlideUp; animation-duration: 0.3s; animation-fill-mode: both; will-change: transform; position: absolute; z-index: 1000; border-color: var(--border-color); padding: 4px; font-size: 14px; border-radius: 5px; background-color: var(--white); } .dropdown-menu[data-popper-placement=top-start], .dropdown-menu[data-popper-placement=top] { animation-name: DropDownSlideDown; } .dropdown-menu .dropdown-item { border-radius: 5px; font-size: 14px; color: var(--body-color); padding: 0.4rem 0.9375rem; background-color: transparent; } .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover { background: var(--light); } .dropdown-divider { margin-left: -0.25rem; margin-right: -0.25rem; } @media (min-width: 576px) { .hover-dropdown:hover > .dropdown-menu { display: block; } } @keyframes DropDownSlideUp { 100% { margin-top: -1px; } 0% { margin-top: 5px; } } @keyframes DropDownSlideDown { 100% { margin-bottom: 0; } 0% { margin-bottom: 5px; } } @media (min-width: 768px) { .dropdown-menu-xxl { width: 740px; } .dropdown-menu-xl { width: 600px; } } @media (min-width: 576px) { .dropdown-menu-lg { width: 320px; } .dropdown-menu-md { width: 250px; } .dropdown-menu-full { width: auto; position: fixed!important; left: 10px!important; right: 10px!important; } } .drop-arrow-none:after { display: none; content: none!important; } .dropdown-toggle::after { display: inline-block; vertical-align: 0; content: "\ea5f"; font-family: "tabler-icons"!important; border: 0; font-size: 14px; position: relative; } .dropdown-toggle-split:before { content: ""; position: absolute; background-color: rgba(var(--white-rgb), 0.12); top: -1px; bottom: -1px; right: -1px; left: 0; border-radius: 0 5px 5px 0; } .dropstart .dropdown-toggle-split::before { inset: auto; border-radius: 0; position: relative; z-index: 1; } .dropstart .dropdown-toggle-split::after { content: ""; display: inline-block; position: absolute; background-color: rgba(var(--dark-rgb), 0.1); top: 0; bottom: 0; right: 0; left: 0; border-radius: 5px 0 0 5px; border: none; margin-left: 0; } .dropdown-icon-item { display: block; border-radius: 3px; text-align: center; padding: 15px; display: block; color: var(--body-color); margin: 7px 0; } .dropdown-icon-item img { height: 24px; } .dropdown-icon-item span { display: block; overflow: hidden; margin-top: 7px; text-overflow: ellipsis; white-space: nowrap; } .dropdown-icon-item:hover { background-color: var(--light); color: var(--body-color); } .dropdown-menu.dropdown-menu-primary { background-color: var(--primary); } .dropdown-menu.dropdown-menu-primary li a { color: rgba(255, 255, 255, 0.9); } .dropdown-menu.dropdown-menu-primary .dropdown-item.active, .dropdown-menu.dropdown-menu-primary .dropdown-item:active, .dropdown-menu.dropdown-menu-primary .dropdown-item:focus, .dropdown-menu.dropdown-menu-primary .dropdown-item:hover { color: var(--white); } .dropdown-menu.dropdown-menu-secondary { background-color: var(--secondary); } .dropdown-menu.dropdown-menu-secondary li a { color: rgba(255, 255, 255, 0.9); } .dropdown-menu.dropdown-menu-secondary .dropdown-item.active, .dropdown-menu.dropdown-menu-secondary .dropdown-item:active, .dropdown-menu.dropdown-menu-secondary .dropdown-item:focus, .dropdown-menu.dropdown-menu-secondary .dropdown-item:hover { color: var(--white); } .dropdown-menu.dropdown-menu-warning { background-color: var(--warning); } .dropdown-menu.dropdown-menu-warning li a { color: rgba(255, 255, 255, 0.9); } .dropdown-menu.dropdown-menu-warning .dropdown-item.active, .dropdown-menu.dropdown-menu-warning .dropdown-item:active, .dropdown-menu.dropdown-menu-warning .dropdown-item:focus, .dropdown-menu.dropdown-menu-warning .dropdown-item:hover { color: var(--white); } .dropdown-menu.dropdown-menu-info { background-color: var(--info); } .dropdown-menu.dropdown-menu-info li a { color: rgba(255, 255, 255, 0.9); } .dropdown-menu.dropdown-menu-info .dropdown-item.active, .dropdown-menu.dropdown-menu-info .dropdown-item:active, .dropdown-menu.dropdown-menu-info .dropdown-item:focus, .dropdown-menu.dropdown-menu-info .dropdown-item:hover { color: var(--white); } .dropdown-menu.dropdown-menu-success { background-color: var(--success); } .dropdown-menu.dropdown-menu-success li a { color: rgba(255, 255, 255, 0.9); } .dropdown-menu.dropdown-menu-success .dropdown-item.active, .dropdown-menu.dropdown-menu-success .dropdown-item:active, .dropdown-menu.dropdown-menu-success .dropdown-item:focus, .dropdown-menu.dropdown-menu-success .dropdown-item:hover { color: var(--white); } .dropdown-menu.dropdown-menu-danger { background-color: var(--danger); } .dropdown-menu.dropdown-menu-danger li a { color: rgba(255, 255, 255, 0.9); } .dropdown-menu.dropdown-menu-danger .dropdown-item.active, .dropdown-menu.dropdown-menu-danger .dropdown-item:active, .dropdown-menu.dropdown-menu-danger .dropdown-item:focus, .dropdown-menu.dropdown-menu-danger .dropdown-item:hover { color: var(--white); } .dropdown-menu.dropmenu-item-primary .dropdown-item.active, .dropdown-menu.dropmenu-item-primary .dropdown-item:active, .dropdown-menu.dropmenu-item-primary .dropdown-item:focus, .dropdown-menu.dropmenu-item-primary .dropdown-item:hover { background-color: rgba(var(--primary-rgb), 0.1)!important; color: var(--primary); } .dropdown-menu.dropmenu-item-secondary .dropdown-item.active, .dropdown-menu.dropmenu-item-secondary .dropdown-item:active, .dropdown-menu.dropmenu-item-secondary .dropdown-item:focus, .dropdown-menu.dropmenu-item-secondary .dropdown-item:hover { background-color: rgba(var(--secondary-rgb), 0.1)!important; color: var(--secondary); } .dropdown-menu.dropmenu-item-warning .dropdown-item.active, .dropdown-menu.dropmenu-item-warning .dropdown-item:active, .dropdown-menu.dropmenu-item-warning .dropdown-item:focus, .dropdown-menu.dropmenu-item-warning .dropdown-item:hover { background-color: rgba(var(--warning-rgb), 0.1)!important; color: var(--warning); } .dropdown-menu.dropmenu-item-info .dropdown-item.active, .dropdown-menu.dropmenu-item-info .dropdown-item:active, .dropdown-menu.dropmenu-item-info .dropdown-item:focus, .dropdown-menu.dropmenu-item-info .dropdown-item:hover { background-color: rgba(var(--info-rgb), 0.1)!important; color: var(--info); } .dropdown-menu.dropmenu-item-success .dropdown-item.active, .dropdown-menu.dropmenu-item-success .dropdown-item:active, .dropdown-menu.dropmenu-item-success .dropdown-item:focus, .dropdown-menu.dropmenu-item-success .dropdown-item:hover { background-color: rgba(var(--success-rgb), 0.1)!important; color: var(--success); } .dropdown-menu.dropmenu-item-danger .dropdown-item.active, .dropdown-menu.dropmenu-item-danger .dropdown-item:active, .dropdown-menu.dropmenu-item-danger .dropdown-item:focus, .dropdown-menu.dropmenu-item-danger .dropdown-item:hover { background-color: rgba(var(--danger-rgb), 0.1)!important; color: var(--danger); } .dropdown-menu.dropmenu-light-primary { background-color: rgba(var(--secondary-rgb), 0.1); backdrop-filter: blur(2rem); } .dropdown-menu.dropmenu-light-primary .dropdown-item.active, .dropdown-menu.dropmenu-light-primary .dropdown-item:active, .dropdown-menu.dropmenu-light-primary .dropdown-item:focus, .dropdown-menu.dropmenu-light-primary .dropdown-item:hover { color: var(--white); background-color: var(--primary)!important; } .dropdown-menu.dropmenu-light-secondary { background-color: rgba(var(--secondary-rgb), 0.1); backdrop-filter: blur(2rem); } .dropdown-menu.dropmenu-light-secondary .dropdown-item.active, .dropdown-menu.dropmenu-light-secondary .dropdown-item:active, .dropdown-menu.dropmenu-light-secondary .dropdown-item:focus, .dropdown-menu.dropmenu-light-secondary .dropdown-item:hover { color: var(--white); background-color: var(--secondary)!important; } .dropdown-menu.dropmenu-light-info { background-color: rgba(var(--info-rgb), 0.1); backdrop-filter: blur(2rem); } .dropdown-menu.dropmenu-light-info .dropdown-item.active, .dropdown-menu.dropmenu-light-info .dropdown-item:active, .dropdown-menu.dropmenu-light-info .dropdown-item:focus, .dropdown-menu.dropmenu-light-info .dropdown-item:hover { color: var(--white); background-color: var(--info)!important; } .dropdown-menu.dropmenu-light-warning { background-color: rgba(var(--warning-rgb), 0.1); backdrop-filter: blur(2rem); } .dropdown-menu.dropmenu-light-warning .dropdown-item.active, .dropdown-menu.dropmenu-light-warning .dropdown-item:active, .dropdown-menu.dropmenu-light-warning .dropdown-item:focus, .dropdown-menu.dropmenu-light-warning .dropdown-item:hover { color: var(--white); background-color: var(--warning)!important; } .dropdown-menu.dropmenu-light-success { background-color: rgba(var(--success-rgb), 0.1); backdrop-filter: blur(2rem); } .dropdown-menu.dropmenu-light-success .dropdown-item.active, .dropdown-menu.dropmenu-light-success .dropdown-item:active, .dropdown-menu.dropmenu-light-success .dropdown-item:focus, .dropdown-menu.dropmenu-light-success .dropdown-item:hover { color: var(--white); background-color: var(--success)!important; } .dropdown-menu.dropmenu-light-danger { background-color: rgba(var(--danger-rgb), 0.1); backdrop-filter: blur(2rem); } .dropdown-menu.dropmenu-light-danger .dropdown-item.active, .dropdown-menu.dropmenu-light-danger .dropdown-item:active, .dropdown-menu.dropmenu-light-danger .dropdown-item:focus, .dropdown-menu.dropmenu-light-danger .dropdown-item:hover { color: var(--white); background-color: var(--danger)!important; } .dropdown .online { position: absolute; font-size: 8px; right: -3px; bottom: -1px; z-index: 1; } .dropdown .btn { font-weight: normal; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .form-control { padding: 0.5rem 0.75rem; font-size: 0.875rem; font-weight: 400; color: var(--body-color); background-color: var(--white); border: 1px solid var(--border-color); border-radius: 5px; } .form-control:focus { border-color: var(--primary); background-color: var(--white); outline: 0; box-shadow: none; } .form-control-sm { font-size: 12px; padding: 5px 12px; } .form-control-lg { font-size: 16px; padding: 8px 12px; } input.form-control[type=color], input.form-control[type=range] { min-height: 39px; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .form-check-label { font-weight: 400; } .custom-select.is-invalid:focus, .custom-select.is-valid:focus, .custom-select:invalid:focus, .custom-select:valid:focus, .form-control.is-invalid:focus, .form-control.is-valid:focus, .form-control:invalid:focus, .form-control:valid:focus { box-shadow: none!important; } select.form-control:not([size]):not([multiple]) { height: 2.375rem; } select.form-control-sm:not([size]):not([multiple]) { height: 2rem; } .form-select { font-size: 14px; } .form-select:focus { box-shadow: none; } .form-label { color: var(--heading-color); } .password-eye { cursor: pointer; } .password-eye:before { font-family: tabler-icons; content: "\ea9a"; font-style: normal; font-weight: 400; font-variant: normal; vertical-align: middle; line-height: 1.2; font-size: 16px; } .show-password .password-eye:before { content: "\f06d1"; } .form-checkbox-primary .form-check-input:checked, .form-radio-primary .form-check-input:checked { background-color: var(--primary); border-color: var(--primary); } .form-checkbox-secondary .form-check-input:checked, .form-radio-secondary .form-check-input:checked { background-color: var(--secondary); border-color: var(--secondary); } .form-checkbox-success .form-check-input:checked, .form-radio-success .form-check-input:checked { background-color: var(--success); border-color: var(--success); } .form-checkbox-info .form-check-input:checked, .form-radio-info .form-check-input:checked { background-color: var(--info); border-color: var(--info); } .form-checkbox-warning .form-check-input:checked, .form-radio-warning .form-check-input:checked { background-color: var(--warning); border-color: var(--warning); } .form-checkbox-danger .form-check-input:checked, .form-radio-danger .form-check-input:checked { background-color: var(--danger); border-color: var(--danger); } .form-checkbox-dark .form-check-input:checked, .form-radio-dark .form-check-input:checked { background-color: var(--dark); border-color: var(--dark); } .form-checkbox-light .form-check-input:checked, .form-radio-light .form-check-input:checked { background-color: var(--light); border-color: var(--light); } .form-checkbox-orange .form-check-input:checked, .form-radio-orange .form-check-input:checked { background-color: var(--orange); border-color: var(--orange); } .form-checkbox-purple .form-check-input:checked, .form-radio-purple .form-check-input:checked { background-color: var(--purple); border-color: var(--purple); } .form-checkbox-pink .form-check-input:checked, .form-radio-pink .form-check-input:checked { background-color: var(--pink); border-color: var(--pink); } .form-checkbox-indigo .form-check-input:checked, .form-radio-indigo .form-check-input:checked { background-color: var(--indigo); border-color: var(--indigo); } .form-checkbox-teal .form-check-input:checked, .form-radio-teal .form-check-input:checked { background-color: var(--teal); border-color: var(--teal); } .form-check .form-check-input { border: 1px solid var(--border-color)!important; } .card-radio { padding: 0; } .card-radio .form-check-label { background-color: var(--white); border: 1px solid var(--border-color); border-radius: 5px; padding: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; position: relative; padding-right: 32px; } .card-radio .form-check-label:hover { cursor: pointer; } .card-radio .form-check-input { display: none; } .card-radio .form-check-input:checked + .form-check-label:before { content: "\f704"; font-family: tabler-icons; position: absolute; top: 7px; right: 6px; font-size: 16px; color: var(--secondary); } .card-radio.dark .form-check-input:checked + .form-check-label:before { color: var(--white); } /* Input Group */ .input-group-flat:focus-within { border-radius: 5px; } .input-group-flat:focus-within .form-control, .input-group-flat:focus-within .input-group-text { border-color: var(--border-color)!important; background-color: var(--white); } .input-group-flat .form-control:focus { border-color: var(--border-color); box-shadow: none; } .input-group-flat .form-control:not(:last-child) { border-right: 0; } .input-group-flat .form-control:not(:first-child) { border-left: 0; } .input-group-flat .input-group-text { background-color: var(--white); border-color: var(--border-color); color: var(--heading-color); } .input-group-flat .input-group-text:first-child { padding-right: 0; } .input-group-flat .input-group-text:last-child { padding-left: 0; } .input-icon-addon { position: absolute; top: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; color: var(--gray-400); pointer-events: none; font-size: 14px; padding: 0 12px 0 12px; } .input-icon-addon:last-child { right: 0; left: auto; } .input-icon-start .form-control { padding-left: 32px; } .input-icon-end .input-icon-addon { right: 0; left: auto; } .input-icon-end .form-control { padding-right: 32px; } .col-form-label, .input-group-text { color: var(--heading-color); background-color: transparent; } .form-control::placeholder { color: var(--gray-400); font-weight: 400; opacity: 1; } .form-control:disabled { background-color: var(--light); opacity: 1; } .form-control::file-selector-button { padding: 0.5rem 0.77rem; margin: -0.5rem -0.77rem; margin-inline-end: 0.77rem; color: var(--body-color); background-color: var(--light); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; } .choices { margin-bottom: 0; } .choices[data-type*=select-one] { cursor: pointer; } .choices[data-type*=select-one] .choices__input { padding: 0.5rem 0.77rem!important; background-color: var(--white); border: 1px solid var(--border-color); font-size: 0.875rem; border-radius: 5px; color: var(--body-color); margin-bottom: 10px; } .choices[data-type*=select-one]:after { content: "\ea5f"; position: absolute; border: 0; top: 18px; right: 12px; left: auto; font-size: 20px; font-family: tabler-icons; width: auto; height: auto; margin-top: 0; transform: translateY(-50%); transition: transform 0.2s ease-in-out; pointer-events: none; } .choices[data-type*=select-one].is-open:after { margin-top: 0; transform: translateY(-50%) rotate(-180deg); } .choices[data-type*=select-one] .choices__button { right: 20px; } .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner { cursor: text; padding: 0.5rem 0.75rem!important; min-height: 38px; display: flex; align-items: center; overflow-x: auto; } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { border-left: 0; border-right: 0; filter: brightness(0); margin-left: 4px; } .choices[data-type*=select-multiple] .choices__list--dropdown, .choices[data-type*=text] .choices__list--dropdown { padding-bottom: 10px; } .choices[data-type*=select-multiple] .choices__list--dropdown .choices__list, .choices[data-type*=text] .choices__list--dropdown .choices__list { margin-bottom: 0; } .choices[data-type*=select-multiple] .choices__input { padding-top: 3px; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: var(--light); cursor: not-allowed; -webkit-user-select: none; user-select: none; } .input-light .choices__inner { background-color: var(--light); border: none; } .choices__inner { display: inline-block; padding: 0.5rem 0.77rem!important; vertical-align: middle; background-color: var(--white); border: 1px solid var(--border-color); border-radius: 5px!important; font-size: 0.875rem; min-height: auto; overflow: hidden; } .choices__inner .choices__list--single { padding: 0!important; } .is-focused .choices__inner, .is-open .choices__inner { border-color: var(--border-color); } .choices__list--multiple { display: inline-flex; } .choices__list--multiple .choices__item { display: inline-block; vertical-align: initial; border-radius: 5px; padding: 2px 7px; font-size: 13px; font-weight: 500; margin: 0 5px 0 0; color: var(--gray-900); background-color: var(--light); border: 1px solid var(--border-color); word-break: break-all; box-sizing: border-box; white-space: nowrap; } .choices__list--multiple .choices__item.is-highlighted { background-color: var(--primary); border: 1px solid var(--primary); } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } .is-disabled .choices__list--multiple .choices__item { background-color: var(--light-transparent); border: 1px solid var(--white); } .choices__list--dropdown { padding: 10px 10px 20px 10px; background-color: var(--white)!important; border: 1px solid transparent!important; box-shadow: var(--box-shadow); margin-top: 0!important; border-radius: 5px; animation-duration: 0.3s; animation-fill-mode: both; transform: translateY(1px); max-height: 300px; } .choices__list--dropdown.is-active { animation-name: DropDownSlide; } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: var(--light)!important; } .choices__list--dropdown .choices__list { margin: 0 -10px -16px; } .choices__list--dropdown .choices__list::-webkit-scrollbar { -webkit-appearance: none; } .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb { background-color: var(--gray-100); border-radius: 5px; border: 2px solid var(--white); } .choices__list--dropdown .choices__list::-webkit-scrollbar-track { border-radius: 5px; background-color: var(--white); } .choices__list--dropdown .has-no-results { font-style: italic; font-weight: 500; } .choices__list--dropdown .choices__item--selectable:after { display: none; } .choices__list--dropdown .choices__item { font-size: 0.875rem; padding: 0.4rem 0.9375rem 0.4rem 16px; } .is-open .choices__list--dropdown { border-color: transparent; } .is-flipped .choices__list--dropdown.is-active { border-radius: 5px; animation-name: DropDownSlideDown; transform: translateY(-1px); } .choices__heading { font-weight: 600; padding: 10px 16px; border-bottom: 1px solid var(--border-color); color: var(--gray-500); font-size: 12px; } .choices__input { display: inline-block; background-color: var(--white); color: var(--body-color); font-size: 0.875rem; margin-bottom: 0; padding: 0 0 0 2px; vertical-align: baseline; border: 0; border-radius: 0; max-width: 100%; } .choices__input::placeholder { color: var(--gray-400); } .choices__placeholder { color: var(--gray-400); opacity: 1; } [data-bs-theme=dark] .choices[data-type*=select-one] .choices__button { filter: invert(1) grayscale(100%) brightness(200%); } [dir=rtl] .choices[data-type*=select-one]:after { left: 12px; right: auto; } .select2-container { width: 100%!important; } .select2-container .select2-selection--single { border: 1px solid var(--border-color); height: calc(1.5em + 1rem + 2px); background-color: var(--white); outline: none; border-radius: 5px; } .select2-container .select2-selection--single .select2-selection__rendered { line-height: 38px; padding-left: 12px; padding-right: 28px; color: var(--body-color); } .select2-container .select2-selection--single .select2-selection__arrow { height: 34px; width: 38px; position: absolute; top: 1px; right: 3px; } .select2-container .select2-selection--single .select2-selection__arrow b { border-color: var(--gray-900); border-width: 0 1px 1px 0; padding: 3px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; transform: rotate(45deg) translateY(-50%); position: absolute; top: 50%; width: 0; border-style: solid; } .select2-container .select2-selection--multiple { min-height: calc(1.5em + 1rem + 2px); border: 1px solid var(--border-color)!important; background-color: var(--white); } .select2-container .select2-selection--multiple .select2-selection__rendered { padding: 1px 12px; } .select2-container .select2-selection--multiple .select2-search__field { border: 0; color: var(--body-color); } .select2-container .select2-selection--multiple .select2-selection__choice { background-color: var(--primary); border: none; color: var(--white); border-radius: 5px; padding: 0 7px 0 0; margin-top: 6px; } .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { color: var(--white); margin-right: 7px; border-color: var(--primary); padding: 0 8px; } .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { color: var(--white); background-color: var(--primary); } .select2-container .select2-search--inline .select2-search__field { margin-top: 7px; font-family: "Inter",sans-serif; } .select2-container .select2-search textarea::placeholder { color: var(--gray-400); } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: var(--gray-900); border-width: 1px 0 0 1px!important; margin-top: 3px; } .select2-container--default .select2-results__option--selected { background-color: var(--light); } .select2-container--default .select2-search--dropdown { padding: 10px; background-color: var(--white); } .select2-container--default .select2-search--dropdown .select2-search__field { outline: none; border: 1px solid var(--border-color); background-color: var(--white); color: var(--body-color); border-radius: 5px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--primary); } .select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--white); color: var(--body-color); } .select2-container--default .select2-results__option[aria-selected=true]:hover { background-color: var(--primary); color: var(--white); } .select2-container--default .select2-selection--single .select2-selection__arrow { cursor: text; right: 1px; left: auto; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { padding-left: 36px; padding-right: 5px; } .select2-results__option { padding: 6px 12px; } .select2-dropdown { border: 1px solid var(--border-color); box-shadow: var(--box-shadow); background-color: var(--white); z-index: 1056; } .select2-results__options { scrollbar-width: thin; } [dir=rtl] .select2-container .select2-selection--multiple .select2-selection__choice { padding: 0 0 0 7px; } .form-wizard-header { margin-left: -20px; margin-right: -20px; background-color: var(--light); } .form-checkbox-primary .form-check-input:checked, .form-radio-primary .form-check-input:checked { background-color: var(--primary); border-color: var(--primary); } .form-checkbox-secondary .form-check-input:checked, .form-radio-secondary .form-check-input:checked { background-color: var(--secondary); border-color: var(--secondary); } .form-checkbox-success .form-check-input:checked, .form-radio-success .form-check-input:checked { background-color: var(--success); border-color: var(--success); } .form-checkbox-info .form-check-input:checked, .form-radio-info .form-check-input:checked { background-color: var(--info); border-color: var(--info); } .form-checkbox-warning .form-check-input:checked, .form-radio-warning .form-check-input:checked { background-color: var(--warning); border-color: var(--warning); } .form-checkbox-danger .form-check-input:checked, .form-radio-danger .form-check-input:checked { background-color: var(--danger); border-color: var(--danger); } .form-checkbox-light .form-check-input:checked, .form-radio-light .form-check-input:checked { background-color: var(--light); border-color: var(--light); } .form-checkbox-dark .form-check-input:checked, .form-radio-dark .form-check-input:checked { background-color: var(--dark); border-color: var(--dark); } .form-check-input:checked { background-color: var(--primary); border-color: var(--primary); box-shadow: none; } .dataTables_length { padding: 20px 0 0; float: left; } .dataTables_paginate { margin-top: 20px!important; } .dataTables_info { display: none; } .input-group-text { background: var(--white); border: 1px solid var(--border-color)!important; } .input-group-text i { font-size: 14px; } .form-check-input:focus { border-color: var(--border-color); outline: 0; box-shadow: none; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .modal-content { box-shadow: var(--box-shadow); background: var(--white); border-radius: 5px; } .modal-title { color: inherit; } .modal-full-width { width: 95%; max-width: none; } .modal-top { margin: 0 auto; } .modal.show .modal-left, .modal.show .modal-right { transform: translate(0, 0)!important; } .modal-bottom { display: flex; flex-flow: column nowrap; -ms-flex-pack: end; justify-content: flex-end; height: 100%; margin: 0 auto; align-content: center; } .modal-filled { color: var(--white); box-shadow: unset!important; } .modal-filled .modal-header { background-color: rgba(var(--white-rgb), 0.1); } .modal-filled .modal-title { color: var(--white); } .modal-filled .modal-footer, .modal-filled .modal-header { border: none; } .modal-filled .modal-body, .modal-filled .modal-footer { background: transparent; } .modal-backdrop { backdrop-filter: blur(10px); } .modal-header { padding: 16px 20px; background-color: var(--white); border-color: var(--border-color); } .modal-header .btn-close.btn-close-modal { background: none; color: var(--gray-900); opacity: 1; font-size: 24px; display: flex; align-items: center; box-shadow: unset!important; } .modal-header .btn-close.btn-close-modal:hover { color: var(--danger); } .modal-body { padding: 20px; background-color: var(--white); border-radius: 5px; } .modal-footer > * { margin-top: 0; margin-bottom: 0; } .modal-footer { padding: 16px 20px; background-color: var(--white); border-color: var(--border-color); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .nav-pills > li > a, .nav-tabs > li > a { font-weight: 600; color: var(--gray-600); } .bg-nav-pills { background-color: var(--light); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--primary); color: var(--white); } .nav-tabs.nav-bordered { border-bottom: 1px solid var(--border-color); } .nav-tabs.nav-bordered .nav-item .nav-link { border: 0; color: var(--gray-600); } .nav-tabs.nav-bordered .nav-item .nav-link.active { color: var(--gray-900); border-bottom: 2px solid var(--primary); } .nav-tabs.nav-bordered-primary.nav-tabs-top .nav-item .nav-link:focus, .nav-tabs.nav-bordered-primary.nav-tabs-top .nav-item .nav-link:hover { color: #1f6db2; } .nav-tabs.nav-bordered-primary.nav-tabs-top .nav-item .nav-link.active { border-top: 2px solid #1f6db2; border-bottom: 0; color: #1f6db2; } .nav-tabs.nav-bordered-primary.nav-tabs-top li a { border-width: 0 0 2px 0; } .nav-tabs.nav-bordered-primary.nav-tabs-top li a.active, .nav-tabs.nav-bordered-primary.nav-tabs-top li a:hover { border-bottom-color: var(--primary); background: transparent; border-radius: 0; color: var(--primary); } .nav-tabs.nav-bordered-primary .nav-item .nav-link:focus, .nav-tabs.nav-bordered-primary .nav-item .nav-link:hover { color: #1f6db2; } .nav-tabs.nav-bordered-primary .nav-item .nav-link.active { border-bottom: 2px solid #1f6db2; color: #1f6db2; } .nav-tabs.nav-solid-primary { border: 0; } .nav-tabs.nav-solid-primary.nav-tabs-rounded li a { border-radius: 50px; } .nav-tabs.nav-solid-primary.nav-tabs-rounded li a:hover { border-color: transparent; color: #1f6db2; } .nav-tabs.nav-solid-primary.nav-tabs-rounded li a.active { background-color: #1f6db2; border-color: #1f6db2; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-primary.nav-tabs-rounded-fill li a { border-color: var(--border-color); } .nav-tabs.nav-solid-primary.nav-tabs-rounded-fill li a.active { background-color: #1f6db2; border-color: #1f6db2; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-primary li a:hover { border-color: transparent; color: #1f6db2; } .nav-tabs.nav-solid-primary li a.active { background-color: #1f6db2; border-color: #1f6db2; color: var(--white); border-radius: 0; } .nav-tabs.nav-solid-primary li a.active:hover { color: var(--white); } .nav-tabs.nav-bordered-secondary.nav-tabs-top .nav-item .nav-link:focus, .nav-tabs.nav-bordered-secondary.nav-tabs-top .nav-item .nav-link:hover { color: #0d7858; } .nav-tabs.nav-bordered-secondary.nav-tabs-top .nav-item .nav-link.active { border-top: 2px solid #0d7858; border-bottom: 0; color: #0d7858; } .nav-tabs.nav-bordered-secondary.nav-tabs-top li a { border-width: 0 0 2px 0; } .nav-tabs.nav-bordered-secondary.nav-tabs-top li a.active, .nav-tabs.nav-bordered-secondary.nav-tabs-top li a:hover { border-bottom-color: var(--primary); background: transparent; border-radius: 0; color: var(--primary); } .nav-tabs.nav-bordered-secondary .nav-item .nav-link:focus, .nav-tabs.nav-bordered-secondary .nav-item .nav-link:hover { color: #0d7858; } .nav-tabs.nav-bordered-secondary .nav-item .nav-link.active { border-bottom: 2px solid #0d7858; color: #0d7858; } .nav-tabs.nav-solid-secondary { border: 0; } .nav-tabs.nav-solid-secondary.nav-tabs-rounded li a { border-radius: 50px; } .nav-tabs.nav-solid-secondary.nav-tabs-rounded li a:hover { border-color: transparent; color: #0d7858; } .nav-tabs.nav-solid-secondary.nav-tabs-rounded li a.active { background-color: #0d7858; border-color: #0d7858; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-secondary.nav-tabs-rounded-fill li a { border-color: var(--border-color); } .nav-tabs.nav-solid-secondary.nav-tabs-rounded-fill li a.active { background-color: #0d7858; border-color: #0d7858; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-secondary li a:hover { border-color: transparent; color: #0d7858; } .nav-tabs.nav-solid-secondary li a.active { background-color: #0d7858; border-color: #0d7858; color: var(--white); border-radius: 0; } .nav-tabs.nav-solid-secondary li a.active:hover { color: var(--white); } .nav-tabs.nav-bordered-success.nav-tabs-top .nav-item .nav-link:focus, .nav-tabs.nav-bordered-success.nav-tabs-top .nav-item .nav-link:hover { color: #09800f; } .nav-tabs.nav-bordered-success.nav-tabs-top .nav-item .nav-link.active { border-top: 2px solid #09800f; border-bottom: 0; color: #09800f; } .nav-tabs.nav-bordered-success.nav-tabs-top li a { border-width: 0 0 2px 0; } .nav-tabs.nav-bordered-success.nav-tabs-top li a.active, .nav-tabs.nav-bordered-success.nav-tabs-top li a:hover { border-bottom-color: var(--primary); background: transparent; border-radius: 0; color: var(--primary); } .nav-tabs.nav-bordered-success .nav-item .nav-link:focus, .nav-tabs.nav-bordered-success .nav-item .nav-link:hover { color: #09800f; } .nav-tabs.nav-bordered-success .nav-item .nav-link.active { border-bottom: 2px solid #09800f; color: #09800f; } .nav-tabs.nav-solid-success { border: 0; } .nav-tabs.nav-solid-success.nav-tabs-rounded li a { border-radius: 50px; } .nav-tabs.nav-solid-success.nav-tabs-rounded li a:hover { border-color: transparent; color: #09800f; } .nav-tabs.nav-solid-success.nav-tabs-rounded li a.active { background-color: #09800f; border-color: #09800f; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-success.nav-tabs-rounded-fill li a { border-color: var(--border-color); } .nav-tabs.nav-solid-success.nav-tabs-rounded-fill li a.active { background-color: #09800f; border-color: #09800f; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-success li a:hover { border-color: transparent; color: #09800f; } .nav-tabs.nav-solid-success li a.active { background-color: #09800f; border-color: #09800f; color: var(--white); border-radius: 0; } .nav-tabs.nav-solid-success li a.active:hover { color: var(--white); } .nav-tabs.nav-bordered-info.nav-tabs-top .nav-item .nav-link:focus, .nav-tabs.nav-bordered-info.nav-tabs-top .nav-item .nav-link:hover { color: #1976d2; } .nav-tabs.nav-bordered-info.nav-tabs-top .nav-item .nav-link.active { border-top: 2px solid #1976d2; border-bottom: 0; color: #1976d2; } .nav-tabs.nav-bordered-info.nav-tabs-top li a { border-width: 0 0 2px 0; } .nav-tabs.nav-bordered-info.nav-tabs-top li a.active, .nav-tabs.nav-bordered-info.nav-tabs-top li a:hover { border-bottom-color: var(--primary); background: transparent; border-radius: 0; color: var(--primary); } .nav-tabs.nav-bordered-info .nav-item .nav-link:focus, .nav-tabs.nav-bordered-info .nav-item .nav-link:hover { color: #1976d2; } .nav-tabs.nav-bordered-info .nav-item .nav-link.active { border-bottom: 2px solid #1976d2; color: #1976d2; } .nav-tabs.nav-solid-info { border: 0; } .nav-tabs.nav-solid-info.nav-tabs-rounded li a { border-radius: 50px; } .nav-tabs.nav-solid-info.nav-tabs-rounded li a:hover { border-color: transparent; color: #1976d2; } .nav-tabs.nav-solid-info.nav-tabs-rounded li a.active { background-color: #1976d2; border-color: #1976d2; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-info.nav-tabs-rounded-fill li a { border-color: var(--border-color); } .nav-tabs.nav-solid-info.nav-tabs-rounded-fill li a.active { background-color: #1976d2; border-color: #1976d2; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-info li a:hover { border-color: transparent; color: #1976d2; } .nav-tabs.nav-solid-info li a.active { background-color: #1976d2; border-color: #1976d2; color: var(--white); border-radius: 0; } .nav-tabs.nav-solid-info li a.active:hover { color: var(--white); } .nav-tabs.nav-bordered-warning.nav-tabs-top .nav-item .nav-link:focus, .nav-tabs.nav-bordered-warning.nav-tabs-top .nav-item .nav-link:hover { color: #fdaf22; } .nav-tabs.nav-bordered-warning.nav-tabs-top .nav-item .nav-link.active { border-top: 2px solid #fdaf22; border-bottom: 0; color: #fdaf22; } .nav-tabs.nav-bordered-warning.nav-tabs-top li a { border-width: 0 0 2px 0; } .nav-tabs.nav-bordered-warning.nav-tabs-top li a.active, .nav-tabs.nav-bordered-warning.nav-tabs-top li a:hover { border-bottom-color: var(--primary); background: transparent; border-radius: 0; color: var(--primary); } .nav-tabs.nav-bordered-warning .nav-item .nav-link:focus, .nav-tabs.nav-bordered-warning .nav-item .nav-link:hover { color: #fdaf22; } .nav-tabs.nav-bordered-warning .nav-item .nav-link.active { border-bottom: 2px solid #fdaf22; color: #fdaf22; } .nav-tabs.nav-solid-warning { border: 0; } .nav-tabs.nav-solid-warning.nav-tabs-rounded li a { border-radius: 50px; } .nav-tabs.nav-solid-warning.nav-tabs-rounded li a:hover { border-color: transparent; color: #fdaf22; } .nav-tabs.nav-solid-warning.nav-tabs-rounded li a.active { background-color: #fdaf22; border-color: #fdaf22; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-warning.nav-tabs-rounded-fill li a { border-color: var(--border-color); } .nav-tabs.nav-solid-warning.nav-tabs-rounded-fill li a.active { background-color: #fdaf22; border-color: #fdaf22; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-warning li a:hover { border-color: transparent; color: #fdaf22; } .nav-tabs.nav-solid-warning li a.active { background-color: #fdaf22; border-color: #fdaf22; color: var(--white); border-radius: 0; } .nav-tabs.nav-solid-warning li a.active:hover { color: var(--white); } .nav-tabs.nav-bordered-danger.nav-tabs-top .nav-item .nav-link:focus, .nav-tabs.nav-bordered-danger.nav-tabs-top .nav-item .nav-link:hover { color: #b71c1c; } .nav-tabs.nav-bordered-danger.nav-tabs-top .nav-item .nav-link.active { border-top: 2px solid #b71c1c; border-bottom: 0; color: #b71c1c; } .nav-tabs.nav-bordered-danger.nav-tabs-top li a { border-width: 0 0 2px 0; } .nav-tabs.nav-bordered-danger.nav-tabs-top li a.active, .nav-tabs.nav-bordered-danger.nav-tabs-top li a:hover { border-bottom-color: var(--primary); background: transparent; border-radius: 0; color: var(--primary); } .nav-tabs.nav-bordered-danger .nav-item .nav-link:focus, .nav-tabs.nav-bordered-danger .nav-item .nav-link:hover { color: #b71c1c; } .nav-tabs.nav-bordered-danger .nav-item .nav-link.active { border-bottom: 2px solid #b71c1c; color: #b71c1c; } .nav-tabs.nav-solid-danger { border: 0; } .nav-tabs.nav-solid-danger.nav-tabs-rounded li a { border-radius: 50px; } .nav-tabs.nav-solid-danger.nav-tabs-rounded li a:hover { border-color: transparent; color: #b71c1c; } .nav-tabs.nav-solid-danger.nav-tabs-rounded li a.active { background-color: #b71c1c; border-color: #b71c1c; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-danger.nav-tabs-rounded-fill li a { border-color: var(--border-color); } .nav-tabs.nav-solid-danger.nav-tabs-rounded-fill li a.active { background-color: #b71c1c; border-color: #b71c1c; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-danger li a:hover { border-color: transparent; color: #b71c1c; } .nav-tabs.nav-solid-danger li a.active { background-color: #b71c1c; border-color: #b71c1c; color: var(--white); border-radius: 0; } .nav-tabs.nav-solid-danger li a.active:hover { color: var(--white); } .nav-tabs.nav-bordered-dark.nav-tabs-top .nav-item .nav-link:focus, .nav-tabs.nav-bordered-dark.nav-tabs-top .nav-item .nav-link:hover { color: #0b0d0e; } .nav-tabs.nav-bordered-dark.nav-tabs-top .nav-item .nav-link.active { border-top: 2px solid #0b0d0e; border-bottom: 0; color: #0b0d0e; } .nav-tabs.nav-bordered-dark.nav-tabs-top li a { border-width: 0 0 2px 0; } .nav-tabs.nav-bordered-dark.nav-tabs-top li a.active, .nav-tabs.nav-bordered-dark.nav-tabs-top li a:hover { border-bottom-color: var(--primary); background: transparent; border-radius: 0; color: var(--primary); } .nav-tabs.nav-bordered-dark .nav-item .nav-link:focus, .nav-tabs.nav-bordered-dark .nav-item .nav-link:hover { color: #0b0d0e; } .nav-tabs.nav-bordered-dark .nav-item .nav-link.active { border-bottom: 2px solid #0b0d0e; color: #0b0d0e; } .nav-tabs.nav-solid-dark { border: 0; } .nav-tabs.nav-solid-dark.nav-tabs-rounded li a { border-radius: 50px; } .nav-tabs.nav-solid-dark.nav-tabs-rounded li a:hover { border-color: transparent; color: #0b0d0e; } .nav-tabs.nav-solid-dark.nav-tabs-rounded li a.active { background-color: #0b0d0e; border-color: #0b0d0e; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-dark.nav-tabs-rounded-fill li a { border-color: var(--border-color); } .nav-tabs.nav-solid-dark.nav-tabs-rounded-fill li a.active { background-color: #0b0d0e; border-color: #0b0d0e; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-dark li a:hover { border-color: transparent; color: #0b0d0e; } .nav-tabs.nav-solid-dark li a.active { background-color: #0b0d0e; border-color: #0b0d0e; color: var(--white); border-radius: 0; } .nav-tabs.nav-solid-dark li a.active:hover { color: var(--white); } .nav-tabs.nav-bordered-light.nav-tabs-top .nav-item .nav-link:focus, .nav-tabs.nav-bordered-light.nav-tabs-top .nav-item .nav-link:hover { color: #eef2f7; } .nav-tabs.nav-bordered-light.nav-tabs-top .nav-item .nav-link.active { border-top: 2px solid #eef2f7; border-bottom: 0; color: #eef2f7; } .nav-tabs.nav-bordered-light.nav-tabs-top li a { border-width: 0 0 2px 0; } .nav-tabs.nav-bordered-light.nav-tabs-top li a.active, .nav-tabs.nav-bordered-light.nav-tabs-top li a:hover { border-bottom-color: var(--primary); background: transparent; border-radius: 0; color: var(--primary); } .nav-tabs.nav-bordered-light .nav-item .nav-link:focus, .nav-tabs.nav-bordered-light .nav-item .nav-link:hover { color: #eef2f7; } .nav-tabs.nav-bordered-light .nav-item .nav-link.active { border-bottom: 2px solid #eef2f7; color: #eef2f7; } .nav-tabs.nav-solid-light { border: 0; } .nav-tabs.nav-solid-light.nav-tabs-rounded li a { border-radius: 50px; } .nav-tabs.nav-solid-light.nav-tabs-rounded li a:hover { border-color: transparent; color: #eef2f7; } .nav-tabs.nav-solid-light.nav-tabs-rounded li a.active { background-color: #eef2f7; border-color: #eef2f7; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-light.nav-tabs-rounded-fill li a { border-color: var(--border-color); } .nav-tabs.nav-solid-light.nav-tabs-rounded-fill li a.active { background-color: #eef2f7; border-color: #eef2f7; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-light li a:hover { border-color: transparent; color: #eef2f7; } .nav-tabs.nav-solid-light li a.active { background-color: #eef2f7; border-color: #eef2f7; color: var(--white); border-radius: 0; } .nav-tabs.nav-solid-light li a.active:hover { color: var(--white); } .nav-tabs.nav-bordered-orange.nav-tabs-top .nav-item .nav-link:focus, .nav-tabs.nav-bordered-orange.nav-tabs-top .nav-item .nav-link:hover { color: #e65100; } .nav-tabs.nav-bordered-orange.nav-tabs-top .nav-item .nav-link.active { border-top: 2px solid #e65100; border-bottom: 0; color: #e65100; } .nav-tabs.nav-bordered-orange.nav-tabs-top li a { border-width: 0 0 2px 0; } .nav-tabs.nav-bordered-orange.nav-tabs-top li a.active, .nav-tabs.nav-bordered-orange.nav-tabs-top li a:hover { border-bottom-color: var(--primary); background: transparent; border-radius: 0; color: var(--primary); } .nav-tabs.nav-bordered-orange .nav-item .nav-link:focus, .nav-tabs.nav-bordered-orange .nav-item .nav-link:hover { color: #e65100; } .nav-tabs.nav-bordered-orange .nav-item .nav-link.active { border-bottom: 2px solid #e65100; color: #e65100; } .nav-tabs.nav-solid-orange { border: 0; } .nav-tabs.nav-solid-orange.nav-tabs-rounded li a { border-radius: 50px; } .nav-tabs.nav-solid-orange.nav-tabs-rounded li a:hover { border-color: transparent; color: #e65100; } .nav-tabs.nav-solid-orange.nav-tabs-rounded li a.active { background-color: #e65100; border-color: #e65100; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-orange.nav-tabs-rounded-fill li a { border-color: var(--border-color); } .nav-tabs.nav-solid-orange.nav-tabs-rounded-fill li a.active { background-color: #e65100; border-color: #e65100; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-orange li a:hover { border-color: transparent; color: #e65100; } .nav-tabs.nav-solid-orange li a.active { background-color: #e65100; border-color: #e65100; color: var(--white); border-radius: 0; } .nav-tabs.nav-solid-orange li a.active:hover { color: var(--white); } .nav-tabs.nav-bordered-purple.nav-tabs-top .nav-item .nav-link:focus, .nav-tabs.nav-bordered-purple.nav-tabs-top .nav-item .nav-link:hover { color: #6a1b9a; } .nav-tabs.nav-bordered-purple.nav-tabs-top .nav-item .nav-link.active { border-top: 2px solid #6a1b9a; border-bottom: 0; color: #6a1b9a; } .nav-tabs.nav-bordered-purple.nav-tabs-top li a { border-width: 0 0 2px 0; } .nav-tabs.nav-bordered-purple.nav-tabs-top li a.active, .nav-tabs.nav-bordered-purple.nav-tabs-top li a:hover { border-bottom-color: var(--primary); background: transparent; border-radius: 0; color: var(--primary); } .nav-tabs.nav-bordered-purple .nav-item .nav-link:focus, .nav-tabs.nav-bordered-purple .nav-item .nav-link:hover { color: #6a1b9a; } .nav-tabs.nav-bordered-purple .nav-item .nav-link.active { border-bottom: 2px solid #6a1b9a; color: #6a1b9a; } .nav-tabs.nav-solid-purple { border: 0; } .nav-tabs.nav-solid-purple.nav-tabs-rounded li a { border-radius: 50px; } .nav-tabs.nav-solid-purple.nav-tabs-rounded li a:hover { border-color: transparent; color: #6a1b9a; } .nav-tabs.nav-solid-purple.nav-tabs-rounded li a.active { background-color: #6a1b9a; border-color: #6a1b9a; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-purple.nav-tabs-rounded-fill li a { border-color: var(--border-color); } .nav-tabs.nav-solid-purple.nav-tabs-rounded-fill li a.active { background-color: #6a1b9a; border-color: #6a1b9a; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-purple li a:hover { border-color: transparent; color: #6a1b9a; } .nav-tabs.nav-solid-purple li a.active { background-color: #6a1b9a; border-color: #6a1b9a; color: var(--white); border-radius: 0; } .nav-tabs.nav-solid-purple li a.active:hover { color: var(--white); } .nav-tabs.nav-bordered-pink.nav-tabs-top .nav-item .nav-link:focus, .nav-tabs.nav-bordered-pink.nav-tabs-top .nav-item .nav-link:hover { color: #cc25b0; } .nav-tabs.nav-bordered-pink.nav-tabs-top .nav-item .nav-link.active { border-top: 2px solid #cc25b0; border-bottom: 0; color: #cc25b0; } .nav-tabs.nav-bordered-pink.nav-tabs-top li a { border-width: 0 0 2px 0; } .nav-tabs.nav-bordered-pink.nav-tabs-top li a.active, .nav-tabs.nav-bordered-pink.nav-tabs-top li a:hover { border-bottom-color: var(--primary); background: transparent; border-radius: 0; color: var(--primary); } .nav-tabs.nav-bordered-pink .nav-item .nav-link:focus, .nav-tabs.nav-bordered-pink .nav-item .nav-link:hover { color: #cc25b0; } .nav-tabs.nav-bordered-pink .nav-item .nav-link.active { border-bottom: 2px solid #cc25b0; color: #cc25b0; } .nav-tabs.nav-solid-pink { border: 0; } .nav-tabs.nav-solid-pink.nav-tabs-rounded li a { border-radius: 50px; } .nav-tabs.nav-solid-pink.nav-tabs-rounded li a:hover { border-color: transparent; color: #cc25b0; } .nav-tabs.nav-solid-pink.nav-tabs-rounded li a.active { background-color: #cc25b0; border-color: #cc25b0; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-pink.nav-tabs-rounded-fill li a { border-color: var(--border-color); } .nav-tabs.nav-solid-pink.nav-tabs-rounded-fill li a.active { background-color: #cc25b0; border-color: #cc25b0; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-pink li a:hover { border-color: transparent; color: #cc25b0; } .nav-tabs.nav-solid-pink li a.active { background-color: #cc25b0; border-color: #cc25b0; color: var(--white); border-radius: 0; } .nav-tabs.nav-solid-pink li a.active:hover { color: var(--white); } .nav-tabs.nav-bordered-indigo.nav-tabs-top .nav-item .nav-link:focus, .nav-tabs.nav-bordered-indigo.nav-tabs-top .nav-item .nav-link:hover { color: #303f9f; } .nav-tabs.nav-bordered-indigo.nav-tabs-top .nav-item .nav-link.active { border-top: 2px solid #303f9f; border-bottom: 0; color: #303f9f; } .nav-tabs.nav-bordered-indigo.nav-tabs-top li a { border-width: 0 0 2px 0; } .nav-tabs.nav-bordered-indigo.nav-tabs-top li a.active, .nav-tabs.nav-bordered-indigo.nav-tabs-top li a:hover { border-bottom-color: var(--primary); background: transparent; border-radius: 0; color: var(--primary); } .nav-tabs.nav-bordered-indigo .nav-item .nav-link:focus, .nav-tabs.nav-bordered-indigo .nav-item .nav-link:hover { color: #303f9f; } .nav-tabs.nav-bordered-indigo .nav-item .nav-link.active { border-bottom: 2px solid #303f9f; color: #303f9f; } .nav-tabs.nav-solid-indigo { border: 0; } .nav-tabs.nav-solid-indigo.nav-tabs-rounded li a { border-radius: 50px; } .nav-tabs.nav-solid-indigo.nav-tabs-rounded li a:hover { border-color: transparent; color: #303f9f; } .nav-tabs.nav-solid-indigo.nav-tabs-rounded li a.active { background-color: #303f9f; border-color: #303f9f; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-indigo.nav-tabs-rounded-fill li a { border-color: var(--border-color); } .nav-tabs.nav-solid-indigo.nav-tabs-rounded-fill li a.active { background-color: #303f9f; border-color: #303f9f; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-indigo li a:hover { border-color: transparent; color: #303f9f; } .nav-tabs.nav-solid-indigo li a.active { background-color: #303f9f; border-color: #303f9f; color: var(--white); border-radius: 0; } .nav-tabs.nav-solid-indigo li a.active:hover { color: var(--white); } .nav-tabs.nav-bordered-teal.nav-tabs-top .nav-item .nav-link:focus, .nav-tabs.nav-bordered-teal.nav-tabs-top .nav-item .nav-link:hover { color: #00796b; } .nav-tabs.nav-bordered-teal.nav-tabs-top .nav-item .nav-link.active { border-top: 2px solid #00796b; border-bottom: 0; color: #00796b; } .nav-tabs.nav-bordered-teal.nav-tabs-top li a { border-width: 0 0 2px 0; } .nav-tabs.nav-bordered-teal.nav-tabs-top li a.active, .nav-tabs.nav-bordered-teal.nav-tabs-top li a:hover { border-bottom-color: var(--primary); background: transparent; border-radius: 0; color: var(--primary); } .nav-tabs.nav-bordered-teal .nav-item .nav-link:focus, .nav-tabs.nav-bordered-teal .nav-item .nav-link:hover { color: #00796b; } .nav-tabs.nav-bordered-teal .nav-item .nav-link.active { border-bottom: 2px solid #00796b; color: #00796b; } .nav-tabs.nav-solid-teal { border: 0; } .nav-tabs.nav-solid-teal.nav-tabs-rounded li a { border-radius: 50px; } .nav-tabs.nav-solid-teal.nav-tabs-rounded li a:hover { border-color: transparent; color: #00796b; } .nav-tabs.nav-solid-teal.nav-tabs-rounded li a.active { background-color: #00796b; border-color: #00796b; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-teal.nav-tabs-rounded-fill li a { border-color: var(--border-color); } .nav-tabs.nav-solid-teal.nav-tabs-rounded-fill li a.active { background-color: #00796b; border-color: #00796b; color: var(--white); border-radius: 50px; } .nav-tabs.nav-solid-teal li a:hover { border-color: transparent; color: #00796b; } .nav-tabs.nav-solid-teal li a.active { background-color: #00796b; border-color: #00796b; color: var(--white); border-radius: 0; } .nav-tabs.nav-solid-teal li a.active:hover { color: var(--white); } .nav-pills .nav-link { color: var(--gray-900); } .nav-tabs.nav-item-primary li a { border-color: var(--border-color); color: var(--gray-900); background-color: var(--white); } .nav-tabs.nav-item-primary li a:hover { border-color: transparent; color: var(--white); background-color: var(--primary); } .nav-tabs.nav-item-primary li a.active { background-color: var(--primary)!important; border-color: var(--primary); color: var(--white); border-radius: 0; } .nav-tabs.nav-item-primary li a.active:hover { color: var(--white); } .page-link:focus { box-shadow: none; } .list-group-item { padding: 0.625rem 1rem; background-color: var(--white); border-color: var(--border-color); } .list-group-item.active { background: var(--primary); } .list-group-item-primary { background: var(--primary-transparent); border-color: var(--primary-transparent); color: var(--primary); } .list-group-item-secondary { background: var(--secondary-transparent); border-color: var(--secondary-transparent); color: var(--secondary); } .list-group-item-success { background: var(--success-transparent); border-color: var(--success-transparent); color: var(--success); } .list-group-item-danger { background: var(--danger-transparent); border-color: var(--danger-transparent); color: var(--danger); } .list-group-item-info { background: var(--info-transparent); border-color: var(--info-transparent); color: var(--info); } .list-group-item-warning { background: var(--warning-transparent); border-color: var(--warning-transparent); color: var(--warning); } .list-group-item-light { background: var(--light-transparent); border-color: var(--light); color: var(--dark); } .list-group-item-dark { background: var(--gray-transparent); border-color: var(--gray-100); color: var(--dark); } .list-group-item-action { color: var(--body-color); } .list-group-item-action.list-group-item-primary:hover { background: var(--primary-transparent); } .list-group-item-action.list-group-item-secondary:hover { background: var(--secondary-transparent); } .list-group-item-action.list-group-item-warning:hover { background: var(--warning-transparent); } .list-group-item-action.list-group-item-success:hover { background: var(--success-transparent); } .list-group-item-action.list-group-item-danger:hover { background: var(--danger-transparent); } .list-group-item-action.list-group-item-info:hover { background: var(--info-transparent); } .list-group-item-action.list-group-item-light:hover { background: var(--light-transparent); } .list-group-item-action.list-group-item-dark:hover { background: var(--gray-100); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .pagination .page-link { color: var(--gray-900); border-color: var(--border-color); font-size: 14px; } .pagination .page-link svg { height: 14px; } .pagination .page-link:focus, .pagination .page-link:hover { background-color: var(--light); box-shadow: none; } .pagination .disabled > .page-link, .pagination .page-link.disabled { background: transparent; } .active > .page-link, .active > .page-link:hover, .page-link.active { background-color: var(--primary); color: var(--white); border-color: var(--primary); } .pagination-boxed .page-link { display: inline-flex; justify-content: center; align-items: center; margin-left: 0.35rem!important; height: 35px; width: 35px; padding: 0; border-radius: 5px; } .pagination-boxed.pagination-sm .page-link { height: 31px; width: 31px; } .pagination-boxed.pagination-lg .page-link { height: 47px; width: 47px; } .pagination-rounded .page-link { border-radius: 50%!important; } .pagination-primary .page-item.active .page-link { background-color: var(--primary); border-color: var(--primary); } .pagination-primary .page-item.active .page-link:hover { color: var(--white); } .pagination-secondary .page-item.active .page-link { background-color: var(--secondary); border-color: var(--secondary); } .pagination-secondary .page-item.active .page-link:hover { color: var(--white); } .pagination-success .page-item.active .page-link { background-color: var(--success); border-color: var(--success); } .pagination-success .page-item.active .page-link:hover { color: var(--white); } .pagination-info .page-item.active .page-link { background-color: var(--info); border-color: var(--info); } .pagination-info .page-item.active .page-link:hover { color: var(--white); } .pagination-warning .page-item.active .page-link { background-color: var(--warning); border-color: var(--warning); } .pagination-warning .page-item.active .page-link:hover { color: var(--white); } .pagination-danger .page-item.active .page-link { background-color: var(--danger); border-color: var(--danger); } .pagination-danger .page-item.active .page-link:hover { color: var(--white); } .pagination-dark .page-item.active .page-link { background-color: var(--dark); border-color: var(--dark); } .pagination-dark .page-item.active .page-link:hover { color: var(--white); } .pagination-light .page-item.active .page-link { background-color: var(--light); border-color: var(--light); } .pagination-light .page-item.active .page-link:hover { color: var(--white); } .pagination-orange .page-item.active .page-link { background-color: var(--orange); border-color: var(--orange); } .pagination-orange .page-item.active .page-link:hover { color: var(--white); } .pagination-purple .page-item.active .page-link { background-color: var(--purple); border-color: var(--purple); } .pagination-purple .page-item.active .page-link:hover { color: var(--white); } .pagination-pink .page-item.active .page-link { background-color: var(--pink); border-color: var(--pink); } .pagination-pink .page-item.active .page-link:hover { color: var(--white); } .pagination-indigo .page-item.active .page-link { background-color: var(--indigo); border-color: var(--indigo); } .pagination-indigo .page-item.active .page-link:hover { color: var(--white); } .pagination-teal .page-item.active .page-link { background-color: var(--teal); border-color: var(--teal); } .pagination-teal .page-item.active .page-link:hover { color: var(--white); } .pagination-gradient .page-link { background-image: var(--bs-gradient); } .pagination-soft-primary .page-item.active .page-link { background-color: var(--primary-transparent); border-color: transparent; color: var(--primary); } .pagination-soft-primary .page-item.active .page-link:hover { color: var(--primary); } .pagination-soft-secondary .page-item.active .page-link { background-color: var(--secondary-transparent); border-color: transparent; color: var(--secondary); } .pagination-soft-secondary .page-item.active .page-link:hover { color: var(--secondary); } .pagination-soft-success .page-item.active .page-link { background-color: var(--success-transparent); border-color: transparent; color: var(--success); } .pagination-soft-success .page-item.active .page-link:hover { color: var(--success); } .pagination-soft-info .page-item.active .page-link { background-color: var(--info-transparent); border-color: transparent; color: var(--info); } .pagination-soft-info .page-item.active .page-link:hover { color: var(--info); } .pagination-soft-warning .page-item.active .page-link { background-color: var(--warning-transparent); border-color: transparent; color: var(--warning); } .pagination-soft-warning .page-item.active .page-link:hover { color: var(--warning); } .pagination-soft-danger .page-item.active .page-link { background-color: var(--danger-transparent); border-color: transparent; color: var(--danger); } .pagination-soft-danger .page-item.active .page-link:hover { color: var(--danger); } .pagination-soft-dark .page-item.active .page-link { background-color: var(--dark-transparent); border-color: transparent; color: var(--dark); } .pagination-soft-dark .page-item.active .page-link:hover { color: var(--dark); } .pagination-soft-light .page-item.active .page-link { background-color: var(--light-transparent); border-color: transparent; color: var(--light); } .pagination-soft-light .page-item.active .page-link:hover { color: var(--light); } .pagination-soft-orange .page-item.active .page-link { background-color: var(--orange-transparent); border-color: transparent; color: var(--orange); } .pagination-soft-orange .page-item.active .page-link:hover { color: var(--orange); } .pagination-soft-purple .page-item.active .page-link { background-color: var(--purple-transparent); border-color: transparent; color: var(--purple); } .pagination-soft-purple .page-item.active .page-link:hover { color: var(--purple); } .pagination-soft-pink .page-item.active .page-link { background-color: var(--pink-transparent); border-color: transparent; color: var(--pink); } .pagination-soft-pink .page-item.active .page-link:hover { color: var(--pink); } .pagination-soft-indigo .page-item.active .page-link { background-color: var(--indigo-transparent); border-color: transparent; color: var(--indigo); } .pagination-soft-indigo .page-item.active .page-link:hover { color: var(--indigo); } .pagination-soft-teal .page-item.active .page-link { background-color: var(--teal-transparent); border-color: transparent; color: var(--teal); } .pagination-soft-teal .page-item.active .page-link:hover { color: var(--teal); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ html { position: relative; min-height: 100%; } body { margin: 0; font-family: "Inter",sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--body-color); background-color: var(--light-200); overflow-x: hidden; } ::selection { background: var(--primary); color: var(--white); } a, button { outline: none!important; } a { text-decoration: none; color: var(--gray-900); } a:hover { color: var(--primary); } label { font-weight: 500; } b, strong { font-weight: 600; } .border-dashed { border-style: dashed; } .h1, h1 { font-size: 35px; font-weight: 700; color: var(--heading-color); } @media (max-width: 991.98px) { .h1, h1 { font-size: 28px; } } @media (max-width: 767.98px) { .h1, h1 { font-size: 24px; } } .h2, h2 { font-size: 28px; font-weight: 700; color: var(--heading-color); } @media (max-width: 991.98px) { .h2, h2 { font-size: 22px; } } @media (max-width: 767.98px) { .h2, h2 { font-size: 20px; } } .h3, h3 { font-size: 24px; font-weight: 700; color: var(--heading-color); } @media (max-width: 991.98px) { .h3, h3 { font-size: 20px; } } @media (max-width: 767.98px) { .h3, h3 { font-size: 18px; } } .h4, h4 { font-size: 20px; font-weight: 700; color: var(--heading-color); } @media (max-width: 991.98px) { .h4, h4 { font-size: 18px; } } @media (max-width: 767.98px) { .h4, h4 { font-size: 17px; } } .h5, h5 { font-size: 17px; font-weight: 700; color: var(--heading-color); } .h6, h6 { font-size: 16px; font-weight: 700; color: var(--heading-color); } .display-1 { font-size: 60px; } .display-2 { font-size: 52px; } .display-3 { font-size: 40px; } .display-4 { font-size: 36px; } .display-5 { font-size: 33px; } .display-6 { font-size: 29px; } p { margin-top: 0; margin-bottom: 1rem; } @media (min-width: 768px) { .page-title-head { height: 85px; } } @media (max-width: 767.98px) { .page-title-head { padding: 1.25rem 0; } } .link-reset { color: inherit; transition: all 0.25s ease-in-out; } .link-reset:hover { color: var(--primary); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .popover { border-color: var(--border-color); border-radius: 5px; z-index: 1050; max-width: 350px; } @media (max-width: 575.98px) { .popover { max-width: 276px; } } .popover-header { padding: 0.7rem 0.8rem; font-size: 0.875rem; color: var(--heading-color); border-color: var(--border-color); border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: var(--light); } .popover-body { padding: 0.5rem 0.75rem; color: var(--body-color); } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before { border-right-color: var(--border-color); } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before { border-left-color: var(--border-color); } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before { border-top-color: var(--border-color); } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before { border-bottom-color: var(--border-color); } .popover-primary { border-color: var(--primary); background-color: var(--primary); } .popover-primary .popover-header { color: #fff; border-color: var(--primary); background-color: var(--primary); } .popover-primary .popover-body { color: #fff; } .popover-primary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-primary.bs-popover-end > .popover-arrow::before { border-right-color: var(--primary); } .popover-primary .popover-primary .bs-popover-end > .popover-arrow::after, .popover-primary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: var(--primary); } .popover-primary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-primary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-primary.bs-popover-start > .popover-arrow::after, .popover-primary.bs-popover-start > .popover-arrow::before { border-left-color: var(--primary); } .popover-primary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-primary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-primary.bs-popover-top > .popover-arrow::after, .popover-primary.bs-popover-top > .popover-arrow::before { border-top-color: var(--primary); } .popover-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-primary.bs-popover-bottom > .popover-arrow::after, .popover-primary.bs-popover-bottom > .popover-arrow::before { border-bottom-color: var(--primary); } .popover-secondary { border-color: var(--secondary); background-color: var(--secondary); } .popover-secondary .popover-header { color: #fff; border-color: var(--secondary); background-color: var(--secondary); } .popover-secondary .popover-body { color: #fff; } .popover-secondary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-secondary.bs-popover-end > .popover-arrow::before { border-right-color: var(--secondary); } .popover-secondary .popover-primary .bs-popover-end > .popover-arrow::after, .popover-secondary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: var(--secondary); } .popover-secondary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-secondary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-secondary.bs-popover-start > .popover-arrow::after, .popover-secondary.bs-popover-start > .popover-arrow::before { border-left-color: var(--secondary); } .popover-secondary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-secondary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-secondary.bs-popover-top > .popover-arrow::after, .popover-secondary.bs-popover-top > .popover-arrow::before { border-top-color: var(--secondary); } .popover-secondary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-secondary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-secondary.bs-popover-bottom > .popover-arrow::after, .popover-secondary.bs-popover-bottom > .popover-arrow::before { border-bottom-color: var(--secondary); } .popover-success { border-color: var(--success); background-color: var(--success); } .popover-success .popover-header { color: #fff; border-color: var(--success); background-color: var(--success); } .popover-success .popover-body { color: #fff; } .popover-success.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-success.bs-popover-end > .popover-arrow::before { border-right-color: var(--success); } .popover-success .popover-primary .bs-popover-end > .popover-arrow::after, .popover-success.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: var(--success); } .popover-success.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-success.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-success.bs-popover-start > .popover-arrow::after, .popover-success.bs-popover-start > .popover-arrow::before { border-left-color: var(--success); } .popover-success.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-success.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-success.bs-popover-top > .popover-arrow::after, .popover-success.bs-popover-top > .popover-arrow::before { border-top-color: var(--success); } .popover-success.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-success.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-success.bs-popover-bottom > .popover-arrow::after, .popover-success.bs-popover-bottom > .popover-arrow::before { border-bottom-color: var(--success); } .popover-info { border-color: var(--info); background-color: var(--info); } .popover-info .popover-header { color: #fff; border-color: var(--info); background-color: var(--info); } .popover-info .popover-body { color: #fff; } .popover-info.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-info.bs-popover-end > .popover-arrow::before { border-right-color: var(--info); } .popover-info .popover-primary .bs-popover-end > .popover-arrow::after, .popover-info.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: var(--info); } .popover-info.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-info.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-info.bs-popover-start > .popover-arrow::after, .popover-info.bs-popover-start > .popover-arrow::before { border-left-color: var(--info); } .popover-info.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-info.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-info.bs-popover-top > .popover-arrow::after, .popover-info.bs-popover-top > .popover-arrow::before { border-top-color: var(--info); } .popover-info.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-info.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-info.bs-popover-bottom > .popover-arrow::after, .popover-info.bs-popover-bottom > .popover-arrow::before { border-bottom-color: var(--info); } .popover-warning { border-color: var(--warning); background-color: var(--warning); } .popover-warning .popover-header { color: #fff; border-color: var(--warning); background-color: var(--warning); } .popover-warning .popover-body { color: #fff; } .popover-warning.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-warning.bs-popover-end > .popover-arrow::before { border-right-color: var(--warning); } .popover-warning .popover-primary .bs-popover-end > .popover-arrow::after, .popover-warning.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: var(--warning); } .popover-warning.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-warning.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-warning.bs-popover-start > .popover-arrow::after, .popover-warning.bs-popover-start > .popover-arrow::before { border-left-color: var(--warning); } .popover-warning.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-warning.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-warning.bs-popover-top > .popover-arrow::after, .popover-warning.bs-popover-top > .popover-arrow::before { border-top-color: var(--warning); } .popover-warning.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-warning.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-warning.bs-popover-bottom > .popover-arrow::after, .popover-warning.bs-popover-bottom > .popover-arrow::before { border-bottom-color: var(--warning); } .popover-danger { border-color: var(--danger); background-color: var(--danger); } .popover-danger .popover-header { color: #fff; border-color: var(--danger); background-color: var(--danger); } .popover-danger .popover-body { color: #fff; } .popover-danger.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-danger.bs-popover-end > .popover-arrow::before { border-right-color: var(--danger); } .popover-danger .popover-primary .bs-popover-end > .popover-arrow::after, .popover-danger.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: var(--danger); } .popover-danger.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-danger.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-danger.bs-popover-start > .popover-arrow::after, .popover-danger.bs-popover-start > .popover-arrow::before { border-left-color: var(--danger); } .popover-danger.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-danger.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-danger.bs-popover-top > .popover-arrow::after, .popover-danger.bs-popover-top > .popover-arrow::before { border-top-color: var(--danger); } .popover-danger.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-danger.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-danger.bs-popover-bottom > .popover-arrow::after, .popover-danger.bs-popover-bottom > .popover-arrow::before { border-bottom-color: var(--danger); } .popover-dark { border-color: var(--dark); background-color: var(--dark); } .popover-dark .popover-header { color: #fff; border-color: var(--dark); background-color: var(--dark); } .popover-dark .popover-body { color: #fff; } .popover-dark.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-dark.bs-popover-end > .popover-arrow::before { border-right-color: var(--dark); } .popover-dark .popover-primary .bs-popover-end > .popover-arrow::after, .popover-dark.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: var(--dark); } .popover-dark.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-dark.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-dark.bs-popover-start > .popover-arrow::after, .popover-dark.bs-popover-start > .popover-arrow::before { border-left-color: var(--dark); } .popover-dark.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-dark.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-dark.bs-popover-top > .popover-arrow::after, .popover-dark.bs-popover-top > .popover-arrow::before { border-top-color: var(--dark); } .popover-dark.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-dark.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-dark.bs-popover-bottom > .popover-arrow::after, .popover-dark.bs-popover-bottom > .popover-arrow::before { border-bottom-color: var(--dark); } .popover-light { border-color: var(--light); background-color: var(--light); } .popover-light .popover-header { color: #fff; border-color: var(--light); background-color: var(--light); } .popover-light .popover-body { color: #fff; } .popover-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-light.bs-popover-end > .popover-arrow::before { border-right-color: var(--light); } .popover-light .popover-primary .bs-popover-end > .popover-arrow::after, .popover-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: var(--light); } .popover-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-light.bs-popover-start > .popover-arrow::after, .popover-light.bs-popover-start > .popover-arrow::before { border-left-color: var(--light); } .popover-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-light.bs-popover-top > .popover-arrow::after, .popover-light.bs-popover-top > .popover-arrow::before { border-top-color: var(--light); } .popover-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-light.bs-popover-bottom > .popover-arrow::after, .popover-light.bs-popover-bottom > .popover-arrow::before { border-bottom-color: var(--light); } .popover-orange { border-color: var(--orange); background-color: var(--orange); } .popover-orange .popover-header { color: #fff; border-color: var(--orange); background-color: var(--orange); } .popover-orange .popover-body { color: #fff; } .popover-orange.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-orange.bs-popover-end > .popover-arrow::before { border-right-color: var(--orange); } .popover-orange .popover-primary .bs-popover-end > .popover-arrow::after, .popover-orange.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: var(--orange); } .popover-orange.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-orange.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-orange.bs-popover-start > .popover-arrow::after, .popover-orange.bs-popover-start > .popover-arrow::before { border-left-color: var(--orange); } .popover-orange.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-orange.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-orange.bs-popover-top > .popover-arrow::after, .popover-orange.bs-popover-top > .popover-arrow::before { border-top-color: var(--orange); } .popover-orange.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-orange.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-orange.bs-popover-bottom > .popover-arrow::after, .popover-orange.bs-popover-bottom > .popover-arrow::before { border-bottom-color: var(--orange); } .popover-purple { border-color: var(--purple); background-color: var(--purple); } .popover-purple .popover-header { color: #fff; border-color: var(--purple); background-color: var(--purple); } .popover-purple .popover-body { color: #fff; } .popover-purple.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-purple.bs-popover-end > .popover-arrow::before { border-right-color: var(--purple); } .popover-purple .popover-primary .bs-popover-end > .popover-arrow::after, .popover-purple.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: var(--purple); } .popover-purple.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-purple.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-purple.bs-popover-start > .popover-arrow::after, .popover-purple.bs-popover-start > .popover-arrow::before { border-left-color: var(--purple); } .popover-purple.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-purple.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-purple.bs-popover-top > .popover-arrow::after, .popover-purple.bs-popover-top > .popover-arrow::before { border-top-color: var(--purple); } .popover-purple.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-purple.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-purple.bs-popover-bottom > .popover-arrow::after, .popover-purple.bs-popover-bottom > .popover-arrow::before { border-bottom-color: var(--purple); } .popover-pink { border-color: var(--pink); background-color: var(--pink); } .popover-pink .popover-header { color: #fff; border-color: var(--pink); background-color: var(--pink); } .popover-pink .popover-body { color: #fff; } .popover-pink.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-pink.bs-popover-end > .popover-arrow::before { border-right-color: var(--pink); } .popover-pink .popover-primary .bs-popover-end > .popover-arrow::after, .popover-pink.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: var(--pink); } .popover-pink.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-pink.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-pink.bs-popover-start > .popover-arrow::after, .popover-pink.bs-popover-start > .popover-arrow::before { border-left-color: var(--pink); } .popover-pink.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-pink.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-pink.bs-popover-top > .popover-arrow::after, .popover-pink.bs-popover-top > .popover-arrow::before { border-top-color: var(--pink); } .popover-pink.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-pink.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-pink.bs-popover-bottom > .popover-arrow::after, .popover-pink.bs-popover-bottom > .popover-arrow::before { border-bottom-color: var(--pink); } .popover-indigo { border-color: var(--indigo); background-color: var(--indigo); } .popover-indigo .popover-header { color: #fff; border-color: var(--indigo); background-color: var(--indigo); } .popover-indigo .popover-body { color: #fff; } .popover-indigo.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-indigo.bs-popover-end > .popover-arrow::before { border-right-color: var(--indigo); } .popover-indigo .popover-primary .bs-popover-end > .popover-arrow::after, .popover-indigo.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: var(--indigo); } .popover-indigo.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-indigo.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-indigo.bs-popover-start > .popover-arrow::after, .popover-indigo.bs-popover-start > .popover-arrow::before { border-left-color: var(--indigo); } .popover-indigo.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-indigo.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-indigo.bs-popover-top > .popover-arrow::after, .popover-indigo.bs-popover-top > .popover-arrow::before { border-top-color: var(--indigo); } .popover-indigo.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-indigo.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-indigo.bs-popover-bottom > .popover-arrow::after, .popover-indigo.bs-popover-bottom > .popover-arrow::before { border-bottom-color: var(--indigo); } .popover-teal { border-color: var(--teal); background-color: var(--teal); } .popover-teal .popover-header { color: #fff; border-color: var(--teal); background-color: var(--teal); } .popover-teal .popover-body { color: #fff; } .popover-teal.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-teal.bs-popover-end > .popover-arrow::before { border-right-color: var(--teal); } .popover-teal .popover-primary .bs-popover-end > .popover-arrow::after, .popover-teal.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: var(--teal); } .popover-teal.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-teal.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-teal.bs-popover-start > .popover-arrow::after, .popover-teal.bs-popover-start > .popover-arrow::before { border-left-color: var(--teal); } .popover-teal.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-teal.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-teal.bs-popover-top > .popover-arrow::after, .popover-teal.bs-popover-top > .popover-arrow::before { border-top-color: var(--teal); } .popover-teal.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-teal.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-teal.bs-popover-bottom > .popover-arrow::after, .popover-teal.bs-popover-bottom > .popover-arrow::before { border-bottom-color: var(--teal); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .table { background-color: var(--white); margin-bottom: 0!important; } .table thead tr th { font-weight: 600; padding: 8px 16px; color: var(--heading-color); border-color: var(--border-color); } .table tbody tr td { padding: 12px 16px 12px 16px!important; } .table tbody tr:last-child td { border-bottom-width: 0!important; } .table tbody td { vertical-align: middle; border-bottom-color: var(--border-color); border-bottom-width: 1px!important; } .table tbody th { vertical-align: middle; padding: 12px 16px 12px 16px!important; } th { font-weight: 600; color: var(--gray-900); } .thead-sm > * > * { padding: 0.5rem 0.5rem!important; } .table > :not(caption) > * > * { background-color: var(--white); } .table-custom tfoot > tr > th:first-child, .table-custom thead > tr > th:first-child, .table-custom tr td:first-child, .table-custom tr th:first-child { padding-left: 1.125rem!important; } .table-custom tfoot > tr > th:last-child, .table-custom thead > tr > th:last-child, .table-custom tr td:last-child, .table-custom tr th:last-child { padding-right: 1.125rem!important; } .table-nowrap td, .table-nowrap th { white-space: nowrap; color: var(--gray-600); } .table-light th { background: var(--light)!important; } .ac .action-item > a { width: 22px; height: 22px; border: 1px solid var(--border-color); border-radius: 7px; color: var(--gray-500); font-size: 12px; display: flex; align-items: center; justify-content: center; box-shadow: var(--box-shadow); } .table-header { padding: 8px 16px; } .table-search { margin-bottom: 20px; } .table.dataTable th { padding: 8px 16px; } .search-input input { font-size: 12px; } .search-input .btn-searchset { border-radius: 50px; } table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_desc_disabled:before { right: 5px!important; content: "\ea1d"!important; font-family: "tabler-icons"; top: 50%!important; color: var(--gray-900)!important; font-size: 12px!important; opacity: 1!important; position: absolute; font-weight: 400; line-height: 1px!important; } table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_desc_disabled:after { right: 0!important; content: "\ea1a"!important; font-family: "tabler-icons"; bottom: 12px!important; color: var(--gray-900)!important; font-size: 12px!important; opacity: 1!important; position: absolute; font-weight: 400; line-height: 1px!important; } .table-dark th { color: #fff!important; background-color: #0b0d0e; border-bottom: 1px solid rgba(255, 255, 255, 0.1)!important; } .table.table-dark > :not(caption) > * > * { background-color: #0b0d0e; border-color: rgba(255, 255, 255, 0.1); } .table.table-success > :not(caption) > * > * { background-color: var(--success); } .table > :not(caption) > .table-primary > * { background-color: var(--primary); border-color: rgb(var(--primary-rgb), 0.1); color: #fff; } .table > :not(caption) > .table-secondary > * { background-color: var(--secondary); border-color: rgb(var(--secondary-rgb), 0.1); color: #fff; } .table > :not(caption) > .table-success > * { background-color: var(--success); border-color: rgb(var(--success-rgb), 0.1); color: #fff; } .table > :not(caption) > .table-info > * { background-color: var(--info); border-color: rgb(var(--info-rgb), 0.1); color: #fff; } .table > :not(caption) > .table-warning > * { background-color: var(--warning); border-color: rgb(var(--warning-rgb), 0.1); color: #fff; } .table > :not(caption) > .table-danger > * { background-color: var(--danger); border-color: rgb(var(--danger-rgb), 0.1); color: #fff; } .table > :not(caption) > .table-dark > * { background-color: var(--dark); border-color: rgb(var(--dark-rgb), 0.1); color: #fff; } .table > :not(caption) > .table-light > * { background-color: var(--light); border-color: rgb(var(--light-rgb), 0.1); color: #fff; } .table > :not(caption) > .table-orange > * { background-color: var(--orange); border-color: rgb(var(--orange-rgb), 0.1); color: #fff; } .table > :not(caption) > .table-purple > * { background-color: var(--purple); border-color: rgb(var(--purple-rgb), 0.1); color: #fff; } .table > :not(caption) > .table-pink > * { background-color: var(--pink); border-color: rgb(var(--pink-rgb), 0.1); color: #fff; } .table > :not(caption) > .table-indigo > * { background-color: var(--indigo); border-color: rgb(var(--indigo-rgb), 0.1); color: #fff; } .table > :not(caption) > .table-teal > * { background-color: var(--teal); border-color: rgb(var(--teal-rgb), 0.1); color: #fff; } .table > :not(caption) > .table-light > * { color: var(--body-color); } .table > :not(caption) > * > * { border-bottom-width: 0!important; } .border-primary.table-bordered tbody tr td, .border-primary.table-bordered tbody tr th, .border-primary.table-bordered thead tr th { border: 1px solid var(--primary)!important; } .border-success.table-bordered tbody tr td, .border-success.table-bordered tbody tr th, .border-success.table-bordered thead tr th { border: 1px solid var(--success)!important; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .tooltip-primary .tooltip-inner { background-color: var(--primary); color: #fff; } .tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--primary); } .tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before { border-top-color: var(--primary); } .tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before { border-right-color: var(--primary); } .tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before { border-left-color: var(--primary); } .tooltip-secondary .tooltip-inner { background-color: var(--secondary); color: #fff; } .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--secondary); } .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before { border-top-color: var(--secondary); } .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before { border-right-color: var(--secondary); } .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before { border-left-color: var(--secondary); } .tooltip-success .tooltip-inner { background-color: var(--success); color: #fff; } .tooltip-success.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-success.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--success); } .tooltip-success.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-success.bs-tooltip-bottom .tooltip-arrow::before { border-top-color: var(--success); } .tooltip-success.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-success.bs-tooltip-bottom .tooltip-arrow::before { border-right-color: var(--success); } .tooltip-success.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-success.bs-tooltip-bottom .tooltip-arrow::before { border-left-color: var(--success); } .tooltip-info .tooltip-inner { background-color: var(--info); color: #fff; } .tooltip-info.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-info.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--info); } .tooltip-info.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-info.bs-tooltip-bottom .tooltip-arrow::before { border-top-color: var(--info); } .tooltip-info.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-info.bs-tooltip-bottom .tooltip-arrow::before { border-right-color: var(--info); } .tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-info.bs-tooltip-bottom .tooltip-arrow::before { border-left-color: var(--info); } .tooltip-warning .tooltip-inner { background-color: var(--warning); color: #fff; } .tooltip-warning.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--warning); } .tooltip-warning.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-bottom .tooltip-arrow::before { border-top-color: var(--warning); } .tooltip-warning.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-bottom .tooltip-arrow::before { border-right-color: var(--warning); } .tooltip-warning.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-bottom .tooltip-arrow::before { border-left-color: var(--warning); } .tooltip-danger .tooltip-inner { background-color: var(--danger); color: #fff; } .tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--danger); } .tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before { border-top-color: var(--danger); } .tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before { border-right-color: var(--danger); } .tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before { border-left-color: var(--danger); } .tooltip-dark .tooltip-inner { background-color: var(--dark); color: #fff; } .tooltip-dark.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--dark); } .tooltip-dark.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-bottom .tooltip-arrow::before { border-top-color: var(--dark); } .tooltip-dark.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-bottom .tooltip-arrow::before { border-right-color: var(--dark); } .tooltip-dark.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-bottom .tooltip-arrow::before { border-left-color: var(--dark); } .tooltip-light .tooltip-inner { background-color: var(--light); color: #fff; } .tooltip-light.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-light.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--light); } .tooltip-light.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-light.bs-tooltip-bottom .tooltip-arrow::before { border-top-color: var(--light); } .tooltip-light.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-light.bs-tooltip-bottom .tooltip-arrow::before { border-right-color: var(--light); } .tooltip-light.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-light.bs-tooltip-bottom .tooltip-arrow::before { border-left-color: var(--light); } .tooltip-orange .tooltip-inner { background-color: var(--orange); color: #fff; } .tooltip-orange.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-orange.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--orange); } .tooltip-orange.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-orange.bs-tooltip-bottom .tooltip-arrow::before { border-top-color: var(--orange); } .tooltip-orange.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-orange.bs-tooltip-bottom .tooltip-arrow::before { border-right-color: var(--orange); } .tooltip-orange.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-orange.bs-tooltip-bottom .tooltip-arrow::before { border-left-color: var(--orange); } .tooltip-purple .tooltip-inner { background-color: var(--purple); color: #fff; } .tooltip-purple.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-purple.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--purple); } .tooltip-purple.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-purple.bs-tooltip-bottom .tooltip-arrow::before { border-top-color: var(--purple); } .tooltip-purple.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-purple.bs-tooltip-bottom .tooltip-arrow::before { border-right-color: var(--purple); } .tooltip-purple.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-purple.bs-tooltip-bottom .tooltip-arrow::before { border-left-color: var(--purple); } .tooltip-pink .tooltip-inner { background-color: var(--pink); color: #fff; } .tooltip-pink.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-pink.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--pink); } .tooltip-pink.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-pink.bs-tooltip-bottom .tooltip-arrow::before { border-top-color: var(--pink); } .tooltip-pink.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-pink.bs-tooltip-bottom .tooltip-arrow::before { border-right-color: var(--pink); } .tooltip-pink.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-pink.bs-tooltip-bottom .tooltip-arrow::before { border-left-color: var(--pink); } .tooltip-indigo .tooltip-inner { background-color: var(--indigo); color: #fff; } .tooltip-indigo.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-indigo.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--indigo); } .tooltip-indigo.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-indigo.bs-tooltip-bottom .tooltip-arrow::before { border-top-color: var(--indigo); } .tooltip-indigo.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-indigo.bs-tooltip-bottom .tooltip-arrow::before { border-right-color: var(--indigo); } .tooltip-indigo.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-indigo.bs-tooltip-bottom .tooltip-arrow::before { border-left-color: var(--indigo); } .tooltip-teal .tooltip-inner { background-color: var(--teal); color: #fff; } .tooltip-teal.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-teal.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--teal); } .tooltip-teal.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-teal.bs-tooltip-bottom .tooltip-arrow::before { border-top-color: var(--teal); } .tooltip-teal.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-teal.bs-tooltip-bottom .tooltip-arrow::before { border-right-color: var(--teal); } .tooltip-teal.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-teal.bs-tooltip-bottom .tooltip-arrow::before { border-left-color: var(--teal); } .tooltip-inner { padding: 0.3125rem 0.625rem; background-color: var(--dark); } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { border-top-color: var(--dark); } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--dark); } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-left .tooltip-arrow::before { border-left-color: var(--dark); } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-right .tooltip-arrow::before { border-right-color: var(--dark); } .tooltip-primary .tooltip-inner { background-color: var(--primary); } .tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-top .tooltip-arrow::before { border-top-color: var(--primary); } .tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--primary); } .tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-left .tooltip-arrow::before { border-left-color: var(--primary); } .tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-right .tooltip-arrow::before { border-right-color: var(--primary); } .tooltip-secondary .tooltip-inner { background-color: var(--secondary); } .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-top .tooltip-arrow::before { border-top-color: var(--secondary); } .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--secondary); } .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-left .tooltip-arrow::before { border-left-color: var(--secondary); } .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-right .tooltip-arrow::before { border-right-color: var(--secondary); } .tooltip-success .tooltip-inner { background-color: var(--success); } .tooltip-success.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-success.bs-tooltip-top .tooltip-arrow::before { border-top-color: var(--success); } .tooltip-success.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-success.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--success); } .tooltip-success.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-success.bs-tooltip-left .tooltip-arrow::before { border-left-color: var(--success); } .tooltip-success.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-success.bs-tooltip-right .tooltip-arrow::before { border-right-color: var(--success); } .tooltip-info .tooltip-inner { background-color: var(--info); } .tooltip-info.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-info.bs-tooltip-top .tooltip-arrow::before { border-top-color: var(--info); } .tooltip-info.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-info.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--info); } .tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-info.bs-tooltip-left .tooltip-arrow::before { border-left-color: var(--info); } .tooltip-info.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-info.bs-tooltip-right .tooltip-arrow::before { border-right-color: var(--info); } .tooltip-warning .tooltip-inner { background-color: var(--warning); } .tooltip-warning.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-top .tooltip-arrow::before { border-top-color: var(--warning); } .tooltip-warning.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--warning); } .tooltip-warning.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-left .tooltip-arrow::before { border-left-color: var(--warning); } .tooltip-warning.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-right .tooltip-arrow::before { border-right-color: var(--warning); } .tooltip-danger .tooltip-inner { background-color: var(--danger); } .tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-top .tooltip-arrow::before { border-top-color: var(--danger); } .tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--danger); } .tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-left .tooltip-arrow::before { border-left-color: var(--danger); } .tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-right .tooltip-arrow::before { border-right-color: var(--danger); } .tooltip-dark .tooltip-inner { background-color: var(--dark); } .tooltip-dark.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-top .tooltip-arrow::before { border-top-color: var(--dark); } .tooltip-dark.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--dark); } .tooltip-dark.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-left .tooltip-arrow::before { border-left-color: var(--dark); } .tooltip-dark.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-right .tooltip-arrow::before { border-right-color: var(--dark); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .bd-example-zindex-levels { min-height: 13.5rem; z-index: 1; } .bd-example-zindex-levels > div { color: var(--white); } .bd-example-zindex-levels > div > span { position: absolute; right: 5px; bottom: 0; } .bd-example-zindex-levels > :nth-child(2) { top: 1.5rem; left: 1.5rem; } .bd-example-zindex-levels > :nth-child(3) { top: 3rem; left: 3rem; } .bd-example-zindex-levels > :nth-child(4) { top: 4.5rem; left: 4.5rem; } .bd-example-zindex-levels > :nth-child(5) { top: 6rem; left: 6rem; } .color-container { width: 5rem; height: 5rem; border-radius: 5px; display: flex; align-items: center; justify-content: center; line-height: 3rem; } .text-container { padding: 0.25rem 0.5rem; border-radius: 5px; box-shadow: var(--box-shadow); } .color-box { width: 80px; height: 80px; border-radius: 5px; margin-right: 0.75rem; margin-bottom: 0.75rem; } .text-muted { color: var(--body-color)!important; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .progress-bar { background-color: var(--primary); } .progress { background-color: var(--light); } .progress-xs { height: 3px; } .progress-sm { height: 5px; } .progress-md { height: 8px; } .progress-lg { height: 12px; } .progress-xl { height: 15px; } .progress-with-border .progress-bar + .progress-bar { border-left: 3px solid var(--white); } .progress-value { display: block; position: absolute; top: -28px; right: 0; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .chat-users { max-height: calc(-23.5rem + 100vh)!important; padding-bottom: 10px!important; } .user-list { cursor: pointer; } .user-list.active { background: var(--light-200); } .user-list:hover { background: var(--light-200); } .chat-user-nav { flex-shrink: 0; width: 350px; border-right: 1px solid var(--border-color); } @media (max-width: 991.98px) { .chat-user-nav { border: none!important; width: 100%!important; } } .message-count { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; font-size: 10px; } .message-body { max-height: calc(-23.5rem + 100vh)!important; background-image: url(../img/bg/chat-bg.png); background-size: cover; } .message-box { border: 1px solid var(--border-color); } .receive-message { border-radius: 0 5px 5px 5px; background: var(--light-200); } .sent-message { border-radius: 5px 0 5px 5px; background: var(--light-800); } .chat-list { max-width: 75%; } @media (max-width: 1199.98px) { .chat-list { max-width: 85%; } } @media (max-width: 575.98px) { .chat-list { max-width: 100%; } } .count-circle, .message-count { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; font-size: 10px; } .chat-user-nav { flex-shrink: 0; width: 350px; border-right: 1px solid var(--border-color); } @media (max-width: 991.98px) { .chat-messages { display: none; } } .chat-messages .custom-dot { position: relative; left: -3px; } @media (max-width: 991.98px) { .chat-messages.show { display: block; } } @media (max-width: 991.98px) { .chat-user-nav.hide { display: none; } } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .single-video .join-video { margin-bottom: 0; height: calc(100vh - 223px); } @media (max-width: 767.98px) { .single-video .join-video { height: calc(100vh - 214px); } } .single-video .join-video img { border-radius: 5px; } .single-video .join-video .video-avatar img { width: 170px; height: 146px; object-fit: cover; } @media (max-width: 767.98px) { .single-video .join-video .video-avatar img { width: 100px; height: 86px; } } .join-video img { border-radius: 10px; width: 100%; height: 100%; object-fit: cover; } .card-max-height { position: relative; height: calc(100vh - 223px); overflow-y: auto; } @media (max-width: 767.98px) { .card-max-height { height: calc(100vh - 195px); } } .animation-ripple { animation: ripple 2s infinite; } @-webkit-keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(var(--black), 0.1); -moz-box-shadow: 0 0 0 0 rgba(var(--black), 0.1); box-shadow: 0 0 0 0 rgba(var(--black), 0.1); } 100% { -webkit-box-shadow: 0 0 0 40px rgba(var(--black), 0); -moz-box-shadow: 0 0 0 40px rgba(var(--black), 0); box-shadow: 0 0 0 40px rgba(var(--black), 0); } } .call-body { background: var(--light-200); border-radius: 5px; } .call-body .call-avatar { width: 180px; height: 180px; } .call-avatar-outer { background: var(--light); width: 220px; height: 220px; border-radius: 50%; } .animation-ripple { animation: ripple 2s infinite; } @-webkit-keyframes ripple { 0% { -webkit-box-shadow: var(--box-shadow-lg); -moz-box-shadow: var(--box-shadow-lg); box-shadow: var(--box-shadow-lg); } 100% { -webkit-box-shadow: var(--box-shadow-lg); -moz-box-shadow: var(--box-shadow-lg); box-shadow: var(--box-shadow-lg); } } .video-chat { max-width: 100%; margin-right: 24px; } @media (max-width: 1199.98px) { .video-chat { max-width: 100%; margin-right: 0; } } .video-chat .call-user-img { max-height: 500px; display: flex; } @media (max-width: 1399.98px) { .video-chat .call-user-img { max-height: 400px; } } .video-chat .call-user-img img { width: 100%; object-fit: cover; } .chat-search-box { position: relative; } .chat-search-box .chat-item-start { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); } .chat-search-box .chat-item-end { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); } .chat-search-box input { padding-left: 50px; padding-right: 60px; } .chat-footer { padding: 0 20px 20px; } .participant-list { max-height: calc(100vh - 400px); } .chat-body { padding: 20px; max-height: calc(100vh - 400px); } @media (max-width: 1399.98px) { .video-chat .call-user-img { max-height: 400px; } } .voice-call .call-body { max-height: 334px; } @media (max-width: 1399.98px) { .voice-call .call-body { max-height: 264px; } } @media (max-width: 1399.98px) { .voice-call .call-body .call-avatar { width: 160px; height: 160px; } } @media (max-width: 1399.98px) { .voice-call .call-body .call-avatar-outer { width: 180px; height: 180px; } } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .email-sidebar { max-width: 288px; height: calc(100vh - 109px)!important; } @media (max-width: 767.98px) { .email-sidebar { max-width: 100%; margin-bottom: 20px; } } .mail-notifications { height: calc(100vh - 109px)!important; } .mail-detail { height: calc(100vh - 109px)!important; } .more-menu { display: none; } .mails-list .list-group-item { cursor: pointer; } .mail-notifications { width: 50%; transition: 0.5s all; } .mail-notifications.compress-width { max-width: 400px; transition: 0.5s all; } @media (max-width: 767.98px) { .mail-notifications.compress-width { display: none; } } @media (max-width: 767.98px) { .mail-notifications { width: 100%; max-width: 100%; } } .custom-border table tr:last-child td { border: none; } .tag-with-img .choices__inner { border: 0; padding: 0; } .list-item-hover { transition: 0.5s all; } .list-item-hover:hover { border-color: var(--primary)!important; transition: 0.5s all; } .w-120 { width: 125px; } .project-status { min-width: 265px; } .kanban-drag, .kanban-drag-wrap { min-width: 220px; min-height: 50px; } .project-status { display: flex; gap: 1rem; overflow-x: auto; } .project-status .card { flex: 0 0 300px; max-width: 400px; } .files-list a.active { background: var(--light); border-radius: 5px; } .img-full-view a { position: relative; transition: 0.5s all; display: block; } .img-full-view a span { position: absolute; top: 0; left: 50%; transform: translatex(-50%); transition: 0.5s all; background: var(--white); opacity: 0; } .img-full-view a span i { color: var(--dark); opacity: 1; } .img-full-view a:hover { transition: 0.5s all; } .img-full-view a:hover span { top: 50%; transform: translate(-50%, -50%); transition: 0.5s all; opacity: 0.5; } .img-full-view a:hover::before { content: ""; width: 100%; height: 100%; border-radius: 5px; background: var(--gray-900); opacity: 0.8; position: absolute; transition: 0.5s all; left: 0; top: 0; right: 0; bottom: 0; } .img-full-view a img { transition: 0.5s all; } .card-img-hover { position: relative; overflow: hidden; transition: 0.5s all; } .card-img-hover img { transition: 0.5s all; } .card-img-hover:hover { transition: 0.5s all; } .card-img-hover:hover img { transform: scale(1.14); transition: 0.5s all; } #compose-view { overflow-y: auto; z-index: 9999; display: none; transform: scale(0.9); transition: opacity 0.3s ease,transform 0.3s ease; } #compose-view.show { display: flex; transform: scale(1); } .compose-view { top: auto; bottom: 0; right: 20px; max-width: 500px; width: 100%; left: auto; margin: 20px 0 20px auto; transform: scale(0.9); transition: opacity 0.3s ease,transform 0.3s ease; } .compose-view .choices__inner { border: 0; padding: 0; } .compose-view .choices[data-type*=text] .choices__inner { padding: 0!important; } .compose-header { border-radius: 4px 4px 0 0; } .compose-footer { border-radius: 0 0 4px 4px; } .drag-upload-btn { font-size: 12px; font-weight: 600; border-radius: 5px; padding: 6px 16px; position: relative; transition: all 0.5s; } .drag-upload-btn input { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; } .file-upload { border-radius: 5px; text-align: center; position: relative; } .file-upload input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .file-upload.drag-file { height: 120px; } .table tr { border-color: var(--border-color); } .table tr td { color: var(--gray-600); } .table tr td .star { color: var(--gray-300); } .file-line span { color: var(--gray-200)!important; } .custom-left-border { border-left: 1px solid var(--border-color)!important; } @media (max-width: 767.98px) { .custom-left-border { border-left: none!important; } } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .circle-progress { width: 25px; height: 25px!important; float: left; line-height: 25px; background: none; box-shadow: none; position: relative; } .circle-progress::after { content: ""; width: 100%; height: 100%; border-radius: 50%; border: 4px solid var(--light-200); position: absolute; top: 0; left: 0; } .circle-progress .progress-left .progress-bar { left: 100%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left; } .circle-progress .progress-right .progress-bar { left: -100%; border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right; animation: loading-1 1.8s linear forwards; } .circle-progress .progress-bar { width: 100%; height: 100%; background: none; border-width: 4px; border-style: solid; position: absolute; top: 0; } .circle-progress > span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1; } .progress-value { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; font-size: 12px; line-height: 25px; text-align: center; } .progress-left { left: 0; } .progress-right { right: 0; } @keyframes loading-2 { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(144deg); transform: rotate(144deg); } } .custom-accordion .accordion-button { background: transparent!important; } .star i { color: var(--gray-300); } .table-custom .dataTables_length { padding-left: 24px; } .table-custom .dataTables_paginate { padding-right: 24px; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .invoice-logo-white { display: block; } .invoice-logo .logo-dark { display: none; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .notication-card:hover .noti-btn { opacity: 1; } .notication-card .noti-btn { opacity: 0; transition: 0.3s; } @media (max-width: 767.98px) { .notication-card .noti-btn { opacity: 1; } } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .patient-form-wizard .form-wizard-content { display: none; } .patient-form-wizard .form-wizard-content.active { display: block; } .vertical-tab .nav-pills .nav-link { background: var(--light); border: 1px solid var(--border-color); padding: 10px 15px; color: var(--body-color); margin-bottom: 12px; transition: 0.5s all; background: var(--white); position: relative; cursor: default; } .vertical-tab .nav-pills .nav-link::after { content: ""; width: 1px; height: 100%; background: var(--border-color); position: absolute; left: 12px; top: 20px; z-index: -1; } .vertical-tab .nav-pills .nav-link:last-child::after { display: none; } .vertical-tab .nav-pills .nav-link i { margin-right: 8px; } .vertical-tab .nav-pills .nav-link span { width: 15px; height: 15px; border: 1px solid var(--primary); border-radius: 50%; margin-right: 12px; display: flex; align-items: center; justify-content: center; transition: 0.5s all; flex-shrink: 0; } .vertical-tab .nav-pills .nav-link span::after { content: ""; width: 8px; height: 8px; background: var(--white); border-radius: 50%; opacity: 0; transition: 0.5s all; } .vertical-tab .nav-pills .nav-link.active { border-color: var(--primary); color: var(--heading-color); transition: 0.5s all; } .vertical-tab .nav-pills .nav-link.active span { background: var(--primary); } .vertical-tab .nav-pills .nav-link.active span::after { opacity: 1; } .vertical-tab .nav-pills .nav-link.activated span { background: var(--primary); } .vertical-tab .nav-pills .nav-link.activated span::after { opacity: 1; content: "\ea5e"; font-family: "tabler-icons"; background-color: transparent; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 10px; } .drag-upload-btn input { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; } #chart-5 .apexcharts-bar-series .apexcharts-series:nth-child(1) path { fill: var(--primary); } .visit-slider .slick-list { margin: 0 -12px; } .visit-slider .slick-slide { margin: 0 12px; } .slick-arrow { width: 32px; height: 32px; border: 1px solid var(--border-color); border-radius: 5px; display: flex; align-items: center; justify-content: center; background: var(--white); color: var(--gray-900); } .slick-arrow:hover { background: var(--primary); border-color: var(--primary); color: var(--white); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .scrollspy-example { position: relative; height: 200px; margin-top: 0.5rem; overflow: auto; } .grid-structure .grid-container { background-color: var(--light); margin-bottom: 10px; font-size: 0.8rem; font-weight: 600; padding: 10px 20px; } .icon-box .card { height: 80px; width: 80px; margin-bottom: 0!important; cursor: pointer; text-align: center; line-height: 80px; } .icon-box .card .card-body { padding: 0; } .icon-box .card .card-body i { vertical-align: middle; } .icon-box .card:hover iconify-icon { color: var(--primary); } .icons-list-demo div { cursor: pointer; line-height: 45px; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; } .icons-list-demo div p { margin-bottom: 0; line-height: inherit; } .icons-list-demo div:hover, .icons-list-demo div:hover i { color: var(--primary); } .icons-list-demo i { text-align: center; vertical-align: middle; font-size: 24px; width: 50px; height: 50px; line-height: 50px; margin-right: 12px; border-radius: 3px; display: inline-block; transition: all 0.2s; } .icons-list { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .icons-list li { display: block; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; font-size: 18px; border-radius: 50px; border: 1px solid var(--border-color); box-shadow: var(--box-shadow); } .icons-list .icons-list-item { display: block; width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; font-size: 18px; border-radius: 50px; border: 1px solid var(--border-color); color: var(--body-color); } .icons-list .icons-list-item:hover { color: var(--primary); font-size: 24px; } .h-250 { height: 250px; } #leads_stage .apexcharts-bar-series .apexcharts-series:nth-child(1) path, #revenue-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path, #s-col .apexcharts-bar-series .apexcharts-series:nth-child(1) path, #s-col-stacked .apexcharts-bar-series .apexcharts-series:nth-child(1) path, #sales-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path { fill: var(--primary); } #deals_stage .apexcharts-bar-series .apexcharts-series path, #emp-department .apexcharts-bar-series .apexcharts-series path, #mixed-chart .apexcharts-bar-series .apexcharts-series path, #s-bar .apexcharts-bar-series .apexcharts-series path { fill: var(--primary); } #mixed-chart .apexcharts-legend-series:first-child .apexcharts-legend-marker, #s-col .apexcharts-legend-series:first-child .apexcharts-legend-marker, #s-col-stacked .apexcharts-legend-series:first-child .apexcharts-legend-marker { fill: var(--primary); } #s-line .apexcharts-line-series .apexcharts-series path { stroke: var(--primary); } #s-line .apexcharts-line-series .apexcharts-marker { fill: var(--primary); } #chart-bar .c3-target-data2 .c3-bar, #chart-bar-rotated .c3-target-data2 .c3-bar, #chart-bar-stacked .c3-target-data2 .c3-bar { fill: var(--primary)!important; } #chart-spline-rotated .c3-target-data2 .c3-line { stroke: var(--primary)!important; } #chart-spline-rotated .c3-target-data2 .c3-circle { fill: var(--primary)!important; } #interactive-map, #map, #map-custom-icon, #map-popup, #map1 { height: 18.75rem; z-index: 10; } .jvm-zoom-btn { background-color: var(--light); color: var(--body-color); border: 1px solid var(--border-color); font-size: 20px; } #canada-map, #lines-map, #marker-image-map, #marker-map, #russia-map, #spain-map, #us-map, #vector-map { height: 21.875rem; } .jvm-tooltip { background-color: #1a1c1e; } #lines-map #jvm-regions-group path, #marker-image-map #jvm-regions-group path, #marker-map #jvm-regions-group path, #users-map #jvm-regions-group path, #vector-map #jvm-regions-group path { fill: var(--light); } .jvm-zoom-btn { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; line-height: 20px; } .jvm-zoom-btn.jvm-zoomin { inset-block-start: 5px; } #jvm-markers-labels-group text { fill: var(--body-color); } .snow-editor { height: 120px; } #manualtime-chart, #productivetime-chart, #unproductivetime-chart, #worktime-chart { max-width: 65px!important; min-height: 60px!important; } .auth-brand .logo-dark { display: none; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .text-truncate { white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .text-truncate.line-clamb-2 { -webkit-line-clamp: 2; } .text-truncate.line-clamb-3 { -webkit-line-clamp: 3; } .hover-shadow:hover { box-shadow: var(--box-shadow-lg); transition: 0.3s; } .yearpicker { min-width: 80px; width: 80px; } .reportrange-picker { padding: 5px 10px; border-radius: 5px; border: 1px solid var(--border-color); background-color: transparent; color: var(--heading-color); } .search-set .search-input { position: relative; } .search-set .search-input input[type=search] { padding-left: 32px; color: var(--gray-300); font-size: 14px; box-shadow: none; } .search-set .search-input input[type=search]::placeholder { color: var(--gray-300); opacity: 1; } .search-set .search-input .btn-searchset { border-radius: 50px; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; border: 0; line-height: 0; color: var(--gray-300); } @media (min-width: 576px) { .border-sm-end { border-right: 1px solid var(--border-color)!important; } } @media (min-width: 768px) { .border-md-end { border-right: 1px solid var(--border-color)!important; } } @media (min-width: 768px) { .border-md-0 { border-right: 0!important; } } @media (min-width: 1200px) { .border-xl-end { border-right: 1px solid var(--border-color)!important; } } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .login-or::after { width: 100%; content: ""; border-top: 1px solid var(--border-color); position: absolute; top: 50%; right: 0; } .login-or::before { width: 100%; content: ""; border-top: 1px solid var(--border-color); position: absolute; top: 50%; left: 0; } .login-backgrounds.login-covers { padding: 60px; } .login-backgrounds.login-covers .authentication-card { z-index: 2; max-width: 457px; margin: auto; } .login-backgrounds.login-covers .auth-img-01 { left: 5px; bottom: 100px; } .login-backgrounds.login-covers .auth-img-02 { right: 40px; bottom: 130px; } .lock-screen-cover .logo { max-width: 165px; } .lock-screen-cover h2 { background: var(--login-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .lock-screen-cover .lock-screen-img-01 { position: absolute; top: 0; left: 70px; } .lock-screen-cover .lock-screen-img-02 { position: absolute; bottom: 0; right: 70px; } .timer-cover { width: 70px; height: 70px; padding: 8px; display: flex; align-items: center; justify-content: center; background: var(--white); border: 1px solid var(--white); border-radius: 5px; margin-bottom: 4px; } @media (max-width: 767.98px) { .timer-cover { width: 50px; height: 50px; } } .subscribe-form { position: relative; } .subscribe-form input { position: relative; } .subscribe-form .btn { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); } .theme-image.active { border: 1px solid var(--primary); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .gu-mirror { position: fixed!important; margin: 0!important; z-index: 9999!important; opacity: 0.8; } .gu-hide { display: none!important; } .gu-unselectable { user-select: none!important; } .gu-transit { opacity: 0.2; } .dragula-handle { position: relative; width: 36px; height: 36px; font-size: 22px; text-align: center; cursor: move; } .dragula-handle:before { content: "\f22f"; font-family: "tabler-icons"; position: absolute; } .handle { cursor: move; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .dropzone { border: 2px dashed var(--border-color); background: var(--white); border-radius: 8px; cursor: pointer; min-height: 150px; padding: 20px; } .dropzone .dz-message { text-align: center; margin: 2rem 0; } .dropzone.dz-started .dz-message { display: none; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .form-wizard-header { margin-left: -20px; margin-right: -20px; background-color: var(--light); } .img-preview { float: left; margin-bottom: 0.5rem; margin-right: 0.5rem; overflow: hidden; } .img-preview > img { max-width: 100%; } .preview-lg { height: 9rem; width: 16rem; } .preview-md { height: 4.5rem; width: 8rem; } .preview-sm { height: 2.25rem; width: 4rem; } .preview-xs { height: 1.125rem; margin-right: 0; width: 2rem; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .choices { margin-bottom: 0; } .choices[data-type*=select-one] { cursor: pointer; } .choices[data-type*=select-one] .choices__input { padding: 0.5rem 0.77rem!important; background-color: var(--white); border: 1px solid var(--border-color); font-size: 0.875rem; border-radius: 5px; color: var(--body-color); margin-bottom: 10px; } .choices[data-type*=select-one]:after { content: "\ea5f"; position: absolute; border: 0; top: 18px; right: 12px; left: auto; font-size: 20px; font-family: tabler-icons; width: auto; height: auto; margin-top: 0; transform: translateY(-50%); transition: transform 0.2s ease-in-out; pointer-events: none; } .choices[data-type*=select-one].is-open:after { margin-top: 0; transform: translateY(-50%) rotate(-180deg); } .choices[data-type*=select-one] .choices__button { right: 20px; } .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner { cursor: text; padding: 0.5rem 0.75rem!important; min-height: 38px; display: flex; align-items: center; overflow-x: auto; } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { border-left: 0; border-right: 0; filter: brightness(0); margin-left: 4px; } .choices[data-type*=select-multiple] .choices__list--dropdown, .choices[data-type*=text] .choices__list--dropdown { padding-bottom: 10px; } .choices[data-type*=select-multiple] .choices__list--dropdown .choices__list, .choices[data-type*=text] .choices__list--dropdown .choices__list { margin-bottom: 0; } .choices[data-type*=select-multiple] .choices__input { padding-top: 3px; } .input-light .choices__inner { background-color: var(--light); border: none; } .choices__inner { display: inline-block; padding: 0.5rem 0.77rem!important; vertical-align: middle; background-color: var(--white); border: 1px solid var(--border-color); border-radius: 5px!important; font-size: 0.875rem; min-height: auto; overflow: hidden; } .choices__inner .choices__list--single { padding: 0!important; } .is-focused .choices__inner, .is-open .choices__inner { border-color: var(--border-color); } .choices__list--multiple { display: inline-flex; } .choices__list--multiple .choices__item { display: inline-block; vertical-align: initial; border-radius: 5px; padding: 2px 7px; font-size: 13px; font-weight: 400; margin: 0 5px 0 0; color: var(--gray-900); background-color: var(--light); border: 1px solid var(--border-color); word-break: break-all; box-sizing: border-box; white-space: nowrap; } .choices__list--multiple .choices__item.is-highlighted { background-color: var(--light); border: 1px solid var(--light); } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } .is-disabled .choices__list--multiple .choices__item { background-color: var(--light-transparent); border: 1px solid var(--white); } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: var(--light); cursor: not-allowed; -webkit-user-select: none; user-select: none; } .choices__list--dropdown { padding: 10px 10px 20px 10px; background-color: var(--white)!important; border: 1px solid transparent!important; box-shadow: var(--box-shadow); margin-top: 0!important; border-radius: 5px; animation-duration: 0.3s; animation-fill-mode: both; transform: translateY(1px); } .choices__list--dropdown.is-active { animation-name: DropDownSlide; } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: var(--light)!important; } .choices__list--dropdown .choices__list { margin: 0 -10px -16px; } .choices__list--dropdown .choices__list::-webkit-scrollbar { -webkit-appearance: none; } .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb { background-color: var(--light-100); border-radius: 10px; border: 2px solid var(--white); } .choices__list--dropdown .choices__list::-webkit-scrollbar-track { border-radius: 10px; background-color: var(--white); } .choices__list--dropdown .has-no-results { font-style: italic; font-weight: 500; } .choices__list--dropdown .choices__item--selectable:after { display: none; } .is-open .choices__list--dropdown { border-color: transparent; } .is-flipped .choices__list--dropdown.is-active { border-radius: 5px; animation-name: DropDownSlideDown; transform: translateY(-1px); } .choices__list--dropdown .choices__list { max-height: 300px; } .choices__list--dropdown .choices__item { font-size: 0.875rem; padding: 0.4rem 0.9375rem 0.4rem 16px; } .choices__heading { font-weight: 600; padding: 10px 16px; border-bottom: 1px solid var(--border-color); color: var(--body-color); font-size: 12px; } .choices__input { display: inline-block; background-color: var(--white); color: var(--body-color); font-size: 0.875rem; margin-bottom: 0; padding: 0 0 0 2px; vertical-align: baseline; border: 0; border-radius: 0; max-width: 100%; } .choices__input::placeholder { color: var(--gray-400); } .choices__placeholder { color: var(--gray-400); opacity: 1; } [data-bs-theme=dark] .choices[data-type*=select-one] .choices__button { filter: invert(1) grayscale(100%) brightness(200%); } [dir=rtl] .choices[data-type*=select-one]:after { left: 12px; right: auto; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .select2-container { width: 100%!important; } .select2-container .select2-selection--single { border: 1px solid var(--border-color); height: 38px; background-color: var(--white); outline: none; border-radius: 5px; } .select2-container .select2-selection--single .select2-selection__rendered { line-height: 38px; padding-left: 12px; padding-right: 28px; color: var(--body-color); } .select2-container .select2-selection--single .select2-selection__arrow { height: 34px; width: 38px; position: absolute; top: 1px; /*rtl:ignore*/ right: 3px; } .select2-container .select2-selection--single .select2-selection__arrow b { border-color: var(--gray-900); border-width: 0 1px 1px 0; padding: 3px; height: 0; left: 50%; transform: rotate(45deg) translateY(-50%); margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; border-style: solid; } .select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: var(--gray-900)!important; border-width: 1px 0 0 1px!important; margin-top: 3px; } .select2-results__option { padding: 6px 12px; } .select2-dropdown { border: 1px solid var(--border-color); box-shadow: var(--box-shadow); background-color: var(--white); z-index: 1056; } .select2-results__options { scrollbar-width: thin; } .select2-container--default .select2-results__option--selected { background-color: var(--light); } .select2-container--default .select2-search--dropdown { padding: 10px; background-color: var(--white); } .select2-container--default .select2-search--dropdown .select2-search__field { outline: none; border: 1px solid var(--border-color); background-color: var(--white); color: var(--body-color); border-radius: 5px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--primary); } .select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--white); color: var(--body-color); } .select2-container--default .select2-results__option[aria-selected=true]:hover { background-color: var(--primary); color: var(--white); } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { padding-left: 36px; padding-right: 5px; } .select2-container--default .select2-selection--single .select2-selection__arrow { border-radius: 4px; cursor: text; /*rtl:ignore*/ right: 1px; /*rtl:ignore*/ left: auto; } .select2-container .select2-selection--multiple { min-height: 38px; border: 1px solid var(--border-color)!important; background-color: var(--white); } .select2-container .select2-selection--multiple .select2-selection__rendered { padding: 1px 12px; } .select2-container .select2-selection--multiple .select2-search__field { border: 0; color: var(--body-color); } .select2-container .select2-selection--multiple .select2-selection__choice { background-color: var(--primary); border: none; color: var(--white); border-radius: 3px; padding: 0 7px 0 0; margin-top: 6px; } .select2-container .select2-selection--multiple .select2-selection__choice__remove { color: var(--white); margin-right: 7px; border-color: var(--light); padding: 0 8px; } .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover { color: var(--white); background-color: var(--primary); } .select2-container .select2-search--inline .select2-search__field { margin-top: 7px; font-family: "Inter",sans-serif; } .select2-container .select2-search textarea::placeholder { color: var(--gray-400); } [dir=rtl] .select2-container .select2-selection--multiple .select2-selection__choice { padding: 0 0 0 7px; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto!important; height: auto!important; z-index: 0; } .simplebar-offset { direction: inherit!important; box-sizing: inherit!important; resize: none!important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box!important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */ max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ scrollbar-width: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none; } .simplebar-content:after, .simplebar-content:before { content: " "; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit!important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; right: 2px; width: 5px; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ""; background: var(--light-100); border-radius: 5px; left: 0; right: 0; opacity: 0; transition: opacity 0.2s linear; } .simplebar-scrollbar.simplebar-visible:before { /* When hovered, remove all transitions from drag handle */ opacity: 0.5; transition: opacity 0s linear; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } /* Rtl support */ [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; } .custom-scroll::-webkit-scrollbar { -webkit-appearance: none; } .custom-scroll::-webkit-scrollbar-thumb { background-color: var(--light-100); border-radius: 10px; margin-right: 5px; border: none; } .custom-scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; } .custom-scroll::-webkit-scrollbar-corner { background-color: transparent; } [data-simplebar-lg] .simplebar-scrollbar { right: 1px; width: 10px; } [data-simplebar-primary] .simplebar-scrollbar:before { background: var(--primary); } .simplebar-height { max-height: 280px; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .swal2-container .swal2-title { font-size: 20px; font-weight: 500; color: var(--heading-color); } .swal2-popup { width: 28em; padding: 2rem; border-radius: 5px; background-color: var(--white); color: var(--body-color); } .swal2-popup .swal2-html-container { font-size: 16px!important; color: var(--body-color); } .swal2-footer { border-top: 1px solid var(--border-color); color: var(--body-color); } .swal2-icon.swal2-question { border-color: var(--info); color: var(--info); } .swal2-icon.swal2-success [class^=swal2-success-line] { background-color: var(--success); } .swal2-icon.swal2-success .swal2-success-ring { border-color: var(--success); } .swal2-icon.swal2-warning { border-color: var(--warning); color: var(--warning); } div:where(.swal2-icon) { width: 4em; height: 4em; margin: 0.5rem auto; } div:where(.swal2-icon) .swal2-icon-content { font-size: 3em; } div:where(.swal2-icon).swal2-info { border-color: var(--info); color: var(--info); } .swal2-styled:focus { box-shadow: none; } .swal2-loader { border-color: var(--primary) transparent var(--primary) transparent; } .swal2-timer-progress-bar { background-color: rgba(var(--success-rgb), 0.4); } .swal2-progress-steps .swal2-progress-step { background: var(--primary); } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: var(--primary); } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: rgba(var(--primary-rgb), 0.3); } .swal2-progress-steps .swal2-progress-step-line { background: var(--primary); } .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { border-left-color: var(--primary)!important; border-right-color: var(--primary)!important; } .swal2-file, .swal2-input, .swal2-textarea { border: 1px solid var(--border-color); } .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus { box-shadow: none; border-color: var(--border-color); } .swal2-input { height: auto; display: block; padding: 0.5rem 0.77rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--body-color); background-color: var(--white); background-clip: padding-box; border: 1px solid var(--border-color); } .swal2-close { font-family: "Inter",sans-serif; font-size: 42px; width: 1em; height: 1em; position: absolute; top: 5px; right: 5px; } .swal2-close:focus { box-shadow: none; } .swal2-close:hover { color: var(--danger); } .swal2-validation-message { background-color: transparent; } div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] { width: 1.9375em; top: 1.95em; } div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] { top: 2.4em; width: 1em; } .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { top: 1.85em; right: 0.5em; width: 2.25em; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .noUi-connect { background: var(--primary); } .noUi-handle { background: var(--primary); border: 2px solid var(--white); box-shadow: none; } .noUi-horizontal { height: 8px; } .noUi-horizontal .noUi-handle { height: 20px; width: 20px; border-radius: 50%; right: -10px!important; top: -7px; } .noUi-horizontal .noUi-handle::after, .noUi-horizontal .noUi-handle::before { display: none; } .noUi-horizontal .noUi-handle:focus { outline: 0; } .noUi-pips-horizontal { height: 50px; } .noUi-tooltip { padding: 0.3125rem 0.625rem; border-color: var(--border-color); border-radius: 5px; background-color: var(--white); color: var(--body-color); } .noUi-vertical { width: 8px; } .noUi-vertical .noUi-handle { height: 20px; width: 20px; right: -8px; top: -12px; left: auto; border-radius: 50%; } .noUi-vertical .noUi-handle::after, .noUi-vertical .noUi-handle::before { display: none; } .noUi-vertical .noUi-handle:focus { outline: 0; } .noUi-vertical .noUi-origin { top: 0; } .noUi-value { font-size: 12px; } .noUi-marker-horizontal.noUi-marker-large { height: 12px; } .noUi-value-horizontal { padding-top: 4px; } .noUi-target { box-shadow: none; background-color: var(--light); border-color: var(--light); } .noUi-touch-area:focus { outline: 0; } #blue, #green, #red { margin: 10px; display: inline-block; height: 200px; } #colorpicker { height: 240px; width: 310px; margin: 0 auto; padding: 10px; border: 1px solid var(--border-color); } #result { margin: 60px 26px; height: 100px; width: 100px; display: inline-block; vertical-align: top; border: 1px solid var(--border-color); box-shadow: 0 0 3px; border-radius: 7px; } #red .noUi-connect { background: var(--danger); } #green .noUi-connect { background: var(--success); } #blue .noUi-connect { background: var(--primary); } .form-control.keyboard { max-width: 340px!important; } .example-val { font-size: 12px; color: var(--body-color); display: block; margin: 10px 0; } .example-val:before { content: "Value: "; font-size: 12px; font-weight: 600; } .noUi-tooltip { display: none; } .noUi-active .noUi-tooltip { display: block; } .c-1-color { background: var(--danger); } .c-2-color { background: var(--warning); } .c-3-color { background: var(--success); } .c-4-color { background: var(--primary); } .c-5-color { background: var(--purple); } #slider-toggle { height: 50px; } #slider-toggle.off .noUi-handle { border-color: var(--danger); } [data-slider-color=primary] .noUi-connect { background: #1f6db2; } [data-slider-color=primary] .noUi-handle { background: #1f6db2; } [data-slider-color=primary][data-slider-style=border] .noUi-handle, [data-slider-color=primary][data-slider-style=square] .noUi-handle { border-color: #1f6db2; } [data-slider-color=secondary] .noUi-connect { background: #0d7858; } [data-slider-color=secondary] .noUi-handle { background: #0d7858; } [data-slider-color=secondary][data-slider-style=border] .noUi-handle, [data-slider-color=secondary][data-slider-style=square] .noUi-handle { border-color: #0d7858; } [data-slider-color=success] .noUi-connect { background: #09800f; } [data-slider-color=success] .noUi-handle { background: #09800f; } [data-slider-color=success][data-slider-style=border] .noUi-handle, [data-slider-color=success][data-slider-style=square] .noUi-handle { border-color: #09800f; } [data-slider-color=info] .noUi-connect { background: #1976d2; } [data-slider-color=info] .noUi-handle { background: #1976d2; } [data-slider-color=info][data-slider-style=border] .noUi-handle, [data-slider-color=info][data-slider-style=square] .noUi-handle { border-color: #1976d2; } [data-slider-color=warning] .noUi-connect { background: #fdaf22; } [data-slider-color=warning] .noUi-handle { background: #fdaf22; } [data-slider-color=warning][data-slider-style=border] .noUi-handle, [data-slider-color=warning][data-slider-style=square] .noUi-handle { border-color: #fdaf22; } [data-slider-color=danger] .noUi-connect { background: #b71c1c; } [data-slider-color=danger] .noUi-handle { background: #b71c1c; } [data-slider-color=danger][data-slider-style=border] .noUi-handle, [data-slider-color=danger][data-slider-style=square] .noUi-handle { border-color: #b71c1c; } [data-slider-color=dark] .noUi-connect { background: #0b0d0e; } [data-slider-color=dark] .noUi-handle { background: #0b0d0e; } [data-slider-color=dark][data-slider-style=border] .noUi-handle, [data-slider-color=dark][data-slider-style=square] .noUi-handle { border-color: #0b0d0e; } [data-slider-color=light] .noUi-connect { background: #eef2f7; } [data-slider-color=light] .noUi-handle { background: #eef2f7; } [data-slider-color=light][data-slider-style=border] .noUi-handle, [data-slider-color=light][data-slider-style=square] .noUi-handle { border-color: #eef2f7; } [data-slider-color=orange] .noUi-connect { background: #e65100; } [data-slider-color=orange] .noUi-handle { background: #e65100; } [data-slider-color=orange][data-slider-style=border] .noUi-handle, [data-slider-color=orange][data-slider-style=square] .noUi-handle { border-color: #e65100; } [data-slider-color=purple] .noUi-connect { background: #6a1b9a; } [data-slider-color=purple] .noUi-handle { background: #6a1b9a; } [data-slider-color=purple][data-slider-style=border] .noUi-handle, [data-slider-color=purple][data-slider-style=square] .noUi-handle { border-color: #6a1b9a; } [data-slider-color=pink] .noUi-connect { background: #cc25b0; } [data-slider-color=pink] .noUi-handle { background: #cc25b0; } [data-slider-color=pink][data-slider-style=border] .noUi-handle, [data-slider-color=pink][data-slider-style=square] .noUi-handle { border-color: #cc25b0; } [data-slider-color=indigo] .noUi-connect { background: #303f9f; } [data-slider-color=indigo] .noUi-handle { background: #303f9f; } [data-slider-color=indigo][data-slider-style=border] .noUi-handle, [data-slider-color=indigo][data-slider-style=square] .noUi-handle { border-color: #303f9f; } [data-slider-color=teal] .noUi-connect { background: #00796b; } [data-slider-color=teal] .noUi-handle { background: #00796b; } [data-slider-color=teal][data-slider-style=border] .noUi-handle, [data-slider-color=teal][data-slider-style=square] .noUi-handle { border-color: #00796b; } [data-slider-size=lg].noUi-horizontal { height: 12px; } [data-slider-size=lg].noUi-horizontal .noUi-handle { width: 24px; height: 24px; } [data-slider-size=md].noUi-horizontal { height: 8px; } [data-slider-size=md].noUi-horizontal .noUi-handle { width: 20px; height: 20px; } [data-slider-size=sm].noUi-horizontal { height: 4px; } [data-slider-size=sm].noUi-horizontal .noUi-handle { width: 16px; height: 16px; } [data-slider-style=line].noUi-horizontal .noUi-handle { width: 8px; border-radius: 4px; right: -8px; } [data-slider-style=line].noUi-vertical .noUi-handle { height: 8px; border-radius: 4px; top: -3px; } [data-slider-style=border] .noUi-handle { border-color: var(--primary); background-color: var(--white); } [data-slider-style=square] .noUi-handle { border-radius: 0; transform: rotate(45deg); height: 10px; width: 10px; top: -4px; border-color: var(--primary); background-color: var(--white); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .flatpickr-calendar { background: var(--white); box-shadow: var(--box-shadow); border: 1px solid var(--border-color); } .flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before { border-bottom-color: var(--white); } .flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before { border-top-color: var(--white); } .flatpickr-calendar.inline, .flatpickr-calendar.open { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; width: 100%; box-shadow: none; border: none; } .flatpickr-calendar.inline .flatpickr-rContainer { display: block; width: 100%; } .flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days { width: 100%; border: none; } .flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days .dayContainer { width: 100%; min-width: 100%; max-width: 100%; } .flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day { max-width: 100%; } .flatpickr-calendar.inline .flatpickr-current-month { padding: 0; } .flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month, .flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month { padding: 0; } .flatpickr-calendar.inline .flatpickr-day.selected, .flatpickr-calendar.inline .flatpickr-day.today { background-color: transparent; color: var(--danger); border: none; font-weight: 600; } .flatpickr-current-month { font-size: 110%; } .flatpickr-current-month .numInputWrapper { width: 65px; } .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover { background: var(--primary); border-color: var(--primary); } .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: -10px 0 0 var(--primary); } .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover { background: var(--white); color: var(--body-color); } .flatpickr-months .flatpickr-month { height: 36px; } .flatpickr-months .flatpickr-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { color: var(--gray-500); fill: var(--gray-500); padding: 5px; } .flatpickr-weekdays { background-color: var(--light); } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover, .flatpickr-day, .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator, .flatpickr-time input, span.flatpickr-weekday { color: var(--body-color); fill: var(--body-color); } .flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay { color: var(--body-color); } .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover { background: var(--light); border-color: var(--light); } .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { border-top: 1px solid var(--white); } .flatpickr-current-month .flatpickr-monthDropdown-months:hover, .numInputWrapper:hover { background-color: transparent; color: var(--body-color); } .flatpickr-day.inRange { box-shadow: -5px 0 0 var(--light),5px 0 0 var(--light); } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { color: var(--body-color); } .flatpickr-calendar.hasTime .flatpickr-time { border-top: var(--border-color); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .dataTables_wrapper.container-fluid { padding: 0; } table.dataTable { border-collapse: collapse!important; margin: 15px 0!important; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr th.dtr-control:before { background-color: var(--primary); box-shadow: 0 0 2px 0 var(--primary); } table.dataTable tbody tr.even td, table.dataTable tbody tr.odd td { background-color: transparent; } table.dataTable tbody > tr.selected td { background-color: var(--primary); } table.dataTable.table-striped > tbody > tr.selected:nth-of-type(odd) > * { --ct-table-accent-bg: var(--primary)!important; } table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before { right: 0.5rem; left: auto; content: "שּׂ"!important; font-family: "tabler-icons"; font-size: 14px!important; line-height: 7px; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after { right: 0.5em; left: auto; content: "שׁ"!important; font-family: "tabler-icons"; font-size: 14px!important; line-height: 7px; } table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc { padding-right: 30px; padding-left: 1rem; } table.dataTable tbody > tr > .selected, table.dataTable tbody > tr.selected { background-color: var(--primary); } table.dataTable tbody > tr > .selected td, table.dataTable tbody > tr.selected td { border-color: var(--primary); } table.dataTable tbody td:focus { outline: none!important; } table.dataTable tbody td.focus, table.dataTable tbody th.focus { outline: 2px solid var(--primary)!important; outline-offset: -1px; background-color: rgba(var(--primary-rgb), 0.15); } .dataTables_info { font-weight: 600; } .dtfh-floatingparent { top: var(--topbar-height)!important; } table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before { box-shadow: var(--box-shadow-lg); background-color: var(--success); top: auto; bottom: auto; } table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { background-color: var(--danger); } div.dt-button-info { background-color: var(--primary); border: none; color: var(--white); box-shadow: none; border-radius: 3px; text-align: center; z-index: 21; } div.dt-button-info h2 { border-bottom: none; background-color: rgba(var(--white-rgb), 0.2); color: var(--white); } .dataTables_paginate .pagination .active .page-link:hover, .dataTables_paginate .pagination .page-link:focus { background-color: var(--primary); } @media (max-width: 767.98px) { li.paginate_button.next, li.paginate_button.previous { display: inline-block; font-size: 1.5rem; } li.paginate_button { display: none; } .dataTables_paginate ul { text-align: center; display: block; margin: 1.25rem 0 0!important; } div.dataTables_length { float: none; text-align: center!important; } div.dt-buttons { display: inline-table; margin-bottom: 1.25rem; } } .activate-select .sorting_1 { background-color: var(--gray-100)!important; } div.dataTables_wrapper div.dataTables_filter { text-align: right; } @media (max-width: 576px) { div.dataTables_wrapper div.dataTables_filter { text-align: center; } } div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; margin-right: 0; } div.dataTables_wrapper div.dataTables_length { text-align: left; } div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child { padding-right: 0; } div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child { padding-left: 0; } div.dataTables_scrollBody { border-left: none!important; } div.dataTables_scrollBody > table { margin-bottom: 15px!important; } div.dataTables_scrollBody > table > :not(:first-child) { border-top: none!important; } .table-nowrap th { white-space: nowrap; } .table-nowrap td { white-space: nowrap; } table.dataTable { margin: 0!important; border: 1px solid var(--border-color); border-bottom: none; } .dataTables_length { padding: 20px 0 0; float: left; } table.table.dataTable > tbody > tr { border-color: var(--border-color); } table.table.dataTable > tbody > tr td { border-bottom: 1px solid var(--border-color); padding: 12px 24px 12px 16px; } table.table.dataTable > thead > tr { border-color: var(--border-color); } table.table.dataTable > thead > tr th { color: var(--gray-900); font-size: 14px; font-weight: 600; padding: 12px 22px 12px 16px; } .dataTables_paginate { margin-top: 20px!important; } div.dataTables_wrapper div.dataTables_info { padding: 15px 0; display: none; } .table-search { margin-bottom: 20px; } table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_desc_disabled:after { right: 0!important; content: "\ea1a"!important; font-family: "tabler-icons"; bottom: 12px!important; color: var(--gray-900)!important; font-size: 12px!important; opacity: 1!important; position: absolute; font-weight: 400; line-height: 1px!important; } table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_desc_disabled:before { right: 5px!important; content: "\ea1d"!important; font-family: "tabler-icons"; top: 50%!important; color: var(--gray-900)!important; font-size: 12px!important; opacity: 1!important; position: absolute; font-weight: 400; line-height: 1px!important; } table.dataTable thead > tr > th.no-sort.sorting_asc:before { display: none; } table.dataTable thead > tr > th.no-sort.sorting_asc::after { display: none; } table.dataTable thead > tr > th.no-sort.sorting:before { display: none; } table.dataTable thead > tr > th.no-sort.sorting::after { display: none; } .patient-form-wizard .form-wizard-content { display: none; } .patient-form-wizard .form-wizard-content.active { display: block; } .no-filter .dataTables_filter { display: none; } .no-pagination .dataTables_length, .no-pagination .dataTables_paginate { display: none; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .ql-editor { text-align: left; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; padding-right: 0; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; display: none; } .ql-container { font-family: "Inter",sans-serif; } .ql-container.ql-snow { border-color: var(--border-color); border-radius: 0 0 5px 5px; } .ql-bubble { border: 1px solid var(--border-color); border-radius: 5px; } .ql-toolbar { font-family: "Inter",sans-serif!important; } .ql-toolbar span { outline: none!important; color: var(--body-color); } .ql-toolbar span:hover { color: var(--primary)!important; } .ql-toolbar.ql-snow { border-radius: 5px 5px 0 0; border-color: var(--border-color); } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: transparent; } .ql-toolbar.ql-snow .ql-picker-options { box-shadow: var(--box-shadow); border-radius: 5px; } .ql-snow .ql-script, .ql-snow .ql-strike svg, .ql-snow .ql-stroke { stroke: var(--body-color); } .ql-snow .ql-fill { fill: var(--body-color); } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { right: 0; left: auto; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: var(--body-color); } .ql-snow .ql-picker-options { background-color: var(--white); border-color: var(--border-color)!important; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .apex-charts { min-height: 10px!important; } .apex-charts text { font-family: "Inter",sans-serif!important; } .apex-charts .apexcharts-canvas { margin: 0 auto; } .apexcharts-tooltip-text, .apexcharts-tooltip-title { font-family: "Inter",sans-serif!important; } .apexcharts-tooltip { border: 1px solid var(--border-color)!important; background-color: var(--white)!important; box-shadow: var(--box-shadow)!important; } .apexcharts-tooltip * { font-family: "Inter",sans-serif!important; color: var(--gray-600)!important; } .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--light-300)!important; border-bottom: 1px solid var(--border-color)!important; } .apexcharts-tooltip.apexcharts-theme-dark * { color: var(--white)!important; } .apexcharts-legend-series { font-weight: 600; } .apexcharts-gridline { pointer-events: none; stroke: var(--gray-100); } .apexcharts-legend-text { color: var(--body-color)!important; font-family: "Inter",sans-serif!important; font-size: 13px!important; vertical-align: middle; } .apexcharts-legend-marker { vertical-align: middle; margin-right: 5px!important; } .apexcharts-pie-label { fill: var(--white)!important; } .apexcharts-subtitle-text, .apexcharts-title-text { fill: var(--body-color); font-family: "Inter",sans-serif!important; } .apexcharts-xaxis text, .apexcharts-yaxis text { font-family: "Inter",sans-serif!important; fill: var(--body-color); } .apexcharts-yaxis-title { font-weight: 500; } .apexcharts-annotation-rect { fill: var(--gray-100)!important; } .apexcharts-xaxis-annotations rect, .apexcharts-yaxis-annotations rect { stroke: none; } .apex-toolbar .btn-light.active { background-color: var(--primary); border-color: var(--primary); color: var(--white); box-shadow: var(--box-shadow); } .apexcharts-xaxistooltip { background-color: var(--white)!important; border: 1px solid var(--border-color)!important; box-shadow: var(--box-shadow)!important; color: var(--body-color)!important; } .apexcharts-xaxistooltip-bottom:before { border-bottom-color: var(--border-color)!important; } .apexcharts-datalabels text, .apexcharts-xaxistooltip-text { font-family: "Inter",sans-serif!important; } .apexcharts-datalabel-value { fill: var(--body-color)!important; } .apexcharts-menu { background: var(--white)!important; padding: 0.25rem 0.25rem!important; box-shadow: var(--box-shadow)!important; border: 1px solid var(--border-color)!important; text-align: center!important; } .apexcharts-menu .apexcharts-menu-item:hover { color: var(--body-color)!important; background-color: var(--light)!important; } .apexcharts-radar-series polygon { fill: transparent; stroke: var(--border-color); } .apexcharts-radar-series line { stroke: var(--border-color); } .apexcharts-track path { stroke: var(--border-color); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .chartjs-chart { margin: auto; position: relative; width: 100%; } .chart-container { border-color: var(--border-color); } .chartjs-tooltip { position: absolute; pointer-events: none; background: var(--chartjs-tooltip-bg, #222); color: #fff; border: 1px solid var(--chartjs-tooltip-border, #fff); border-radius: 12px; padding: 10px 12px; font: 14px Arial,sans-serif; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); z-index: 9999; } .chartjs-tooltip::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%) rotate(45deg); width: 12px; height: 12px; bottom: -6px; background: var(--chartjs-tooltip-bg, #222); border-left: 1px solid var(--chartjs-tooltip-border, #fff); border-top: 1px solid var(--chartjs-tooltip-border, #fff); border-radius: 2px; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .c3-tooltip { box-shadow: var(--box-shadow-lg); opacity: 1; } .c3-tooltip td { border-left: none; font-family: "Inter",sans-serif; } .c3-tooltip td > span { background: var(--gray-900); } .c3-tooltip tr { border: none!important; } .c3-tooltip th { background-color: var(--gray-900); color: var(--gray-100); } .c3-chart-arcs-title { font-size: 18px; font-weight: 600; } .c3 text { font-family: "Inter",sans-serif; fill: var(--body-color); } .c3-legend-item { font-family: "Inter",sans-serif; font-size: 14px; } .c3 line, .c3 path { stroke: var(--border-color); } .c3-chart-arc.c3-target g path { stroke: var(--white); } .c3-chart-arcs text { fill: #fff; font-weight: 600; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .flotTip { padding: 8px 12px; background-color: var(--gray-900); z-index: 100; color: var(--gray-100); opacity: 1; border-radius: 3px; } .legend { font-size: 14px; } .legend tr { height: 30px; font-family: "Inter",sans-serif; } .legend > div { background-color: transparent!important; } .legendLabel { padding-left: 5px!important; line-height: 10px; padding-right: 10px; font-size: 13px; font-weight: 500; color: var(--gray-600); text-transform: uppercase; } .legendColorBox div div { border-radius: 50%; } .flot-text { color: var(--body-color)!important; } .flot-svg text { fill: var(--body-color)!important; } @media (max-width: 767.98px) { .legendLabel { display: none; } } .legendIcon { width: 1.5em; height: 1.5em; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .morris-chart text { font-family: "Inter",sans-serif!important; fill: var(--body-color); } .morris-hover { position: absolute; z-index: 10; } .morris-hover.morris-default-style { font-size: 12px; text-align: center; border-radius: 5px; padding: 10px 12px; background: var(--gray-900); color: var(--gray-100); font-family: "Inter",sans-serif; } .morris-hover.morris-default-style .morris-hover-row-label { font-weight: bold; margin: 0.25em 0; font-family: "Inter",sans-serif; } .morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: 0.1em 0; color: var(--white); } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .daterangepicker { font-family: "Inter",sans-serif; border: 1px solid var(--border-color); box-shadow: var(--box-shadow); background-color: var(--white); } .daterangepicker .calendar-table { border: 1px solid var(--white); background-color: var(--white); } .daterangepicker .calendar-table td, .daterangepicker .calendar-table th { color: var(--gray-600); } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border-color: var(--body-color); } .daterangepicker .ranges li:hover { background-color: var(--light); } .daterangepicker .ranges li.active { background-color: var(--primary); } .daterangepicker td.in-range { background: var(--gray-100); color: var(--gray-900); } .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date { background-color: var(--white); color: var(--body-color); opacity: 0.5; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: var(--primary); color: var(--white); } .daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: var(--primary); color: var(--white); } .daterangepicker td.active span, .daterangepicker td.active:hover span, .daterangepicker td.available:hover span, .daterangepicker th.available:hover span { border-color: var(--white); } .daterangepicker:after { border-bottom: 6px solid var(--white); } .daterangepicker:before { border-bottom: 7px solid var(--border-color); } .daterangepicker .drp-buttons { border-top: 1px solid var(--border-color); } .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect { background: var(--gray-100); border: 1px solid var(--gray-100); color: var(--body-color); } .daterangepicker.show-ranges .drp-calendar.left { border-left: 1px solid var(--border-color)!important; } /* Template Name: Dreams EMR - Responsive Bootstrap 5 Admin Dashboard Version: 1.0.0 Author: Dreams Technologies Author URL: https://themeforest.net/user/dreamstechnologies */ .calendar { float: left; margin-bottom: 0; } .fc-view { margin-top: 30px; } @media (max-width: 767.98px) { .fc-view { overflow-x: scroll; } } .none-border .modal-footer { border-top: none; } .fc-toolbar { margin: 6px 0 5px 0!important; } .fc-toolbar h2 { font-size: 1.25rem!important; line-height: 1.875rem; text-transform: uppercase; } .fc-day-grid-event .fc-time { font-weight: 600; } th.fc-day-header { padding: 0.5rem 0; } .fc-day { background: transparent; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar .ui-state-hover, .fc-toolbar button:focus, .fc-toolbar button:hover { z-index: 0; } .fc th.fc-widget-header { background: var(--gray-100); font-size: 13px; line-height: 20px; padding: 10px 0; text-transform: uppercase; font-weight: 600; } .fc .fc-daygrid-body, .fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table { width: 100%!important; } @media (max-width: 767.98px) { .fc-theme-standard .fc-scrollgrid { min-width: 700px; } } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: var(--gray-100); } .fc-unthemed .fc-divider, .fc-unthemed td.fc-today { background: var(--gray-100); } .fc-button { background: var(--gray-100); border: none; color: var(--gray-900); text-transform: capitalize; box-shadow: none; border-radius: 3px; margin: 0 3px; padding: 6px 12px; height: auto; } .fc-text-arrow { font-family: inherit; font-size: 1rem; } .fc-cell-overlay, .fc-state-highlight, .fc-state-hover { background: var(--gray-100); } .fc-state-active, .fc-state-disabled, .fc-state-down { background-color: var(--primary); color: var(--white); text-shadow: none; } .fc-unthemed .fc-today { background: var(--white); } .fc .fc-button { text-transform: capitalize; } .fc-event { border-radius: 2px; border: none; cursor: move; padding: 5px 5px; text-align: center; } .fc-event.bg-dark .fc-event-time, .fc-event.bg-dark .fc-event-title { color: var(--gray-100); } .fc-event.bg-dark .fc-daygrid-event-dot { border-color: var(--gray-100); } .external-event { cursor: move; margin: 10px 0; padding: 8px 10px; color: var(--white); border-radius: 4px; } .fc-basic-view td.fc-week-number span { padding-right: 8px; } .fc-basic-view td.fc-day-number { padding-right: 8px; } .fc-basic-view .fc-content { color: var(--white); } .fc-time-grid-event .fc-content { color: var(--white); } .fc-daygrid-day-number { float: right; height: 20px; width: 20px; text-align: center; line-height: 20px; color: var(--gray-900); border-radius: 50%; margin: 5px; font-size: 11px; padding: 0!important; } .fc-daygrid-event-dot { border-color: var(--white); } .fc-event-time, .fc-event-title { color: var(--white); } .fc .fc-list-sticky .fc-list-day > *, .table-active, .table-active > td, .table-active > th { background-color: transparent; } .fc .fc-list-event:hover td { background-color: inherit; } @media (max-width: 767.98px) { .fc-toolbar { display: block!important; } .fc-toolbar .fc-toolbar-chunk { margin: 6px 0; } .fc-toolbar .fc-center, .fc-toolbar .fc-left, .fc-toolbar .fc-right { float: none; display: block; clear: both; margin: 10px 0; } .fc .fc-toolbar > * > * { float: none; } .fc-today-button { display: none; } } .fc-toolbar .btn { border-radius: 5px; } .fc-list-item-time, .fc-list-item-title { color: var(--white); } .fc .fc-button-primary { background-color: var(--primary); border-color: var(--primary); color: #fff; } .fc .fc-button-primary:hover { background-color: var(--primary-hover); border-color: var(--primary-hover); color: #fff; } .fc .fc-button-primary.fc-button-active, .fc .fc-button-primary:disabled { background-color: var(--primary-hover); border-color: var(--primary-hover); color: #fff; } .fc .fc-button-primary.fc-button-active:hover, .fc .fc-button-primary:disabled:hover { background-color: var(--primary-hover); border-color: var(--primary-hover); color: #fff; } .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active { background-color: var(--primary-hover); border-color: var(--primary-hover); color: #fff; } .fc-theme-standard .fc-scrollgrid { border: 1px solid var(--border-color); } .fc-theme-standard td, .fc-theme-standard th { border: 1px solid var(--border-color); } #calendar .table-bordered td, #calendar .table-bordered th { border: 1px solid var(--border-color); } [dir=rtl] .fc-toolbar-chunk .btn-group .btn:first-child { border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; border-radius: 5px; } [dir=rtl] .fc-toolbar-chunk .btn-group .btn:last-child { border-top-right-radius: 0!important; border-bottom-right-radius: 0!important; border-radius: 5px; } [data-bs-theme=dark] .fc-theme-standard .fc-scrollgrid { border-color: var(--border-color); } [data-bs-theme=dark] .fc-theme-standard td, [data-bs-theme=dark] .fc-theme-standard th { border-color: var(--border-color); } /* Force all day cells to have equal height */ .fc-daygrid-day { height: 120px; /* You can adjust this value as needed */ vertical-align: top; position: relative; } /* Ensure event content doesn't push the height */ .fc-daygrid-day-frame { height: 100%; overflow: hidden; } /* Adjust calendar event styling to fit inside the cell */ .fc-daygrid-event { max-height: 100%; overflow: hidden; } /* Optional: Prevent overflow from large image lists */ .fc-event-title-container { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Ensure all day cells are equal height */ .fc-daygrid-day-frame { height: 100px; /* adjust as needed */ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-color: var(--border-color)!important; } /* Avatar image */ .popover-body .appointment-item { display: flex; align-items: center; margin-bottom: 10px; } .popover-body .appointment-item img { width: 36px; height: 36px; border-radius: 50%; margin-right: 10px; } .popover-body .appointment-item .name { font-weight: 600; flex-grow: 1; } .popover-body .appointment-item .time { white-space: nowrap; font-size: 0.9rem; } /* Close button */ .fc-col-header-cell .fc-scrollgrid-sync-inner { padding: 12px; background-color: var(--light); } .fc-button-group .fc-button { box-shadow: none!important; } #calendar-appointment a.fc-event.fc-event-start.fc-event-end.fc-event-past.fc-daygrid-event.fc-daygrid-block-event.fc-h-event { background: transparent!important; } #calendar-appointment .fc-event { background: transparent!important; } .fc .fc-daygrid-day.fc-day-today { background-color: var(--light-600)!important; } .fc .fc-button:disabled { opacity: 1!important; } .fc-daygrid-event.fc-event-start { width: 100%; } .fc .fc-daygrid-body-natural .fc-daygrid-day-events { width: 100%; } .fc-scrollgrid-section.fc-scrollgrid-section-body > td { border-bottom: 0; } /*# sourceMappingURL=style.css.map */