body {
	background: #FFFFFF;
}

body.white {
	background: white;
}

.navbar-toggle {
	float: left;
	margin-right: 0;
	margin-left: 8px;
}

a:hover {
	text-decoration: none;
}

table a:not(.btn),
.table a:not(.btn) {
	text-decoration: none;
}

a.action {
	margin-right: 10px;
	font-weight: bold;
}

.notifier-icon {
	font-size: 30px;
}

.row.feedback p {
	padding: 15px;
}

label small {
	font-weight: normal;
}

.modal-backdrop {
	z-index: -1;
}

table.table {
	width: 100% !important;
}

.table-condensed>tbody>tr>td.audio {
	padding: 2px 5px;
}

.footer {
	font-size: 14px;
	background-color: #f5f5f5;
	font-weight: 600;
}

.footer p {
	margin-top: 10px;
	margin-bottom: 0;
}

.footer a {
	color: #fff;
	text-decoration: none;
	font-weight: 800;
}

/* Overrides -------------------------------------------------- */

.modal-backdrop {
	z-index: 3;
}

body {
	padding-right: 0 !important;
}

.overflow-ellipsis {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 2em;
	max-width: 70vw;
}

.info-icon {
	margin-right: -3px;
	color: gray;
}

.form-group.required .control-label:after {
	content: "*";
	color: #c77;
	font-size: 12px;
	padding-left: 5px;
}

.control-label.required:after {
	content: "*";
	color: #c77;
	font-size: inherit !important;
	padding-left: 5px;
}

.required-char {
	color: #c77;
	font-size: 12px;
}

.ui-tooltip {
	background: #FAFAD0;
	z-index: 999999;
}

.hr {
	clear: both;
}

div.ui-tooltip {
	word-wrap: break-word !important;
}

textarea {
	resize: none
}

.no-border {
	border: 1px white solid;
}

span.nowrap {
	white-space: nowrap;
}

select.readonly {
	background: #eee !important
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	appearance: textfield;
	-moz-appearance: textfield;
}

.ui-tooltip hr {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	border-top: 1px solid #575757;
}

.d-none {
	display: none;
}

.hidden {
	display: none !important;
}

span.btn {
	cursor: default;
}

.help-swal .swal-close-button {
	/*
	THIS IS NOT USED
	BUT IF IT WILL BE USED IT NEEDS TO BE REPAIRED BECAUSE CLOSE BUTTON IS TOO
	CLOSE TO CONTENT, IT DOESN'T LOOK NICE
	*/
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	color: #797979;
	font-size: 35px;
}

.help-swal .swal-close-button:hover {
	color: #ff0000;
}

.pull-right {
	margin-right: .5em;
}

.panel-keywords label.title {
	margin-top: 5px;
}

.panel-keywords label.keyword-title {
	margin-left: -15px;
}

.keyword {
	cursor: pointer;
	padding: .25em 1em;
	border-radius: 2px;
}

.keyword:hover {
	background-color: #fcf8e3 !important;
}

.my-jquery-tooltip-styling {
	max-width: 700px;
}

input[type='checkbox'] {
	vertical-align: -1px;
}

.no-wrap {
	white-space: nowrap;
}

.sweet-overlay {
	z-index: 9990 !important;
}

/* Fix sweetalert */

.sweet-alert fieldset input {
	/* Do not display fieldset input */
	display: none;
}

/*Select2 ReadOnly Start*/

select[readonly].select2-hidden-accessible + .select2-container {
	pointer-events: none;
	touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
	background: #eee;
	box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
	display: none;
}

hr.hr-small {
	margin-top: 15px;
	margin-bottom: 15px;
}

.jdmt-logo {
	margin-top: .35em;
}

.font-weight-bold {
	font-weight: bold;
}

.font-format-size {
	font-style: normal !important;
}

.overview-content {
	font-size: 18px;
}

div.font-size-13px {
	font-size: 13px;
}

.badge-label {
	vertical-align: 1px;
}

.not-reached-time {
	font-size: 10px;
	border: none;
	text-align: center;
}

.btn-group-vertical {
	margin-bottom: 30px !important;
}

.buttons-vertical-left {
	padding-right: 5px !important;
}

.buttons-vertical-right {
	padding-left: 5px !important;
}

div.scrolling {
	max-height: 100px;
	overflow-y: auto;
}

div.maintenance {
	width: 35%;
	margin: 0 auto;
}

div.maintenance h3 {
	margin-top: 0;
}

@media only screen and (max-width: 1024px) {

	div.maintenance {
		width: 60%;
	}
}

@media (max-width: 991px) {

	.user-dropdown {
		border-top: 1px solid #aaa;
	}
}

@media only screen and (max-width: 800px) {

	div.maintenance {
		width: 90%;
	}
}

@media (max-width: 767px) {

	.datatable-filter {
		display: table-caption;
	}

	.datatable-filter-adjust {
		height: unset !important;
	}

}

.infotext {
	margin-top: 10px;
	margin-left: 2em;
	background: white;
	padding: 0.5em;
	border-radius: 3px;
}

.infotext span {
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	margin: 1em;
}

.table-borderless td,
.table-borderless th {
	border: 0;
}

div.has-error textarea.autoresize {
	border: 1px #a94442 solid;
}

.maintenance-timer-div {
	margin-top: 10px;
	margin-left: 2em;
	background: white;
	padding: 0.5em;
	border-radius: 3px;
}

.maintenance-timer-div b {
	text-align: left;
	font-size: 12px;
	margin: 1em;
}

#maintenance-timer {
	margin: 0;
}

.h-300 {
	height: 300px;
}

.sweet-alert {
	z-index: 9998 !important;
}

.extended-info {
	font-weight: bold;
}

.custom-search-button,
.btn-custom-search {
	cursor: pointer;
}

.default-cursor {
	cursor: default !important;
}

.not-logged-out-properly-close-btn {
	position: absolute;
	top: -140px;
	right: 0;
	cursor: pointer;
}

.not-logged-out-properly-close-btn:hover {
	color: #575757d4;
}

h1 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

label {
	font-weight: bold;
	margin-top: 5px;
}

.dataTables_paginate.paging_maxcom {
	margin-top: 0.85em !important;
	margin-bottom: 1em !important;
}

.menu-icon {
	width: 22px !important;
	max-width: 22px;
	text-align: center !important;
}

.navbar {
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-nav li a {
	display: flex;
	align-items: center;
}

.navbar .fa-lg {
	margin-right: .35em;
}

.dropdown-menu .fa {
	margin-right: .4em;
}

.table-condensed {
	margin: 0;
}

.operations {
	min-width: 50px;
}

.swal2-icon.swal2-warning {
	color:#ffc107 !important;
	border-color:#ffc107 !important;
}

.swal2-icon.swal2-error {
	border-color: #dc3545 !important;
	color: #dc3545 !important;
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
	background-color: #dc3545 !important;
}

.dropdown-menu {
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.version-text {
	color: #00000069;
	vertical-align:sub;
}

.top-right-btn {
	margin-top:12px;
}

#login-fluid {
	padding-left:0;
}

.system-login {
	color: #f0f0f0;
	border: 1px #ffffffad solid;
	padding: 4px;
}

/** AD2 ***************************************************************************************************************************************************/

.required label:after {
	content: "*";
	color: #DE4250;
	font-size: 12px;
	padding-left: 5px;
}

.sqr {
	margin-right: 2em;
	margin-bottom: 0em;
	font-weight: bold;
	width: 120px;
	height: 50px;
	float: left;
	border: 1px gray solid;
	text-align: center;
	padding-top: .75%;
	border-radius: 5px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 25px;
	margin-top: 8px;
	margin-left: 12px;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 13px;
}

h4 {
	font-size: 12px;
}

h5 {
	font-size: 11px;
}

h6 {
	font-size: 25px;
}

h1 em {
	font-style: normal;
}

.edit-panel {
	background: white;
	margin: 0 .75em !important;
}

.edit-panel-column {
	background: white;
	margin: 0 !important;
}

.title-panel {
	background: #E6E6E6 !important;
}

.title-panel em {
	font-weight: 700;
}

.title-panel h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.submit-panel {
	padding-top: 1em !important;
	min-height: 62px;
}

.title-panel h1 {
	font-weight: bold;
	font-size: 15px;
	margin-top: 0px !important;
	margin-left: 0px !important;
}

.top-page-panel {
	margin: 0;
	padding: 0;
	height: 49px;
}

#current_page {
	border: none;
	width: 32px;
	margin: 0;
	color: inherit;
	text-align: center;
	vertical-align: -1px;
}

.main > a {
	margin-right: 1em !important;
}

.big-check {
	margin-bottom: 16px;
}

.column-panel {
	background: white;
	margin: 0 .75em !important;
	min-height: 742px;
}

.column-panel-2 {
	background: white;
	margin: 0 .75em !important;
	min-height: 770px;
	max-height: 770px;
}

.column-panel-3 {
	background: white;
	margin: 0 .75em !important;
	min-height: 770px;
	max-height: 770px;
	overflow-y: auto;
}

.warning-panel {
	background: white;
	margin: 0 !important;
	min-height: 640px;
}

.btn-close {
	min-width: 20px;
	font-size: 10px;
	padding-right: 1.5em;
	vertical-align: middle;
}

.no-property-link {
	line-height: 120%;
	padding-top: 200px;
	text-align: center;
	font-size: 1.5em;
}

.longdesc {
	max-width: 350px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.description {
	overflow-y: scroll;
	min-height: 200px;
	max-height: 200px;
}

#description {
	height: 90px;
}

.view-panel {
	background: white;
}

.dataTables_filter {
	margin-bottom: 10px;
}

.dataTables_length label select {
	margin-top: 1px !important;
}

.aidTabs {
	background: #e0e0e0;
	cursor: pointer;
	overflow: hidden !important;
}

.aidTabs li.nav-item {
	border-right: 1px solid white;
	cursor: pointer !important;
}

.aidTabs li.nav-item button {
	border-radius: 0;
}

.darker-tab {
	background: #aaa !important;
}

.edit-icon-button {
	color: black;
	margin-right: 2em;
}

.edit-icon-button:hover {
	color: white !important;
}

.edit-icon-button i {
	font-weight: 400;
}

#cal_personStayEntryDate,
#cal_personStayLeaveDate {
	min-width: 50px;
}

.description {
	padding-top: 0.29rem !important;
}

.selected-row {
	font-weight: bold;
}

table tr.selected-row td:nth-child(1),
table tr.selected-row td:nth-child(2),
table tr.selected-row td:nth-child(3),
table tr.selected-row td:nth-child(4),
table tr.selected-row td:nth-child(5),
table tr.selected-row td:nth-child(6),
table tr.selected-row td:nth-child(7),
table tr.selected-row td:nth-child(8) {
	background: #FDEDBB !important;
}

.selected-row td:nth-child(1),
.selected-row td:nth-child(2),
.selected-row td:nth-child(3),
.selected-row td:nth-child(4),
.selected-row td:nth-child(5),
.selected-row td:nth-child(6) {
	background: #FDEDBB !important;
}

.nav-tabs {
	border-bottom: none;
}

.nav-tabs .nav-item .active {
	background: #fff;
}

.btn-transparent {
	background: transparent;
}

.case-middle button {
	cursor: default !important;
}

.remark {
	overflow-y: auto;
	min-height: 70px;
	max-height: 70px;
}

.small-remark {
	height: 5em !important;
}

.no-transition {
	transition: none !important;
}

table span.no-padding-no-margin {
	padding: 0px !important;
	margin: 0px !important;
}

.table-history span {
	padding-left: 1em !important;
}

.disease-details {
	margin: unset !important;
}

#disease-title {
	margin: unset;
}

/** Reset grid/flex to relative layout when vertical height < 600px

@media only screen and (max-height: 600px) {
	.d-flex { height: auto; display: relative !important }
	.overflow-auto { height: auto; overflow: scroll !important }
	body { overflow-y: scroll !important; height: auto !important }
	.h-100 { height: auto !important; overflow-y: scroll }
}

**/

table.table-view tr th:first-child,
table.table-view tr td:first-child {
	width: 50px !important;
}

div.div-disease table.table-view tr th:first-child {
	width: 100px !important;
}

.panel-scroll {
	overflow-y: auto;
}

/** begin new left side panel**/

.content1 {
	font-size: 13px;
}

.subtitle th {
	background-color: white !important;
	color: black !important;
	box-shadow: none;
}

.subtitle label {
	margin-top: 3px !important;
	margin-bottom: 2px !important;
}

.aid-left-panel table.content1 tr:not(.subtitle) td:first-of-type {
	padding-left: 1em !important;
}

.aid-left-panel table.content1 tr.subtitle th:first-of-type {
	padding-left: 0 !important;
}

.subtitle a.edit-icon {
	visibility: hidden;
}

.subtitle:hover a.edit-icon {
	visibility: visible;
}

.maxcolpanel {
	margin-right: 1em;
	margin-left: 1em;
	background: #D1D5D9;
}

.maxcolpanel .container-fluid {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/** end new left side panel **/

/**
table {
	border-collapse: collapse;
}

table tbody tr td {
	height: 22px !important;
	margin: 0 !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	line-height: 100%;
	vertical-align: center;
}
**/

#table-cases span {
	margin-top: 0 !important;
}

#table-events span {
	margin-top: 0 !important;
}

#add-step-button {
	padding-right: 3px;
}

#add-step-button a {
	display: block;
}

.ref-number-dashboard {
	text-decoration: underline !important;
}

#table-dashboard-cases_info {
	margin-left: 10px !important;
	margin-top: -22px !important;
}

#table-dashboard-cases_paginate {
	margin-top : 6px !important;
}

#table-dashboard-contacts_info {
	margin-left: 10px !important;
	margin-top: -22px !important;
}

#table-dashboard-contacts_paginate {
	margin-top : 6px !important;
}

.dashboard-step-badge {
	max-height: 30px;
	font-size: 13px !important;
	font-weight: 600;
	margin: 0 !important;
}

.dashboard-step-badge a {
	color: #000 !important;
	text-decoration: underline !important;
}

.dashboard-step-badge a:hover {
	color: #990000 !important;
}

.bull {
	vertical-align: -1px !important;
	font-size: 22px;
	margin-right: .25em !important;
}

.step-priority-badge {
	background-color: #990000;
}

.ajax-loading {
	opacity: 0;
	margin-right: 7px;
	transition: .75s;
}

.add-step-buttons a:nth-child(n+2) {
	margin-top: 6px !important;
}

/*#recipientText {
	display: none;
}*/

/*#toText {
	display: none;
}*/

.dashboard-title-panel {
	margin-left: 0px;
	margin-right: 0px;
	background: #E6E6E6;
	padding-left: 1em;
	height: 2em;
	font-weight: 400;
}

.dashboard-title-panel h1 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 15px;
	margin-top: 0px !important;
	margin-left: 0px !important;
}

#table-facility-types_info {
	display: none;
}

.content-panel {
	background: white !important;
}

td.actions {
	padding-right: .5em !important;
}

/** new panel system **/

div.aid-panel-title {
	background-color: #E6E6E6;
	padding: 0 1em;
	font-weight: bold;
}

div.aid-panel-title a {
	font-size: 1.25em;
}

div.aid-panel-title-text {
	font-weight: bold;
	font-size: 1.15em;
}

div.aid-panel-body {
	padding-top: 1em;
	padding-bottom: 1em;
	background: white !important;
}

div.aid-panel-toggle {
	cursor: pointer;
}

div.aid-panel-toggle > div {
	margin-left: auto;
	order: 2
}

div.aid-panel-top-border {
	margin-top: 1.5em;
}

.form-control.is-invalid {
	background-image: none;
}

.btn-status:hover {
	background: #ffc107 !important;
	color: inherit !important;
}

.value-radio:after {
	display:none;
}

.panel {
	border: none;
	border-left: 1px #E6E6E6 solid !important;
	border-right: 1px #E6E6E6 solid !important;
	border-bottom: 1px #E6E6E6 solid !important;
}

.panel-active-steps {
	border-color: #337AB7 !important;
}

.panel-processing-steps {
	border-color: #DFF0D8 !important;
}

.panel-previous-steps {
	border-color: #FFF2CC !important;
}

.active-steps-title {
	background: #337AB7 !important;
	color: white;
}

.active-steps-title a {
	color: white !important;
}

.processing-steps-title {
	background: #DFF0D8 !important;
}

.previous-steps-title {
	background: #FFF2CC !important;
}

.aid-panel-border {
	border: 1px #E6E6E6 solid;
	border-top: none;
}

.right-disease-details {
	min-height: 250px;
	overflow: auto;
}

.custom-background-success td {
	background-color: #D1E7DD;
}

.template-text,
.highlightTextarea-container,
.highlightTextarea-highlighter {
	line-height: 1.5em !important;
}

.highlightTextarea-highlighter {
	line-height: 1.2em;
}

.highlightTextarea-highlighter mark {
	background: #ffff00;
}

.template-keyword-selector ul {
	list-style-type: none;
}

.counters span {
	font-size:12px;
}

.counters label::after {
	display:none;
}

.existing-contacts {
	max-height: 450px;
}

/**
datatables fix

.table-responsive {
	margin-right: 10px !important;
}

$(".dataTables_scrollBody").css('width', 'calc(100% + 17px)');

**/

.table-dashboard-container {
	overflow-x: auto !important;
	white-space: wrap !important;
	max-height: 200px;
	height: 200px;
	overflow-y: scroll !important;
}

.table-dashboard-container table thead th {
	background: #f7f7f7 !important;
}

.table-dashboard-container td {
	white-space: wrap;
	font-size: small !important;
	vertical-align: top !important;
}

#table-dashboard-cases tbody td,
#table-dashboard-cases thead th {
	white-space: nowrap;
	vertical-align: middle;
	padding-top: 1px;
	padding-bottom: 3px;
}

#table-dashboard-cases_info {
	margin-top: 6px !important;
}

#table-dashboard-contacts tbody td,
#table-dashboard-contacts thead th {
	white-space: nowrap;
	vertical-align: middle;
	padding-top: 1px;
	padding-bottom: 3px;
}

#table-dashboard-contacts_info {
	margin-top: 6px !important;
}

#change-escalation-level strong {
	font-size: 14px;
}

/** all back buttons */

.btn.btn-outline-primary {
	margin-left: 0 !important;
}

a.action:hover {
	color: #0D6EFD !important;
}

.panel a:has(>i) {
	color: #585759;
}

.panel a:has(>i):hover {
	color: #0D6EFD !important;
}

.panel .panel-header a:has(>i):hover {
	color: inherit !important;
	opacity: 0.5;
}

.tracing-content {
	/**height: 610px;**/
	padding-right: 3em;
	overflow-y: auto;
}

.help-text {
	line-height: 175%;
	list-style-position: inside;
}

.help-text li {
	border: 1px transparent solid;
	margin-bottom: .25em;
	padding: .5em;
	cursor: pointer;
}

.help-text li:hover {
	border-color: #FDEDBB;
}

.help-text li.active {
	background: #FDEDBB !important;
	color: black;
	border-radius: 3px;
}

.swal2-custom-footer {
	background: black !important;
	border: 1px red solid !important;
}

/* Publish button in diseases > pdf template files (right) */

.disease-publish-button {
	color: #fff !important;
}

/* Publish button in diseases > pdf template files (right) */

a.disease-publish-button:has(>i):hover {
	color: #fff !important;
}

.pages-radio:after {
	display:none;
}

#view-tracing-step {
	font-size: 15px !important;
}

div.search-panel-header {
	background-color: #990000;
	color:rgb(233, 233, 233);
}

.dashboard-panel-header {
	background-color: #e6e6e6 !important;
}

.disease-image {
	margin-top: 1em;
	max-width: 100%;
	height: auto;
	padding: 1em;
	border: 1px dashed #ccc;
}

.disease-image:hover {
	border: 1px solid white;
}

.disease-filter {
	width: 10%;
	position: relative;
	left: 20px;
	top: 5px;
	z-index: 4;
}

.disease-filter label {
	font-weight: normal !important;
}

button.dynamic-add {
	min-width: 50px;
}

button.dynamic-delete {
	min-width: 50px;
}

.logo {
	display: inline-block;
	width: 42px;
	height: auto;
	background-clip: cover;
	background-repeat: no-repeat;
	background-position: left 4px;
	background-image: url('../img/doing.svg');
	vertical-align: text-top;
}

.logo img {
	visibility: hidden;
}

.logo:hover {
	background-image: url('../img/doing-grey.svg');
}

#table-dashboard-cases span,
#table-dashboard-contacts span {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	line-height: 20px;
}

#dt-pager-cases .pagination,
#dt-pager-contacts .pagination {
	margin-bottom: 3px !important;
	margin-right: 12px;
}

.dashboard-panel-content .pagination > li > a {
	color: black !important;
	border: none !important;
}

.dashboard-panel-content .pagination > li > a:hover {
	color: #990000 !important;
	background: transparent !important;
}

.dashboardNr {
	width: 20px !important;
	max-width: 20px !important;
	min-width: 20px !important;
}

.dashboardRefNum {
	width: 120px !important;
	max-width: 120px !important;
	min-width: 120px !important;
}

.dashboardDisease {
	width: 120px !important;
	max-width: 120px !important;
	min-width: 120px !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.pr-1 {
	padding-right: 1em !important;
}

.dot {
	font-size: 22px;
	line-height: 14px;
}

.steps-triangle {
	margin-top: 2px;
	margin-right: 10px;
}

.chain-deleted-warning {
	font-size: 14px;
	text-wrap: nowrap;
}

.dashboard-global .cases-info {
	line-height: 1 !important;
}

.dashboard-global table td,
.dashboard-global table th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;

}

.person-title-icons {
	margin-left: 5px;
	margin-right: 5px;
	font-weight: normal;
	cursor: default;
}

.person-title-icons img {
	vertical-align: -3px;
	margin-left: 3px;
	width: 16px;
	height: 16px;
}

table.content1 th.subtitle label.normal-weight {
	font-weight: normal;
}

button.add-delete-option {
	min-width: 50px;
}

.allowed-tag {
	padding: .25em 1em;
	border-radius: 2px;
}

.img-container {
	width: 320px;
	height: 200px;
	display: flex;
}

.img-container img {
	width: 100%;
	height: auto;
	object-fit: scale-down;
}

.table-middle-steps tr:last-of-type td {
	border-bottom: none;
}

#timeLabReport[value=""], #timeFirstSymptom[value=""] {
	background-color: #eee;
}

.break-spaces {
	white-space: break-spaces;
}

/** NEW LEFT PANEL CSS STARTS HERE **/

/** disease middle view **/

#diseaseView .content2,
#diseaseProperties .content2,
#diseaseLinks .content2,
#diseaseFiles .content2,
#diseaseTemplates .content2,
#diseaseTracing .content2,
#diseaseNotes .content2,
#diseaseSymptoms .content2 {
	max-height: 480px;
}

#caseLink .content1 {
	min-height: 55px;
	max-height: 55px;
}

#caseLink .content2 {
	max-height: 380px;
}

#contactLink .content1 {
	min-height: 25px;
	max-height: 25px;
}

#contactLink .content2 {
	max-height: 380px;
}

#eventLink .content1 {
	min-height: 55px;
	max-height: 55px;
}

#eventLink .content2 {
	max-height: 380px;
}

#personLink .content1 {
	min-height: 55px;
	max-height: 55px;
}

#personLink .content2 {
	max-height: 380px;
}

#tracingLink .content1 {
	min-height: 55px;
	max-height: 55px;
}

#tracingLink .content2 {
	max-height: 380px;
}

#documentsLink .content1 {
	min-height: 30px;
	max-height: 30px;
}

#documentsLink .content2 {
	max-height: 380px;
}

.aid-left-panel .content1 {
	overflow: hidden;
}

.aid-left-panel .content2 {
	overflow-y: auto;
}

.aid-left-panel .panel-content label {
	margin-left: .75em !important;
}

.aid-left-panel .panel-content .normal-weight {
	font-weight: normal !important;
	margin-right: .5em;
}

.aid-left-panel .panel-content span {
	margin-left: .5em !important;
}

.aid-left-panel .content1 table:last-of-type tr:last-of-type td {
	border-bottom: none;
}

.aid-left-panel .content2 table:last-of-type tr:last-of-type td {
	border-bottom: none;
}

/** NEW MIDDLE PANEL CSS STARTS HERE **/

.panel-active-steps .content1 {
	max-height: 110px;
}

.panel-active-steps .content2 {
	max-height: 270px;
}

.panel-processing-steps .content1 {
	max-height: 110px;
}

.panel-processing-steps .content2 {
	max-height: 270px;
}

.panel-previous-steps .content1 {
	max-height: 110px;
}

.panel-previous-steps .content2 {
	max-height: 270px;
}

.panel-notices .content1 {
	max-height: 110px;
}

.panel-notices .content2 {
	max-height: 250px;
}

#ajax-steps .content1 {
	overflow: hidden;
}

#ajax-steps .content2 {
	overflow-y: auto;
}

/** NEW DEFINITIONS **/

span.comma {
	white-space: nowrap;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.aid-left-panel .panel-content span.comma {
	margin-left: 0 !important;
}

td.comma {
	padding-left: 0.9em !important;
}

td.comma span.comma:not(:last-child):after {
	content: ', ';
}

th.section-title,
td.section-title {
	background: #F2F4F4 !important;
}

.btn-addon {
	min-width: 40px !important;
}

#templateId optgroup {
	font-weight: normal;
	background-color: #6C757D;
	color: white;
	font-style: normal;
}

#templateId option {
	background-color: white;
	color: black;
}

.insert-template-button {
	height: 24px;
}

.insert-template-button button {
	min-width: 32px !important;
	padding-left: 0;
	padding-right: 0;
}

.insert-template-button * {
	cursor: pointer;
}

.insert-template-button select optgroup {
	font-weight: 400;
	background-color: #E9ECEF;
	color: gray;
	font-style: normal;
}

.insert-template-button option {
	background-color: white;
	color: black;
}

.step-popup-disabled-message {
	height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	font-weight: bold;
}

.test-outer {
	border: 1px green solid;
}

.aid-panel-subtitle {
	background: white;
	color: black;
}

.contact-step-add-list {
	max-height: 360px !important;
	overflow-y: auto !important;
}

#imgSrc {
	cursor: pointer;
}

.sms-notification {
	position: absolute;
	top: 50%;
	left: 0%;
}

.case-import-notification {
	position: absolute;
	top: 50%;
	left: 0%;
}

.small-description {
	overflow-y: scroll;
	min-height: 70px;
	max-height: 70px;
	padding: 0 1em;
}

#disease-note-span {
	margin: 0 !important;
	padding: 0 !important;
}

#disease-note-span span {
	margin: 0 !important;
	padding: 0 !important;
}

.tracing-symptoms-panel .bootstrap-datetimepicker-widget {
	top: -80px !important;
}

.big-height {
	min-height: 400px !important;
}

.wrap-chain-block-text {
	white-space: wrap;
	overflow-wrap: break-word;
	word-break: break-all;
}

.cursor-arrow {
	cursor: default !important;
}

#htmlpreview {
	overflow-y: auto;
}

#htmlpreview h1,
#htmlpreview h2,
#htmlpreview h3,
#htmlpreview h4,
#htmlpreview h5 {
	margin-left: 0;
	font-size: reset;
}

.bolder {
	font-weight: 600;
}

.superset-container-height {
	height: 99%;
}

.triage-remark {
	width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.triage-history {
	height: 80vh;
	overflow-y: scroll;
}

div.aid2-panel {
	border: solid 1px #e6e6e6;
	display: flex;
	flex-direction: column;
	height: 100%;
}

div.aid2-panel > div.header {
	background-color: #e6e6e6;
	padding: .5rem;
	font-weight: bold;
}

div.aid2-panel > div.header > p {
	margin: 0;
	padding: 0;
}

div.aid2-panel > div.content {
	flex-grow: 1;
	overflow: auto;
}

*[data-td-toggle="datetimepicker"] {
	min-width: 40px !important;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-left-color: #fff !important;
}

.left-info .btn.w-100 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.left-info .content table td {
	vertical-align: middle;
}

#btn-reset-address {
	min-width: 0;
	font-size: 18px;
	opacity: .75;
}

#btn-reset-address:hover {
	opacity: 1;
}