/* Fonts */ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); /* @font-face { font-family: 'Proxima Nova Rg'; src: url('../assets/fonts/ProximaNova-Regular.eot'); src: local('Proxima Nova Regular'), local('ProximaNova-Regular'), url('../assets/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/ProximaNova-Regular.woff2') format('woff2'), url('../assets/fonts/ProximaNova-Regular.woff') format('woff'), url('../assets/fonts/ProximaNova-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } */ * { font-family: "Open Sans", sans-serif; } :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;} body { font-family: "Open Sans", sans-serif; background-color: var(--background-color); color: var(--text-color); transition: background-color 0.3s ease, color 0.3s ease; } .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 #4EAA39;border-radius: 50%;width: 40px;height: 40px;animation: spin 1s linear infinite;} @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* :root { --default-font: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --heading-font: "Raleway", sans-serif; --nav-font: "Poppins", sans-serif; } */ /* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */ :root { --background-color: #ffffff; --default-color: #444444; --heading-color: #191919; --accent-color: #cc1616; --surface-color: #ffffff; --contrast-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 --------------------------------------------------------------*/ ::-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; } body {color: var(--default-color);background-color: var(--background-color);font-family: var(--default-font);font-size: 14px;} ::placeholder{font-size: 14px;} a {color: #4eab39;text-decoration: none;transition: 0.3s;} a:hover {color:#1b82c5;text-decoration: none;} h1,h2,h3,h4,h5,h6 { color: var(--heading-color); font-family: var(--heading-font);} p, li{font-size: 14px; line-height: 26px;} .bluetext {color:#1b82c5} .greentext{color:#4eaa39} .whitetext{color:#ffffff} .btn-green, .btn-success {background: #4EAA39; border-color:#4EAA39; font-size: 14px;} .btn-green:hover{background: #2b9120; border-color:#2b9120;} .btn-outline-success{border: 1px solid #4EAA39 !important ;} .btn-outline-success:hover, .btn.btn-outline-success.show{background: #4EAA39; border-color:#4EAA39;} .btn-primary {font-size: 14px;} .btn-blue{background: #1b82c5; border-color:#1b82c5;} .btn-blue:hover{background: #1b82c5; border-color:#1b82c5;} .bg-green {background-color: #4eaa39 !important; height: 100%;} .bg-blue {background: #1b82c5; height: 100%;} .scrolled .fixed-top {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);} .font14{font-size: 14px !important;} .pointer{cursor: pointer !important;} .form-label{font-weight: 500;} .modal-header .btn-close {color: #ffffff;} .bglightgreen {background: rgba(78, 170, 57, 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 !important;} .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{margin-bottom: 0px !important;} .ngx-pagination .current{background:#4eaa39 !important; ;} .form-select, .form-control{font-size: 14px !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;} .topsearch .font12 {font-size: 1rem !important;} .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; } .NgxEditor__Content { min-height: 200px; max-height: 200px; overflow-y: scroll;} #viewDetailRecipe li p{margin-bottom: 5px;} .text-gray {color:#8d8a8a} .mx150 { max-width: 150px;} /*-------------------------------------------------------------- # Global Header --------------------------------------------------------------*/ .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:#4CAF50;height: 35px;padding: 0;font-size: 14px;transition: all 0.5s; /*margin-left: -4px;*/} .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);} @media (max-width: 575px) { .header .topbar .contact-info i a, .header .topbar .contact-info i span { font-size: 11px; } } .header .topbar .contact-info i a { line-height: 0; transition: 0.3s;} .header .topbar .contact-info i a:hover { color: var(--contrast-color); text-decoration: underline;} .header .topbar .social-links a {color: color-mix(in srgb, var(--default-color), transparent 40%);line-height: 0;transition: 0.3s;margin-left: 20px;} .header .topbar .social-links a:hover {color: #000000;} .header .branding {background-color: color-mix(in srgb, var(--default-color), transparent 95%);min-height: 50px; padding: 5px 0px;} .header .logo {line-height: 1;} /*.header .logo img {max-height: 36px;margin-right: 8px;}*/ .header .logo h1 {font-size: 30px;margin: 0;font-weight: 700;text-transform: uppercase;color: var(--heading-color);} /*-------------------------------------------------------------- # 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:#000000;padding: 0px 5px;margin-left: 2px;font-size: 12px;font-family: var(--nav-font);font-weight: 400; white-space: nowrap;transition: 0.3s; border-right: 1px solid #babeba;} .navmenu li:nth-child(6) 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:#4eaa39;} .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: 767px) { .mobile-nav-toggle {color:#45aa3d;font-size: 28px;line-height: 0;margin-right: 10px;cursor: pointer;transition: color 0.3s;} .navmenu {padding: 0;z-index: 99;} .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; } .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;} .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: #4eaa39;} .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 {position: fixed;overflow: hidden;inset: 0;background: rgba(33, 37, 41, 0.8);transition: 0.3s;} .mobile-nav-active .navmenu>ul {display: block;} .navmenu .btn.btn-success {color: #fff;} } @media (max-width: 767px) { .navmenu a, .branding a.btn-success{font-size: 12px;} } @media (min-width:1024px) { .navmenu a, .navmenu a:focus {font-size: 14px; 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-color: #5bb047;font-size: 14px;position: relative;} .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: 16px;font-weight: bold;position: relative;padding-bottom: 12px;} .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: color-mix(in srgb, var(--default-color), transparent 30%);display: inline-block;line-height: 1;} .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 color-mix(in srgb, var(--default-color), transparent 90%);} .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 { color: var(--default-color); background-color: var(--background-color); padding: 60px 0; scroll-margin-top: 100px; overflow: clip;} @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 --------------------------------------------------------------*/ .hero {width: 100%;min-height: 100vh;position: relative;padding: 160px 0 100px 0;display: flex;align-items: center;justify-content: center;} .hero img.herobg {position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;z-index: 1;} .hero:before {content: "";position: absolute;inset: 0;z-index: 2;}.hero .container {position: relative;z-index: 3;} .hero h2 {margin: 0;font-size: 48px;text-transform: uppercase;font-weight: 700;}.hero p {margin: 10px 0 0 0;font-size: 18px;} .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; } .hero p { font-size: 18px; } } @media (max-width: 767px) { .hero { padding: 30px 0 30px 0; } } /*-------------------------------------------------------------- # 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:#4eaa39;} #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.png) top left; width: 70px; height: 75px; display:inline-block;} .glucose{background-position: -19px -18px !important;} .visual{background-position: -19px -122px !important;} .alert{background-position: -19px -224px !important;} .expert{background-position: -19px -342px !important;} .demand{background-position: -19px -469px !important;} .cgm{background-position: -7px -587px !important;} .trackfood{background-position: -7px -700px !important;} .report{background-position: -7px -821px !important;} .app{background-position: -7px -924px !important;} .plan{background-position: -7px -1036px !important;} /*-------------------------------------------------------------- # metabolism section --------------------------------------------------------------*/ #metabolism{ position: relative; padding: 50px 0px;background:url(../img/bg-gray.png) top right; width:100%; height:400px; display:inline-block;} /* #metabolism{ position: relative; padding: 0px;} */ #metabolism img { width: 100%;} /* #metabolism .container {position: absolute;top: 10%;left: 5%;} */ /*-------------------------------------------------------------- # 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;} } /*-------------------------------------------------------------- # 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%);} /*-------------------------------------------------------------- Reviver Login --------------------------------------------------------------*/ #patientlogin{position:relative; background:#e7f9e8; width: 100%; display: flex; align-items: center; justify-content: center; background-size: cover; object-fit: cover; padding: 30px 20px !important; } #patientlogin .patingtherobg{width: 100%;;} .login-body{ width: 100%; background-color: #fff; max-width: 1000px; border-radius:0px; } .regbtns{position:absolute; bottom: 20px; left: 50%; transform: translateX(-50%);} .login-body.registration {max-width: 1030px; padding-top: 0px;} /*-------------------------------------------------------------- Dashoboard --------------------------------------------------------------*/ .left-sidebar{max-width: 170px; box-shadow: 2px 0px 15px #f4f2f2;} .right-content{width:calc(100% - 170px);} .sidebar {/*background-color: #f0f9f0; height: 100vh;*/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; height: 45px; display: flex; align-items: center; /*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: #4CAF50; color:#fff;}.dropdown-menu a {padding-left: 30px;} .sidebar i.bi, .sidebar i.fa { color: #4caf50;} .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:#4eab39; 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;} .topheader .left-sidebar{max-width: 100px;} .topheader .right-content {width: calc(100% - 100px); } } /*-------------------------------------------------------------- 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: #4CAF50;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: green; font-weight: 600; font-size: 16px;} .nav-tabs button:hover { color: green; 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: #4EAA39; padding: 10px;} .modal-header h6{color: #ffffff; } .profiledrop{background: rgba(78, 170, 57, 0.3) !important; border-radius: 30px;} .profiledrop img{width: 30px; height: 30px; border-radius: 100%;} .profiledrop button.btn.dropdown-toggle { padding: 5px; padding-right: 10px; font-size: 14px; display: flex; align-items: center; gap: 10px;} .profiledrop button.btn.dropdown-toggle:hover{color: #000000;} /* main.main .dashboard { padding-top: 110px;} */ .minw100 {min-width: 100px;} .minw150 {min-width: 150px;} .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: #4CAF50;} .yellow-fill {background-color: #FFEB3B;} .brown-fill {background-color: #A0522D;} /*-------------------------------------------------------------- Pricing --------------------------------------------------------------*/ .pricing-card{border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:3px; border: 0px; background: #fff;} .pricing-card:hover, .pricing-card.active{background: #4caf50;} .pricing-card:hover .pricing-header, .pricing-card.active .pricing-header{background: #fff;} .pricing-card:hover .pricing-header, .pricing-card:hover .pricing-header h3 , .pricing-card.active .pricing-header h3, .pricing-card.active .pricing-price{color:#4caf50;} .pricing-card:hover .pricing-features li, .pricing-card.active .pricing-features li, .pricing-card.active .pricing-features i, .pricing-card:hover .pricing-features i{color: #ffffff;} .pricing-header{background-color:#4caf50;color:#fff;padding:20px;border-radius:8px;text-align:center} .pricing-header h3{color: #ffffff; margin-bottom: 0px; font-weight: 700;} .pricing-header-quaterly{background-color:#ebf5ef;color:#4caf50} .pricing-price{font-size:2rem; font-weight: 700;} .pricing-features{padding:10px 10px 0px 10px;list-style-type:none;} .pricing-features i{color: #4caf50;} .pricing-features li{margin-bottom:10px; display: flex;} .pricing-btn{margin-top:20px} /*-------------------------------------------------------------- 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: #4EAA39;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;} .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: 1650px; min-width: 100%} .adminappointment-table th:nth-child(1){width: 5%;} .adminappointment-table th:nth-child(2){width: 12%;} .adminappointment-table th:nth-child(3){width: 20%;} .adminappointment-table th:nth-child(4){width: 10%;} .adminappointment-table th:nth-child(5){width: 14%;} .adminappointment-table th:nth-child(6){width: 23%;} .adminappointment-table th:nth-child(7){width: 10%;} .adminappointment-table th:nth-child(8){width: 8%;} .adminappointment-table th:nth-child(9){width: 11%;} .adminappointment-table th:nth-child(10){width: 13%;} .adminappointment-table th:nth-child(11){width: 6%;} /*-------------------------------------------------------------- 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, tfoot {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{padding-left: 0% !important; border-bottom: 1px solid #ddd;} tr.norecords td::before{content:none !important;} table.cus-table.Notification-table tr.norecords td{padding-left: 30% !important; border-bottom: 1px solid #ddd;} .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: "Reviver 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: "#"; } .notifi-table td:nth-of-type(2):before { content: "Information"; } .notifi-table td:nth-of-type(3):before { content: "Date and Time "; } .notifi-table td:nth-of-type(4):before { content: "Action Items"; } .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"; } .Enrolled-table td:nth-of-type(1):before { content: "#"; } .Enrolled-table td:nth-of-type(2):before { content: "Reviver Name"; } .Enrolled-table td:nth-of-type(3):before { content: "Age"; } .Enrolled-table td:nth-of-type(4):before { content: "Sex"; } .Enrolled-table td:nth-of-type(5):before { content: "Plan"; } .Enrolled-table td:nth-of-type(6):before { content: "Action"; } .Requested td:nth-of-type(1):before { content: "#"; } .Requested td:nth-of-type(2):before { content: "Reviver Name"; } .Requested td:nth-of-type(3):before { content: "Email Id"; } .Requested td:nth-of-type(4):before { content: "Mobile No"; } .doctorapp-table td:nth-of-type(1):before { content: "#"; } .doctorapp-table td:nth-of-type(2):before { content: "Data & Time "; } .doctorapp-table td:nth-of-type(3):before { content: "Reviver Name "; } .doctorapp-table td:nth-of-type(4):before { content: "Description"; } .doctorapp-table td:nth-of-type(5):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"; } .patientmaster-table {width: 100%;} .patientmaster-table td:nth-of-type(1):before { content: "#"; } .patientmaster-table td:nth-of-type(2):before { content: "Reviver ID"; } .patientmaster-table td:nth-of-type(3):before { content: "Reviver 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";} .addreport-table td:nth-of-type(1):before { content: "#";} .addreport-table td:nth-of-type(2):before { content: "Reviver ID";} .addreport-table td:nth-of-type(3):before { content: "Reviver Name";} .addreport-table td:nth-of-type(4):before { content: "Email ID";} .addreport-table td:nth-of-type(5):before { content: "Telephone";} .addreport-table td:nth-of-type(6):before { content: "Age";} .addreport-table td:nth-of-type(7):before { content: "Gender";} .addreport-table td:nth-of-type(8):before { content: "Status";} .addreport-table td:nth-of-type(9):before { content: "Modified Date";} .addreport-table td:nth-of-type(10):before { content: "Action";} .addreport-table td:nth-of-type(3), .addreport-table td:nth-of-type(9){padding-left: 40% !important;} .adminappointment-table {width: 100% !important;} .adminappointment-table td:nth-of-type(1):before { content: "#";} .adminappointment-table td:nth-of-type(2):before { content: "Reviver 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: "Diagnostics Name"; width: 60%; } .adminappointment-table td:nth-of-type(9) { padding-left: 45% !important;} .adminappointment-table td:nth-of-type(10):before { content: "Status";} .adminappointment-table td:nth-of-type(11):before { content: "Actions";} .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";} .category-table td:nth-of-type(1):before { content: "#";} .category-table td:nth-of-type(2):before { content: "Category Name";} .category-table td:nth-of-type(3):before { content: "Category Type";} .category-table td:nth-of-type(4):before { content: "Description";} .category-table td:nth-of-type(5):before { content: "Created Date";} .category-table td:nth-of-type(6):before { content: "Status";} .category-table td:nth-of-type(7):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 Code"; } .hospitalmaster-table td:nth-of-type(3):before { content: "Hospital Name"; } .hospitalmaster-table td:nth-of-type(4):before { content: "# Doctor's"; } .hospitalmaster-table td:nth-of-type(5):before { content: "# Reviver's"; } .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(11):before { content: "Status"; } .hospitalmaster-table td:nth-of-type(12):before { content: "Created Date"; } .hospitalmaster-table td:nth-of-type(13):before { content: "Action"; } .hospitalmaster-table td:nth-of-type(2), .hospitalmaster-table td:nth-of-type(3), .hospitalmaster-table td:nth-of-type(6) {padding-left: 45% !important;} .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 Number"; } .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: "Gender"; } .doctormaster-table td:nth-of-type(8):before { content: "Organization"; } .doctormaster-table td:nth-of-type(9):before { content: "Languages"; } .doctormaster-table td:nth-of-type(10):before { content: "Profit Margin (%)"; } .doctormaster-table td:nth-of-type(11):before { content: "Status"; } .doctormaster-table td:nth-of-type(12):before { content: "Action"; } .doctormaster-table td:nth-of-type(3) { padding-left: 40% !important; } .doctormaster-table td:nth-of-type(10) { padding-left: 45% !important; } .patientmastermap-table td:nth-of-type(1):before { content: "#"; } .patientmastermap-table td:nth-of-type(2):before { content: "Reviver Name"; } .patientmastermap-table td:nth-of-type(3):before { content: "Email ID"; } .patientmastermap-table td:nth-of-type(4):before { content: " Telephone"; } .patientmastermap-table td:nth-of-type(5):before { content: " Status"; } .patientmastermap-table td:nth-of-type(6):before { content: " Doctor"; } .patientmastermap-table td:nth-of-type(7):before { content: "Diabetic Health Adviser"; width: 60%; } .patientmastermap-table td:nth-of-type(8):before { content: "Plan Type"; } .patientmastermap-table td:nth-of-type(9):before { content: "Plan Enrolled Date"; } .patientmastermap-table td:nth-of-type(10):before { content: "Plan Expiry Date"; } .patientmastermap-table td:nth-of-type(11):before { content: " Languages"; } .patientmastermap-table td:nth-of-type(9), .patientmastermap-table td:nth-of-type(10){padding-left: 50% !important;} .patientmastermap-table td:nth-of-type(7){padding-left: 60% !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: "Order Date"; } .ordermaster-table td:nth-of-type(4):before { content: "Order Value"; } .ordermaster-table td:nth-of-type(5):before { content: "Client Name"; } .ordermaster-table td:nth-of-type(6):before { content: "Client Email"; } .ordermaster-table td:nth-of-type(7):before { content: "Client Telephone"; } .ordermaster-table td:nth-of-type(8):before { content: "Payment Status"; } .ordermaster-table td:nth-of-type(9):before { content: "Shipment Status"; } .ordermaster-table td:nth-of-type(10):before { content: "Invoice Status"; } .ordermaster-table td:nth-of-type(11):before { content: "Appointment Status"; } .ordermaster-table td:nth-of-type(7), .ordermaster-table td:nth-of-type(8), .ordermaster-table td:nth-of-type(9), .ordermaster-table td:nth-of-type(10), .ordermaster-table td:nth-of-type(11) {padding-left: 50% !important;} .couponUsage-table td:nth-of-type(1):before { content: "#";} .couponUsage-table td:nth-of-type(2):before { content: "Coupon Code";} .couponUsage-table td:nth-of-type(3):before { content: "Type ";} .couponUsage-table td:nth-of-type(4):before { content: "Coupon Discount ";} .couponUsage-table td:nth-of-type(5):before { content: "Name ";} .couponUsage-table td:nth-of-type(6):before { content: "OrderId ";} .couponUsage-table td:nth-of-type(7):before { content: "Order Date ";} .couponUsage-table td:nth-of-type(8):before { content: "Original Amount ";} .couponUsage-table td:nth-of-type(9):before { content: "Invoiced Amount ";} .couponUsage-table td:nth-of-type(9):before { content: "Status ";} .thyrocare-table td:nth-of-type(1):before { content: "#";} .thyrocare-table td:nth-of-type(2):before { content: "Plan Id";} .thyrocare-table td:nth-of-type(3):before { content: "Plan Name";} .thyrocare-table td:nth-of-type(4):before { content: "Order Date";} .thyrocare-table td:nth-of-type(5):before { content: "Reviver Name ";} .thyrocare-table td:nth-of-type(6):before { content: "Project Code";} .thyrocare-table td:nth-of-type(7):before { content: "Product Name";} .thyrocare-table td:nth-of-type(8):before { content: "Diagnostic Type ";} .thyrocare-table td:nth-of-type(5), .thyrocare-table td:nth-of-type(7){ padding-left: 40%;} .couponCreation-table td:nth-of-type(1):before { content: "#";} .couponCreation-table td:nth-of-type(2):before { content: "Coupon Code";} .couponCreation-table td:nth-of-type(3):before { content: "Type";} .couponCreation-table td:nth-of-type(4):before { content: "Created By";} .couponCreation-table td:nth-of-type(5):before { content: "Date of Creation";} .convenienceFee-table td:nth-of-type(1):before { content: "#";} .convenienceFee-table td:nth-of-type(2):before { content: "Invoice Id";} .convenienceFee-table td:nth-of-type(3):before { content: "Order Id";} .convenienceFee-table td:nth-of-type(4):before { content: "Order Date";} .convenienceFee-table td:nth-of-type(5):before { content: "Customer Name";} .convenienceFee-table td:nth-of-type(6):before { content: "Invoice Amount";} .convenienceFee-table td:nth-of-type(7):before { content: "Conv. Amount";} /* .convenienceFee-table td:nth-of-type(8):before { content: "Conv. %";} */ .paymentstatus-table td:nth-of-type(1):before { content: "#";} .paymentstatus-table td:nth-of-type(2):before { content: "Person Name";} .paymentstatus-table td:nth-of-type(3):before { content: "Email";} .paymentstatus-table td:nth-of-type(4):before { content: "Telephone";} .paymentstatus-table td:nth-of-type(5):before { content: "Plan Name";} .paymentstatus-table td:nth-of-type(6):before { content: "Registration Date";} .paymentstatus-table td:nth-of-type(7):before { content: "Date of Purchase";} .paymentstatus-table td:nth-of-type(8):before { content: "Amount";} .paymentstatus-table td:nth-of-type(9):before { content: "Tax % ";} .paymentstatus-table td:nth-of-type(10):before { content: "Tax Amount";} .paymentstatus-table td:nth-of-type(11):before { content: "Total Amount";} .paymentstatus-table td:nth-of-type(12):before { content: "Convenience Fee";} .paymentstatus-table td:nth-of-type(13):before { content: "Convenience Fee Tax";} .paymentstatus-table td:nth-of-type(14):before { content: "Total Amount";} .paymentstatus-table td:nth-of-type(15):before { content: "Transaction Details";} .paymentstatus-table td:nth-of-type(16):before { content: "Paid Date";} .paymentstatus-table td:nth-of-type(17):before { content: "CSR Action";} .medicaltest-table td:nth-of-type(1):before { content: "#";} .medicaltest-table td:nth-of-type(2):before { content: "Name";} .medicaltest-table td:nth-of-type(3):before { content: "Email";} .medicaltest-table td:nth-of-type(4):before { content: "Telephone";} .medicaltest-table td:nth-of-type(5):before { content: "Register Date";} .medicaltest-table td:nth-of-type(6):before { content: "Purchase Date";} .medicaltest-table td:nth-of-type(7):before { content: "Plan Name";} .medicaltest-table td:nth-of-type(8):before { content: "Duration/Gaps";} .medicaltest-table td:nth-of-type(9):before { content: "Booking Date";} .medicaltest-table td:nth-of-type(10):before { content: "Diagnostic Name";} .medicaltest-table td:nth-of-type(11):before { content: "Status";} .ordercontent-table td:nth-of-type(1):before { content: "Product Name";} .ordercontent-table td:nth-of-type(2):before { content: "Qty";} .ordercontent-table td:nth-of-type(3):before { content: "Rate";} .ordercontent-table td:nth-of-type(4):before { content: "Discount %";} .ordercontent-table td:nth-of-type(5):before { content: "Discount Amt";} .ordercontent-table td:nth-of-type(6):before { content: "Coupon Applied";} .ordercontent-table td:nth-of-type(7):before { content: "Coupon %";} .ordercontent-table td:nth-of-type(8):before { content: "Coupon Amt";} .ordercontent-table td:nth-of-type(9):before { content: "Convenience Fee %";} .ordercontent-table td:nth-of-type(10):before { content: "Convenience Fee Amt";} .ordercontent-table td:nth-of-type(11):before { content: "Convenience Fee Tax %";} .ordercontent-table td:nth-of-type(12):before { content: "Convenience Fee Tax Amt";} .ordercontent-table td:nth-of-type(13):before { content: "CGST %";} .ordercontent-table td:nth-of-type(14):before { content: "CGST Amt";} .ordercontent-table td:nth-of-type(15):before { content: "SGST %";} .ordercontent-table td:nth-of-type(16):before { content: "SGST Amt";} .ordercontent-table td:nth-of-type(17):before { content: "Amount";} .ordercontent-table td:nth-of-type(9), .ordercontent-table td:nth-of-type(10), .ordercontent-table td:nth-of-type(11), .ordercontent-table td:nth-of-type(12) {padding-left: 50% !important;} .plastatus-table td:nth-of-type(1):before { content: "Month"; } .plastatus-table td:nth-of-type(2):before { content: "GRP - Advance-QA ";} .plastatus-table td:nth-of-type(3):before { content: "GRP - Basic-QA";} .plastatus-table td:nth-of-type(4):before { content: "MetaSurge-QA";} .plastatus-table td:nth-of-type(5):before { content: "New App Plan";} .plastatus-table td:nth-of-type(6):before { content: "One day Plan-QA";} .plastatus-table td:nth-of-type(7):before { content: "Quarterly-QA";} .plastatus-table td:nth-of-type(8):before { content: "Two day Plan-QA";} .plastatus-table td, .paymentstatus-table td, .medicaltest-table td, .welcome-table td, .questions-table td, .dha-table td, .joineduser-table td, .ticketdetails-table td, .unScheduled-table td {padding-left: 50% !important;} .csrActivity-table td:nth-of-type(1):before { content: "#"; } .csrActivity-table td:nth-of-type(2):before { content: "Notes ";} .csrActivity-table td:nth-of-type(3):before { content: "Activity By";} .csrActivity-table td:nth-of-type(4):before { content: "Date & Time";} .welcome-table td:nth-of-type(1):before { content: "#"; } .welcome-table td:nth-of-type(2):before { content: "Reviver Name";} .welcome-table td:nth-of-type(3):before { content: "Email ID ";} .welcome-table td:nth-of-type(4):before { content: " Telephone";} .welcome-table td:nth-of-type(5):before { content: "Registration Date";} .welcome-table td:nth-of-type(6):before { content: "Purchase Date";} .welcome-table td:nth-of-type(7):before { content: "Plan Name";} .welcome-table td:nth-of-type(8):before { content: "Welcome Date & Time";} .welcome-table td:nth-of-type(9):before { content: "Meeting With";} .welcome-table td:nth-of-type(10):before { content: "Status";} .welcome-table td:nth-of-type(11):before { content: "CSR Action";} .questions-table td:nth-of-type(1):before { content: "#"; } .questions-table td:nth-of-type(2):before { content: "Reviver Name";} .questions-table td:nth-of-type(3):before { content: "Email ID ";} .questions-table td:nth-of-type(4):before { content: " Telephone";} .questions-table td:nth-of-type(5):before { content: "Registration Date";} .questions-table td:nth-of-type(6):before { content: "Purchase Date";} .questions-table td:nth-of-type(7):before { content: "Plan Name";} .questions-table td:nth-of-type(8):before { content: "Question Filled";} .questions-table td:nth-of-type(9):before { content: "Duration/Gaps";} .questions-table td:nth-of-type(10):before { content: "CSR Action";} .dha-table td:nth-of-type(1):before { content: "#"; } .dha-table td:nth-of-type(2):before { content: "Reviver Name";} .dha-table td:nth-of-type(3):before { content: "Email ID ";} .dha-table td:nth-of-type(4):before { content: " Telephone";} .dha-table td:nth-of-type(5):before { content: "Registration Date";} .dha-table td:nth-of-type(6):before { content: "Purchase Date";} .dha-table td:nth-of-type(7):before { content: "Plan Name";} .dha-table td:nth-of-type(8):before { content: "Reviver Attendance";} .dha-table td:nth-of-type(9):before { content: "DHA Attendance";} .dha-table td:nth-of-type(10):before { content: "Welcome Date & Time";} .dha-table td:nth-of-type(11):before { content: "Total Appointments";} .dha-table td:nth-of-type(12):before { content: "Consumed Appointment";} .dha-table td:nth-of-type(13):before { content: "Leftover Appointments";} .dha-table td:nth-of-type(14):before { content: "Status";} .dha-table td:nth-of-type(15):before { content: "CSR Activity";} .registered-table td:nth-of-type(1):before { content: "#"; } .registered-table td:nth-of-type(2):before { content: "Reviver Name";} .registered-table td:nth-of-type(3):before { content: "Email ID ";} .registered-table td:nth-of-type(4):before { content: "Telephone";} .registered-table td:nth-of-type(5):before { content: "Registered Date";} .registered-table td:nth-of-type(6):before { content: "Age";} .registered-table td:nth-of-type(7):before { content: "Plan Name";} .joined-table td:nth-of-type(1):before { content: "#"; } .joined-table td:nth-of-type(2):before { content: "Reviver Name";} .joined-table td:nth-of-type(3):before { content: "Email ID ";} .joined-table td:nth-of-type(4):before { content: "Telephone";} .joined-table td:nth-of-type(5):before { content: "Registered Date";} .joined-table td:nth-of-type(6):before { content: "Purchased Date";} .joined-table td:nth-of-type(7):before { content: "Age";} .joined-table td:nth-of-type(8):before { content: "Plan Name";} .pending-table td:nth-of-type(1):before { content: "#"; } .pending-table td:nth-of-type(2):before { content: "Reviver Name";} .pending-table td:nth-of-type(3):before { content: "Email ID ";} .pending-table td:nth-of-type(4):before { content: "Telephone";} .pending-table td:nth-of-type(5):before { content: "Registered Date";} .pending-table td:nth-of-type(6):before { content: "Age";} .pending-table td:nth-of-type(7):before { content: "CSR Action";} .ticketdetails-table td:nth-of-type(1):before { content: "#"; } .ticketdetails-table td:nth-of-type(2):before { content: "Ticket Id";} .ticketdetails-table td:nth-of-type(3):before { content: "Ticket No";} .ticketdetails-table td:nth-of-type(4):before { content: "Ticket Category";} .ticketdetails-table td:nth-of-type(5):before { content: "Raised By";} .ticketdetails-table td:nth-of-type(6):before { content: "Raised Date & Time";} .ticketdetails-table td:nth-of-type(7):before { content: "Assigned To";} .ticketdetails-table td:nth-of-type(8):before { content: "Status";} .ticketdetails-table td:nth-of-type(9):before { content: "Severity";} .ticketdetails-table td:nth-of-type(10):before { content: "Subject";} .stockOut-table td:nth-of-type(1):before { content: "#";} .stockOut-table td:nth-of-type(2):before { content: "Order Id";} .stockOut-table td:nth-of-type(3):before { content: "Invoice No";} .stockOut-table td:nth-of-type(4):before { content: "Reviver Name"; } .stockOut-table td:nth-of-type(5):before { content: "Order Date";} .stockOut-table td:nth-of-type(6):before { content: "Dispatched On";} .stockOut-table td:nth-of-type(7):before { content: " Dispatched By";} .stockOut-table td:nth-of-type(8):before { content: "Consumed Date & Time";} .stockOut-table td:nth-of-type(8){padding-left: 50% !important;} .stockOut-table td:nth-of-type(9):before { content: " Qty";} .unScheduled-table td:nth-of-type(1):before { content: "#";} .unScheduled-table td:nth-of-type(2):before { content: " Reviver Name";} .unScheduled-table td:nth-of-type(3):before { content: "Email ID ";} .unScheduled-table td:nth-of-type(4):before { content: " Telephone"; } .unScheduled-table td:nth-of-type(5):before { content: " Registration Date";} .unScheduled-table td:nth-of-type(6):before { content: " Purchase Date";} .unScheduled-table td:nth-of-type(7):before { content: " Plan Name";} .unScheduled-table td:nth-of-type(8):before { content: "Duration/Gaps";} .unScheduled-table td:nth-of-type(9):before { content: " CSR Action";} .reviverlifecycle-table td:nth-of-type(1):before { content: "Reviver";} .reviverlifecycle-table td:nth-of-type(2):before { content: "Stage 1 - Registration";} .reviverlifecycle-table td:nth-of-type(3):before { content: "Stage 2 - Payments";} .reviverlifecycle-table td:nth-of-type(4):before { content: "Stage 2 - CRM Call 1"; } .reviverlifecycle-table td:nth-of-type(5):before { content: "Stage 2 - Shipped"; } .reviverlifecycle-table td:nth-of-type(6):before { content: "Stage 2 - CRM Call 2";} .reviverlifecycle-table td:nth-of-type(7):before { content: "Stage 2 - Delivered";} .reviverlifecycle-table td:nth-of-type(8):before { content: "Stage 3 - Thyrocare Appt";} .reviverlifecycle-table td:nth-of-type(9):before { content: "Stage 3 - Questions Fill";} .reviverlifecycle-table td:nth-of-type(10):before { content: "Stage 3 - CRM Call 3"; } .reviverlifecycle-table td:nth-of-type(11):before { content: "Stage 3 - CRM Call 4"; } .reviverlifecycle-table td:nth-of-type(12):before { content: "Stage 4 - CRM Call 5"; } .reviverlifecycle-table td:nth-of-type(13):before { content: "Appointment Type";} .reviverlifecycle-table td:nth-of-type(13) {padding-left: 50% !important;} .reviverlifecycle-table td:nth-of-type(14):before { content: "Stage 4 - 1st Appt";} .reviverlifecycle-table td:nth-of-type(15):before { content: "Stage 4 - 2nd Appt";} .reviverlifecycle-table td:nth-of-type(16):before { content: "Stage 4 - 3rd Appt ";} .reviverlifecycle-table td:nth-of-type(17):before { content: "Stage 4 - 4th Appt";} .reviverlifecycle-table td:nth-of-type(18):before { content: "Stage 4 - 5th Appt";} .reviverlifecycle-table td:nth-of-type(19):before { content: "Stage 4 - 6th Appt";} .reviverlifecycle-table td:nth-of-type(20):before { content: "Stage 4 - 7th Appt";} .reviverlifecycle-table td:nth-of-type(21):before { content: "Stage 4 - 8th Appt";} .reviverlifecycle-table td:nth-of-type(22):before { content: "Stage 4 - 9th Appt";} .reviverlifecycle-table td:nth-of-type(23):before { content: "Stage 4 - 10th Appt";} .reviverlifecycle-table td:nth-of-type(24):before { content: "Stage 4 - 11th Appt";} .reviverlifecycle-table td:nth-of-type(25):before { content: "Stage 4 - 12th Appt";} .reviverlifecycle-table td:nth-of-type(26):before { content: "Stage 4 - 13th Appt";} .reviverlifecycle-table td:nth-of-type(27):before { content: "Stage 4 - 14th Appt";} .reviverlifecycle-table td:nth-of-type(28):before { content: "Stage 4 - 15th Appt";} .lifecycle-ticket-table td:nth-of-type(1):before { content: "#";} .lifecycle-ticket-table td:nth-of-type(2):before { content: "Ticket Id";} .lifecycle-ticket-table td:nth-of-type(3):before { content: "Ticket No";} .lifecycle-ticket-table td:nth-of-type(4):before { content: " Ticket Category"; } .lifecycle-ticket-table td:nth-of-type(5):before { content: " Raised By";} .lifecycle-ticket-table td:nth-of-type(6):before { content: " Telephone";} .lifecycle-ticket-table td:nth-of-type(7):before { content: " Email";} .lifecycle-ticket-table td:nth-of-type(8):before { content: "Raised Date & Time";} .lifecycle-ticket-table td:nth-of-type(8) {padding-left: 50% !important;} .lifecycle-ticket-table td:nth-of-type(9):before { content: "Assigned To";} .lifecycle-ticket-table td:nth-of-type(10):before { content: "Status";} .lifecycle-ticket-table td:nth-of-type(11):before { content: "Severity";} .lifecycle-ticket-table td:nth-of-type(12):before { content: "Subject";} .lifecycle-ticket-table td:nth-of-type(13):before { content: "History";} .ticket-history-table td:nth-of-type(1):before { content: "Ticket Id";} .ticket-history-table td:nth-of-type(2):before { content: "Assigned Date & Time";} .ticket-history-table td:nth-of-type(2) {padding-left: 55% !important;} .ticket-history-table td:nth-of-type(3):before { content: "Assigned To";} .ticket-history-table td:nth-of-type(4):before { content: "Status"; } .ticket-history-table td:nth-of-type(5):before { content: "Remarks";} .patientlist-table td:nth-of-type(1):before { content: "#";} .patientlist-table td:nth-of-type(2):before { content: "Reviver Name";} .patientlist-table td:nth-of-type(3):before { content: "Email ID";} .patientlist-table td:nth-of-type(4):before { content: "Telephone"; } .patientlist-table td:nth-of-type(5):before { content: "Status";} .patientlist-table td:nth-of-type(6):before { content: "Doctor";} .patientlist-table td:nth-of-type(7):before { content: "Diabetic Health Adviser";} .patientlist-table td:nth-of-type(7) {padding-left: 55% !important;} .patientlist-table td:nth-of-type(8):before { content: "Plan Type";} .patientlist-table td:nth-of-type(9):before { content: "Plan Enrolled Date";} .patientlist-table td:nth-of-type(9), .patientlist-table td:nth-of-type(10) {padding-left: 45% !important;} .patientlist-table td:nth-of-type(10):before { content: "Plan Expiry Date";} td.lifecycle-ticket-nested-table {padding: 5% !important;} td.lifecycle-ticket-nested-table::before {content: none !important;} } /*-------------------------------------------------------------- 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;} .sprite {background:url(../img/sprite.png) top left; width:70px; height:70px; display:inline-block;} .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; /*max-height: 100vh;overflow-y: auto;*/} .table th:first-child, .table td:first-child{text-align: center;} .table-wrap{overflow: auto;max-width: 100% !important; /*max-height: 52.5vh;*/} /* .Enrolled-table{width: 1300px !important; overflow-x: scroll;} */ .Enrolled-table th:nth-child(1){width: 3%;} .Enrolled-table th:nth-child(2){width: 30%;} .Enrolled-table th:nth-child(3){width: 4%;} .Enrolled-table th:nth-child(4){width: 4%;} .Enrolled-table th:nth-child(5){width: 6%;} .Enrolled-table th:nth-child(6){width: 12%;} .Enrolled-table.Requested th:nth-child(1){width: 5%;} .Enrolled-table.Requested th:nth-child(2){width: 25%;} .Enrolled-table.Requested th:nth-child(3){width: 15%;} .Enrolled-table.Requested th:nth-child(4){width: 15%;} .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: 5%;} .table.dr-report-table th:nth-child(2){width: 20%;} .table.dr-report-table th:nth-child(3){width: 15%;} .table.dr-report-table th:nth-child(4){width: 30%;} .table.dr-report-table th:nth-child(5){width: 20%;} .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: 9%;} .patientdetail-table th:nth-child(3){width: 3.5%;} .patientdetail-table th:nth-child(4){width: 5%;} .patientdetail-table th:nth-child(5){width: 5%;} .patientdetail-table th:nth-child(6){width: 5%;} .patientdetail-table th:nth-child(7){width: 15%;} .patientdetail-table th:nth-child(8){width: 7%;} .patientdetail-table th:nth-child(9){width: 10.5%;} .patientdetail-table th:nth-child(10){width: 6.5%;} .patientdetail-table th:nth-child(11){width: 9%;} .patientdetail-table th:nth-child(12){width: 8%;} .doctorapp-table th:nth-child(1){width: 5%;} .doctorapp-table th:nth-child(2){width: 25%;} .doctorapp-table th:nth-child(3){width: 15%;} .doctorapp-table th:nth-child(4){width: 40%;} .doctorapp-table th:nth-child(5){width: 15%;} .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: 5%;} .recohistory-table th:nth-child(2){width: 30%;} .recohistory-table th:nth-child(3){width: 30%;} .recohistory-table th:nth-child(4){width: 30%;} .medication-table td{color: #000000 !important;} .medication-table th:nth-child(1){width: 3%;} .medication-table th:nth-child(2){width: 12%;} .medication-table th:nth-child(3){width: 9%;} .medication-table th:nth-child(4){width: 5%;} .medication-table th:nth-child(5){width: 6%;} .medication-table th:nth-child(6){width: 8%;} .medication-table th:nth-child(7){width: 7%;} .medication-table th:nth-child(8){width: 6%;} .medication-table th:nth-child(9){width: 15%;} .medication-table th:nth-child(10){width: 10%;} .medication-table th:nth-child(11){width: 6%;} .medication-table th:nth-child(12){width: 12%;} .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: 1500px; min-width: 100%;} .hospitalmaster-table th:nth-child(1){width: 3%;} .hospitalmaster-table th:nth-child(2){width: 10%;} .hospitalmaster-table th:nth-child(3){width: 14%;} .hospitalmaster-table th:nth-child(4){width: 7%;} .hospitalmaster-table th:nth-child(5){width: 7%;} .hospitalmaster-table th:nth-child(6){width: 10%;} .hospitalmaster-table th:nth-child(7){width: 8%;} .hospitalmaster-table th:nth-child(8){width: 15%;} .hospitalmaster-table th:nth-child(9){width: 7%;} .hospitalmaster-table th:nth-child(10){width: 7%;} .hospitalmaster-table th:nth-child(11){width: 5%;} .hospitalmaster-table th:nth-child(12){width: 8%;} .hospitalmaster-table th:nth-child(13){width: 5%;} .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%;} .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%;} .couponUsage-table{width: 1400px;} .couponUsage-table th:nth-child(1){width: 4%;} .couponUsage-table th:nth-child(2){width: 10%;} .couponUsage-table th:nth-child(3){width: 10%;} .couponUsage-table th:nth-child(4){width: 10%;} .couponUsage-table th:nth-child(5){width: 15%;} .couponUsage-table th:nth-child(6){width: 8%;} .couponUsage-table th:nth-child(7){width: 9%;} .couponUsage-table th:nth-child(8){width: 12%;} .couponUsage-table th:nth-child(9){width: 10%;} .couponUsage-table th:nth-child(10){width: 10%;} .couponUsage-table th:nth-child(11){width: 7%;} .thyrocare-table th:nth-child(1){width: 4%;} .thyrocare-table th:nth-child(2){width: 6%;} .thyrocare-table th:nth-child(3){width: 20%;} .thyrocare-table th:nth-child(4){width: 12%;} .thyrocare-table th:nth-child(5){width: 15%;} .thyrocare-table th:nth-child(6){width: 14%;} .thyrocare-table th:nth-child(7){width: 15%;} .thyrocare-table th:nth-child(8){width: 15%;} .couponCreation-table th:nth-child(1){width: 5%;} .couponCreation-table th:nth-child(2){width: 20%;} .couponCreation-table th:nth-child(3){width: 30%;} .couponCreation-table th:nth-child(4){width: 30%;} .couponCreation-table th:nth-child(5){width: 15%;} .convenienceFee-table th:nth-child(1){width: 5%;} .convenienceFee-table th:nth-child(2){width: 20%;} .convenienceFee-table th:nth-child(3){width: 12%;} .convenienceFee-table th:nth-child(4){width: 12%;} .convenienceFee-table th:nth-child(5){width: 20%;} .convenienceFee-table th:nth-child(6){width: 15%;} .convenienceFee-table th:nth-child(7){width: 12%;} .convenienceFee-table th:nth-child(8){width: 8%;} } .bg-gray{background:#edf9ef !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: #69b757;color: white;padding: 50px 0;} .benefit-item {text-align: center;margin-bottom: 30px;} .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 */ #viewDetailRecipe img {max-width: 200px !important;} .text-muted.disabled { pointer-events: none;} .custom-select { max-height: 150px; /* Set maximum height for dropdown */ overflow-y: auto; /* Enables scroll when content exceeds max-height */ } .ellipse{ text-overflow: ellipsis; overflow: hidden; display: inline-block; max-width: 98%; float: left;} /* .vjs-control-bar, .vjs-loading-spinner, .vjs-modal-dialog, .vjs-big-play-button {display: none;} .video-js{width: 100% !important; height: 300px; padding-top: 0% !important;} video#vjs_video_3_html5_api{ width: 100% !important;} */ /* #playvideo .modal-body { height: 465px;} */ /* #videoPlayer{ height: 400px;} */ .owl-nav {position: absolute;top: 40%;transform: translateY(-40%); width: 100%; } /* Hide arrows when not needed */ .owl-carousel .owl-nav button.owl-prev { position: absolute; left: -35% !important; background: rgba(0, 128, 0, 0.8) !important;color: white !important;border: none !important;font-size: 20px !important;padding: 10px 15px !important;cursor: pointer;z-index: 10 !important;border-radius: 50% !important; height: 40px !important; width: 40px; display: flex; align-items: center; } .owl-carousel .owl-nav button.owl-next { position: absolute; right: -35% !important; background: rgba(0, 128, 0, 0.8) !important;color: white !important;border: none !important;font-size: 20px !important;padding: 10px 15px !important;cursor: pointer;z-index: 10 !important;border-radius: 50% !important; height: 40px !important; width: 40px; display: flex; align-items: center; } .owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span { font-size: 30px !important; margin-top: -5px !important;} .owl-carousel .owl-stage-outer .owl-item{display: flex; align-items: center; justify-content: center;} @media (max-width:1300px) { .owl-carousel .owl-nav button.owl-prev { position: absolute; left: -43% !important;} .owl-carousel .owl-nav button.owl-next { position: absolute; right: -43% !important; } }