body {
	margin: 0;
	font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
}


/* loader css */

.loader {
	pointer-events: all;
	z-index: 9999999;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	cursor: wait;
	position: fixed;
	background-color: rgb(255 255 255 / 60%);
	/* display: none; */
}

.loader div {
	top: 40%;
}

.sk-circle {
	width: 60px;
	height: 60px;
}

.sk-circle .sk-child:before {
	background-color: #0cc7c7;
	z-index: 9999999;
}


/* ###loader css */


/* login css */

.login-body>.bg-br-primary {
	background-color: #d7e3f7ad;
}

.login-body {
	background: url("../images/login-background.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}


/* End: login css */


/* ------------------- theme css ---------------------- */

.btn {
	cursor: pointer;
}

/* .btn-warning {
	color: #080707 !important;
} */

.nav-new {
	background: #c4f7e6;
	border: 0;
	background: linear-gradient(178deg, #54edba, #73f2c55c, #55e9b8);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #ffffff;
	background-color: #00b297;
	border-color: #00b297;
}

#myTabPartTwo .nav-link.active {
	color: rgb(245 245 245);
	box-shadow: -1px 1px 3px 3px #e8ff39;
	background: #00b297 !important;
}

.card-body {
	padding: 0%;
}

table.dataTable tbody th,
table.dataTable tbody td {
	padding: 0.2rem;
}

.select2-container--default .select2-selection--single {
	border-color: rgb(137 137 137);
	height: calc(1.39375rem + 2px);
}

.patient-ward-list+.select2-container--default .select2-selection--single .select2-selection__rendered,
#select_patient_name_list+.select2-container--default .select2-selection--single .select2-selection__rendered,
#select_doctor_list+.select2-container--default .select2-selection--single .select2-selection__rendered,
#select_department_list+.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 20px;
	border: 2px solid #16e92e;
	background: #f5ffdc;
	height: 30px;
}

.patient-ward-list+.select2-container--default .select2-selection--single,
#select_patient_name_list+.select2-container--default .select2-selection--single,
#select_doctor_list+.select2-container--default .select2-selection--single,
#select_department_list+.select2-container--default .select2-selection--single {
	border-color: transparent;
	height: calc(1.39375rem rem + 2px);
}

table.dataTable tbody tr {
	color: black;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: -6px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: -6px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-top: 2px;
}

.input-group-addon {
	padding: 0.2rem 0.75rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #30d99e;
	color: black;
}

.select2-container--default .select2-results>.select2-results__options {
	margin: 1px;
	color: #4c4c4c;
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: 0px;
	margin-left: 0px;
}

.br-header {
	/* background-color: #00b297; */
	background-color: #a3238e;
}

.br-logo {
	/* background-color: #00b297; */
	background-color: #a3238e;
}


.br-logo>a {
	color: white;
}

.br-header::before {
	/* background-color: #00b297; */
	background: linear-gradient(25deg, #07937e, #6ce8ed99, #00b297);
}

.navicon-left a {
	color: #e9ecef;
}

.br-header-right a {
	color: white;
}

.user-profile-nav a {
	color: #00b297;
}

.dropdown-menu-header::before {
	top: -3px;
	left: 0px;
	height: 2px;
	background-color: #e9ecef;
}

.dropdown-menu-header {
	background: linear-gradient(45deg, #c1fff6, #f5f4f4eb);
}

@media (min-width: 992px) {
	.br-section-wrapper {
		padding: 5px;
	}
}

@media (min-width: 576px) {
	.br-pagebody {
		padding: 0 5px;
	}

	.br-section-wrapper {
		padding: 5px;
		border-radius: 3px;
	}
}

.br-pagebody {
	margin-top: 60px;
}

.form-group {
	margin-bottom: 0.1rem;
}


/* ------------------- End: theme css ----------------------
*/


/* ------------------- scrollbar styles ------------------- */


/* scrollbar width */

::-webkit-scrollbar {
	width: 10px;
	height: 8px;
}


/* Track */

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #00b297;
	border-radius: 6px;
}


/* Handle */

::-webkit-scrollbar-thumb {
	background: linear-gradient(34deg, #5292e9, #00b297);
	border-radius: 6px;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
	background: #00b297;
	cursor: pointer;
}


/* ------------------- end: scrollbar styles ------------------- */


/* datepicker
*/

.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker .ui-datepicker-calendar td a {
	transition: all 0.2s ease-in-out;
	padding: 5px;
	background-color: #f8f9fa;
	color: black;
	padding: 6px 10px;
	display: block;
	font-weight: 400;
	font-size: 12px;
	border: 0;
	border-radius: 1px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff !important;
	font-weight: normal;
	color: #ffffff !important;
}

.ui-datepicker-title {
	width: 100px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 50% !important;
}


/* end datepicker */


/* form-input */

.form-control,
.dataTables_filter input {
	padding: 0.30rem 0.25rem;
	font-size: 0.8rem;
	color: #000000;
	border: 1px solid rgb(0 0 0 / 44%);
}

.form-control {
	margin: 2px;
}

select.form-control:not([size]):not([multiple]) {
	height: calc(1.6rem + 2px);
	height: calc(1.39375rem + 5px) !important;
}


/* form-input end */


/* table */

.table th,
.table td {
	padding: 0.25rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
	padding: 1px 4px !important;
}


/* table end */


/* custom headers */

.my_header_001 {
	background-color: #00b297;
	color: white;
	padding: 5px 5px;
	font-size: 12px;
}


/* end custom headers */


/* ================== Start: fieldset || legend ================== */

fieldset {
	min-width: 0;
	padding: 5px !important;
	margin: 0 !important;
	margin: 0;
	border: 1px #c6c9c8 solid;
	border-radius: 6px;
	margin: 6px 0;
	/* background: #f5f5f5; */
	background: linear-gradient(54deg, #fffddf, transparent);
	color: #565555;
	padding: 5px;
}

b,
strong {
	font-weight: bolder;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

user agent stylesheet strong {
	font-weight: bold;
}

legend {
	display: block;
	width: auto;
	max-width: 100%;
	padding: 5px;
	margin-bottom: 0;
	font-size: 1rem;
	line-height: inherit;
	color: #02917b;
	white-space: normal;
}


/* ================== End: fieldset || legend ================== */

#nihs_table ul li {
	list-style: none;
}

.nav-tabs .nav-link {
	border: 1px solid #518bdf;
	margin-right: 3px;
	border-radius: 10px;
	box-shadow: 1px 3px 1px 1px #c7d3d1;
	padding: 4px 15px;
	font-size: 12px;
}

.nav-tabs .nav-link:hover {
	border: 1px solid #2d60ab;
	background-color: #2d60ab;
	color: white;
}


/* ========== */

#neoro_systemic_exam_frm select.form-control {
	width: 94px;
}


/* ================== Patient Info ============== */

.patient-content fieldset {
	color: #003262;
	margin-top: 1px;
	background: linear-gradient(178deg, #ffeb88, #faf9efed);
	background: linear-gradient(152deg, #ffeb88, #ffffffbd);
	font-size: 12px;
}


/* For mobile  */

.patient-header {
	margin: 0;
	padding: 0.3em;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* background-color: dodgerblue; */
	background: linear-gradient(175deg, #0463bf, #90bde9);
	font-weight: bold;
	border-radius: 5px;
}

.collapsible1 {
	cursor: pointer;
	padding: 5px;
	line-height: 10px;
	font-size: 21px;
}

.patient-content {
	display: block;
	/* height: 128px; */
}

.modal {
	z-index: 999999;
}

.sticy-header {
	position: fixed;
	top: 9px;
	width: 94%;
	z-index: 99999;
	background: #b8f53e;
	height: 36px;
	border-radius: 10px;
}

@media (min-width: 675px) {
	.patient-header {
		flex-direction: row;
		justify-content: space-between;
	}

	.sticy-header+.patient-content {
		padding-top: 42px;
		height: 169 px;
	}
}


/* ================== End: Patient Info ============== */

.finalized_form_disable {
	pointer-events: none;
	opacity: 0.7;
	border: 3px dashed #23bf08;
}

#ics_phy_exam_05,
#ics_phy_exam_19 {
	min-width: 50px;
}

.readonly {
	pointer-events: none;
	background: transparent;
}

/* ------------------- UI Datepicker Customization ------------------*/
.ui-datepicker .ui-datepicker-calendar {
	background-color: #00b297c9;
}

.ui-datepicker .ui-datepicker-calendar th {
	font-size: 11px;
	color: white;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
	background-color: #299f8e;
	color: #f2f3f3;
}

.ui-widget.ui-widget-content {
	border: 1px solid #f8f8f8;
	box-shadow: 4px 1px 12px 1px;
}

/* Form Styles */
.form_header_st1 {
	background: linear-gradient(58deg, #fcfca0, #f5f3cc5e);
}

.ip_active_tab {
	background: linear-gradient(45deg, #48e56a, #11ffd8d6);
}

.ip_inactive_tab {
	background-color: transparent;
}

.btn-sm {
	line-height: 1;
}

/*-------------- Form Special Blocks -----------------*/
.spcl_bg1 {
	background: linear-gradient(8deg, #d4fff8, transparent);
}

/*------- Select to Search Field --------*/
.select2-search__field {
	border-color: #314131 !important;
	background: #edffe2;
}

.br-sideleft {
	z-index: 999999999;
}

/* ========================= ZING CHART ========================== */
@media (min-width: 576px) {
	.myChartDiv {
		height: auto !important;
	}
}

@media (max-width: 820px) {
	.drug-admin {
		width: 760px !important;
	}

	.myChartData {
		height: 310px !important;
		overflow: auto;
	}
}

.invstgn_bg {
	background-color: #dfffa8d1 !important;
	padding: 3px 3px;
	border-radius: 4px;
}