/* Fonts */ /* @font-face { font-family: 'Muli'; src: url('/assets/fonts/Muli.ttf') format('truetype'); font-weight: 400; font-style: normal; } body { font-family: "Muli", sans-serif; font-weight: 400; font-style: normal; transition: background-color 0.3s ease, color 0.3s ease; } */ /* Axiforma Fonts */ @font-face { font-family: 'Axiforma'; src: url('/assets/fonts/Axiforma/Axiforma-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } /* *{ font-family: "Axiforma-Regular", sans-serif; font-style: normal; } */ body.home { font-family: "Axiforma-Regular", sans-serif; font-weight: 400; font-style: normal; transition: background-color 0.3s ease, color 0.3s ease; } /* ubuntu font */ body.home1 { font-family: "Ubuntu", sans-serif; font-weight: 400; font-style: normal; } *{ font-family: "Ubuntu", sans-serif; font-style: normal;} /* satoshi font */ @font-face { font-family: 'Satoshi'; src: url('/assets/fonts/satoshi/Satoshi-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } body.home2 { font-family: 'Satoshi', sans-serif !important; font-weight: 500; } body.home3{ font-family: 'Figtree', sans-serif !important; font-weight: 500; } body.home4{ font-family: 'Inter', sans-serif !important; font-weight: 500; } body.home5{ font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 500; } /* SF Fonts */ /* @font-face { font-family: 'SF-pro-display'; src: url('/assets/fonts/sf/SF-Pro-Display-UltralightItalic.ttf') format('truetype'); font-weight: 400; font-style: normal; } *{ font-family: "SF-pro-display", sans-serif; font-style: normal;} body { font-family: "SF-pro-display", sans-serif; font-weight: 400; font-style: normal; transition: background-color 0.3s ease, color 0.3s ease; } */ /* SF Fonts */ /* @font-face { font-family: 'HelveticaNeueCondensed'; src: url('/assets/fonts/HelveticaNeue-Condensed-Thin.ttf') format('truetype'); font-weight: 400; font-style: normal; } *{ font-family: "HelveticaNeueCondensed", sans-serif; font-style: normal;} body { font-family: "HelveticaNeueCondensed", sans-serif; font-weight: 400; font-style: normal; transition: background-color 0.3s ease, color 0.3s ease; } */ /* @import url('https://fonts.googleapis.com/css2?family=Abel&family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&family=Fustat:wght@200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); *{ font-family: "Arsenal", sans-serif; font-style: normal;} body { font-family: "Arsenal", sans-serif; font-weight: 400; font-style: normal; } */ :root { --background-color: #ffffff; --text-color: #000000; } [data-theme="dark"] { --background-color: #000000 !important; --text-color: #ffffff !important; } [data-theme="dark"] .modal-body{background: #000000 !important; color:#ffffff !important;} [data-theme="dark"] .sidebar a, [data-theme="dark"][data-theme="dark"] label, [data-theme="dark"] .breadcrumb-item.active{color: #ffffff;} /* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */ :root { --nav-color: #ffffff; --nav-hover-color: #cc1616; --nav-mobile-background-color: #ffffff; --nav-dropdown-background-color: #ffffff; --nav-dropdown-color: #212529; --nav-dropdown-hover-color: #cc1616; } .light-background {--background-color: #f6f6f6;--surface-color: #ffffff;} .dark-background {--background-color: #838383;--default-color: #ffffff;--heading-color: #ffffff;--surface-color: #252525;--contrast-color: #ffffff;} /* Smooth scroll */ :root { scroll-behavior: smooth;} /*-------------------------------------------------------------- # General Styling & Shared Classes --------------------------------------------------------------*/ .word-animate {display: flex;gap: 0.5rem;font-size: 3rem;font-weight: 600;} .word-animate span {opacity: 0;transform: translateY(20px);animation: wordFadeUp 0.6s ease forwards;} .word-animate span:nth-child(1) {animation-delay: 0s;}.word-animate span:nth-child(2) {animation-delay: 0.2s;} .word-animate span:nth-child(3) {animation-delay: 0.4s;}@keyframes wordFadeUp {to {opacity: 1;transform: translateY(0);}}.highlight {color: #ff8a00;} ::-webkit-scrollbar { height: 8px; width:5px; border: 1px solid #d5d5d5; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #888; } ::-webkit-scrollbar-thumb:hover { background: #555; } ::placeholder{font-size: 1rem;} a {color: #231f20;text-decoration: none;transition: 0.3s;} a:hover {color:#231f20;text-decoration: none;} .text-success {color: green !important;} p, li, a{font-size: 1rem; line-height: 1.8rem;} .bluetext {color:#1b82c5 !important} .greentext{color:#231f20} .whitetext{color:#ffffff} .btn-green, .btn-success {background: #231f20 !important; border-color:#231f20 !important; font-size: 14px;} .btn-green:hover, .btn-success:hover, .btn-green:focus, .btn-success:focus, .btn-green:active, .btn-success:active{background: #231f20 !important; border-color:#231f20 !important; } .btn-success:focus,.btn-green:focus { box-shadow: none !important;} .btn-primary, .btn-secondary {font-size: 14px;} .btn-blue{background: #1b82c5; border-color:#1b82c5;} .btn-blue:hover{background: #1b82c5; border-color:#1b82c5;} .bg-green {background-color: #F58220 !important; height: 100%;} .bg-blue {background: #1b82c5; height: 100%;} .font14{font-size: 14px !important;} .pointer{cursor: pointer !important;} .modal-header .btn-close {color: #ffffff;} .bglightgreen {background: rgba(0,0,0, 0.1) !important;} .bglightblue {background: #d3e4eb !important;} .bglightgray {background:#f3f5f4!important;} .ellipse { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0px;} .mw-120 {max-width: 120px;} .mx150 {max-width: 150px;} .mx200 {max-width: 200px;} label:has(+ [required])::after{ content: "*"; color:red;} .signin-pass-visible, .signin-pass-invisible {position: absolute; right: 10px; top:10px; background:url(../img/icons.png) 0px 0px no-repeat ; width:23px; height:20px; cursor: pointer;} .signin-pass-invisible{background-position:0px -40px; cursor: pointer;} .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); display: flex; justify-content: center; align-items: center; z-index: 100000; } .ngx-pagination .current{background:#231f20 !important; ;} .form-select, .form-control{font-size: 1rem !important;} input::-ms-reveal,input::-ms-clear {display: none;} .newmessage {font-weight: 600 !important;} main.main.dashboard .sidebar a:first-child {border-top: 1px solid #babeba;} .font12 {font-size: 12px !important;} .text-danger {font-size: 12px; margin-top: 5px;} .password input { padding-right: 46px !important;} input::placeholder, #country::placeholder, #state::placeholder { font-size: 12px; color: #999; } .glocosecontent{background: linear-gradient(90deg, #5FB0DB 0%, #4F86C6 50%, #4A6FAE 100%); padding: 40px 20px;} .gradient-panel {background: linear-gradient(to right, #63B3E1, #4F8CC9, #4B6FB1);color: #ffffff;height: 100%;} .gradient-panel p {font-size: 14px;line-height: 1.7;} .content-left h5 {color: #0d47a1;font-weight: 600;} .content-left p {font-size: 14px;color: #555;line-height: 1.6;} html { scroll-padding-top: 90px; /* navbar height */ } .glixify-apart-section::before {content: "";position: absolute;inset: 0;background: url("../img/apartbg.png") center top / contain no-repeat;opacity: 0.45;z-index: 0;} .expert-team-section::before {content: "";position: absolute;inset: 0;background: url("../img/bg-export.png") right top / contain no-repeat;opacity: 0.45;z-index: 0;} .large-bg::before {background-attachment: fixed;}.ai-cgm-hero {background: radial-gradient(circle at center, rgba(27,42,107,0.85) 0%, rgba(6,6,12,0.95) 60%), url("../img/techbg.png");background-repeat: no-repeat, no-repeat;background-position: center center, center top;background-size: cover, contain;color: #fff;position: relative;overflow: hidden;} .ai-cgm-hero::before {content: "";position: absolute;inset: 0;background: url("../img/techbg.png") center bottom / contain no-repeat;z-index: 0; background-size: cover;} .large-bg::before { content: ""; position: absolute; inset: 0; background: url("../img/background-bg.png") center top / contain no-repeat; z-index: 0; pointer-events: none;} /*-------------------------------------------------------------- # Global Header --------------------------------------------------------------*/ .innerpage-bg{background:url(../img/Banner-Inner.png) no-repeat top center; height: 300px; width: 100%; display: flex; align-items: center; justify-content: center; background-size: cover; background-color: #02121B; } .innerpage-bg.whoweare{background:url(../img/whoweare-banner.png) no-repeat top center; height: 300px; width: 100%; display: flex; align-items: center; justify-content: center; background-size: cover; background-color: #02121B; } .innerpage-bg.pricing{background:url(../img/BannerInner-pricing.png) no-repeat top center; height: 300px; width: 100%; display: flex; align-items: center; justify-content: center; background-size: cover; background-color: #02121B;} .innerpage-bg.contact{background:url(../img/contact-banner.png) no-repeat top center; height: 300px; width: 100%; display: flex; align-items: center; justify-content: center; background-size: cover; background-color: #02121B; } .innerpage-bg.login{background:url(../img/Login-banner.png) no-repeat bottom center; height: 300px; width: 100%; display: flex; align-items: center; justify-content: center; background-size: cover; background-color: #02121B; } .innerpage-bg.register{background:url(../img/register-banner.png) no-repeat bottom center; height: 300px; width: 100%; display: flex; align-items: center; justify-content: center; background-size: cover; background-color: #02121B; } .banner-title {margin-top: 6.5rem;} .innerpage-bg h1 {color: #fff; font-size: 3.5rem;} .header {--background-color: #ffffff;--default-color: #ffffff;--heading-color: #ffffff;--contrast-color: #ffffff;color: var(--default-color);transition: all 0.5s;z-index: 1030;background-color: var(--background-color); box-shadow: 2px 0px 15px #e0e0e0;} /* .header .topbar {background-color:#219ED6;height: 35px;padding: 0;font-size: 14px;transition: all 0.5s; } .header .topbar .contact-info i {font-style: normal;color: var(--accent-color);} .header .topbar .contact-info i a, .header .topbar .contact-info i span {padding-left: 5px;color: var(--default-color);} */ .header.registerpage, .header.loginpages { height: 85px;} #header .contact-info a { color: #fff; margin-left: 7px;} .welcometext{ color: #000; font-size: 20px; margin-right: 10px;} body.staticpage .header .topbar, .header .topbar {background: linear-gradient(180deg, #1b1412, #0a0b10) !important; height: 5px;padding: 0;font-size: 14px;transition: all 0.5s; /*margin-left: -4px;*/} body.staticpage .bg-green { background-color: #F58220 !important;} body.staticpage .benefits-section {background: linear-gradient(180deg, #1b1412, #0a0b10) !important;} body.staticpage .footer { background: linear-gradient(180deg, #1b1412, #0a0b10) !important; color: #ffffff;} body.staticpage .footer .footer-links ul a {color: #ffffff !important;} body.staticpage .greentext{color:#F58220 !important} body.staticpage .navmenu li:hover>a, body.staticpage .navmenu .active, body.staticpage .navmenu .active:focus {color:#F58220 !important; font-weight: 600;} body.staticpage .modal-header {background: #F58220;} body.staticpage .btn-green, body.staticpage .btn-success { background: #F58220 !important; border-color: #F58220 !important;} body.staticpage .btn-green:hover, body.staticpage .btn-success:hover, body.staticpage .btn-green:focus, body.staticpage .btn-success:focus, body.staticpage .btn-green:active, body.staticpage .btn-success:active { background: #be6517 !important; border-color: #be6517 !important; } body.staticpage .staticpricing-table .greentext {color: green !important;} body.staticpage .title {font-size: 40px !important;} .Program-list li {margin-bottom: 5px;} .glixify-footer {background: linear-gradient(180deg, #1b1412, #0a0b10); color: #ffffff;} .footer-nav .nav-link {color: #ffffff;font-weight: 500;margin: 0 8px;} .footer-nav .nav-link.active, .footer-nav .nav-link:hover {color: #ff8c1a;} .footer-links {display: flex;justify-content: center;gap: 24px;flex-wrap: wrap;} .footer-links a {color: #d5d5d5;font-size: 14px;text-decoration: none;} .footer-links a:hover {color: #ff8c1a;}.footer-address {color: #cccccc;font-size: 14px;line-height: 1.6;} .orange-divider {height: 1px;background: linear-gradient(to right, transparent, #ff8c1a, transparent);margin-bottom: 12px;} .footer-bottom {font-size: 14px;color: #bbbbbb;} .footer-bottom a {color: #bbbbbb;text-decoration: none;}.footer-bottom a:hover {color: #ff8c1a;} body.profilepage .right-content.content-wrapper { height: 87vh;} /*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/ /* Desktop Navigation */ @media (min-width: 768px) { .navmenu {padding: 0;} .navmenu ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;} .navmenu li {position: relative; padding: 0px 0px;} .navmenu a, .navmenu a:focus {color:#000; margin-left: 2px; font-weight: 400; white-space: nowrap;transition: 0.3s; text-transform: uppercase; } .navmenu li:nth-child(5) a{border-right: 0px !important;} .navmenu a i, .navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;transition: 0.3s;} .navmenu li:hover>a, .navmenu .active, .navmenu .active:focus {color:#F58220;} .navmenu .dropdown ul {margin: 0;padding: 0;background: var(--nav-dropdown-background-color);display: block;position: absolute;visibility: hidden;left: 2px;top: 130%;opacity: 0;transition: 0.3s;z-index: 99;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);} .navmenu .dropdown ul li {min-width: 200px;} .navmenu .dropdown ul a {padding: 10px 20px;margin: 0;font-size: 15px;text-transform: none;color: var(--nav-dropdown-color);} .navmenu .dropdown ul a i {font-size: 12px;} .navmenu .dropdown ul a:hover, .navmenu .dropdown ul .active:hover, .navmenu .dropdown ul li:hover>a {color: var(--contrast-color);background-color: var(--nav-hover-color);} .navmenu .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}.navmenu .dropdown .dropdown ul {top: 0;left: -90%;visibility: hidden;} .navmenu .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: -100%;visibility: visible;} #viewapatient .modal-xl {--bs-modal-width: 1260px !important;} .branding a.btn-success{font-size: 12px;} .mobile-nav-toggle {display: none;} } /* Mobile Navigation */ @media (max-width: 991px) { .banner-title {margin-top: 3rem;} body.home1 .mobile-nav-toggle, body.staticpages .mobile-nav-toggle {display: block;color: #fff !important;font-size: 28px;cursor: pointer;} .mobile-nav-toggle {display: block;color: #000;font-size: 28px;cursor: pointer;} .navmenu ul {display: none;position: absolute;inset: 60px 20px 20px 20px;height: 335px;background: var(--nav-mobile-background-color);} .mobile-nav-active .navmenu {position: fixed;inset: 0;background: rgba(33, 37, 41, 0.8);} .mobile-nav-active .navmenu > ul {display: block;} .navmenu {padding: 0;z-index: 9997;} /* .mobile-nav-toggle {color:#FFFFFF;font-size: 28px;line-height: 0;margin-right: 10px;cursor: pointer;transition: color 0.3s;} */ /* .navmenu ul {display: none;list-style: none;position: absolute;inset: 60px 20px 20px 20px;padding: 10px 0;margin: 0;border-radius: 6px;background-color: var(--nav-mobile-background-color);overflow-y: auto;transition: 0.3s;z-index: 9998;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); height: 300px; } */ /* .mobile-nav-active .navmenu {position: fixed;overflow: hidden;inset: 0;background: rgba(33, 37, 41, 0.8);transition: 0.3s;} */ .navmenu a, .navmenu a:focus {color: var(--nav-dropdown-color);padding: 5px 20px;font-family: var(--nav-font);font-size: 14px;font-weight: 500;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s; text-transform: uppercase;} .navmenu a i, .navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: 0.3s;background-color: color-mix(in srgb, var(--accent-color), transparent 90%);} .navmenu a i:hover, .navmenu a:focus i:hover {background-color: var(--accent-color);color: var(--contrast-color);} .navmenu a:hover, .navmenu .active, .navmenu .active:focus {color: #F58220;} .navmenu .active i, .navmenu .active:focus i {background-color: var(--accent-color);color: var(--contrast-color);transform: rotate(180deg);} .navmenu .dropdown ul {position: static;display: none;z-index: 99;padding: 10px 0;margin: 10px 20px;background-color: var(--nav-dropdown-background-color);transition: all 0.5s ease-in-out;} .navmenu .dropdown ul ul {background-color: rgba(33, 37, 41, 0.1);} .navmenu .dropdown>.dropdown-active {display: block;background-color: rgba(33, 37, 41, 0.03);} .mobile-nav-active {overflow: hidden;} .mobile-nav-active .mobile-nav-toggle {color: #020202; position: absolute; font-size: 32px; top: 59px; right: 25px; margin-right: 0; z-index: 9999;} .mobile-nav-active .navmenu>ul {display: block;} .navmenu .btn.btn-success {color: #fff;} .innerpage-bg h1 {font-size: 2.5rem;} } @media (max-width: 767px) { .navmenu a, .branding a.btn-success{font-size: 12px;} } @media (min-width:1024px) { .navmenu a, .navmenu a:focus {font-size: 1rem; padding: 0px 15px;} .branding a.btn-success{font-size: 14px;} } /* Listing Dropdown - Desktop */ @media (min-width: 766px) { .navmenu .listing-dropdown {position: static;} .navmenu .listing-dropdown ul {margin: 0;padding: 10px;background: var(--nav-dropdown-background-color);box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);position: absolute;top: 130%;left: 0;right: 0;visibility: hidden;opacity: 0;display: flex;transition: 0.3s;border-radius: 4px;z-index: 99;} .navmenu .listing-dropdown ul li {flex: 1;} .navmenu .listing-dropdown ul li a, .navmenu .listing-dropdown ul li:hover>a {padding: 10px 20px;font-size: 15px;color: var(--nav-dropdown-color);background-color: var(--nav-dropdown-background-color);} .navmenu .listing-dropdown ul li a:hover, .navmenu .listing-dropdown ul li .active, .navmenu .listing-dropdown ul li .active:hover {color: var(--nav-dropdown-hover-color);background-color: var(--nav-dropdown-background-color);} .navmenu .listing-dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;} } /* Listing Dropdown - Mobile */ @media (max-width: 1199px) { .navmenu .listing-dropdown ul {position: static;display: none;z-index: 99;padding: 10px 0;margin: 10px 20px;background-color: var(--nav-dropdown-background-color);transition: all 0.5s ease-in-out;} .navmenu .listing-dropdown ul ul {background-color: rgba(33, 37, 41, 0.1);}.navmenu .listing-dropdown>.dropdown-active {display: block;background-color: rgba(33, 37, 41, 0.03);} } /*-------------------------------------------------------------- # Global Footer --------------------------------------------------------------*/ .footer {color: var(--default-color);background:rgba(33,158,214, 0.3) !important;font-size: 14px;position: relative; color: #000;} .footer .footer-top {padding-top: 50px;border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);} .footer .footer-about {display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: color-mix(in srgb, var(--default-color), transparent 95%);border-top: 4px solid var(--accent-color);padding: 30px 20px;} .footer .footer-about .logo {margin-bottom: 5px;letter-spacing: 1px;font-family: var(--heading-font);color: var(--heading-color);font-size: 36px;padding: 0;font-weight: 700;} .footer .footer-about p {font-size: 14px;text-align: center;font-family: var(--heading-font);} .footer .social-links a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%);font-size: 16px;color: color-mix(in srgb, var(--default-color), transparent 30%);margin-right: 10px;transition: 0.3s;} .footer .social-links a:hover {color: #000000;border-color:#000000;} .footer h4 {font-size: 1.25rem;font-weight: bold;position: relative;padding-bottom: 12px; color:#000;} .footer .footer-links {margin-bottom: 30px;} .footer .footer-links ul {list-style: none;padding: 0;margin: 0;} .footer .footer-links ul i {padding-right: 2px;font-size: 12px;line-height: 0;} .footer .footer-links ul li {padding: 10px 0;display: flex;align-items: center;} .footer .footer-links ul li:first-child {padding-top: 0;} .footer .footer-links ul a {color:rgba(86, 87, 86, 0.9);display: inline-block;line-height: 1; font-size: 16px;} .footer .footer-links ul a:hover {color: #000000;} .footer .footer-contact p {margin-bottom: 5px;} .footer .footer-newsletter .newsletter-form {margin-top: 30px;margin-bottom: 30px;padding: 6px 8px;position: relative;border-radius: 0;border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);display: flex;background-color: var(--background-color);transition: 0.3s;} .footer .footer-newsletter .newsletter-form:focus-within {border-color: var(--accent-color);} .footer .footer-newsletter .newsletter-form input[type=email] {border: 0;padding: 4px;width: 100%;background-color: var(--background-color);color: var(--default-color);} .footer .footer-newsletter .newsletter-form input[type=email]:focus-visible {outline: none;} .footer .footer-newsletter .newsletter-form input[type=submit] {border: 0;font-size: 16px;padding: 0 20px;margin: -8px -9px -8px 0;background: var(--accent-color);color: var(--contrast-color);transition: 0.3s;border-radius: 0;} .footer .footer-newsletter .newsletter-form input[type=submit]:hover {background: color-mix(in srgb, var(--accent-color), transparent 20%);} .footer .copyright {padding-top: 10px; padding-bottom: 10px; border-top: 1px solid rgba(86, 87, 86, 0.2);} .footer .copyright p {margin-bottom: 0;} .footer .credits {margin-top: 6px;font-size: 13px;} /*-------------------------------------------------------------- # Preloader --------------------------------------------------------------*/ #preloader {position: fixed;inset: 0;z-index: 999999;overflow: hidden;background: var(--background-color);transition: all 0.6s ease-out;} #preloader:before {content: "";position: fixed;top: calc(50% - 30px);left: calc(50% - 30px);border: 6px solid #ffffff;border-color: var(--accent-color) transparent var(--accent-color) transparent;border-radius: 50%;width: 60px;height: 60px;animation: animate-preloader 1.5s linear infinite;} @keyframes animate-preloader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*-------------------------------------------------------------- # Scroll Top Button --------------------------------------------------------------*/ .scroll-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 15px;z-index: 99999;background-color: #1b82c5;width: 40px;height: 40px;transition: all 0.4s;} .scroll-top i {font-size: 24px;color: var(--contrast-color);line-height: 0;} .scroll-top:hover {background-color: color-mix(in srgb, var(--accent-color), transparent 20%);color: var(--contrast-color);} .scroll-top.active {visibility: visible;opacity: 1;} /*-------------------------------------------------------------- # Disable aos animation delay on mobile devices --------------------------------------------------------------*/ @media screen and (max-width: 768px) { [data-aos-delay] { transition-delay: 0 !important; } } /*-------------------------------------------------------------- # Global Page Titles & Breadcrumbs --------------------------------------------------------------*/ .page-title {color: var(--default-color);background-color: var(--background-color);padding: 20px 0;position: relative;} .page-title h1 {font-size: 28px;font-weight: 700;margin: 0;} .page-title .breadcrumbs ol {display: flex;flex-wrap: wrap;list-style: none;padding: 0 0 10px 0;margin: 0;font-size: 14px;} .page-title .breadcrumbs ol li+li {padding-left: 10px;} .page-title .breadcrumbs ol li+li::before {content: "/";display: inline-block;padding-right: 10px;color: color-mix(in srgb, var(--default-color), transparent 70%);} /*-------------------------------------------------------------- # Global Sections --------------------------------------------------------------*/ /* section, .section { background-color:#000000; padding: 40px 0; scroll-margin-top: 100px; overflow: clip;} */ section, .section { padding: 40px 0; scroll-margin-top: 100px; overflow: visible !important;} @media (max-width: 1199px) { section, .section { scroll-margin-top: 66px; } } /*-------------------------------------------------------------- # Global Section Titles --------------------------------------------------------------*/ .section-title {text-align: center;padding: 30px 0;margin-bottom: 30px;position: relative;} .section-title h2 {font-size: 32px;font-weight: 700;margin-bottom: 20px;padding-bottom: 0;position: relative;z-index: 2;} .section-title span {position: absolute;top: 4px;color: color-mix(in srgb, var(--heading-color), transparent 95%);left: 0;right: 0;z-index: 1;font-weight: 700;font-size: 52px;text-transform: uppercase;line-height: 1;} .section-title p {margin-bottom: 0;position: relative;z-index: 2;} @media (max-width: 575px) { .section-title{padding: 10px 0px; margin-bottom: 10px;} .section-title h2 { font-size: 20px; margin-bottom: 15px; } .section-title span { font-size: 38px; } } /*-------------------------------------------------------------- # Hero Section --------------------------------------------------------------*/ @media screen and (min-width:768px){ /* .header { position: fixed; background: rgba(0,0,0,0.6); transition: all 0.5s; z-index: 1030; top: 10%; left:50%; max-width:90%; margin: 0 auto; min-width:1200px; width: 100%; transform: translate(-50%, -10%); border-radius: 50px;} .header.scrolled {background: rgba(0,0,0,0.9); top: 0; left: 0; transform: none; max-width: 100%; min-width: 100%; border-radius: 0; box-shadow: 0 4px 20px rgba(0,0,0,0.15);} */ .hero{min-height: 300px;} } @media screen and (min-width:1025px){ .hero{min-height: 100vh;} } .hero {width: 100%; position: relative;padding: 160px 0 100px 0;display: flex;align-items: center;justify-content: center; height: 100vh; } .hero video {height: 100%; object-fit: cover;} .hero h2 {margin: 0;font-size: 48px;text-transform: uppercase;font-weight: 700;} .hero p {margin: 10px 0 0 0;font-size: 18px; line-height: 35px;} .hero .btn-get-started {color: var(--default-color);font-weight: 400;font-size: 15px;display: inline-block;padding: 8px 30px;margin: 30px 0 0 0;transition: 0.5s;text-transform: uppercase;border: 2px solid color-mix(in srgb, var(--default-color), transparent 20%);} .hero .btn-get-started:hover {color: var(--contrast-color);background:#000000;border-color: #000000;} @media (max-width: 768px) { .hero h2 { font-size: 32px; } } @media (max-width: 767px) { .hero { padding: 30px 0 30px 0; height: 100%; } } /*-------------------------------------------------------------- # About Section --------------------------------------------------------------*/ #about{background: #a1d3b8;} #about{ position: relative; padding: 50px 0px;background:url(../img/packages_bg.jpg) top right; width:100%; height:500px; display:inline-block;} /* #about img { width: 100%;} */ /* #about .container {position: absolute;top: 20%;left: 5%;} */ #about h3{color:#219ED6;} #about p {color:#1b82c5} #about .packages{background-color: #ffffff; border-radius: 10px; padding: 5px 15px;} .about .content h3 {font-size: 2rem;font-weight: 700;} .about .content ul {list-style: none;padding: 0;} .about .content ul li {padding-bottom: 10px;} .about .content ul i {font-size: 1.25rem;margin-right: 4px;color: var(--accent-color);} .about .content p:last-child {margin-bottom: 0;} .about .content .read-more {background: var(--accent-color);color: var(--contrast-color);font-family: var(--heading-font);font-weight: 500;font-size: 16px;letter-spacing: 1px;padding: 12px 30px;transition: 0.3s;display: inline-flex;align-items: center;justify-content: center;} .about .content .read-more i {font-size: 18px;margin-left: 5px;line-height: 0;transition: 0.3s;} .about .content .read-more:hover {background: color-mix(in srgb, var(--accent-color), transparent 20%);padding-right: 25px;} .about .content .read-more:hover i {margin-left: 10px;} @media (max-width: 575px) { /* background: #91c8b3; */ #about{height: 400px; } #about h3{font-size: 1.5rem; line-height: 30px; } /* #about .container { position: absolute; top: 20%; left: 5%; transform: translate(1%, -13%); } */ #about .packages img{ width: 50px;} #about .patterns {display: none;} } /*-------------------------------------------------------------- # plan section --------------------------------------------------------------*/ #plan{ position: relative; padding: 50px 0px;background:url(../img/bg-light.png) top right; width:100%; min-height:650px; display:inline-block;} .patterns{ position:absolute; z-index: 0; top: 0; left: 0;} /* .plancontainer{position: absolute; z-index: 1; top: 0; left: 50%; transform: translateX(-50%); width: 100%;} */ /*.placontent{position: absolute; z-index: 2;} */ .sprite {background:url(../img/sprite-icons2.svg) no-repeat top left; width: 70px; height: 75px; display:inline-block; background-size: 50px auto;} .AI-Driven{background-position: 10px 8px !important;} .real-time{background-position: 8px -60px !important;} .reversal-program{background-position: 9px -131px !important;} .digital-plat{background-position: 9px -200px !important;} .health-adv{background-position: 9px -272px !important;} .tailored-plan{background-position: 9px -340px !important;} .aproachsprite {background:url(../img/sprite-icons.svg) no-repeat top left; width: 70px; height: 75px; display:inline-block; background-size: 50px auto;} .dr-consult{background-position: 10px 8px !important;} .cgm{background-position: 8px -60px !important;} .smart-band{background-position: 9px -131px !important;} .ai-powered{background-position: 9px -200px !important;} /*-------------------------------------------------------------- # glucosemonitor section --------------------------------------------------------------*/ #glucosemonitor{ position: relative; padding: 50px 0px;background:url(../img/bg-light.png) top right; width:100%; min-height:450px; display:inline-block;} #glucosemonitor .plancontainer {top:10%;} #glucosemonitor img { width: 100%;} /*-------------------------------------------------------------- # meetdoctors section --------------------------------------------------------------*/ #meetdoctors { background: #51aa56;} /* #meetdoctors{ position: relative; padding: 50px 0px;background:url(../img/bg_green.jpg) top right; width:100%; height:400px; display:inline-block;} */ #meetdoctors img { width: 100%;} /* #meetdoctors .container {position: absolute;top: 10%;left: 5%;} */ .meeticon1{ background: #fff; color: #1b80c3; font-size: 25px; min-width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; } @media (max-width:1199px){ /* .meetdoctrcontent { width: 480px; float: right; margin-top: 10%;} */ } @media (min-width:1600px){ /* .meetdoctrcontent { width: 480px; float: right; margin-top: 10%;} */ } @media (max-width:992px){ .meetdoctrcontent { width: auto; float: right; margin-top: 0%; padding-left: 3%;} .glocosecontent { padding-left: 3%;} } /*-------------------------------------------------------------- # stories section --------------------------------------------------------------*/ #stories {background:#f0f0f0} #stories .owl-nav { text-align: center; margin-top:30px;} #stories .owl-nav span { font-size: 2rem; margin: 0px 10px; background: #fff; border-radius: 100%; padding: 10px; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; color: #1b82c5; padding-bottom: 15px;} /*-------------------------------------------------------------- # advantage section --------------------------------------------------------------*/ #advantage{background: #f0f0f0;} #advantage p.reduce { top: 13%; left: 32%;} #advantage p.track { top: 34%; left: 40%; text-align: right;} #advantage p.Compassionate { top: 65%; left: 32%;} #advantage p.eating { top: 80%; left: 47%; text-align: right;} #advantage .prgressbg { background:#cddeea; border-top-right-radius: 10px;border-bottom-right-radius: 10px;} #advantage .progress { background-color: #e9f3fa; height: 50px; border-radius: 8px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);} #advantage .progress-bar { background-color: #198cd7; color: white; font-size: 1.25rem; line-height: 50px; font-weight: bold; text-align: center; border-radius: 8px;} #advantage .progress-text { font-size: 1rem; padding-left: 20px; line-height: 50px;} @media (max-width:480px) { #advantage .progress-text { font-size: 13px; padding-left: 10px; } #advantage .progress{width: 65px !important;} #advantage .progress-bar {font-size: 1rem !important;} .logo img {height: 40px !important;} .innerpage-bg {padding: 0px 10px;} } /*-------------------------------------------------------------- # Contact Section --------------------------------------------------------------*/ .contact .info-item {background-color: var(--surface-color);padding: 20px 0 30px 0;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);} .contact .info-item i {font-size: 20px;color: var(--accent-color);width: 56px;height: 56px;font-size: 24px;display: flex;justify-content: center;align-items: center;border-radius: 4px;transition: all 0.3s ease-in-out;border-radius: 50%;border: 2px dotted color-mix(in srgb, var(--accent-color), transparent 40%);} .contact .info-item h3 {font-size: 20px;font-size: 18px;font-weight: 700;margin: 10px 0;} .contact .info-item p {padding: 0;margin-bottom: 0;font-size: 14px;} .contact .php-email-form {background-color: var(--surface-color);height: 100%;padding: 30px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);} @media (max-width: 575px) { .contact .php-email-form { padding: 20px; } } .contact .php-email-form input[type=text], .contact .php-email-form input[type=email], .contact .php-email-form textarea {font-size: 14px;padding: 10px 15px;box-shadow: none;border-radius: 0;color: var(--default-color);background-color: var(--surface-color);border-color: color-mix(in srgb, var(--default-color), transparent 80%);} .contact .php-email-form input[type=text]:focus, .contact .php-email-form input[type=email]:focus, .contact .php-email-form textarea:focus {border-color: var(--accent-color);} .contact .php-email-form input[type=text]::placeholder, .contact .php-email-form input[type=email]::placeholder, .contact .php-email-form textarea::placeholder {color: color-mix(in srgb, var(--default-color), transparent 70%);} .contact .php-email-form button[type=submit] {color: var(--contrast-color);background: var(--accent-color);border: 0;padding: 10px 30px;transition: 0.4s;border-radius: 50px;} .contact .php-email-form button[type=submit]:hover {background: color-mix(in srgb, var(--accent-color), transparent 20%);} /*-------------------------------------------------------------- Patient Login --------------------------------------------------------------*/ #patientlogin{position:relative; background:rgba(33,158,214, 0.1) !important;; width: 100%; display: flex; align-items: center; justify-content: center; background-size: cover; object-fit: cover; padding: 30px 20px !important; overflow: inherit; } #patientlogin .patingtherobg{width: 100%;;} .login-body{ width: 100%; background-color: #fff; max-width: 1050px; border-radius:0px; } .regbtns{position:absolute; bottom: 20px; left: 50%; transform: translateX(-50%);} .login-body.registration {max-width: 1100px; padding-top: 0px;} /*-------------------------------------------------------------- Dashoboard --------------------------------------------------------------*/ .left-sidebar{max-width: 170px; box-shadow: 2px 0px 15px #f4f2f2;} .right-content{width:calc(100% - 170px);} .loginpages .left-sidebar, .registerpage .left-sidebar{ height: 85px; display: flex; align-items: center;} .sidebar {/*background-color: #f0f9f0;*/ padding:0px 0px 0px 0px;width: 180px; } /* .sidebar a:first-child{ border-top: 1px solid #babeba;} */ .sidebar .dropdown-toggle { border-top: 1px solid #babeba;} .sidebar a {text-decoration: none; color: #333; padding:5px 10px 5px 0px; display: flex; align-items: center; font-size: 0.95rem; /*border-bottom: 1px solid #babeba; border-right: 1px solid #babeba; border-left: 1px solid #babeba;*/} .sidebar a:first-child { border-top: 1px solid #babeba;} .sidebar a:hover, .sidebar a.active {background-color:rgba(0,0,0,0.9); color:#fff !important;} .dropdown-menu a {padding-left: 30px; font-size: 0.95rem;} .sidebar i.bi, .sidebar i.fa { color:rgba(0,0,0,0.9);} .sidebar a:hover i.bi, .sidebar a:hover i.fa, .sidebar a.active i.fa, .sidebar a.active i.bi, .sidebar .active-view i.bi, .sidebar .active-view i.fa{ color: #ffffff;} .dashboard .navbar-expand-lg .navbar-nav {flex-direction: column !important; width: 100%; border: 1px solid #dcdedb;} .dashboard .navbar-expand-lg .navbar-nav .nav-item .nav-link {background:#fff; width: 100%; border-bottom: 1px solid #dcdedb; display: flex; gap: 20px; } .dashboard .navbar-expand-lg .navbar-nav .nav-item .nav-link.active {background:rgba(0,0,0,0.9); border-top: 1px solid #dcdedb; color:#ffffff; } /*-------------------------------------------------------------- Sidebar menu --------------------------------------------------------------*/ .dashboard .navmenu .navbar {padding-top: 3px;} .sidebar .dropdown-menu {padding-top: 0px; border: 0px;} .sidebar .dropdown-menu a {padding-left: 0px;} .sidebar .icon {background:url(../img/sprite.png) top left; width: 35px; height:30px; display:inline-block;} .sidebar .icon.gmonitor{background-position:-102px -34px;} .sidebar .dropdown-toggle:hover .icon.gmonitor, .sidebar a.active .icon.gmonitor{background-position:-102px 2px;} .sidebar .icon.glucose{background-position:-102px -106px;} .dropdown-item:hover .icon.glucose{background-position:-102px -70px;} .sidebar .icon.dipsday{background-position:-102px -176px;} .dropdown-item:hover .icon.dipsday{background-position:-102px -141px;} .sidebar .icon.dipsnight{background-position:-102px -245px;} .dropdown-item:hover .icon.dipsnight{background-position:-102px -211px;} .sidebar .icon.spikeday, .sidebar .icon.spikenight{background-position:-102px -322px;} .dropdown-item:hover .icon.spikeday, .dropdown-item:hover .icon.spikenight{background-position:-102px -284px;} .sidebar .icon.fbs{background-position:-104px -393px;} .dropdown-item:hover .icon.fbs{background-position:-104px -358px;} .sidebar .icon.meal{background-position:-105px -473px;} .dropdown-item:hover .icon.meal{background-position:-105px -430px;} .sidebar .icon.meanglucose{background-position:-102px -555px;} .dropdown-item:hover .icon.meanglucose{background-position:-102px -515px;} .sidebar .icon.nauc, .sidebar .icon.tir{background-position:-102px -627px;} .dropdown-item:hover .icon.nauc, .dropdown-item:hover .icon.tir{background-position:-102px -592px;} .sidebar .icon.appointments{background-position:-104px -773px;} .sidebar a:hover .icon.appointments, .sidebar a.active .icon.appointments {background-position:-104px -736px;} .sidebar .icon.device{background-position:-104px -846px;} .sidebar a:hover .icon.device, .sidebar a.active .icon.device{background-position:-104px -811px;} .sidebar .icon.plans{background-position:-104px -918px;} .sidebar a:hover .icon.plans, .sidebar a.active .icon.plans{background-position:-104px -881px;} .sidebar .icon.reports{background-position:-104px -995px;} .sidebar a:hover .icon.reports, .sidebar a.active .icon.reports{background-position:-104px -956px;} .sidebar .icon.notifications{background-position:-104px -1072px;} .sidebar a:hover .icon.notifications, .sidebar a.active .icon.notifications{background-position:-104px -1033px;} .sidebar .icon.invoices{background-position:-104px -1148px;} .sidebar a:hover .icon.invoices, .sidebar a.active .icon.invoices {background-position:-104px -1108px;} .sidebar .icon.logout{background-position:-104px -1221px;} .sidebar a:hover .icon.logout{background-position:-104px -1185px;} .sidebar a:hover .icon.gmonitor, .sidebar a.active .icon.gmonitor{background-position:-102px 2px;} .sidebar .icon.patient{background-position:-102px -1452px;} .sidebar a:hover .icon.patient, .sidebar a.active .icon.patient{background-position:-103px -1486px;} @media screen and (max-width:1199px) { .sidebar{width:160px} .sidebar .dropdown-menu{width: 220px !important;} } @media screen and (max-width:767px) { .right-content.content-wrapper{width:100% !important;} .contenttop .left-sidebar{display: none;} } /*-------------------------------------------------------------- Tooltip --------------------------------------------------------------*/ [data-tooltip] {position: relative;cursor: pointer;} [data-tooltip]::before, [data-tooltip]::after {text-transform: none;font-size: .9em;line-height: 1;position: absolute;display: none;opacity: 0;} [data-tooltip]::before {content: '';border: 6px solid transparent;z-index: 101;} [data-tooltip]::after {content: attr(data-tooltip);text-align: center;min-width: 3em;max-width: 21em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 6px 8px;border-radius: 3px;background: #333333;color: #FFFFFF;z-index: 100;} [data-tooltip]:hover::before, [data-tooltip]:hover::after {display: block;} [data-tooltip='']::before, [data-tooltip='']::after {display: none !important;} [data-tooltip]:not([data-flow])::before, [data-tooltip][data-flow^="top"]::before {bottom: 100%;border-bottom-width: 0;border-top-color: #333333;} [data-tooltip]:not([data-flow])::after, [data-tooltip][data-flow^="top"]::after {bottom: calc(100% + 5px);} [data-tooltip]:not([data-flow])::before, [data-tooltip]:not([data-flow])::after, [data-tooltip][data-flow^="top"]::before, [data-tooltip][data-flow^="top"]::after {left: 50%;transform: translate(-50%, -.4em);} [data-tooltip][data-flow^="bottom"]::before {top: 100%;border-top-width: 0;border-bottom-color: #333333;} [data-tooltip][data-flow^="bottom"]::after {top: calc(100% + 5px);} [data-tooltip][data-flow^="bottom"]::before, [data-tooltip][data-flow^="bottom"]::after {left: 50%;transform: translate(-50%, .4em);} [data-tooltip][data-flow^="left"]::before {top: 50%;border-right-width: 0;border-left-color: #333333;left: calc(0em - 5px);transform: translate(-.5em, -50%);} [data-tooltip][data-flow^="left"]::after {top: 50%;right: calc(100% + 5px);transform: translate(-.4em, -50%);} [data-tooltip][data-flow^="right"]::before {top: 50%;border-left-width: 0;border-right-color: #333333;right: calc(0em - 7px);transform: translate(.4em, -50%);} [data-tooltip][data-flow^="right"]::after {top: 50%;left: calc(100% + 5px);transform: translate(.5em, -50%);}@keyframes tooltip-vert {to {opacity: 1;transform: translate(-50%, 0);}}@keyframes tooltip-horz {to {opacity: 1;transform: translate(0, -50%);}} [data-tooltip]:not([data-flow]):hover::before, [data-tooltip]:not([data-flow]):hover::after, [data-tooltip][data-flow^="top"]:hover::before, [data-tooltip][data-flow^="top"]:hover::after, [data-tooltip][data-flow^="bottom"]:hover::before, [data-tooltip][data-flow^="bottom"]:hover::after {animation: tooltip-vert .5s ease-out forwards;} [data-tooltip][data-flow^="left"]:hover::before, [data-tooltip][data-flow^="left"]:hover::after, [data-tooltip][data-flow^="right"]:hover::before, [data-tooltip][data-flow^="right"]:hover::after {animation: tooltip-horz .5s ease-out forwards;} /*-------------------------------------------------------------- End Tooltip --------------------------------------------------------------*/ .icon {width: 18px; /*margin-right: 8px;*/} .content {padding: 0px 0px;} .card {padding: 20px;background-color: #f9f9f9;border-radius: 5px;margin-bottom: 20px;} .navbar {background-color: #219ED6;color: white;padding: 10px 20px;} .header.dashboard{ box-shadow: 2px 0px 15px #e0e0e0; /*box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);*/} #navbarTogglerDemo01 { max-height: 640px; align-items : baseline;} .nav-tabs button { color: rgba(0,0,0,0.5); font-weight: 600; font-size: 16px;} .nav-tabs button:hover { color: rgba(0,0,0,0.5); font-weight: 600;} div#myTabContent { border-left: 1px solid #dcdcdc; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;} .modal-header { background: #231f20; padding: 10px;} .modal-header h6{color: #ffffff; } /* .profiledrop{background:rgba(33,158,214, 0.3) !important; border-radius: 30px; margin: 5px 0px;} */ .profiledrop{background:rgba(0,0,0, 1) !important; border-radius: 30px; margin: 5px 0px;} .profiledrop span, .profiledrop .dropdown-toggle::after{color: #ffffff;} .profiledrop img{width: 30px; height: 30px; border-radius: 100%;} .profiledrop button.btn.dropdown-toggle { padding: 5px; padding-right: 10px; font-size: 1rem; display: flex; align-items: center; gap: 10px;} .profiledrop button.btn.dropdown-toggle:hover{color: #000000;} /* main.main .dashboard { padding-top: 110px;} */ .minw50 {min-width: 50px;} .minw100 {min-width: 100px;} .minw200 {min-width: 200px;} /* .progress-bar { height: 20px; } */ .info-box { padding: 10px; border: 1px solid #ccc; margin-bottom: 20px;} /*-------------------------------------------------------------- Progress bar --------------------------------------------------------------*/ .progress-container {display: flex; gap: 20px;} .prog-bar { gap: 10px;} .battery-label {width: 150px;font-weight: bold;} .battery {position: relative;width: 150px;height: 40px;border: 3px solid #333;border-radius: 6px;display: flex;align-items: center;} .battery:after {content: '';position: absolute;right: -10px;top: 12px;width: 8px;height: 16px;background-color: #333;border-radius: 2px;} .battery-fill {height: 100%;border-radius: 3px;} .green-fill {background-color: #219ED6;} .yellow-fill {background-color: #FFEB3B;} .brown-fill {background-color: #A0522D;} /*-------------------------------------------------------------- My Account --------------------------------------------------------------*/ .profile-img{height: 125px; width: 125px; padding: 0px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);} /*-------------------------------------------------------------- Table --------------------------------------------------------------*/ .table {width: 100%;table-layout: fixed;} .table th, .table td {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border: 1px solid #ddd;} .table th {background: rgba(0,0,0,0.9);color: #ffffff; font-weight: 500;} .table th:nth-child(1) {width: 5%;} .table th:nth-child(2), .table th:nth-child(3), .table th:nth-child(4) {width: 15%;} .table th:nth-child(5) {width: 30%;} .table th:nth-child(6) {width: 10%;} .table td.ellipsis {width: 120px;} table.user-table td:last-child {border-left: 0px solid !important;border-top: 0px solid !important;display: flex;} table.user-table tr.norecords td {border-left: 0px solid !important;border-top: 0px solid !important;display: table-cell;} tr.norecords td{ border-bottom: 1px solid #ddd;} tr.norecords td::before, tr.no-records td::before{content:none !important;} .app-table th:nth-child(2){width: 25%;} .report-table, .reportprogress-table {vertical-align: middle;} .report-table th:nth-child(4){width: 35%;} .report-table th:nth-child(5){width: 6%;} .table {vertical-align: middle;} .notifi-table th:nth-child(2){width: 25%;} .notifi-table th:nth-child(3){width: 16%;} .notifi-table th:nth-child(4){width: 30%;} .notifi-table th:nth-child(5){width: 7%;} .newpatient-table th:nth-child(1){width: 5%;} .newpatient-table th:nth-child(2){width: 20%;} .newpatient-table th:nth-child(3){width: 10%;} .newpatient-table th:nth-child(4){width: 10%;} .newpatient-table th:nth-child(5){width: 16%;} .bestpatient-table th:nth-child(1){width: 5%;} .bestpatient-table th:nth-child(2){width: 25%;} .bestpatient-table th:nth-child(3){width: 7%;} .bestpatient-table th:nth-child(4){width: 10%;} .worstpatient-table th:nth-child(1){width: 5%;} .worstpatient-table th:nth-child(2){width: 25%;} .worstpatient-table th:nth-child(3){width: 7%;} .worstpatient-table th:nth-child(4){width: 10%;} .patientmaster-table {width: 1400px; min-width: 100%;} .patientmaster-table th:nth-child(1){width: 3%;} .patientmaster-table th:nth-child(2){width: 7%;} .patientmaster-table th:nth-child(3){width: 10%;} .patientmaster-table th:nth-child(4){width: 12%;} .patientmaster-table th:nth-child(5){width: 7%;} .patientmaster-table th:nth-child(6){width: 7%;} .patientmaster-table th:nth-child(7){width: 10%;} .patientmaster-table th:nth-child(8){width: 8%;} .patientmaster-table th:nth-child(9){width: 7%;} .patientmaster-table th:nth-child(10){width: 15%;} .patientmaster-table th:nth-child(11){width: 4%;} .ordermaster-table th:nth-child(1){width: 3%;} .ordermaster-table th:nth-child(2){width: 7%;} .ordermaster-table th:nth-child(3){width: 8%;} .ordermaster-table th:nth-child(4){width:8%;} .ordermaster-table th:nth-child(5){width: 12%;} .ordermaster-table th:nth-child(6){width: 15%;} .ordermaster-table th:nth-child(7){width: 10%;} .ordermaster-table th:nth-child(8){width: 13%;} .ordermaster-table th:nth-child(9){width: 5%;} .adminappointment-table {width: 1400px; min-width: 100%} .adminappointment-table th:nth-child(1){width: 3%;} .adminappointment-table th:nth-child(2){width: 15%;} .adminappointment-table th:nth-child(3){width: 15%;} .adminappointment-table th:nth-child(4){width: 9%;} .adminappointment-table th:nth-child(5){width: 13%;} .adminappointment-table th:nth-child(6){width: 23%;} .adminappointment-table th:nth-child(7){width: 10%;} .adminappointment-table th:nth-child(8){width: 10%;} .adminappointment-table th:nth-child(9){width: 7%;} .adminappointment-table th:nth-child(10){width: 7%;} /*-------------------------------------------------------------- Responsive table --------------------------------------------------------------*/ @Media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width:992px) { .table td.ellipsis{width: 100%;} table td{text-align: left !important;} table, thead, tbody, th, td, tr {display: block;} thead tr {position: absolute;top: -9999px;left: -9999px;} tr { border: 1px solid #ccc; } table td {border-bottom: 1px solid #eee;position: relative; padding: 2% 2% 2% 33% !important; word-break: break-all; min-height: 38px;} td:before {position: absolute; /*top: 6px;*/ left: 6px;width: 33%;padding-right: 10px;white-space: nowrap; font-weight: 600;} tr.norecords td div { text-align: left !important; } .app-table td:nth-of-type(1):before { content: "#"; } .app-table td:nth-of-type(2):before { content: "Date & Time"; } .app-table td:nth-of-type(3):before { content: "Appointment By"; } .app-table td:nth-of-type(4):before { content: "Patient Name"; } .app-table td:nth-of-type(5):before { content: "Description"; } .app-table td:nth-of-type(6):before { content: "Actions"; } .report-table td:nth-of-type(1):before { content: "#"; } .report-table td:nth-of-type(2):before { content: "File Name"; } .report-table td:nth-of-type(3):before { content: "Uploaded Date"; } .report-table td:nth-of-type(4):before { content: "Summary"; } .report-table td:nth-of-type(5):before { content: "Actions"; } .notifi-table td:nth-of-type(1):before { content: "Select"; } .notifi-table td:nth-of-type(2):before { content: "#"; } .notifi-table td:nth-of-type(3):before { content: "Information"; } .notifi-table td:nth-of-type(4):before { content: "Date and Time "; } .notifi-table td:nth-of-type(5):before { content: "Actions"; } .invoice-table td:nth-of-type(1):before { content: "#"; } .invoice-table td:nth-of-type(2):before { content: "Invoice Title"; } .invoice-table td:nth-of-type(3):before { content: "Date and Time "; } .invoice-table td:nth-of-type(4):before { content: "Type"; } .invoice-table td:nth-of-type(5):before { content: "Description"; } .invoice-table td:nth-of-type(6):before { content: "Actions"; } .bestpatient-table td:nth-of-type(1):before { content: "#"; } .bestpatient-table td:nth-of-type(2):before { content: "Name "; } .bestpatient-table td:nth-of-type(3):before { content: "Age"; } .bestpatient-table td:nth-of-type(4):before { content: "Sex"; } .worstpatient-table td:nth-of-type(1):before { content: "#"; } .worstpatient-table td:nth-of-type(2):before { content: "Name "; } .worstpatient-table td:nth-of-type(3):before { content: "Age"; } .worstpatient-table td:nth-of-type(4):before { content: "Sex"; } .newpatient-table td:nth-of-type(1):before { content: "#"; } .newpatient-table td:nth-of-type(2):before { content: "Name "; } .newpatient-table td:nth-of-type(3):before { content: "Age"; } .newpatient-table td:nth-of-type(4):before { content: "Sex"; } .newpatient-table td:nth-of-type(5):before { content: "Action"; } .usermanage-table td:nth-of-type(1):before { content: "#"; } .usermanage-table td:nth-of-type(2):before { content: "Name "; } .usermanage-table td:nth-of-type(3):before { content: "Email"; } .usermanage-table td:nth-of-type(4):before { content: "Telephone"; } .usermanage-table td:nth-of-type(5):before { content: "Role"; } .usermanage-table td:nth-of-type(6):before { content: "Status"; } .usermanage-table td:nth-of-type(7):before { content: "Action"; } .patientmaster-table td:nth-of-type(1):before { content: "#"; } .patientmaster-table td:nth-of-type(2):before { content: "Patient ID"; } .patientmaster-table td:nth-of-type(3):before { content: "Patient Name"; } .patientmaster-table td:nth-of-type(4):before { content: "Email" } .patientmaster-table td:nth-of-type(5):before { content: "Telephone"; } .patientmaster-table td:nth-of-type(6):before { content: "Plan Type"; } .patientmaster-table td:nth-of-type(7):before { content: "Enrolled Date"; } .patientmaster-table td:nth-of-type(8):before { content: "Expiry Date"; } .patientmaster-table td:nth-of-type(9):before { content: "Doctor Name"; } .patientmaster-table td:nth-of-type(10):before { content: "Status";} .patientmaster-table td:nth-of-type(11):before { content: "Action";} .doctormaster-table {width: 100% !important;} .doctormaster-table td:nth-of-type(1):before { content: "#"; } .doctormaster-table td:nth-of-type(2):before { content: "Doctor Name"; } .doctormaster-table td:nth-of-type(3):before { content: "Licence ID"; } .doctormaster-table td:nth-of-type(4):before { content: "Email ID"; } .doctormaster-table td:nth-of-type(5):before { content: "Telephone"; } .doctormaster-table td:nth-of-type(6):before { content: "DOB"; } .doctormaster-table td:nth-of-type(7):before { content: "Sex"; } .doctormaster-table td:nth-of-type(8):before { content: "Status"; } .doctormaster-table td:nth-of-type(9):before { content: "Profit Margin"; } .doctormaster-table td:nth-of-type(10):before { content: "Action"; } .hospitalmaster-table{width: 100% !important;} .hospitalmaster-table td:nth-of-type(1):before { content: "#"; } .hospitalmaster-table td:nth-of-type(2):before { content: "Hospital ID "; } .hospitalmaster-table td:nth-of-type(3):before { content: "Hospital Name"; } .hospitalmaster-table td:nth-of-type(4):before { content: "No of Doctors "; } .hospitalmaster-table td:nth-of-type(5):before { content: "Revenue "; } .hospitalmaster-table td:nth-of-type(6):before { content: "Licence Number "; } .hospitalmaster-table td:nth-of-type(7):before { content: "Valid Date"; } .hospitalmaster-table td:nth-of-type(8):before { content: "Address"; } .hospitalmaster-table td:nth-of-type(9):before { content: " City"; } .hospitalmaster-table td:nth-of-type(10):before { content: "State"; } .hospitalmaster-table td:nth-of-type(10):before { content: "Country"; } .hospitalmaster-table td:nth-of-type(10):before { content: "Status"; } .hospitalmaster-table td:nth-of-type(10):before { content: "Created Date"; } .hospitalmaster-table td:nth-of-type(10):before { content: "Action"; } .diagnostics-table {width: 100% !important;} .diagnostics-table td:nth-of-type(1):before { content: "#"; } .diagnostics-table td:nth-of-type(2):before { content: "Name"; } .diagnostics-table td:nth-of-type(3):before { content: "Email"; } .diagnostics-table td:nth-of-type(4):before { content: "Telephone"; } .diagnostics-table td:nth-of-type(5):before { content: "Address "; } .diagnostics-table td:nth-of-type(6):before { content: "City"; } .diagnostics-table td:nth-of-type(7):before { content: "State"; } .diagnostics-table td:nth-of-type(8):before { content: "Status"; } .diagnostics-table td:nth-of-type(9):before { content: "Action"; } .addreport-table td:nth-of-type(1):before { content: "#";} .addreport-table td:nth-of-type(2):before { content: "Patient ID";} .addreport-table td:nth-of-type(3):before { content: "Patient Name";} .addreport-table td:nth-of-type(4):before { content: "Action";} .ordermaster-table{width: 100% !important;} .ordermaster-table td:nth-of-type(1):before { content: "#";} .ordermaster-table td:nth-of-type(2):before { content: "Order Id";} .ordermaster-table td:nth-of-type(3):before { content: "Client Name";} .ordermaster-table td:nth-of-type(4):before { content: "Description";} .ordermaster-table td:nth-of-type(5):before { content: "Order Date";} .ordermaster-table td:nth-of-type(6):before { content: "Order Status";} .ordermaster-table td:nth-of-type(7):before { content: "Action";} .adminappointment-table {width: 100% !important;} .adminappointment-table td:nth-of-type(1):before { content: "#";} .adminappointment-table td:nth-of-type(2):before { content: "Patient Name";} .adminappointment-table td:nth-of-type(3):before { content: "Email";} .adminappointment-table td:nth-of-type(4):before { content: "Telephone";} .adminappointment-table td:nth-of-type(5):before { content: "Data & Time";} .adminappointment-table td:nth-of-type(6):before { content: " Address";} .adminappointment-table td:nth-of-type(7):before { content: "City";} .adminappointment-table td:nth-of-type(8):before { content: "State";} .adminappointment-table td:nth-of-type(9):before { content: "Status";} .adminappointment-table td:nth-of-type(10):before { content: "Actions";} .patientdetail-table td:nth-of-type(1):before { content: "Name";} .patientdetail-table td:nth-of-type(2):before { content: "Mobile Number";} .patientdetail-table td:nth-of-type(3):before { content: "Age";} .patientdetail-table td:nth-of-type(4):before { content: "Sex";} .patientdetail-table td:nth-of-type(5):before { content: "Weight";} .patientdetail-table td:nth-of-type(6):before { content: "Height";} .patientdetail-table td:nth-of-type(7):before { content: "Existing Condition";} .patientdetail-table td:nth-of-type(8):before { content: "Is Diabetic";} .patientdetail-table td:nth-of-type(9):before { content: "Diabetic Duration";} .patientdetail-table td:nth-of-type(10):before { content: "On Insulin";} .patientdetail-table td:nth-of-type(11):before { content: "On Medication";} .patientdetail-table td:nth-of-type(12):before { content: "HbA1c Value";} .medication-table td:nth-of-type(1):before { content: "#";} .medication-table td:nth-of-type(3):before { content: "Type";} .medication-table td:nth-of-type(2):before { content: "Name";} .medication-table td:nth-of-type(4):before { content: "Dosage";} .medication-table td:nth-of-type(5):before { content: "Frequency";} .medication-table td:nth-of-type(6):before { content: "Prescribed Date";} .medication-table td:nth-of-type(7):before { content: "Start Date";} .medication-table td:nth-of-type(8):before { content: "End Date";} .medication-table td:nth-of-type(9):before { content: "Note";} .medication-table td:nth-of-type(10):before { content: "Progress";} .medication-table td:nth-of-type(11):before { content: "Created On";} .medication-table td:nth-of-type(12):before { content: "Created By";} .medication-table td:nth-of-type(13):before { content: "Action";} .recohistory-table td:nth-of-type(1):before { content: "#";} .recohistory-table td:nth-of-type(2):before { content: "Medical";} .recohistory-table td:nth-of-type(3):before { content: "Dietary";} .recohistory-table td:nth-of-type(4):before { content: "Activity";} .recohistory-table td:nth-of-type(5):before { content: "Action";} .view-weight-table td:nth-of-type(1):before { content: "#";} .view-weight-table td:nth-of-type(2):before { content: "Weight (kg)";} .view-weight-table td:nth-of-type(3):before { content: "Waist (inch)";} .view-weight-table td:nth-of-type(4):before { content: "Date";} .view-devices-table td:nth-of-type(1):before { content: "#";} .view-devices-table td:nth-of-type(2):before { content: "Mapped At";} .view-devices-table td:nth-of-type(3):before { content: "Name";} .view-devices-table td:nth-of-type(4):before { content: "ID";} .view-devices-table td:nth-of-type(5):before { content: "Session Started At";} .view-devices-table td:nth-of-type(6):before { content: "Expires On";} .view-devices-table td:nth-of-type(7):before { content: "Status";} .dr-report-table td:nth-of-type(1):before { content: "";} .dr-report-table td:nth-of-type(2):before { content: "#";} .dr-report-table td:nth-of-type(3):before { content: "File Name";} .dr-report-table td:nth-of-type(4):before { content: "Report Date";} .dr-report-table td:nth-of-type(5):before { content: "Summary";} .dr-report-table td:nth-of-type(6):before { content: "Approved Date";} .agpdailytable td:nth-of-type(1):before { content: "Item";} .agpdailytable td:nth-of-type(2):before { content: "12/13";} .agpdailytable td:nth-of-type(3):before { content: "12/14";} .agpdailytable td:nth-of-type(4):before { content: "12/15";} .agpdailytable td:nth-of-type(5):before { content: "12/16";} .agpdailytable td:nth-of-type(6):before { content: "12/17";} .agpdailytable td:nth-of-type(7):before { content: "12/18";} .agpdailytable td:nth-of-type(8):before { content: "12/19";} .agpdailytable td:nth-of-type(9):before { content: "12/20";} .agpdailytable td:nth-of-type(10):before { content: "12/21";} .agpdailytable td:nth-of-type(11):before { content: "12/22";} .agpdailytable td:nth-of-type(12):before { content: "12/23";} .agpdailytable td:nth-of-type(13):before { content: "12/24";} .agpdailytable td:nth-of-type(14):before { content: "12/25";} .agpdailytable td:nth-of-type(15):before { content: "12/26";} .agpdailytable td:nth-of-type(16):before { content: "12/27";} .agpdailytable td:nth-of-type(17):before { content: "12/28";} } /*-------------------------------------------------------------- Doctor Module --------------------------------------------------------------*/ .doctor-card{border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:3px; border: 0px; background: #fff;} .doctor-card .pricing-price{font-size: 3rem;} .patientno{background-position: -190px -43px;} .profitm{background-position: -190px -136px;} .worst{background-position: -190px -317px;} .best{background-position:-190px -228px;} @media screen and (min-width:991px) { .doctor.dashboard .sidebar{width: 170px; height: 100vh;} .table th:first-child, .table td:first-child{text-align: center;} .table-wrap{overflow: auto;max-width: 100% !important; /*max-height: 52.5vh;*/} .report-table th:nth-child(1){width: 5%;} .report-table th:nth-child(2){width: 25%;} .report-table th:nth-child(3){width: 20%;} .report-table th:nth-child(4){width: 38%;} .report-table th:nth-child(5){width: 9%;} .table.dr-report-table th:nth-child(1){width: 3%;} .table.dr-report-table th:nth-child(2){width: 3%;} .table.dr-report-table th:nth-child(3){width: 10%;} .table.dr-report-table th:nth-child(4){width: 10%;} .table.dr-report-table th:nth-child(5){width: 23%;} .table.dr-report-table th:nth-child(6){width: 12%;} .reportprogress-table th:nth-child(1){width: 5%;} .reportprogress-table th:nth-child(2){width: 25%;} .reportprogress-table th:nth-child(3){width: 40%;} .patientdetail-table {min-width:100%; width:1100px !important; overflow-x: scroll;} .patientdetail-table th:nth-child(1){width: 12%;} .patientdetail-table th:nth-child(2){width: 10%;} .patientdetail-table th:nth-child(3){width: 4%;} .patientdetail-table th:nth-child(4){width: 6%;} .patientdetail-table th:nth-child(5){width: 6%;} .patientdetail-table th:nth-child(6){width: 6%;} .patientdetail-table th:nth-child(7){width: 16%;} .patientdetail-table th:nth-child(8){width: 7.5%;} .patientdetail-table th:nth-child(9){width: 9.5%;} .patientdetail-table th:nth-child(10){width: 7%;} .patientdetail-table th:nth-child(11){width: 8%;} .patientdetail-table th:nth-child(12){width: 8%;} .recommeded-table textarea {resize: none;} .recommeded-table th:nth-child(1){width: 30%;} .recommeded-table th:nth-child(2){width: 30%;} .recommeded-table th:nth-child(3){width: 30%;} .recohistory-table th:nth-child(1){width: 6%;} .recohistory-table th:nth-child(2){width: 27%;} .recohistory-table th:nth-child(3){width: 27%;} .recohistory-table th:nth-child(4){width: 27%;} .recohistory-table th:nth-child(5){width: 8%;} .medication-table {width: 1450px;} .medication-table td{color: #000000 !important;} .medication-table th:nth-child(1){width: 3%;} .medication-table th:nth-child(2){width: 8%;} .medication-table th:nth-child(3){width: 12%;} .medication-table th:nth-child(4){width: 8%;} .medication-table th:nth-child(5){width: 8%;} .medication-table th:nth-child(6){width: 12%;} .medication-table th:nth-child(7){width: 8%;} .medication-table th:nth-child(8){width: 8%;} .medication-table th:nth-child(9){width: 10%;} .medication-table th:nth-child(10){width: 7%;} .medication-table th:nth-child(11){width: 7%;} .medication-table th:nth-child(12){width: 8%;} .medication-table th:nth-child(13){width: 6%;} #medicationHistoryModal .medication-table {width: 1200px;} #medicationHistoryModal .medication-table th:nth-child(1){width: 3%;} #medicationHistoryModal .medication-table th:nth-child(2){width: 7%;} #medicationHistoryModal .medication-table th:nth-child(3){width: 9%;} #medicationHistoryModal .medication-table th:nth-child(4){width: 7%;} #medicationHistoryModal .medication-table th:nth-child(5){width: 8%;} #medicationHistoryModal .medication-table th:nth-child(6){width: 9%;} #medicationHistoryModal .medication-table th:nth-child(7){width: 5%;} #medicationHistoryModal .medication-table th:nth-child(8){width: 8%;} #medicationHistoryModal .medication-table th:nth-child(9){width: 10%;} .medications-table {width: 1300px;} .medications-table td{color: #000000 !important;} .medications-table th:nth-child(1){width: 4%;} .medications-table th:nth-child(2){width: 8%;} .medications-table th:nth-child(3){width: 17%;} .medications-table th:nth-child(4){width: 9%;} .medications-table th:nth-child(5){width: 10%;} .medications-table th:nth-child(6){width: 18%;} .medications-table th:nth-child(7){width: 10%;} .medications-table th:nth-child(8){width: 12%;} .medications-table th:nth-child(9){width: 12%;} } .bg-gray{background:rgba(0,0,0, 0.1) !important;} #viewapatient table{padding: 5px; border:1px solid #f4f4f4;} /* #viewapatient table td{color: #ffffff;} */ .patientdetail-table th, .patientdetail-table td{background: #FFFFFF; color: #000000 !important;} #vievdailyglucose .datesection, #vievdailyglucose h6.text-center.mt-3.fw-semibold.title{display: none;} #dailyglucosechart .topsearch, #dailyglucosechart .topsearch, #vievdailyglucose .topsearch, #viewnightdips .topsearch, #viewspikeday .topsearch, #viewspikenight .topsearch, #viewfbs .topsearch, #viewmealspike .topsearch, #viewmeanglucose .topsearch, #viewnauc .topsearch, #viewtir .topsearch, #viewbloodpressure .topsearch, #viewHeartRate .topsearch, #viewspo2 .topsearch, #viewBodyTemp .topsearch {display: none !important;} #viewbloodpressure .datesection, #viewbloodpressure h6.text-center.mt-3.fw-semibold.title{display: none;} #viewHeartRate .datesection, #viewHeartRate h6.text-center.mt-3.fw-semibold.title{display: none;} #viewspo2 .datesection, #viewspo2 h6.text-center.mt-3.fw-semibold.title{display: none;} #viewBodyTemp .datesection, #viewBodyTemp h6.text-center.mt-3.fw-semibold.title{display: none;} #viewtir .canvasjs-chart-canvas, #viewnauc .canvasjs-chart-canvas, #viewfbs .canvasjs-chart-canvas, #viewmeanglucose .canvasjs-chart-canvas{width: 100% !important; height: 250px !important;} #viewbloodpressure .canvasjs-chart-canvas, #viewHeartRate .canvasjs-chart-canvas, #viewspo2 .canvasjs-chart-canvas, #viewBodyTemp .canvasjs-chart-canvas,#viewspo2 .canvasjs-chart-canvas { width: 95% !important; height: 240px !important; } #viewfbs .ppad { padding-right: 10px !important;} /* Our Offering page */ .benefits-section {background-color: #231f20;color: white;padding: 50px 0;} .benefit-item {text-align: left; margin-bottom: 30px; background: #2d2c32; border-radius: 10px; padding: 10px; min-height: 215px; } .benefit-icon {font-size: 48px;margin-bottom: 15px;} .timeline {display: flex;justify-content: space-around;position: relative;padding: 20px 0;} .timeline::after {content: '';position: absolute;width: 80%;height: 2px;background-color: white;bottom: 10px;left: 10%;top: 43%;transform: translateY(-40%);} .timeline-dot {background-color: white;border-radius: 50%;width: 15px;height: 15px;margin: 0 auto;} .benefit-text {margin-top: 10px;} .glucose-member {background:url(../img/glucose-member-bg.png) top left; width: 100%; display:inline-block;} .offer-sprite{background:url(../img/offering-sprite.png) top left; width: 80px; height: 75px; display:inline-block;} .quick {background-position:4px -5px;} .realtime {background-position:4px -103px;} .airist {background-position:4px -235px ;} .micro {background-position:4px -358px;} .habits {background-position:4px -469px ;} .foodlog{background-position:-1278px 684px ;} .exersiselog{background-position:-1278px 572px ;} .sleeplog{background-position:-1278px 458px ;} .hydrationlog{background-position:-1278px 345px ;} .weieghtlog{background-position:-1278px 218px ;} .toollog{background-position:-1278px 91px ;} /* End our offering page */ /* Contact */ .contact-sprite{background:url(../img/contactus-sprite.png) top left; width: 50px; height: 50px; display:inline-block;} .csupport {background-position:0px 0px;} .psupport {background-position:4px -62px;} .livesupport {background-position:4px -122px ;} /* End contact */ /* Initially hide the mobile nav */ .mobile-nav-active ul { display: block; /* Show the menu when active */ } /* For larger screens */ /* @media (min-width:769px) { .navmenu ul { display: flex; } } */ @media (max-width:768px) { .timeline::after { display: none; } .login-body{padding-top: 10px;} } /* css for plan Master */ .usermanage-table th:nth-child(1){width: 3%;} .usermanage-table th:nth-child(2){width: 20%;} .usermanage-table th:nth-child(3){width: 25%;} .usermanage-table th:nth-child(4){width: 15%;} .usermanage-table th:nth-child(5){width: 10%;} .usermanage-table th:nth-child(6){width: 10%;} .usermanage-table th:nth-child(7){width: 10%;} .planmaster-table th:nth-child(1){width: 3%;} .planmaster-table th:nth-child(2){width: 7%;} .planmaster-table th:nth-child(3){width: 10%;} .planmaster-table th:nth-child(4){width: 5%;} .planmaster-table th:nth-child(5){width: 5%;} .planmaster-table th:nth-child(6){width: 20%;} .planmaster-table th:nth-child(7){width: 10%;} .planmaster-table th:nth-child(8){width: 10%;} .planmaster-table th:nth-child(9){width: 7%;} .hospitalmaster-table {width: 1700px;} .hospitalmaster-table th:nth-child(1){width: 3%;} .hospitalmaster-table th:nth-child(2){width: 7%;} .hospitalmaster-table th:nth-child(3){width: 10%;} .hospitalmaster-table th:nth-child(4){width: 7%;} .hospitalmaster-table th:nth-child(5){width: 7%;} .hospitalmaster-table th:nth-child(6){width: 7%;} .hospitalmaster-table th:nth-child(7){width: 8%;} .hospitalmaster-table th:nth-child(8){width: 7%;} .hospitalmaster-table th:nth-child(9){width: 20%;} .hospitalmaster-table th:nth-child(10){width: 7%;} .hospitalmaster-table th:nth-child(11){width: 7%;} .hospitalmaster-table th:nth-child(12){width: 7%;} .hospitalmaster-table th:nth-child(13){width: 5%;} .hospitalmaster-table th:nth-child(14){width: 8%;} .hospitalmaster-table th:nth-child(15){width: 7%;} .addreport-table th:nth-child(1){width: 3%;} .addreport-table th:nth-child(2){width: 10%;} .addreport-table th:nth-child(3){width: 40%;} .addreport-table th:nth-child(4){width: 7%;} .diagnostics-table {width:1300px;min-width: 100%;} .diagnostics-table th:nth-child(1){width: 3%;} .diagnostics-table th:nth-child(2){width: 10%;} .diagnostics-table th:nth-child(3){width: 15%;} .diagnostics-table th:nth-child(4){width: 10%;} .diagnostics-table th:nth-child(5){width: 20%;} .diagnostics-table th:nth-child(6){width: 7%;} .diagnostics-table th:nth-child(7){width: 8%;} .diagnostics-table th:nth-child(8){width: 7%;} .diagnostics-table th:nth-child(9){width: 7%;} .doctormaster-table {width:1200px; min-width: 100%;} .doctormaster-table th:nth-child(1){width: 3%;} .doctormaster-table th:nth-child(2){width: 10%;} .doctormaster-table th:nth-child(3){width: 12%;} .doctormaster-table th:nth-child(4){width: 15%;} .doctormaster-table th:nth-child(5){width: 10%;} .doctormaster-table th:nth-child(6){width: 10%;} .doctormaster-table th:nth-child(7){width: 5%;} .doctormaster-table th:nth-child(8){width: 7%;} .doctormaster-table th:nth-child(9){width: 10%;} .doctormaster-table th:nth-child(10){width: 7%;} .custom-select { max-height: 150px; overflow-y: auto; } .NgxEditor__Content { min-height: 250px; } .spinner-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;z-index: 9999;} .spinner {border: 4px solid #f3f3f3;border-top: 4px solid #231f20;border-radius: 50%;width: 40px;height: 40px;animation: spin 1s linear infinite;} .modal-header .btn-close, .accordion-button:not(.collapsed)::after, .accordion-button::after { filter: invert(1); opacity: 1; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .resizenone{resize: none;} .section-title h2.title, .title{font-size: 45px; font-weight: 700; line-height: 140%;} .font16{font-size: 16px !important;} .bg-gray-img { background-color: rgba(209, 237, 249, 1); background-image: url('../img/bg-graybg.png'); background-size: cover; background-position: center; background-repeat: no-repeat;} .newsprite{background-image: url('../img/new-icons.png'); height: 55px; width: 53px; display: block;} .heartbg{background-image: url('..//img/Heart-bg.png'); height: 120px; width: 132px;display: block;} .holisticicon {background-image: url('../img/new-icons.png'); height: 50px; width: 50px; display: block;} .greenbg-img{ background-image: url('../img/green-bk.png'); background-size: cover; background-position: center; background-repeat: no-repeat;} .bg-white-img { background-color: rgba(250, 250, 250, 0.5); background-image: url('../img/right-bg.png'); background-size: cover; background-position: center; background-repeat: no-repeat;} .form-label {font-size: 1rem; font-weight: 500;} .breadcrumb li.breadcrumb-item.active { font-weight: 600; font-size: 1rem !important; } .btn-enquiry {background: #da7922; color: #ffffff;} .btn-enquiry:hover {background: #b76a24; color: #ffffff;} div#EnquiryForm { z-index: 9999;} #EnquiryForm textarea {resize: none;} .swal2-cancel.swal2-styled.swal2-default-outline, .swal2-confirm.swal2-styled.swal2-default-outline{padding:.425em 1.1em !important;} @media screen and (max-width:767px) { .section-title h2.title, .title, .faq-title, .hero-title {font-size: 30px; margin-bottom: 20px;} body.staticpage .title{font-size: 30px !important; } .graphsidebar a.dropdown-item { background: #fff; } } @media (max-width: 480px) { .innerpage-bg h1 { font-size: 2rem; } } .fs-6{font-size:1rem; line-height: 1.8rem;} @media screen and (min-width: 1381px) { /* Apply styles only to p, li, and accordion-button NOT inside .pagination */ /* p:not(.pagination *,.formaccordian *), li:not(.pagination *,.formaccordian *), .accordion-button:not(.pagination *,.formaccordian *) { font-size: 1.2rem !important; line-height: 1.8rem !important; } */ #viewappointment .list-unstyled li{ font-size: 1rem !important; line-height:1.8rem !important; } }