/*
 * @description Default Template
 * @file        templatenew.css
 * @author      Md Nur Un Nabi
 * @contact     tutulb21@gmail.com
 * @copyright   Copyright 2011-2025 Esteem Soft Limited.
*/

:root {
	--font-family: 'Open Sans', sans-serif;
	--sidebar-width: 250px;
	--topbar-height: 56px;
}

/* Global Border Style to check for issues */
/* * {
    border: 1px solid red;
} */

body {
	overflow-x: hidden;
	transition: margin-left 0.3s;
	font-family: var(--font-family);
}

/*Custom Fonts Starts*/
    /*Open Sans Fonts Latin*/
        /*Regular*/
        @font-face {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/OpenSans/opensans-normal-400.woff2') format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        /* Medium 500 */
        @font-face {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 500;
            font-stretch: 100%;
            font-display: swap;
            src: url('../fonts/OpenSans/opensans-medium-500.woff2') format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        /*Semi Bold 600*/
        @font-face {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 600;
            font-display: swap;
            src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/OpenSans/opensans-semibold-600.woff2') format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        /*Bold 700*/
        @font-face {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/OpenSans/opensans-bold-700.woff2') format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
    /*Raleway Fonts*/
        /* Regular/Normal */
        /*@font-face {
            font-family: 'Raleway';
            font-style: normal;
            font-weight: var(--font-weight-400);
            font-display: swap;
            src: local('Raleway'), local('Raleway-Regular'), url('../fonts/Raleway/Raleway-Regular-400.woff2') format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }*/

        /* SemiBold 600 */
        /*@font-face {
            font-family: 'Raleway';
            font-style: normal;
            font-weight: var(--font-weight-600);
            font-display: swap;
            src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url('../fonts/Raleway/Raleway-SemiBold-600.woff2') format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }*/

        /* Bod 700 */
        /* @font-face {
            font-family: 'Raleway';
            font-style: normal;
            font-weight: var(--font-weight-700);
            font-display: swap;
            src: local('Raleway Bold'), local('Raleway-Bold'), url('../fonts/Raleway/Raleway-Bold-700.woff2') format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }*/
	/* Ubuntu Fonts*/
		/* latin */
		/*@font-face {
			font-family: 'Ubuntu';
			font-style: normal;
			font-weight: var(--font-weight-400);
			src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url('../fonts/Ubuntu/ubuntu-regular-latin.woff2') format('woff2');
			unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
		}*/
		/* latin */
	/*Montserrat Fonts*/
		/* latin */
		@font-face {
			font-family: 'Montserrat';
			font-style: normal;
			font-weight: var(--font-weight-400);
			src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/Montserrat/montserrat-latin.woff2') format('woff2');
			unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
		}
		/* latin */
	/* Roboto Fonts */
		/* latin */
		@font-face {
			font-family: 'Roboto';
			font-style: normal;
			font-weight: var(--font-weight-400);
			src: local('Roboto'), local('Roboto-Regular'), url('../fonts/Roboto/roboto-latin.woff2') format('woff2');
			unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
		}
		/* latin */
/*Custom Fonts Ends*/

/* Custom Font Size */
.font-size-11{
	font-size: 11px;
}
.font-size-12{
	font-size: 12px;
}
.font-size-14{
	font-size: 14px;
}
.font-size-16{
	font-size: 16px;
}
.font-size-18{
	font-size: 18px;
}
/* Custom Font Size */

/* Top Navigation Bar */
.navbar.fixed {
	position: fixed;
	top: 0;
	left: var(--sidebar-width);
	right: 0;
	height: var(--topbar-height);
	z-index: 1030;
	transition: all 0.3s;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	background: #E5EFFF!important;
}
/* ===============================
	SideMenu Style Start Here
================================*/
/* Sidebar */
#mySidenav {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: var(--sidebar-width);
	z-index: 1040;
	background: #E5EFFF;
	border-right: 1px solid #dee2e6;
	transition: transform 0.3s ease-in-out;
	overflow-y: auto;
}

/* Sidenav Active */
#mySidenav li.nav-item {
	margin-bottom: 4px;
}
#mySidenav li.nav-item:last-child {
	margin-bottom: 0!important;
}
#mySidenav a.nav-link.active {
	background: #0c67fe;
	color: #fff!important;
}
#mySidenav a.nav-link {
	padding: 8px;
	border-radius: 16px;
	font-size: 14px!important;
	font-weight: 400;
	color: #333;
}
#mySidenav a.nav-link > i {
    margin-right: 5px;
}
#mySidenav a.nav-link:hover{
	background: #0c67fe;
	color: #fff!important;
}

/* When sidebar is collapsed */
body.sidebar-collapsed {
	--sidebar-width: 0;
}

/*==== Submenu Styling ==== */
.has-submenu {
	position: relative;
}

.submenu {
	list-style: none;
	padding-left: 15px;
	margin-top: 5px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 8px;
}

.submenu .nav-link {
	padding: 6px 8px !important;
	border-radius: 8px !important;
	font-size: 13px !important;
}

.submenu .submenu {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 2px solid rgba(255, 255, 255, 0.2);
}

.submenu-indicator {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: transform 0.3s ease;
}

.collapsed .submenu-indicator {
	transform: translateY(-50%) rotate(90deg);
}

/* Active state for parent items with active children */
.has-submenu .nav-link.active,
.has-submenu .nav-link[aria-expanded="true"] {
	background: #0c67fe !important;
	color: #fff !important;
}


/* Mobile specific styles */
@media (max-width: 991.98px) {
	.submenu {
		background: rgba(0, 0, 0, 0.1);
	}

	.navbar.fixed {
		left: 0;
	}

	#mySidenav {
		transform: translateX(-100%);
		width: 100%!important; /* Slightly wider for better mobile experience */
	}

	#mySidenav.show {
		transform: translateX(0);
		box-shadow: 5px 0 15px rgba(0,0,0,0.1);
	}

	#page-wrapper {
		margin-left: 0!important;
	}

	/* Overlay when sidebar is open */
	.sidebar-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.5);
		z-index: 1039;
		display: none;
	}

	body.sidebar-open .sidebar-overlay {
		display: block;
	}
	/* Sidebar Close Button */
	.offcanvas-header .btn-close {
		margin-right: 2em;
		box-shadow: none;
	}
}
/*==== Submenu Styling ==== */

/* Portal Title */
h5.offcanvas-title {
	color: #0c67fe;
	font-weight: 700;
}

/* Bottom Portal & Logout Button */
.commonButton > a.nav-link {
	background: transparent;
	color: #999;
	border: 1px solid #999;
	transition: all 0.3s ease-in 0s;
}
/* .commonButton > a.nav-link:hover {
	background: linear-gradient(180deg, #892DCB 0%, #7946DD 100%)!important;
	color: #fff!important;
	border-color: #892DCB;
	transition: all 0.3s ease-in 0s;
} */
/* .commonButton > a.nav-link:hover > i {
	background: transparent;
	color: inherit;
} */
.commonButton > a.nav-link {
	padding: 5px!important;
}
.logoutButton.commonButton > a.nav-link > i {
	color: #555;
}
.profileButton.commonButton > a.nav-link{
	background: linear-gradient(180deg, #892DCB 0%, #7946DD 100%)!important;
	color: #fff!important;
	border-color: #892DCB;
	transition: all 0.3s ease-in 0s;
}
.logoutButton.commonButton > a.nav-link {
    padding: 10px 8px!important;
}
#mySidenav .logoutButton.commonButton > a.nav-link:hover {
    background: transparent!important;
    color: #000!important;
}

/* ===============================
	SideMenu Style Ends Here
================================*/

/* Main Content */
#page-wrapper {
	margin-left: var(--sidebar-width);
	transition: all 0.3s;
	/* min-height: calc(100vh - (var(--topbar-height) + 30px)); */
	min-height: calc(100vh - 78px);
	padding: 70px 15px 30px;
	background: #f2f6ff!important;
}
/* Main Content Ends */

/* Gradient Background Starts */
.gradientPurple{
	background: linear-gradient(180deg, #892DCB 0%, #7946DD 100%);
	color: #fff;
}
.gradientBlue {
    background: linear-gradient(180deg, #6DB0FE 0%, #368BF6 100%);
    color: #fff;
}
.gradientPinkOrange{
	background: linear-gradient(180deg, #EF4B9C 0%, #FEA347 100%);
	color: #fff;
}
.gradientPink{
	background: linear-gradient(180deg, #EE459B 0%, #EF2B78 100%);
	color: #fff;
}
.gradientGreen{
	background: linear-gradient(180deg, #8BCF1F 0%, #7ABC16 100%);
	color: #fff;
}
.gradientOrange{
	background: linear-gradient(180deg, #F97206 0%, #F43C24 100%);
	color: #fff;
}
.gradientDarkBlue{
	background: linear-gradient(180deg, #0F6FDE 0%, #083C78 100%);
	color: #fff;
}
.gradientDarkGreen{
	background: linear-gradient(180deg, #00CF9C 0%, #02869D 100%);
	color: #fff;
}
.gradientTeal{
	background: linear-gradient(180deg, #00CF9C 0%, #02869D 100%);
	color: #fff;
}
.gradientSky{
	background: linear-gradient(180deg, #0DE7FC 0%, #10A3F9 100%);
	color: #fff;
}
.gradientGreenTale{
	background: linear-gradient(180deg, #00DF58 0%, #02B6A7 100%);
	color: #fff;
}

	/* Light Gradient Background */
	.gradientLightPurple {
		background: linear-gradient(180deg, #F6F6F6 0%, #F3EEFC 100%);
	}
	.gradientLightAqua {
		background: linear-gradient(101.01deg, #F1FFFF 2.2%, #FFFBFA 99.59%);
	}
	.gradientLightPink{
		background: linear-gradient(180deg, #FDE8F2 0%, #FDE7F0 100%);
	}
	.gradientLightGreen{
		background: linear-gradient(180deg, #F4FCE9 0%, #F4FCE8 100%);
	}
	.gradientLightOrange{
		background: linear-gradient(180deg, #FEF1E6 100%, #FDD4CE 100%);
	}
	.gradientLightTeal{
		background: linear-gradient(180deg, #E6FFF9 0%, #CDF7FE 100%);
	}
	.gradientLightSky{
		background: linear-gradient(180deg, #E6FDFF 0%, #CDECFE 100%);
	}
	.gradientLightGreenTale {
		background: linear-gradient(180deg, #E6FFF0 0%, #CDFEFA 100%);
	}
/* Gradient Background Ends */

/* Background Color Starts */
.bgLightOrange{
	background: #f7efe8;
}
.bgLightSkyBlue{
	background: #E5EFFF;
}
.bgLightPurple{
	background: #F5EEFA;
}
.bgLightGreen{
	background: #EAFBF7;
}
.bgDarkGreen{
	background: #0A6863;
}
.bgPurple {
    background: linear-gradient(180deg, #9954de, #6621ab);
}
.bgBlue {
    background: linear-gradient(180deg, #4b7ae7, #1847b4);
}
.bgAqua {
    background: linear-gradient(180deg, #00bca6, #00ccb4);
}
.bgGreen{
	background: linear-gradient(180deg, #34c759, #2aa248);
}
.bgRed {
    background: linear-gradient(180deg, #f43e4a, #c10b17);
}
.bgSky {
    background: linear-gradient(180deg, #33c2ff, #008fcc);
}

	/* Action Button such as Delete, Print, Download */
	.bgDelete{
		background: #D83838;
	}
	.bgPrint{
		background: linear-gradient(180deg, #8BCF1F 0%, #7ABC16 100%);
	}
	.bgDownload{
		background: linear-gradient(180deg, #0F6FDE 0%, #083C78 100%);
	}
/* Background Color Ends */

/* Border Color */
.borderSky {
    border-color: #0DE7FC!important;
}
.borderLightAqua {
    border: 1px solid #E5EFFF!important;
}
.border-pinkOrange{
	border-color: #FEA347!important;
}
.border-skyBlue{
	border-color: #10A3F9!important;
}
.border-sky{
	border-color: #0DE7FC!important;
}
.border-greenTale{
	border-color: #02B6A7!important;
}
.borderLightSky, .borderLightSky  > .form-control:focus {
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #0DE7FC, #10A3F9) border-box!important;
    border-radius: 5px;
    border: 2px solid transparent!important;
}
/* Border Color */

/* Gradient Border Starts */
/* .borderLightSky{
	border: 1px solid;
	border-image-source: linear-gradient(180deg, #E6FDFF 0%, #CDECFE 100%);
} */
/* Gradient Border Ends */

/* Custom Card Starts */
.card.cardBlue > .card-header {
    background: #0C67FF;
    color: #fff;
}
.card.cardBlue, .card.cardBlue > .card-header {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.card.cardBlue {
    border: none;
}
/* Custom Card Ends */

/* Download Button Alignment */
div#downloadReports {
    vertical-align: inherit;
}
/* Gradient Wise Input & Select Field Styling */
.gradientLightPink .form-floating>.form-control:focus {
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #EE459B, #EF2B78) border-box;
	border-radius: 5px;
	border: 2px solid transparent;
}
.gradientLightPink .chosen-container .chosen-results li.highlighted {
    background-color: #EF2B78;
}

.gradientLightGreen .form-floating>.form-control:focus {
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #8BCF1F, #7ABC16) border-box;
	border-radius: 5px;
	border: 2px solid transparent;
}
.gradientLightGreen .chosen-container .chosen-results li.highlighted {
    background-color: #7ABC16;
}

.gradientLightOrange .form-floating>.form-control:focus {
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #F97206, #F43C24) border-box;
	border-radius: 5px;
	border: 2px solid transparent;
}
.gradientLightOrange .chosen-container .chosen-results li.highlighted {
    background-color: #F43C24;
}

.gradientLightTeal .form-floating>.form-control:focus {
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #00CF9C, #02869D) border-box;
	border-radius: 5px;
	border: 2px solid transparent;
}
.gradientLightTeal .chosen-container .chosen-results li.highlighted {
    background-color: #02869D;
}

.gradientLightSky .form-floating>.form-control:focus {
	background: linear-gradient(white, white) padding-box, linear-gradient(to right, #0DE7FC, #10A3F9) border-box;
	border-radius: 5px;
	border: 2px solid transparent;
}
.gradientLightSky .chosen-container .chosen-results li.highlighted {
	background-color: #10A3F9;
}

.gradientLightGreenTale .form-floating>.form-control:focus {
	background: linear-gradient(white, white) padding-box, linear-gradient(to right, #00DF58, #02B6A7) border-box;
	border-radius: 5px;
	border: 2px solid transparent;
}
.gradientLightGreenTale .chosen-container .chosen-results li.highlighted {
	background-color: #02B6A7;
}


/* Custom Text Color Starts*/
.text-orange{
	color: #F54B35;
}
.text-limeGreen{
	color: #06A77D;
}
.text-darkBlue{
	color: #083C78;
}
.text-purple{
	color: #892DCB;
}
.text-red{
	color: #F22837;
}
.text-darkaqua{
	color: #0A6863;
}

.text-pink{
	background: linear-gradient(180deg, #EE459B 0%, #EF2B78 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-pingOrange {
    background: linear-gradient(180deg, #EF4B9C 0%, #FEA347 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-green{
	background: linear-gradient(180deg, #8BCF1F 0%, #7ABC16 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-teal{
	background: linear-gradient(180deg, #00CF9C 0%, #02869D 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-skyBlue{
	background: linear-gradient(180deg, #0DE7FC 0%, #10A3F9 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-greenTale{
	background: linear-gradient(180deg, #00DF58 0%, #02B6A7 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Custom Text Color Ends*/
/* Custom Table Style Starts */
.table > thead > tr >th{
	border-top: none!important;
}
.table.appointmentdaytimeshow > .table-group-divider {
    border-top-color: #0A6863!important;
}
.table.appointmentdaytimeshow >tbody>tr>td {
    border-color: #999999;
}
.table.appointmentdaytimeshow >thead>tr>th, .table.appointmentdaytimeshow >tbody>tr>td {
    background: none!important;
}
.tableList > thead>tr>th {
    font-weight: 700;
	border-bottom: 2px solid #FEA347;
}
.tableOrange > thead>tr>th {
	background: linear-gradient(180deg, #EF4B9C 0%, #FEA347 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	border-bottom: 2px solid #FEA347!important;
}
.tablePink > thead>tr>th {
	background: linear-gradient(180deg, #EE459B 0%, #EF2B78 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	border-bottom: 2px solid #EF2B78!important;
}
.tableGreen > thead>tr>th {
	background: linear-gradient(180deg, #8BCF1F 0%, #7ABC16 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	border-bottom: 2px solid #7ABC16!important;
}

.tableDarkOrange > thead>tr>th {
	background: linear-gradient(180deg, #F97206 0%, #F43C24 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	border-bottom: 2px solid #F43C24!important;
}
.tableLightTeal > thead>tr>th {
	background: linear-gradient(180deg, #00CF9C 0%, #02869D 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	border-bottom: 2px solid #02869D!important;
}
.tableSky > thead>tr>th {
	background: linear-gradient(180deg, #0DE7FC 0%, #10A3F9 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	border-bottom: 2px solid #10A3F9!important;
}

	/* Table wise Custom Checkbox */
	.tableSky .checkbox-wrapper .checkmark {
		background: linear-gradient(white, white) padding-box padding-box, linear-gradient(to right, #0DE7FC, #10A3F9) border-box border-box;
	}
	.tableSky .checkbox-wrapper input:checked ~ .checkmark {
		background: linear-gradient(90deg, #0DE7FC 0%, #10A3F9 100%);
	}
	/* Export Button Overflow with Footer Issues fix */
	#downloadReports ul.dropdown-menu {
		z-index: 1045;
	}
/* Custom Table Style Ends */

/* Custom Select Styling */
.form-select:focus, .form-floating>.form-control:focus, .form-floating>.form-control-plaintext:focus {
    border: 2px solid #0C67FF;
    box-shadow: none;
}
/* Custom Select Styling */
/* Patient Profile Info Card */
.patientContact {
	border-bottom: 1px solid;
	border-image-source: linear-gradient(180deg, #892DCB 0%, #7946DD 100%);
	border-image-slice: 1;
}
.patientContact > a{
	color: #000;
}
/* Patient Profile Info Card */

/* Dashboard Style Starts */
.patientPhoto img{
	width: 66px;
	height: 66px;
}
.admittedPatientTableWrapper {
	height: 10em;
	overflow-x: hidden;
}
.admittedPatientTableWrapper .table {
	border-collapse: separate!important;
	border-spacing: 0px;
	margin: 0;
}
.admittedPatientTableWrapper > .table>thead>tr>th {
	position: sticky!important;
	top: 0;
	height: 25px;
	transform: translateZ(0) !important;
	background: #fff;
	border-bottom: 1px solid #0C67FF;
	box-shadow: 0 2px 0px 0px #0C67FF;
	z-index: 1;
	color: #333;
}
.admittedPatientTableWrapper > .table>tbody>tr>td{
	color: #000;
}
/* Dashboard Style Ends */
/* Footer Style Starts */
#footer {
	background: #fff;
    color: #333;
    position: relative;
    z-index: 1040;
    bottom: 0;
    left: 0;
    right: 0;
}
.footerLogo{
	width: auto;
	max-height: 40px;
}
.copyright{
	font-size: 12px;
}
/* Footer Style Ends */

@media screen and (max-width: 991.98px){
	.dt-layout-full {
		padding: 0;
	}
	.tableList thead>tr>th{
		font-size: 14px;
	}
	.tableList tbody>tr>td{
		font-size: 13px;
	}
}
/* Datatable Search Box */
div.dt-container div.dt-search input[type="search"]::placeholder {
    color: #ccc!important;
}
div.dt-container div.dt-search input {
    border: 2px solid #CCCCCC;
	border-radius: 5px;
    background: #fff;
	color: #0C67FF;
    font-weight: 700;
	padding: .5rem 1rem;
}
div.dt-container div.dt-search input:focus {
	border-color: #0C67FF;
	box-shadow: none;
}
@media screen and (max-width: 991.98px){
	div.dt-container div.dt-search input {
		width: 100%!important;
		margin: 0;
	}
}
@media screen and (min-width: 992px){
	.quickInfoSearchSection {
		position: relative;
	}
	.quickInfoSearchSection div.dt-container {
		position: inherit;
	}
	.quickInfoSearchSection .dt-search {
		position: absolute;
		top: 10px;
		right: 0;
	}
}
/* Custom Table Style Ends */
/* Custom Chosen Select Style Starts */
.chosen-container-single .chosen-single {
    padding: 1.7rem .75rem!important;
}
.chosen-container-single .chosen-single {
    line-height: inherit;
}
.chosen-container-active .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single{
	background: linear-gradient(white, white) padding-box, linear-gradient(to right, #EE459B, #EF2B78) border-box;
	border-radius: 5px;
	border: 2px solid transparent;
	box-shadow: none;
}
/* Custom Chosen Select Style Ends */
/* Input Data Clear Button */
.form-floating>span.dataClear {
	display: none;
    position: absolute;
    top: .75em;
    right: 1em;
    font-size: 1.25em;
    font-weight: 700;
    cursor: pointer;
}
.form-floating:hover > [data-clear-input], .form-floating:hover > [data-clear-input] {
    display: block;
}
/* Input Data Clear Button */

/* Pagination Style */
.navigationWrapper ul.pagination {
    display: inline-flex;
    background: #f2f6ff;
}
.navigationWrapper a.page-link {
	color: #333;
    background: transparent;
    border: none;
    border-radius: 16px;
    padding: 4px 12px;
    margin: 0 4px;
    box-shadow: none;
    transition: all 0.3s ease-in 0s;
}
.navigationWrapper .page-link:focus{
	box-shadow: none;
}
	/* Common Pagination Style */
	.navigationWrapper .active>.page-link, .navigationWrapper .page-link.active {
		background: linear-gradient(180deg, #0C67FF 0%, #0C67FF 100%);
		color: var(--bs-pagination-active-color);
		border: none;
		box-shadow: none;
		transition: all 0.3s ease-in 0s;
	}
	.navigationWrapper .page-link:hover{
		background: linear-gradient(180deg, #0C67FF 0%, #0C67FF 100%);
	}

	/* LightGreen Pagination */
	.paginationLightGreen .navigationWrapper ul.pagination {
		background: linear-gradient(180deg, #F4FCE9 0%, #F4FCE8 100%);
	}
	.paginationLightGreen .active>.page-link, .paginationLightGreen .page-link.active {
		background: linear-gradient(180deg, #8BCF1F 0%, #7ABC16 100%);
		transition: all 0.3s ease-in 0s;
	}
	.paginationLightGreen .page-link:hover{
		background: linear-gradient(180deg, #8BCF1F 0%, #7ABC16 100%);
		transition: all 0.3s ease-in 0s;
	}

	/* LightPink Pagination */
	.paginationLightPink .navigationWrapper ul.pagination{
		background: linear-gradient(180deg, #FDE8F2 0%, #FDE7F0 100%);
	}
	.paginationLightPink .active>.page-link, .paginationLightPink .page-link.active{
		background: linear-gradient(180deg, #EE459B 0%, #EF2B78 100%);
		transition: all 0.3s ease-in 0s;
	}
	.paginationLightPink .page-link:hover{
		background: linear-gradient(180deg, #EE459B 0%, #EF2B78 100%);
		transition: all 0.3s ease-in 0s;
	}

	/* LightOrange Pagination */
	.paginationLightOrange .navigationWrapper ul.pagination{
		background: linear-gradient(180deg, #FEF1E6 100%, #FDD4CE 100%);
	}
	.paginationLightOrange .active>.page-link, .paginationLightOrange .page-link.active{
		background: linear-gradient(180deg, #F97206 0%, #F43C24 100%);
		transition: all 0.3s ease-in 0s;
	}
	.paginationLightOrange .page-link:hover{
		background: linear-gradient(180deg, #F97206 0%, #F43C24 100%);
		transition: all 0.3s ease-in 0s;
	}

	/* LightTeal Pagination */
	.paginationLightTeal .navigationWrapper ul.pagination{
		background: linear-gradient(180deg, #E6FFF9 0%, #CDF7FE 100%);
	}
	.paginationLightTeal .active>.page-link, .paginationLightTeal .page-link.active{
		background: linear-gradient(180deg, #00CF9C 0%, #02869D 100%);
		transition: all 0.3s ease-in 0s;
	}
	.paginationLightTeal .page-link:hover{
		background: linear-gradient(180deg, #00CF9C 0%, #02869D 100%);
		transition: all 0.3s ease-in 0s;
	}

	/* LightSky Pagination */
	.paginationLightSky .navigationWrapper ul.pagination{
		background: linear-gradient(180deg, #E6FDFF 0%, #CDECFE 100%);
	}
	.paginationLightSky .active>.page-link, .paginationLightSky .page-link.active{
		background: linear-gradient(180deg, #0DE7FC 0%, #10A3F9 100%);
		transition: all 0.3s ease-in 0s;
	}
	.paginationLightSky .page-link:hover{
		background: linear-gradient(180deg, #0DE7FC 0%, #10A3F9 100%);
		transition: all 0.3s ease-in 0s;
	}

	/* LightGreenTale Pagination */
	.paginationLightGreenTale .navigationWrapper ul.pagination{
		background: linear-gradient(180deg, #E6FFF9 0%, #CDF7FE 100%);
	}
	.paginationLightGreenTale .active>.page-link, .paginationLightGreenTale .page-link.active{
		background: linear-gradient(180deg, #00DF58 0%, #02B6A7 100%);
		transition: all 0.3s ease-in 0s;
	}
	.paginationLightGreenTale .page-link:hover{
		background: linear-gradient(180deg, #00DF58 0%, #02B6A7 100%);
		transition: all 0.3s ease-in 0s;
	}
/* Pagination Style */
/* Navigation Links */
@media screen and (max-width: 991.98px){
	/* .navigationLinks a, .navigationLinks span {
		display: block;
        float: left;
        width: 100%;
        margin: 0 1px 5px;
	} */
	.navigationLinks a, .navigationLinks span {
		display: inline-block;
        margin: 0 1px 5px;
	}
	.navigationLinks {
		font-size: .8rem;
		line-height: 2rem;
	}
}
/* Navigation Links */
/* Datepicker Style */
.datepicker table tr td.active.day {
    background: linear-gradient(180deg, #4d8eff, #0C67FF);
}
.datepicker td, .datepicker th{
	font-size: 14px;
	padding: 4px;
}
.datepicker table tr td.new, .datepicker table tr td.old {
    color: #c9c9c9!important;
}
/* Datepicker Style */

/*====================================
	Custom Checkbox Style
====================================*/
	/* Customize the label (the checkbox-wrapper) */
	.checkbox-wrapper {
		display: block;
		position: relative;
		/* padding-left: 25px; */
		margin-bottom: 0;
		cursor: pointer;
		font-size: 17px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	/* Hide the browser's default checkbox */
	.checkbox-wrapper input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	/* Create a custom checkbox */
	.checkbox-wrapper .checkmark {
		position: absolute;
		top: 0;
		height: 20px;
		width: 20px;
		background-color: #fff;
		background: linear-gradient(white, white) padding-box, linear-gradient(to right, #EF4B9C, #FEA347) border-box;
		border-radius: 5px;
		border: 2px solid transparent;
	}

	/* On mouse-over, add a grey background color */
	.checkbox-wrapper:hover input ~ .checkmark {
		background-color: #fff;
	}

	/* When the checkbox is checked, add a Green background */
	.checkbox-wrapper input:checked ~ .checkmark {
		background: linear-gradient(90deg, #EF4B9C 0%, #FEA347 100%);
		border: transparent;
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.checkbox-wrapper .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the checkmark when checked */
	.checkbox-wrapper input:checked ~ .checkmark:after {
		display: block;
	}

	/* Style the checkmark/indicator */
	.checkbox-wrapper .checkmark:after {
		left: 7px;
		top: 3px;
		width: 7px;
		height: 12px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.checkbox.checkbox-wrapper {
		line-height: normal;
	}
	.checkbox.checkbox-wrapper label {
		padding: 0;
		font-size: 15px;
	}
/*=========================================
	Custom Checkbox Style
=========================================*/

/* Report Print Header Section */
.printHeaderTitle .print-info p {
    font-size: 11px;
}
.print-info {
    margin-top: -15px;
}
/* Report Print Header Section */

/* Filter Section Starts*/
/* .serviceFilter .borderLightSky{
	border: 1px solid;
	border-image-source: linear-gradient(180deg, #0DE7FC 0%, #10A3F9 100%);
} */
.serviceFilter .borderLightSky {
    color: #10A3F9;
}
.serviceFilter .gradientSky {
    border-color: #10A3F9!important;
}
/* Filter Section Ends*/

/* Dismiss Button */
.dismissable button.close {
    border: none;
    background: transparent;
	padding-right: 1em;
}
/* Dismiss Button */

/* Topbar Cart Button & Cart Starts */
	@media (min-width: 992px) {
		.topbarSection .navbar-toggler {
			display: flex;
		}
	}
	.topbarSection .container-fluid {
		justify-content: flex-start;
	}
	.cartButton{
		height: 45px;
		width: 45px;

	}
	.cart-count {
		position: absolute;
		top: -5px;
		right: -5px;
		font-size: 10px;
		border-radius: 50%;
		width: 18px;
		height: 18px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/* Cart Offcanvas */
	.cartCounter {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	#cartOffcanvas .closeButton {
		padding: 10px;
		cursor: pointer;
		border-radius: 50%;
		height: 40px;
		width: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.cartBodyWrapper {
		height: calc(100vh - 210px);
		overflow-y: auto;
	}
	.closeNo {
		cursor: pointer;
	}
	/* Empty Cart */
	.empty-cart {
		position: absolute;
		bottom: 50%;
		left: 0;
		right: 0;
	}

	@media screen and (max-width: 575.98px) {
		.cartBodyWrapper {
			height: calc(100vh - 17em);
		}
		.cardFooter {
			position: fixed;
			bottom: 0;
			width: -webkit-fill-available;
		}
	}
	/* Topbar Cart Button & Cart Ends */
	/* Bottom Cart count Starts */
	.cartCounter.cart-count-bottom {
		position: inherit;
		top: 0;
		right: 0;
		width: 25px;
		height: 25px;
		font-size: 12px;
		border-radius: 50%;
	}
	@media screen and (max-width: 575.98px) {
		.floatingCart{
			font-size: 12px;
		}
	}
	.netamount-width {
        width: 6em;
        background: transparent!important;
        box-shadow: none!important;
        border: none!important;
    }
    .netamount-width:focus, .netamount-width:focus-visible {
        box-shadow: none!important;
    }
	/* Bottom Cart count Ends */

	.cursor-pointer {
		cursor: pointer;
	}

	/* Gradient Icon/Fontawesome */
	.gradientIcon i {
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}



/*====================================================
	Responsive Device Starts
====================================================*/
@media screen and (max-width: 991.98px){
	/* Patient Profile Card */
	.patientContact h6 {
		font-size: .9rem;
	}
	/* Patient Profile Card */
	.largeDeviceOnly {
		display: none;
	}
	.smallDeviceOnly {
		display: inline-block;
	}
	/* Show Date Time in Multiple line  */
	.tableList tbody>tr>td .date, .tableList tbody>tr>td .time {
		display: block;
		white-space: pre;
	}
	/* Show Date Time in Multiple line  */
	.table>:not(caption)>*>*{
		padding: 0.2rem 0.2rem;
	}
	/* Pagination Label/Large Link */
	li.page_info, li.page-item.largeLink {
		display: none;
	}
}

@media screen and (min-width: 992px){
	.largeDeviceOnly {
		display: inline-block;
	}
	.smallDeviceOnly {
		display: none;
	}
}
/*====================================================
	Responsive Device Starts
====================================================*/