/*common css*/
.hlight {
	background: #a3bfed;
}

.border_red {
	border: 1px solid red;
}

.custom-header {
	font-size: 16px;
	margin: 0 0 20px;
	padding: 0;
	border: none;
	line-height: 28px;
}

.font_size16 {
	font-size: 16px;
}

.margin_top_13px {
	margin-top: 13px
}

.font_size11 {
	font-size: 11px;
}

.font_size10 {
	font-size: 10px;
}

.font_size15 {
	font-size: 15px;
}

.font_size14 {
	font-size: 14px;
}

.font_size12 {
	font-size: 12px;
}

.font_size80 {
	font-size: 80% !important;
}

.font_size80 {
	font-size: 80% !important;
}

.hlight_ins {
	background: #a3bfed;
}

.hlight_fac {
	background: #a3bfed;
}

.rtemposerial {
	background-color: #a3bfed;
}

.tempo_light:hover {
	background-color: #a3bfed;
}

.alert_setting_checkbox {
	margin-top: -8px !important;
}

/* Profile image */
.navbar-users img {
	float: left;
	width: 35px;
	height: 35px;
	margin: -7px 10px 0 0;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.top_chn {
	margin-top: 4px;
	margin-bottom: 4px;
}

.lang_select {
	width: auto;
}

.string_chng {
	margin-top: 12px;
	margin-bottom: 8px;
	color: #000000;
}

.foot {
	background: #ffffff;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 2px rgba(0, 0, 0, .3);
	z-index: 1020;
	margin-bottom: 0;
	bottom: 0;
}

.scroll_div {
	height: 300px;
	overflow-y: scroll;
}

.hlight_device {
	background: #a3bfed;
}

.hardwareversion {
	background: #a3bfed;
}

.tdeviceid {
	background: #a3bfed;
}

/*table alignment */
.tbl_view {
	background-color: #8c8989 !important;
	color: white !important;
}

/*form alignment for left*/
.align_left {
	text-align: left;
}

/*form alignment for right*/
.align_right {
	text-align: right;
}

/*form alignment for center*/
.align_center {
	text-align: center;
}

/*form alignment for required field*/
.star_red {
	color: red;
}

/*Warning messages*/
.warning_messages {
	color: #FF7D7C;
	font-size: 14px;
}

/*modal popup design*/
.modal_bottom {
	border-bottom: none;
}

.modal_top {
	border-top: none;
}

.modal_msg {
	font-size: 200%;
}

.modal_msgs {
	font-size: 100%;
}

/*image_s3 spin design*/
.img_s3 {
	font-size: 24px;
	color: #0a4776;
}

/*error msg css*/
.err_msg {
	display: none;
	color: red;
}

/*error msg left aligned css*/
.err_msg_left {
	text-align: left;
	display: none;
	color: red;
}

.manual_tagit {
	display: none;
	width: 267px;
	top: 36px;
	left: 16px;
}

/*.manual_tagit_chain{
	display:none;
	width: 422px;
	top: 135px;
	left: 94px;
}*/
.firmware_tagit {
	display: none;
	width: 230px;
	top: 36px;
	left: 17px;
}

.tempo_tagit {
	display: none;
	width: 230px;
	top: 36px;
	left: 16px;
}

.firmware_files {
	padding-left: 205px;
}

.firmware_file_exists {
	padding-right: 100px;
}

.firmware_add_file {
	color: #0088cc;
	padding-right: 80px;
}

/*language error msg css*/
.lang_err_msg {
	color: red !important;
}

/* add image css*/
.add_img {
	padding-left: 60px;
	padding-top: 5px;
}

/* edit image css*/
.edit_img {
	padding-left: 80px;
	padding-top: 5px;
}

/* cursor_pointer css*/
.cur_pt {
	cursor: pointer;
}

/*progress bar css*/
.prgs {
	display: none;
}

input[class=prgs] {
	display: none;
}

/*end common css*/

/*dashboard css*/
.acti {
	cursor: pointer;
}

/*progress bar_image css*/
.img {
	max-width: 40px;
}

/*end dashboard css*/

/*add_institution css*/

/*show_image css*/
.img_show {
	width: 150px;
}

/*end add_institution css*/

/*edit_institution css*/
/*country design css*/
.country_sel {
	padding-top: 5px;
}

/*country based image_design css*/
.country_botimg {
	padding-bottom: 5px
}

/*edit_logo image_design css*/
.edit_logo {
	padding-top: 50px
}

/*end edit_institution css*/

/*add_facility css*/
/*col design css*/

/*email_err message design css*/
.email_err {
	color: #e5603b;
}

/*append_facmanager design css*/
.fac {
	padding-right: 7px;
}

/*append_delete design css*/
.fac_del {
	padding-top: 9px;
}

.cancel_btn {
	padding-left: 20px;
}

/*end add_facility css*/

/*edit_facility css*/
/*	bhoechie tab */
div.bhoechie-tab-container {
	z-index: 10;
	background-color: #ffffff;
	padding: 0 !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #ddd;
	margin-top: 20px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	background-clip: padding-box;
	opacity: 0.97;
	filter: alpha(opacity=97);
}

div.bhoechie-tab-menu::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

div.bhoechie-tab-menu::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}

div.bhoechie-tab-menu::-webkit-scrollbar-thumb {
	background: #e1e1e1;
	border: 0px none #ffffff;
	border-radius: 50px;
}

div.bhoechie-tab-menu::-webkit-scrollbar-thumb:hover {
	background: #ffffff;
}

div.bhoechie-tab-menu::-webkit-scrollbar-thumb:active {
	background: #000000;
}

div.bhoechie-tab-menu::-webkit-scrollbar-track {
	background: #666666;
	border: 0px none #ffffff;
	border-radius: 0px;
}

div.bhoechie-tab-menu::-webkit-scrollbar-track:hover {
	background: #666666;
}

div.bhoechie-tab-menu::-webkit-scrollbar-track:active {
	background: #333333;
}

div.bhoechie-tab-menu::-webkit-scrollbar-corner {
	background: transparent;
}

div.bhoechie-tab-menu {
	height: 474px;
	overflow-y: auto;
	overflow-x: hidden;
	/* padding-right: 0; */
	padding-left: 0;
	padding-bottom: 0;
	direction: rtl;
}

div.bhoechie-tab-menu div.list-group {
	margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a {
	margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
	color: #5A55A3;
}

div.bhoechie-tab-menu div.list-group>a:first-child {
	border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a:last-child {
	border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
	background-color: #5A55A3;
	background-image: #5A55A3;
	color: #ffffff;
}

div.bhoechie-tab-menu div.list-group>a.active:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -13px;
	border-left: 0;
	border-bottom: 13px solid transparent;
	border-top: 13px solid transparent;
	border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content {
	background-color: #ffffff;
	padding-top: 10px;
	height: 451px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
	display: none;
}

.map-wrapper {
	position: relative;
}

.overlay-dots {
	position: absolute;
	top: 0px;
}

/*image view design css*/
.editfac_img {
	padding-left: 50px;
	padding-top: 5px;
}

/*append fac_manager edit design css*/
.append_fac {
	padding-top: 9px;
}

/*append fac_manager_email edit design css*/
.append_facr {
	padding-right: 7px;
}

/*edit fac_logo design css*/
.edit_facl {
	padding-top: 25px
}

/*append fac_manager view design css*/
.fac_mag {
	padding-top: 9px;
}

/*end edit_facility css*/

/*branding css*/
/*branding_image css*/
#simg {
	padding-left: 180px;
}

#p {
	text-align: justify;
	text-justify: inter-word;
}

/*image validation css*/
.imgval {
	display: none;
	padding-left: 180px;
	padding-top: 5px;
	color: red;
	font-size: 15px;
}

/*Note design css*/
.notesz {
	font-weight: 700;
}

/*Note size css*/
.noteft {
	size: 15px;
}

.fac_brd {
	text-align: left;
	padding-top: 5px;
}

.note_profile {
	color: black;
	font-size: 14px;
}

.ssl_file_label {
	text-align: left;
	margin-top: 10px;
}

/*end branding css*/
/*ins_staff css*/
.nvp {
	background-color: #f15854;
}

.svp {
	background-color: #0a862b;
}

.inp {
	background-color: #00acac;
}

.fvp {
	background-color: #f15854;
}

.textcmt {
	width: 270px;
	height: 90px;
}

.table_header {
	background-color: #8c8989 !important;
	color: white !important;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

.textsecret {
	width: 350px;
	height: 90px;
}

.right_align {
	float: right;
}

/*end ins_staff css*/
/*start view_floor css*/
.floor_margin_top {
	background-color: #cccccc;
	margin-top: 10px;
}

.floor_margin_white {
	color: white;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	padding: 10px;
}

.floor_border {
	border: 2px solid black;
	border-radius: 5px;
}

.floor_width_border {
	width: 1200px;
	height: 594px;
	border: 1px solid red;
	background: white;
}

.textcmt {
	width: 270px;
	height: 90px;
}

.cuadro_intro_hover {
	padding: 0px;
	position: relative;
	overflow: hidden;
}

.cuadro_intro_hover:hover .caption {
	opacity: 1;
	transform: translateY(-150px);
	-webkit-transform: translateY(-150px);
	-moz-transform: translateY(-150px);
	-ms-transform: translateY(-150px);
	-o-transform: translateY(-150px);
}

.cuadro_intro_hover img {
	z-index: 4;
}

.cuadro_intro_hover .caption {
	position: absolute;
	top: 150px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 100%;
}

.cuadro_intro_hover .blur {
	background-color: rgba(0, 0, 0, 0.7);
	height: 300px;
	z-index: 5;
	position: absolute;
	width: 100%;
}

.cuadro_intro_hover .caption-text {
	z-index: 10;
	color: #fff;
	position: absolute;
	height: 300px;
	text-align: center;
	top: -20px;
	width: 100%;
}

/*end view_floor css*/

/*fac_staff	css*/
.fac_padding {
	display: none;
	padding-top: 25px;
}

.fac_padding_left {
	display: none;
	padding-left: 170px;
}

.fac_padding_top {
	text-align: left;
	padding-top: 5px;
}

.padding_top_11px {
	padding-top: 11px;
}

.nvp {
	background-color: #f15854;
}

.svp {
	background-color: #0a862b;
}

.inp {
	background-color: #00acac;
}

.fvp {
	background-color: #f15854;
}

.textcmt {
	width: 270px;
	height: 90px;
}

.right_align {
	float: right;
}

/*end fac_staff css*/

/* fac_resident css*/
.fac_res_pad_top {
	padding-top: 35px;
}

.fac_pad_left_top {
	padding-left: 20px;
	padding-top: 5px;
}

.acti {
	cursor: pointer;
}

.acti_disabled {
	cursor: not-allowed;
}

/*end fac_resident css*/

/* fac_manage_resident css*/
.snap_shot {
	max-height: 650px;
}

.fac_man_res_bor_bottom {
	border-bottom: 1px solid black;
}

.fac_man_background {
	background: black;
}

/* end fac_resident css*/

/* fac_res_contact css*/
.fac_cntct_snap_shot {
	height: 430px;
	width: 346px;
}

.fac_cntct_width {
	width: 78px;
}

.fac_cntct_none_width {
	display: none;
	width: 78px;
}

/*end	fac_res_contact css*/
/* Facilty_tempo_device*/
.fac_temp_err {
	color: #e5603b;
	display: none;
}

.fac_temp_padding {
	padding-top: 8px;
}

/*end Facilty_tempo_device*/
/* Facilty_profile*/
.fac_add_img {
	display: none;
	padding-top: 15px;
}

.fac_img {
	border-style: solid;
	border-color: red;
}

/*end Facilty_profile*/
/*Record CSS*/
#recButton_admin {
	width: 20px;
	height: 20px;
	font-size: 0;
	background-color: red;
	border: 0;
	border-radius: 20px;
	outline: none;
}

#recButton_sch {
	width: 20px;
	height: 20px;
	font-size: 0;
	background-color: red;
	border: 0;
	border-radius: 20px;
	outline: none;
}

#recButton_ins {
	width: 20px;
	height: 20px;
	font-size: 0;
	background-color: red;
	border: 0;
	border-radius: 20px;
	outline: none;
}

#recButton_fac {
	width: 20px;
	height: 20px;
	font-size: 0;
	background-color: red;
	border: 0;
	border-radius: 20px;
	outline: none;
}

.notRec {
	background-color: darkred;
}

.Rec {
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#recordingslist audio {
	display: block;
	margin-bottom: 10px;
}

.invalid_file {
	display: none;
	padding-left: 0px;
	padding-top: 5px;
	color: red;
	font-size: 15px;
}

.error_messages_device_management {
	display: none;
	padding-top: 5px;
	color: red;
	font-size: 15px;
}

.invalid_csv {
	padding-top: 5px;
	color: red;
	font-size: 14px;
	padding-left: 200px;
}

.invalid_img {
	display: none;
	color: red;
	font-size: 15px;
}

.fac_img_align {
	padding-left: 150px
}

@keyframes pulse {
	0% {
		box-shadow: 0px 0px 5px 0px rgba(173, 0, 0, .3);
	}

	65% {
		box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, .3);
	}

	90% {
		box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0);
	}
}

/* CSS for larger Checkbox */
input.largerCheckbox {
	width: 20px;
	height: 20px;
}

/*Input field disabled font bold*/
.text_hidden {
	font-weight: bold;
}

[disabled] {
	font-weight: bold;
}

.display_none {
	display: none;
}

.error_messages_deploy_firmware {
	display: none;
	color: red;
	padding-left: 180px;
}

.warning_messages_deploy_firmware {
	display: none;
	color: green;
	padding-left: 180px;
}

.ssl_file_format {
	color: red;
	font-size: 14px;
}

.firmware_sw_error {
	color: red;
	padding-left: 153px;
}

.Planned-Exit-Button {
	height: fit-content;
	white-space: normal;
	width: 100px;
	padding: initial;
	min-width: 40px;
	max-width: 150px;
}

.Complete-Button {
	height: 40px;
	min-width: 40px;
	max-width: 130px;
}

.m-t-0 {
	margin-top: 0px !important;
}

.m-t-2 {
	margin-top: 2px;
}

.m-t-5 {
	margin-top: 5px !important;
}

.m-t-10 {
	margin-top: 10px !important;
}

.m-t-15 {
	margin-top: 15px !important;
}

.m-t-20 {
	margin-top: 20px !important;
}

.m-t-25 {
	margin-top: 25px !important;
}

.m-t-30 {
	margin-top: 30px !important;
}

.m-b-0 {
	margin-bottom: 0px !important;
}

.m-b-5 {
	margin-bottom: 5px !important;
}

.m-b-10 {
	margin-bottom: 10px !important;
}

.m-b-15 {
	margin-bottom: 15px !important;
}

.m-b-20 {
	margin-bottom: 20px !important;
}

.m-b-25 {
	margin-bottom: 25px !important;
}

.m-b-30 {
	margin-bottom: 30px !important;
}

.m-r-0 {
	margin-right: 5px !important;
}

.m-r-5 {
	margin-right: 5px !important;
}

.m-r-10 {
	margin-right: 10px !important;
}

.m-r-15 {
	margin-right: 15px !important;
}

.m-r-20 {
	margin-right: 20px !important;
}

.m-r-25 {
	margin-right: 25px !important;
}

.m-r-30 {
	margin-right: 30px !important;
}

.txt-white {
	color: #FFF !important;
}

.txt-black {
	color: #000 !important;
}

.txt-underlined {
	text-decoration: underline !important;
}

.txt-decoration-none {
	text-decoration: none !important;
}

.panel-body-rounded-borders {
	border: 1px solid #242a30;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.panel-default-body-rounded-borders {
	border: 1px solid #fafafa;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.label-text-90 {
	font-size: 90% !important;
}

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

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

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

.cursor-not-allowed {
	cursor: not-allowed !important;
}

.display_block {
	display: block;
}

#choose_firmware_value>[disabled] {
	color: #ccc !important;
	font-size: inherit;
	font-weight: normal !important;
}

.p-l-5 {
	padding-left: 5px !important;
}

.p-l-10 {
	padding-left: 10px !important;
}

.p-l-15 {
	padding-left: 15px !important;
}

.p-l-20 {
	padding-left: 20px !important;
}

.p-l-25 {
	padding-left: 25px !important;
}

.p-l-30 {
	padding-left: 30px !important;
}

.p-r-5 {
	padding-right: 5px !important;
}

.p-r-10 {
	padding-right: 10px !important;
}

.p-r-15 {
	padding-right: 15px !important;
}

.p-r-20 {
	padding-right: 20px !important;
}

.p-r-25 {
	padding-right: 25px !important;
}

.p-r-30 {
	padding-right: 30px !important;
}

#remove_tempo_assigned {
	/* margin-bottom: -28px; */
	margin-top: 10px;
}

.websocket_green {
	color: #5cb85c !important;
}

.display_table {
	display: table;
	color: #f59c1a;
	font-size: 33px;
}

.line-height-1 {
	line-height: 1 !important;
}

.line-height-2 {
	line-height: 2 !important;
}

.line-height-3 {
	line-height: 3 !important;
}

.line-height-4 {
	line-height: 4 !important;
}

.line-height-5 {
	line-height: 5 !important;
}

.cp-stick-it-top {
	position: fixed;
	width: 100%;
	top: 54px;
	z-index: 100;
	border-top: 0;
	margin-left: -1px;
}

.margin_top_8px {
	margin-top: 8px;
}

.padding_all_0 {
	padding: 0px 0px 0px 0px !important;
}

.btn-color {
	width: 17px;
	height: 17px;
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
}

.opacity-half {
	opacity: 0.5 !important;
}

.opacity-75 {
	opacity: 0.75 !important;
}

.height-10 {
	height: 10px !important;
}

.height-20 {
	height: 20px !important;
}

.height-30 {
	height: 30px !important;
}

.height-40 {
	height: 40px !important;
}

.height-40 {
	height: 40px !important;
}

.height-50 {
	height: 50px !important;
}

.height-60 {
	height: 60px !important;
}

.height-70 {
	height: 70px !important;
}

.height-80 {
	height: 80px !important;
}

.height-90 {
	height: 90px !important;
}

.height-100 {
	height: 100px !important;
}

.width_100 {
	width: 100px !important;
}

.width_50 {
	width: 50px !important;
}

.line-height-10px {
	line-height: 10px !important;
}

.line-height-20px {
	line-height: 20px !important;
}

.line-height-30px {
	line-height: 30px !important;
}

.line-height-40px {
	line-height: 40px !important;
}

.css-header-row,
.css-header-row1 {
	background-color: #FFF;
	font-style: italic;
	text-decoration: underline;
	text-align: left;
	font-weight: bold;
}

.css-header-row {
	height: 40px;
}

.css-header-rowgeofence,
.css-header-row1geofence {
	background-color: #FFF;
	font-style: italic;
	text-align: left;
	font-weight: bold;
}

.css-header-rowgeofence {
	height: 40px;
}


.css-table-row {
	min-height: 42px !important;
	height: 42px !important;
	max-height: 42px !important;
	overflow-x: -webkit-marquee;
}

.css-header-cell,
.css-table-row,
.css-table-cell {
	border: 0 !important;
}

.css-hover-table-row {
	background-color: inherit;
}

.alert-timeline-heading-1 {
	font-size: 80%;
	text-decoration: underline;
	color: #000;
}

.alert_time_data {
	font-size: 80%;
	color: #000;
}

.alert-timeline-heading-all {
	font-size: 90%;
	text-decoration: underline;
	color: #000;
}

.cpar-content {
	font-size: 95%;
}

.cpar-table-header,
.cpar-table-header1,
.cpar-ins-at-header {
	background-color: #FFF;
	font-style: italic;
	text-decoration: underline;
	text-align: left;
	font-weight: bold;
}

.cpar-table-header:first-child {
	margin-left: 0px;
}

.cpar-table-headergeofence,
.cpar-table-header1geofence,
.cpar-ins-at-headergeofence {
	background-color: #FFF;
	font-style: italic;
	text-align: left;
	font-weight: bold;
}

.cpar-table-headergeofence:first-child {
	margin-left: 5px;
}

.bg-lightblue {
	background-color: #bac8de;
}

.bg-black1 {
	background-color: #000000;
}

.bg-darkblue {
	background-color: #8faadd;
}

.bg-grey1 {
	background-color: #333;
}

.bg-grey2 {
	background-color: #b6c2c9 !important;
}

.bg-yellow-grad {
	background: linear-gradient(110deg, #f39c12 60%, #f1c40f 60%);
}

.bg-red-grad {
	background: linear-gradient(140deg, #c0392b 40%, #e74c3c 40%);
}

.bg-grey-grad {
	background: linear-gradient(140deg, #2c3e50 40%, #34495e 40%);
}

.cpar-bar {
	height: 21px;
}

.cpar-bar-grey {
	fill: #bfbfbf;
}

.cpar-bar-lightblue {
	fill: #bac8de;
}

.cpar-bar-mediumblue {
	fill: #8faadc;
}

.cpar-bar-grey_ins {
	fill: #bfbfbf;
	stroke: #918a8a;
	stroke-width: 1px;
}

.cpar-bar-lightblue_ins {
	fill: #bac8de;
	stroke: #67778f;
	stroke-width: 1px;
}

.cpar-bar-mediumblue_ins {
	fill: #8faadc;
	stroke: #455676;
	stroke-width: 1px;
}

.cpar-bar-white {
	fill: #ffffff;
}

.cpar-bar-black {
	fill: #000000;
}

.cpar-bar-text {
	font-family: Helvetica, sans-serif;
	font-size: 80%;
}

.font80 {
	font-size: 80%
}

.font85 {
	font-size: 85%
}

.font90 {
	font-size: 90%
}

@media print {
	.alert-timeline-heading-1 {
		font-size: 60%;
		text-decoration: underline;
		color: #000;
	}

	.alert-timeline-heading-2 {
		font-size: 60%;
		color: #000;
	}

	.css-header-row1,
	.cpar-table-header {
		font-size: 70%;
	}

	.cpar-table-header:first-child {
		margin-left: 0px !important;
	}

	.page-break-inside-avoid {
		page-break-inside: avoid;
	}

	.cpar-bar-text {
		font-family: Helvetica, sans-serif;
		font-size: 70%;
	}

	.cpar-ins-at-header {
		font-size: 80%;
	}

	.tempoassist_font {
		font-size: 60%
	}

	.font80 {
		font-size: 60%
	}

	.font90 {
		font-size: 70%
	}
}

/*@media screen and (min-width: 1920px) {
 .table-responsive
 {
 	overflow-x:hidden;

 }
 .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
 {
 	width: 10%;
 }
}

@media screen and (max-width: 768px) {
 .table-responsive
 {
 	overflow-x:hidden;

 }
 .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
 {
 	width: 10%;
 	padding: 10px 4px;
 }
}
.table-responsive{
	overflow-x: hidden;
}
.trans_text_placeholder::-webkit-input-placeholder {
    color: blue;
}*/

.label_checkbox {
	padding-top: 7px;
}

.geofence_take_color {
	background: #E2F0D9;
	padding: 5px;
	border-radius: 20px;

}

.geofence_planned_exit_color {
	background: #DEEBF7;
	padding: 5px;
	border-radius: 20px;

}


.grey_color {
	background: #e7e6e6;
	padding: 5px;
	border-radius: 20px;

}

.assist_color {
	background: #e2f0d9;
	padding: 5px;
	border-radius: 20px;

}

.fall_res_sta_color {
	background: #FFE699;
	padding: 5px;
	border-radius: 20px;
	color: black;

}

.assist_blue_color {
	background: #deebf7;
	padding: 5px;
	border-radius: 20px;

}

.assist_light_color {
	background: #fbe5d6;
	padding: 5px;
	border-radius: 20px;

}

.text_decoration {
	text-decoration: none;
}

table .header-fixed {
	position: fixed;
	top: 0px;
	/*left: 0;*/
	/*right: 0;*/
	/*z-index: 1020;*/
	/* 10 less than .navbar-fixed to prevent any overlap */
	border-bottom: 1px solid #d5d5d5;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.label.label-shared {
	background: #d7983b;
	padding: 0.2em 1.6em .3em
}

.label-spare {
	padding: 0.2em 2.6em .3em;
}

.label-unsuable {
	padding: 0.2em 1.8em .3em;
}

.geofence_alert_radio_button_text {
	padding-left: 0 !important;
}

.assistance_free_form_text_alert::-webkit-input-placeholder {
	font-style: italic;
}

.assistance_free_form_text_alert:focus::-webkit-input-placeholder {
	color: transparent;
}

.alert_head_color {
	background: #ddd;
	padding: 5px;
	color: black;
}

.my_alert_color {
	padding: 5px;
	color: black;
	margin-top: 10px;
	border-radius: 12px;
}

.new_alert_color {
	padding: 5px;
	color: black;
	margin-top: 10px;
	border-radius: 12px;
}

.other_alert_color {
	padding: 5px;
	color: black;
	margin-top: 10px;
	border-radius: 12px;
}

.text_title_case {
	text-transform: capitalize !important;
}

.select2-selection__clear {
	display: none !important;
}

.issue-title {
	font: 500 28px/0px "-apple-system", "BlinkMacSystemFont", "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 21px;
	color: #f39f09;
	padding-left: 50px;
}


.action {

	color: #333;
	display: block;
	margin-bottom: 9px;
	padding-left: 66px;
}

.user-input1 {
	color: #333;
	font-size: 16px;
	padding-left: 67px;
}

.col {
	color: #ffffff;
}

.next-steps-title {
	font: 700 30px/36px "-apple-system", "BlinkMacSystemFont", "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 55px;

}

.Attach {
	font: FontAwesome - 100;
	padding-left: 60px;
	color: #f39f09;

}

.ssc {
	padding-left: 58px !important;
}

.permalink {
	color: #f39f09;
	font-size: 13px;
}

.download_permalink {
	color: #f39f09;
	font-size: 13px;
	padding-left: 55px;
}

.label.label-shared {
	background: #f39f09 !important;
}

.dropdown-menu-center {
	left: 15% !important;
	right: auto !important;
	transform: translate(-50%, 0) !important;

}

.pointer,.f {
	cursor: pointer;
}


.resident_details_outer {
	white-space: nowrap;
	position: relative;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.resident_details_outer_scroll {
	width: 300px;
	float: none;
	margin: 0 0.25%;
	display: inline-block;
	border-radius: 10px;
	zoom: 1;
}

.gm-ui-hover-effect {
	display: none !important;
}

.height150px {
	height: 175px;
}

.client_alert_heading {
	font-size: 10px;
	font-weight: bold;
}

.border_color {
	border: 1px solid red;
	padding: 2px;
	border-radius: 15px;
}

.client_resdient_image {
	width: 59px;
	height: 59px;
	padding: 5px;
}

.font_size_10 {
	font-size: 10px;
}

.padding5px {
	padding: 0px 5px 0px 0px;
}

#marker-tooltip {
	display: none;
	position: absolute;
	background-color: #ffffff;
	margin: 0px;
	padding: 10px;
}

#hrlinecustom {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	border: 0 !important;
	border-top: 1px solid #0044cc !important;
}

.graph_tempo_count {
	color: #ffffff;
	background: #ffa500;
	padding: 5px;
	border-radius: 7px;
}

.table>thead>tr>th,
.table>tbody>tr>td {
	font-size: 14px !important;
}

body {
	font-size: 14px !important;
}

#content {
	font-size: 14px !important;
}

.btn>.glyphicon-search,
.btn>.glyphicon-remove-circle {
	padding: 4px;
}

#send_message>.glyphicon-circle-arrow-right,
.send_message>.glyphicon-circle-arrow-right {
	color: green;
	font-size: 22px;
}

.mycustom {
	border: solid 1px #9d9292;
	position: relative;
	border-radius: 17px;
	background-color: #ffffff40 !important;
}

.mycustom input[type=text] {
	border: none;
	width: 100%;
	background-color: #ffffff40 !important;
	/* padding-right: 123px; */
}

.mycustom .input-group-prepend {
	position: absolute;
	right: 4px;
	top: 4px;
	bottom: 4px;
	z-index: 9;
}

.mycustom .input-group-addon {
	background-color: #ffffff40 !important;
}

.client_caretype::-webkit-input-placeholder {
	font-size: 11px;
}

.report_btn_custom {
	border-radius: 20px;
	min-width: 100px;
	margin-bottom: 10px;
}

.custom_report_pannel_heading {
	background: #eeeeee !important;
	color: #000 !important;
	text-transform: uppercase;
}

.custom_report_tab ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	/* border: 1px solid #e7e7e7; */
	background-color: #dadada;
	width: 360px;
}

.custom_report_tab li {
	float: left;
}

.custom_report_tab li a {
	display: block;
	color: #666;
	text-align: center;
	padding: 8px;
	text-decoration: none;
}

.custom_report_tab li a:hover:not(.active) {
	background-color: #ddd;
}

.custom_report_tab li a.active {
	color: white;
	background-color: #348fe2;
}

hr.dashed_border {
	border-top: 1px dashed #eee;
}

.redShading {
	background: #ff0000a8 !important;
	color: white;
}

.yellowShading {
	background: #ffff007a !important;
	color: white;
}

.redTransShading {
	background: #e87b2ebf !important;
	color: white;
}

.priority_1 {
	background: #8a8989 !important;
	color: #ffffff;
}

.priority_2 {
	background-color: #bfb9b9 !important;
	border-color: #8c8c8c;
	color: #ffffff;
}

.width90px {
	width: 90px
}

.add_departmentlist_button {
	margin-top: -41px !important;
}

.departmentlist_padding {
	padding: 6px 10px !important;
}

.department_listtype::-webkit-input-placeholder {
	font-size: 9px !important;
}

.label.label_shared_visitor {
	background: #7030a0;
}

.alert_title {
	font-size: 20px;
	font-weight: bold;
}

.is_geofence_beacon {
	background: #ed9f9d !important;
	color: #0000009e !important;
}

.input_radio_block {
	height: 20px;
	width: 20px;
	margin-top: 0px !important;
	display: block !important;
}

.red_colour {
	color: red;
}

/*.select2-container--open{
	z-index: 10 !important;
}*/
.text_decoration {
	text-decoration: underline;
}

.no_column_sort i {
	display: none;
}

.notfound {
	display: none;
}

.schedule_email_popup .bootstrap-tagsinput {
	width: 100%;
}

.bootstrap-tagsinput .label {
	font-size: 85% !important;
	line-height: 2.5 !important;
}

.beacon_banner {
	background: #e96157;
	color: #fff !important;
}

.emojionearea,
.emojionearea.focused {
	border: none !important;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

.emojionearea.form-control {
	width: 102% !important;
}

.emojionearea .emojionearea-picker .emojionearea-search>input {
	width: 100% !important;
	min-width: 300px !important;
	border-style: solid;
	height: 25px;
	border-width: 1px;
	border-color: #2196F3 !important;
	border-radius: 10px;
}

.emojionearea-scroll-area {
	--scrollbarBG: #fff;
	--thumbBG: #f59325;
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.emojionearea-scroll-area::-webkit-scrollbar {
	width: 11px;
}

.emojionearea-scroll-area::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
}

.emojionearea-scroll-area::-webkit-scrollbar-thumb {
	background-color: var(--thumbBG);
	border-radius: 6px;
	border: 3px solid var(--scrollbarBG);
}

#compose_new_messag>.emojionearea.emojionearea-inline>.emojionearea-editor {
	right: 0px !important;
	text-align: left;
	width: 280px;
}

#compose_new_messag>.emojionearea>.emojionearea-editor {
	text-align: left;
}

.password_warning {
	color: #f59325;
}

@font-face {
	font-family: EmojiFont;
	src: url('/assets/fonts/seguiemj.ttf');
}

.chat_content,
.emojionearea-editor,
#staff_chat_description,
#staff_chat_report {
	font-family: EmojiFont;
}

.chat_time,
#staff_chat>tr>td:nth-child(1) {
	font-family: none;
}

input.messageSettingsCheckbox {
	width: 15px;
	height: 15px;
	margin-top: 1px;
}

.lowercase_text {
	text-transform: lowercase;
}

.emojionearea-editor {
	min-height: 18px !important;
	max-height: 100px !important;
	word-break: break-word !important;
}

.emojionearea-editor {
	--scrollbarBG: #fff;
	--thumbBG: #f59325;
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.emojionearea-editor::-webkit-scrollbar {
	width: 11px;
}

.emojionearea-editor::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
}

.emojionearea-editor::-webkit-scrollbar-thumb {
	background-color: var(--thumbBG);
	border-radius: 6px;
	border: 3px solid var(--scrollbarBG);
}

.red {
	color: red !important;
}

#scheduled_cronjob_report>tr>td:nth-child(2) {
	word-break: break-word;
}

.margin_bottom_10px {
	margin-bottom: 10px
}

.external_integration,.waveware_integration {
	padding: 7px;
	border: 2px solid #f59325;
	border-radius: 40px;
	margin-bottom: 10px;
	margin-top: 10px;
	min-height: 200px;
}

.external_integration_title {
	color: #000;
	font-size: 15px;
	font-weight: bold;
}

.marginleft_10 {
	margin-left: -10px;
}

.ehrToggle .switch,.tempo_waveware .switch {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 20px;
	vertical-align: middle;
	margin-top: 1px;
}

.ehrToggle .switch input,.tempo_waveware .switch input {
	display: none;
}

.ehrToggle .slider,.tempo_waveware .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fe0000;
	-webkit-transition: .4s;
	transition: .4s;

}

.ehrToggle .slider:before , .tempo_waveware .slider::before {
	position: absolute;
	content: "";
	height: 16px;
	width: 14px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.ehrToggle input:checked+.slider,.tempo_waveware input:checked+.slider {
	background-color: #92d14f;
}

.ehrToggle input:focus+.slider,.tempo_waveware input:focus+.slider {
	box-shadow: 0 0 1px #92d14f;
}

.ehrToggle input:checked+.slider:before,.tempo_waveware input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.ehrToggle .slider.round,.tempo_waveware .slider.round {
	border-radius: 34px;
}

.ehrToggle .slider.round:before,.tempo_waveware .slider.round:before {
	border-radius: 50%;
}

.external_integration hr,.waveWare_integration hr {
	border-bottom: 2px dashed #cbcbcb;
}

.facility_setting_btn {
	color: #fff !important;
	background: #8b9397;
	margin: 10px 0px 2px 0px;
}

.is_edit_newalertsettings {
	position: fixed;
	bottom: 40px;
	width: 100%;
	background: #fff;
	margin-left: -30px;
	padding: 10px 0px 10px 0px !important;
	height: 62px;
}

.mt_451 {
	margin-top: 45px;
}

#tab,
#tab1,
#tab2,
#tab3,
#tab4,
#tab5,
#tab6,
#tab7 {
	margin-bottom: 90px;
}

.careguide_devices {
	padding: 10px;
	border: 2px solid #f59325;
	border-radius: 20px;
	margin: 10px;
	min-height: 350px;
	width: 31%;
}

.careguide_headings {
	background: #929292 !important;
	padding: 10px;
	margin: 10px;
	color: #fff;
}

.careguide_device_section {
	min-height: 300px;
}

.bed_pad_alert_section_1 {
	padding: 7px;
	border: 2px solid #a7a39f;
	border-radius: 40px;
	margin-bottom: 10px;
	margin-top: 10px;
	min-height: 135px;
}

.bed_pad_alert_section_2 {
	padding: 7px;
	border: 2px solid #a7a39f;
	border-radius: 40px;
	margin-bottom: 10px;
	margin-top: 10px;
	min-height: 215px;
}

.marginleft_15 {
	margin-left: -15px;
}

.margin_top_10 {
	margin-top: 10px;
}

.fall-type-description {
	min-height: 25px;
	max-height: 40px;
	word-break: break-word;
	vertical-align: middle;
}

/* Data Category Access Toggle  */
.resident_group .switch {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 20px;
	vertical-align: middle;
	margin-top: 1px;
}

.resident_group .switch input {
	display: none;
}

.resident_group .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fe0000;
	-webkit-transition: .4s;
	transition: .4s;

}

.resident_group .slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 14px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.resident_group input:checked+.slider {
	background-color: #92d14f;
}

.resident_group input:focus+.slider {
	box-shadow: 0 0 1px #92d14f;
}

.resident_group input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.resident_group .slider.round {
	border-radius: 34px;
}

.resident_group .slider.round:before {
	border-radius: 50%;
}

.resident_group_btn_custom {
	border-radius: 20px;
}

/* Resident Group Table List tr */
.resident_group_list_tbody tr:hover td {
	background-color: #d9e0e7 !important;
	cursor: pointer;
}

/* Resident Group Members */
#selectedOptions option[value="No Residents"],
#multiselect option[value="No Residents"] {
	margin-top: 35%;
	text-align: center;
	font-weight: 500;
	pointer-events: none;
}

#groupdescription_span,
#groupname_span {
	word-wrap: break-word;
}

/* Batch upload resident notes */
.batch_upload_resident_note {
	display: flex;
	justify-content: center;
}

.warning_banner {
	padding: 10px;
	background-color: #ff9800;
	color: white;
}

/* //Create Resident */

.group-form {
	width: 500px;

	font-family: sans-serif;
	padding: 21px 0px 6px 7px;
}


.groupnamelabel:after {
	content: " *";
	color: red;
}

.group-form-item {
	position: relative;
	margin-bottom: 15px
}

.group-form-item input {
	display: block;
	transition: all .3s ease;
	padding: 15px 15px;
	padding: 12px 20px;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
	resize: vertical;
}

.group-form-item textarea {
	display: block;
	transition: all .3s ease;
	padding: 15px 15px;
	width: 100%;
	height: 150px;
	padding: 12px 20px;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
	resize: vertical;
}

.searchavailable::placeholder {
    font: 1.40rem/3 sans-serif;
}

.group-form-item label{
	cursor: text;
	z-index: 2;
	top: 13px;
	left: 10px;
	font-size: 12px;
	font-weight: bold;
	background: #fff;
	padding: 0 10px;
	color: #999;
	transition: all .3s ease
}

.groupdeclabel:after {
	content: " *";
	color: red;
}

.group-form-item input:focus+label,
.group-form-item input:valid+label {
	font-size: 11px;
	top: -5px
}

.group-form-item input:focus+label {
	color: blue
}

.group-form-item textarea:focus+label,
.group-form-item textarea:valid+label {
	font-size: 11px;
	top: -5px
}

.group-form-item textarea:focus+label {
	color: blue
}

.group-details-box {
	border-radius: 5px;
	height: 50%;
	width: 95%;
	position: relative;
	margin-bottom: 4px;
	margin-top: 10px;
}

.box {
	background: #f59325;
	border: 1px solid #ddd;
	border-radius: 5px;
	height: 100px;
	width: 100px;
	position: absolute;
	left: 105px;
	margin-top: 50px;
}

@media (max-width: 374px) {
	.box {
		max-width: 18.66667rem;
	}
}

.pad15 {
	padding: 20px;
}

/* span width added for create resident group category name section */
#add_sub_category {
	display: inline-block !important;
	width: 65% !important;
}

.box-center {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.dataAccessCount {
	border: 1px solid;
	border-radius: 3px;
	width: 30px !important;
	height: 25px !important;
	display: inline-block;
	right: 65px;
	text-align: center;
	top: 22px;
}

.dataAccessCount {
	color: #9F6000 !important;
	background-color: #FEEFB3;

}

ul#tabs-nav {
	list-style: none;
	margin: 0;
	padding: 5px;
	overflow: auto;
}

ul#tabs-nav li {
	float: left;
	font-weight: bold;
	margin-right: 2px;
	padding: 8px 10px;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;

}


ul#tabs-nav li:hover,
ul#tabs-nav li.active {
	background-color: #e0e2e4;
	;
}

#tabs-nav li a {
	text-decoration: none;

}

.tab-content_group {
	padding: 2px;
	background-color: #FFF;
}

.group_tab {
	column-count: 2;
	column-width: 300px;
}

#addOrUpdateGroupMembers {
	width: 40%;
	float: right;
}

/*Resident Group Listing UI*/

.actiondropbtn:after {
	cursor: pointer;
	color: #444;
	content: '\2807';
	font-size: 20px;
	padding: 0 5px;
}

.actiondropdown {
	position: relative;
	display: inline-block;
	padding: 0px 1px;
}

.actiondropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1000;
}

.actiondropdown-content .actionmenu {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.actiondropdown-content .actionmenu:hover {
	background-color: #ddd;
}

.actiondropdown:hover .actiondropdown-content {
	display: block;
}

.actiondropdown:hover .actiondropbtn {
	background-color: #ff9800;
}

.notfound {
	display: none;
}

#resident_group_view_list tr:hover {
	background-color: #ddd;
}
#resident_group_members tr:hover {
	background-color: #ddd;
}

#resident_group_list,#resident_group_members {
	border: solid 1px #DDEEEE;
	border-collapse: collapse;
	border-spacing: 0;
	font: normal 13px Arial, sans-serif;
}

#resident_group_list thead th {
	background: #929292 !important;
	border: solid 1px #DDEEEE;
	color: White;
	padding: 10px;
	text-align: left;

}
#resident_group_members thead th {
	background: #929292 !important;
	border: solid 1px #DDEEEE;
	color: White;
	padding: 10px;
	text-align: left;

}

#resident_group_list tbody td {
	border: solid 1px #DDEEEE;
	color: #333;
	padding: 10px;
	text-shadow: 1px 1px 1px #fff;
}

#resident_group_members tbody td {
	border: solid 1px #DDEEEE;
	color: #333;
	padding: 10px;
	text-shadow: 1px 1px 1px #fff;
}

.resident_group_list_table tbody td {
	border-left: none;
	border-right: none;
}

.search-icon {
	position: relative;
	float: right;
	width: 75px;
	height: 75px;
	top: -62px;
	right: -45px;
}

#searchbar {
	width: 250px;
}

#submitsearch {
	border: 1px solid rgb(138, 134, 134);
	margin-left: -82px;
	padding: 5px;
	border-radius: 19px;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 8px;
	padding-top: 4px;
	display: none;
	box-shadow: 0 0 1px black;
	margin-right: 110px;
}

.searchInput {
	border: 1px solid #afaaaa;
	font-size: 16px;
	background-color: white;
	background-image: url('https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/search-24.png');
	background-position: right;
	background-repeat: no-repeat;
	-webkit-transition: width 0.8s ease-in-out;
	transition: width 0.8s ease-in-out;
	outline: none;
	opacity: 0.9;

}

/*Not out of bed suite grayout */
.grayout {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	opacity: 0.6;
}
/* Untake Alert button  Width */
.untake{
	cursor: pointer;
	background: #ff5b57;
	font-size: 13px;
    color:white;
	font-weight: bold;
	border: none;
	height: 32px;
	min-width: 40px;
	max-width: 150px;
}

.untake_alert{
	background: #ff5b57;
	color: #ff5b57;
}

.fa-inverse{
	color: #ff5b57;
	font-size: 18px;
	font-weight: bold;
}
.fa-circle{
	color: white;
}

#groupcategory{
	border-right: 1px solid #000; padding: 1px;font-size: 9px;overflow: hidden;font-weight: bold;
}

#alertHistoryTimeLineModel ul,
#alertHistoryTimeLineModel li {
	list-style: none;
	padding: 0;
}

#alertHistoryTimeLineModel .alert-start:before {
	background: red;
}

#alertHistoryTimeLineModel .alert-process:before {
	background: orange;
}

#alertHistoryTimeLineModel .alert-completed:before {
	background: Green;
}

#alertHistoryTimeLineModel .timeline-container {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 1rem;
	padding: 1rem 0;
}

#alertHistoryTimeLineModel li {
	padding-bottom: 1.5rem;
	border-left: 3px solid #c1c1c1;
	position: relative;
	padding-left: 20px;
	margin-left: 10px;
}

#alertHistoryTimeLineModel li:last-child {
	border: 0;
	padding-bottom: 0;
}

#alertHistoryTimeLineModel li:before {
	content: '';
	width: 15px;
	height: 15px;
	background: white;
	border: 1px solid white;
	border-radius: 50%;
	position: absolute;
	left: -9px;
}

#alertHistoryTimeLineModel .time {
	color: #2a2839;
	font-weight: 500;
}

#alertHistoryTimeLineModel p {
	color: #4f4f4f;
	line-height: 1.5;
	margin-top: 0.4rem;
}

#alertHistoryTimeLineModel .modal-body {
	max-height: 500px;
	overflow-y: auto;
	scrollbar-width: thin;
}

#alertHistoryTimeLineModel .btn-danger {
	padding: 5px 20px;
}

#alertHistoryTimeLineModel .modal-dialog {
	width: 500px;
}

/* Careguide RPM devices Styles starts...*/

.careguide_rpm_devices .rpmImageMargin {
	margin: 0 10px 0 0;
}

.careguide_rpm_devices .left_3_percent {
	left: 3%;
}

.careguide_rpm_devices .rpmDeviceDescription {
	left: 20%; 
	top: 5px;
}

.careguide_rpm_devices .rpmDeviceToggleDiv {
	left: 5%; 
	top: 5px;
}

.careguide_rpm_devices .right_5_percent {
	right: 5%;
}

.careguide_rpm_devices .rpmDeviceSharedLabel {
	color: black;
}

.careguide_rpm_devices .rpmDevicePersonalLabel {
	display: block; 
	width: 170px;
	position: relative;
	right: 15%;
	text-align: center; 
	color: #f59325; 
}

.careguide_rpm_devices .rpmDeviceRPMBillingLabel {
	display: block; 
}

.careguide_rpm_devices .rpmBrandAndModelDropDownDiv, .careguide_rpm_devices .rpmDeviceIDLabel {
	left: 10%;
}

.careguide_rpm_devices .rpmDropDownWidth {
	position:relative; 
	left: 3%; 
	width: 65%;
}

.careguide_rpm_devices .rpmDeviceSerialAndPassCodeDiv {
	left: 12%;
}

.careguide_rpm_devices .rpmDeviceIdDiv {
	top: 5px;
}

.careguide_rpm_devices .rpmSerialNumberValue {
	color: black; 
	position: relative; 
	left: 10px
}

.careguide_rpm_devices .rpmDeleteButton {
	right: 3%;
}

.careguide_rpm_devices .rpmDeviceSerialInputField {
	position: relative; 
	left: 3%; 
	width: 40%;
}

.careguide_rpm_devices .rpmDevicePassCodeInputField {
	position: relative;
	left: 3%; 
	width: 40%;
}

.careguide_rpm_devices .rpmBrandAndModelDropDownDiv .parsley-required {
	position: relative;
	left: 30%; 
}

.careguide_rpm_devices .rpmDeviceSerialAndPassCodeDiv .parsley-required {
	position: relative;
	left: 35%; 
}
.careguide_rpm_devices .serialNumberWordWrap {
	word-break: break-all;
	width: 50%;
}
.careguide_rpm_devices .switch {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 20px;
	vertical-align: middle;
	margin-top: 1px;
}

.careguide_rpm_devices .switch input {
	display: none;
}

.careguide_rpm_devices .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #dcdcdc;
	-webkit-transition: .4s;
	transition: .4s;

}

.careguide_rpm_devices .slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 14px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.careguide_rpm_devices input:checked+.slider {
	background-color: #f59325;
}

.careguide_rpm_devices input:focus+.slider {
	box-shadow: 0 0 1px #f59325;
}

.careguide_rpm_devices input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.careguide_rpm_devices .slider.round {
	border-radius: 34px;
}

.careguide_rpm_devices .slider.round:before {
	border-radius: 50%;
}

.careguide_rpm_devices hr {
	border-bottom: 1px solid #cbcbcb;
}

.careguide_rpm_devices .del_btn_right_align {
	left: 50%;
}

.careguide_rpm_devices .circle {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: orange;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	color: white;
}

/* Styles for the question mark */
.careguide_rpm_devices .circle::before {
	content: "?";
}

.careguide_rpm_devices .info_icon {
	position: relative;
    left: 10px;
	bottom: 3px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: orange;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
    color: white;
}

/* Styles for the question mark */
.careguide_rpm_devices .info_icon::before, .rpm_billing_info_icon::before {
	content: "i";
}

.careguide_rpm_devices .rpm_billing_info_icon {
	position: relative;
	bottom: 2px;
    width: 10px;
    height: 20px;
    border-radius: 50%;
    background-color: orange;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: white;
}

.rpm_info_button {
	margin-left: 35px; 
	fill: blue;
}

.rpm_billing_info_button {
	margin-left: 15px; 
	fill: blue;
}

#rpmInstructionPopup li {
	width: 80%;
	list-style: auto;
	margin: 10px;
    font-weight: bold;
}

.rpmPopup_Bg_color {
	background-color: #E9F2FF;
}

.rpmPopup_modal_body {
	top: 30px;
}

.rpmPopup_Ok_btn {
	position: relative; 
	top: 15px;
}

/* Careguide RPM devices Styles end.*/


/**Resident Pending Drop Down Content */
.residentPendingdropbtn:after {
	cursor: pointer;
	color: #F55252;
	content: '';
	font-size: 20px;
	padding: 0 5px;
	content: "";
	display: inline-block;
	vertical-align: bottom;
	margin: 0px -16px;
	border: 3px solid #F55252;
	padding: 0px;
	height: 25px;

}

.residentPendingdropdown {
	position: relative;
	display: inline-block;
}

.residentPendingdropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 260px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.residentPendingdropdown-content .actionmenu {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.residentPendingdropdown-content .actionmenu:hover {
	background-color: #ddd;
}

.residentPendingdropdown:hover .residentPendingdropdown-content {
	display: block;
	position: fixed;
}

.residentPendingdropdown:hover .residentPendingdropbtn {
	background-color: #ff9800;
}
.residentPendingdropdown-content span {
	color: #565656 !important;
	font-size: 16px !important;
	font-family: 'Inter' !important;
	font-weight: 400 !important;
	word-wrap: break-word !important;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	background: white;
}

/*End Resident Pending DropDown*?

/**Column Filter Dropdown */
.checkbox-dropdown {
	position: relative;
	margin: 0 auto;
	user-select: none;
}

/* Display CSS arrow to the right of the dropdown text */
.checkbox-dropdown:after {
	height: 0;
	position: absolute;
	width: 0;
	border: 6px solid transparent;
	border-top-color: #000;
	top: 50%;
	right: 10px;
	margin-top: -3px;
}

/* Reverse the CSS arrow when the dropdown is active */
.checkbox-dropdown.is-active:after {
	border-bottom-color: #000;
	border-top-color: #fff;
	margin-top: -9px;
	appearance: none;
}

.checkbox-dropdown-list {
	list-style: none;
	appearance: none;
	margin: 0;
	padding: 0;
	top: 100%;
	border: inherit;
	border-top: none;
	left: -1px;
	right: -1px;
	transition: opacity 0.4s ease-in-out;
	height: 100%;
    pointer-events: auto;
}

.is-active .checkbox-dropdown-list {
	opacity: 1;
	z-index: 1;
	height: auto;
	pointer-events: auto;
	/* make sure that the user still can select checkboxes */
	float: left;
	opacity: 1;
	height: auto;
	pointer-events: auto;
	width: 216px;
	margin-left: auto;
	border-radius: 8px;
	border: 1px solid darkgray;
}

.checkbox-dropdown-list li label {
	display: block;
	padding: 10px;
	transition: all 0.2s ease-out;
	color: #565656;
	font-family: "Inter";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
/*End of checkbox column filter*/
/*Separating the row sections for the buttons*/
#outer {
	width: 100%;
	text-align: right;
}

.inner {
	display: inline-block;
	margin: 7px;
}

.filterButton {
	padding: 5px 15px;
	background: whitesmoke;
	border: 0 none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: black;
}

.status-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	text-align: justify;
	min-width: max-content;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	right: 1px;
	top: 46px;
}

.status-content a {
	padding: 12px 16px;
	text-decoration: none;
	display: block !important;
	color: #565656 !important;
	font-size: 16px !important;
	font-family: 'Inter' !important;
	font-weight: 400 !important;
	word-wrap: break-word !important;
}

/*End*/
/*Download Options Dropdown*/
.downloaddropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: max-content;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	text-align: justify;
	top: 43px;
	right: 20%;

}

.downloaddropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.downloaddropdown-content span,.downloaddropdown-content button {
	color: #565656 !important;
	font-size: 16px !important;
	font-family: 'Inter' !important;
	font-weight: 400 !important;
	word-wrap: break-word !important;
	text-decoration: none;
	display: flex;
}

.columnFilter-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 300px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	text-align: justify;
	top: 63px;
	right: 9%;

}

/*Download Dropdown End*/
/*Resident Profile Listing Background*/
.content_background_new{
	background: #F5F7FA !important;
	overflow-x: hidden;
}

/*Removing bullet icon for sub menus*/
.sidebar .sub-menu_new>li>a:before {
    content: '' !important;
	margin-right: 15px !important;
}
.sub-menu_new>li>a>img,.sub-menu_new>li>a>i{
	margin-right: 15px !important;
}

.sidebar .sub-menu>li>a {
    font-weight: 400 !important;
}
/*Alignment on New Submenus*/
.sidebar .sub-menu_new>li>a {
	display: flex !important;
}
.sub-menu_new>li>a>i {
	padding-top: 6px;
}

/* Styles for acknowledge popup for EHR users*/
.deleteResidentAckPopupEHR_content {
	position: relative; 
	top: 5px; 
	font-size: large;
}
.closeBtnTop {
	position: relative; 
	top: 10px;
}
.EHRPopupBodyContent {
	position: relative; 
	top: 10px;
	display: flex; 
}
.fontLarge {
	font-size: large;
}
.btnSpaceEvenly {
	display: flex; 
	justify-content: space-evenly;
}
.closeBtnWidth {
	width: 10%;
}

.alisResidentDOBDiv {
	float: left;
    clear: both;
}
.residentListIcon{
	font-size: 15px !important;
	  color: gray;
}

/* new filters */
.custom-filter-panel {
	height: 60px;
	background: #f5f5f5 !important;
}

.filter-block-btn {
	text-align: right;
}

.panel-filter-body {
	height: 165px;
}

.filter-body-block {
	margin-left: 10px;
	margin-top: 20px;
}
.ehrBadge {
	display: inline-block;
    margin: 23px 0 0 10px;
    font-size: 12px;
    border-radius: 5px;
    padding: 3px 10px;
    font-weight: 700;
}

.ehrStaffNameHeading {
	float: left;
	width:auto;
}

.ehrStaffNameHeading h3#staffName {
	font-weight: 600;
	padding-left: 20px;
}

.ehrStaffNameHeading h3#pcc_res_name {
    font-weight: 600;
    padding-left: 20px;
}

.pccLastNameDiv {
	position:relative;
	left: 14.5%
}

.resindentProfileBreadcrumbs { 
	font-family: "Inter" !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: normal !important;
}

.breadcrumbcolor{
	color: #3078B6;
}

.residentProfilefilterButton{
	display: inline-flex;
	height: 38px;
	padding: 10px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 4px;
	border: 1px solid #D9D9D9;
	background: #FFF;
}

.profilefilterButton{
	display: inline-flex;
	height: 38px;
	padding: 10px 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 4px;
	border: 1px solid #D9D9D9;
	background: #FFF;
}

.profilefilterButton {
	background: #fff;
	border: none;
}

.residentProfileAddButton{
	display: inline-flex;
	height: 38px;
	padding: 8px 17px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 4px;
	background: #F59223;
}

.ResidentProfileFont
{
	color: #FFF;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.residentProfileSearchBar{
	width: 320px !important	;
	height: 38px;
	flex-shrink: 0;
	border-radius: 3px;
	border: 1px solid #ECEBEB;
	background: #FFF;
}
.residentProfileSearchBarInput{
	height: 37px !important;
}
.flexContainer {
	/* We first create a flex layout context */
	display: flex;
	flex-flow: row wrap;
	padding: 0;
	margin: 0;
	list-style: none;
	float: inline-end;
}
  
.flexItem {
	padding: 5px;
	margin-top: 10px;
	color: white;
	text-align: center;
}
  
.paddingResidentlist{
	padding: 6px 10px !important;
}


#residentList tr:nth-child(odd):hover td, tbody tr.odd:hover td {background-color: #f0efed;cursor: pointer;}
#residentList tr:nth-child(even):hover td, tbody tr.even:hover td {background-color: #f0efed;cursor: pointer;}

#residentList tr:nth-child(odd) td, tbody tr.odd td {background:white;}
#residentList tr:nth-child(even) td, tbody tr.odd td {background:#f8f8f8;}


/*Action DropDown Menu for Resident Listing*/
.showLeft{
	color:#444 !important;
	width: 10px;
 }
 .icons li {
	 background: none repeat scroll 0 0 #444;
	 height: 3px;
	 width: 3px;
	 line-height: 0;
	 list-style: none outside none;
	 margin-top: 4px;
	 vertical-align: top;
	 pointer-events: none;
	 margin-left: 3px;
 }
 .btn-left {
	 left: 0.1em;
 }
 .btn-right {
	right: 2.0em;
 }
 .btn-left, .btn-right {
	 top: 0.24em;
	 display: inline-table;
 }
 .dropbtns {
	 color: white;
	 font-size: 16px;
	 border: none;
	 cursor: pointer;
 }
 .actiondropdownmenu {
	position: relative;
 }

 .new-ind-resident-panel {
	margin-left: 78px !important;
    margin-top: -22px !important;
 }

 .ind-resident-without-panel {
	top: 30px !important;
 }

 .actionmenudropdown-content-old {
	 display: none;
	 position: relative;
	 background-color: #f9f9f9;
	 min-width: max-content;
	 overflow: auto;
	 right: 15em;
	 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	 z-index: 1;
	 top: 0px;
	 margin-bottom: -60px;
 }
 
 .actionmenudropdown-content-old span {
	 color: #565656 !important;
	 font-size: 16px !important;
	 font-family: 'Inter' !important;
	 font-weight: 400 !important;
	 word-wrap: break-word !important;
	 padding: 12px 16px;
	 text-decoration: none;
	 display: block;
	 background: white;
 }
 
 .actionmenudropdown-content-old span:hover {background-color: #ddd}
 
 .actionmenudropdown-content {
	 display: none;
	 position: absolute;
	 background-color: #f9f9f9;
	 min-width: max-content;
	 overflow: auto;
	 right: 1em;
	 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	 z-index:999;
	 top: 30px;
	 margin-bottom: -60px;	
	 min-height: 0; /* Ensure no default height */
	 padding: 0;     /* Reset padding */
	 border: none;
 }
 .actionmenudropdown-content.show ,.actionmenudropdown-content-old.show {
	display: block; /* JS should toggle this class */
  }
 .actionmenudropdown-content span {
	 color: #565656 !important;
	 font-size: 16px !important;
	 font-family: 'Inter' !important;
	 font-weight: 400 !important;
	 word-wrap: break-word !important;
	 padding: 12px 16px;
	 text-decoration: none;
	 display: block;
	 background: white;
 }
 
 .actionmenudropdown-content span:hover {background-color: #ddd}

  .externalresidentmenudropdown-content {
	position: absolute;
	top: 20px;   /* just below the image */
	left: 0;
	background: white;
	border: 1px solid #ccc;
	padding: 8px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	z-index: 900;
	width: 280px;
	}

	.close-dropdown {
	position: absolute;
	top: 0px;
	right: 8px;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	}

	.close-dropdown:hover {
	color: #000;
	}

/*End*/

/**Beacon Serial Count  */
.circle {
	position: relative;
    border: 1px solid #a1a1a1;
	padding: 3px 3px;
	background: #FFF;
	width: 25px !important;
	height: 25px !important;
	border-radius: 50% !important;
	margin-left: 6px;
	transform: scale(1.0, 1.0);
	line-height: 18px;
	font-size: 12px !important;
	text-align: center;
	font-weight: bold !important;
	display: inline-block;
	color: #565656 !important;
	font-family: "Inter";
}
/*show the div bar for filters in resident listing*/
.show {
	display: block;
	padding: 10px;
	transition: all 0.2s ease-out;
	background: white;
}
/*Filter Drop down*/
.filter-content {
	display: none;
}

.actiondropdown-contents span {
	color: #565656 !important;
	font-size: 16px !important;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	background: white;
	font-family: "Inter";
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.actiondropdown-content {
	min-width: 250px !important;
}
.actiondropdown-content {
	right: 20% !important;
}

.actiondropdown,
.residentPendingdropdown {
	padding: 0px 0px !important;
	top: 4px !important;
}

.actiondropbtn:after,
.residengPendingdropbtn:after {
	font-size: 22px !important;
	padding: 0px 2px !important;
}

.report_btn_custom {
	background: white;
}

/*End*/
/*Resident Listing Fall Sensitivity column identification color*/
.label-medium {
	background: #f59c1a !important;
}

.label-warning {
	background: #b6b2b2 !important;
}

.label-high {
	background: #FF7D7C !important;
	;
}
/*End*/
/*Column Filter Checkbox*/
.residentCols + span {
    display: block;
    cursor: pointer;
    font-family: 'Arial'
    }

    .residentCols + span:before {
    content: "\2714";
    border-radius: 0.2em;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-left: 0.2em;
    margin-right: 0.2em;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
    border: 3px solid #7e8a94;
    font-size: 12px;
    font-weight: bold;
    text-align: center;

    }
    .residentCols + span:active:before {
    transform: scale(0);
    }

    .residentCols:checked + span:before {
    background-color: #ED820A;
    border-color: #ED820A;
    color: #fff;
    }
    .residentCols:disabled + span:before {
    transform: scale(1);
    border-color: #aaa;
    }
    .residentCols:checked:disabled + span:before {
    transform: scale(1);
    background-color: #F7C28F;
    border-color: #F7C28F;
    }


	.facility-filters-check + span {
	display: block;
	cursor: pointer;
	font-family: 'Inter' !important;
	}

	.facility-filters-check + span:before {
	content: "\2714";
	border-radius: 0.2em;
	display: inline-block;
	width: 20px;
	height: 20px;
	padding-left: 0.2em;
	margin-right: 0.2em;
	vertical-align: bottom;
	color: transparent;
	transition: .2s;
	border: 3px solid #7e8a94;
	font-size: 12px;
	font-weight: bold;
	text-align: center;

	}
	.facility-filters-check + span:active:before {
	transform: scale(0);
	}

	.facility-filters-check:checked + span:before {
	background-color: #ED820A;
	border-color: #ED820A;
	color: #fff;
	}
	.facility-filters-check:disabled + span:before {
	transform: scale(1);
	border-color: #aaa;
	}
	.facility-filters-check:checked:disabled + span:before {
	transform: scale(1);
	background-color: #F7C28F;
	border-color: #F7C28F;
	}
/*End*/



.filter-btn{
	border-radius: 20px;
	margin-top: 10px;
	color: #565656;
	text-align: right;
	font-family: "Inter" !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
   }
.filter-btn-center-align {
	margin-top: -3px;
}

.export-filter-btn {
	border: none;
	background-color: white;
}

.filter-drop-down {
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	margin-top: -10px;
	/* width: 20px; */
}

.filter-drop-display {
	padding: 10px 10px;
    background-color: white !important;
    font-family: 'Inter' !important;
    min-width: 130px !important;
    margin-top: 5px;
}

.scheduledropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 140px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	text-align: justify;
	top: 43px;
	right: 20%;

}

.scheduledropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.scheduledropdown-content span {
	color: #565656 !important;
	font-size: 16px !important;
	font-family: 'Inter' !important;
	font-weight: 400 !important;
	word-wrap: break-word !important;
	text-decoration: none;
}

.emaildropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 140px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	text-align: justify;
	top: 43px;
	right: 20%;

}

.emaildropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.emaildropdown-content span {
	color: #565656 !important;
	font-size: 16px !important;
	font-family: 'Inter' !important;
	font-weight: 400 !important;
	word-wrap: break-word !important;
	text-decoration: none;
}

.printdropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 140px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	text-align: justify;
	top: 43px;
	right: 20%;

}

.printdropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.printdropdown-content span {
	color: #565656 !important;
	font-size: 16px !important;
	font-family: 'Inter' !important;
	font-weight: 400 !important;
	word-wrap: break-word !important;
	text-decoration: none;
}
  
  .category_container {
	display: flex;
	flex-wrap: nowrap;
	gap: 15px;
	padding: 7px;
    position: relative;
    right: 21px;
	
  }
  .category_flex_item{
	border-right: 1px solid  #ED820A;
  }
  .category_flex_item:last-child { border-right: none; }
  
  .resident_catgory_font
  {
	  font-family: Inter;
	  font-family: Inter;
	  color: black;
  }
  
  .category_flex_item:last-child {
	border-right:none;
  }

  .category_flex_item_inner {
	display: flex;
	flex-wrap: wrap;  
	font-size: 12px !important;
  }
  
  .category_flex_item_inner {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 200px;
  }
  

.register-symbol {
	font-size: 1em;
	vertical-align: super;
}
.expandAll {
	display: flex;;
}

.expandAll .selectallswitch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 20px;
    vertical-align: middle;
    margin-top: 1px;
}
.expandAll .selectallswitch input {
    display: none;
}
.expandAll input:checked+.selectallslider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.expandAll .selectallslider.round:before {
    border-radius: 50%;
}
.expandAll .selectallslider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.expandAll input:checked+.selectallslider {
    background-color: #92d14f;
}
.expandAll .selectallslider.round {
    border-radius: 34px;
}
.expandAll .selectallslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fe0000;
    -webkit-transition: .4s;
    transition: .4s;
}

.selectAll {
	width: 13% !important;
	color:white;
}

.dataAccessCount {
	margin-left: 30px;
}

.noPermission {
	margin: auto;
	padding: 50px;
    text-align: center;
	color: #565656;
	font-family: "Inter";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.dataCategoryPermission {
	text-align: center; 
	border: 1px solid #f59325;
	margin: 0px auto;
}
.permissionNotes {
	text-align: center; 
	border:none !important;
	margin: 0px auto;
}
.permissionNotes label {
	text-decoration: underline !important;
	text-underline-offset: 5px;
}
.selectAllPermission {
	margin-left: 10px;
}

.selectAllPermission > span {
	margin-left: 5px;
}
.residentPageFont {
	font-family: "Inter";
}

.permissionCheckbox {
	margin-top: 3px !important;
}

.selectPermission{
	vertical-align: middle; 
	position: relative; 
	bottom: 3px; 
}

.expandAllCategory {
	display: flex;;
	float: inline-end;
}

.selectAllTouchpointLable {
	margin-left: 11px;
}
.selectAllCheckbox {
	display: inline-block;
  	vertical-align: middle;
  	position: relative;
  	bottom: 4px;
  	margin-right: 6px;
  	border-radius: 6px;
  	height: 15px;
    width: 15px;
    border: 2px solid #11355C;
}


.ehrCredentialsBadge , .alertSettingBannerBadge {
	background: #929292 !important;
	padding: 10px;
	color: #fff;
}

.inline-block {
	display: inline-block;
}

#editEHR:hover, #editEHR label:hover {
	cursor: pointer;
}


.down-arrow {
	font-size: 20px;
	color: #000;
}

.down-arrow-btn {
	background-color: #f5f5f5 !important;
	border: none !important;
	color: #000;
}

.common-used-title {
	font-size: 24px;
	padding: 10px;
}

.range {
	background: #fff;
	border: 1px solid #D9D9D9;
	padding: 7px 10px;
	border-radius: 3px;
	margin-right: 5px;
	color: #565656;
	text-align: right;
	font-family: "Inter" !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.range-active {
	background: #ffe4c6;
	color: #111 !important;
}

#dateRangeModal  .modal-footer {
	border: none;
}

#dateRangeModal .modal-dialog {
	top: 10%;
}
#dateRangeModal modal-header {
	border: none;
}

.content-background {
	background: #f4f4f4  !important;
}

.panel-heading-filter-new {
	background: #fff !important;
}

.down-arrow-btn {
	background-color: #fff !important;
}

.residentProfilefilterButton {
	background: #fff;
	border: none;
}

.filter-calendar{
	width:100%;
}

/*New Institute Admin Listing UI*/
table.new_table_view thead th {
	font-size: 14px !important;
	font-family: 'Inter' !important;
	color: #565656 !important;
	background: #E6E6E6 !important;
	border-bottom: 1px #E8E8E8 solid;
	justify-content: flex-start;
	align-items: center;
	font-weight: 600 !important;
	line-height: 24px;
}
.table.new_table_view>tbody>tr>td {
	color: #565656 !important;
	font-size: 14px !important;
	font-family: "Inter" !important;
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word
}
.table.new_table_view>tbody>tr>td {
	border-style: hidden !important;
}
    
.new_table_view thead th {
	background: #E6E6E6 !important;
	border: solid 1px #DDEEEE;
	color: White;
	padding: 10px;
	text-align: left;
}

.table.new_table_view>tbody>tr>td {
	color: #565656 !important;
	font-size: 14px !important;
	font-family: "Inter" !important;
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word
}
.table.new_table_view>tbody>tr>td {
	border-style: hidden !important;
}
.residentLabel input {
	display: none;
}

.residentLabel .switchspan {
	border: 3px solid #7e8a94;
	float: right;
	height: 20px;
	width: 20px;
	border-radius: 5px;
	cursor: pointer;
}
.residentLabel .switch {
	float: inline-end;
}

.residentLabel {
	text-align: justify;
}

.filter-radio-div {
	margin-left: -140px !important;
    width: 250px !important;
}
.filter-report-time-select {
	color: #000 !important;
}

.status-content a:hover {
	background-color: #ddd;
}

.carepredit-theam-color {
	color: #f59325;
}

.from-left {
	float: left;
	width: 180px;
}

.to-right {
	float: right;
	width: 180px;
}

.date-filter-title {
	font-weight: 600 !important;
	text-align: left;
}

.current-month-calander {
	background-color: #f5f5f5;
}

.filter-calendar-month {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 12px;
	margin-top: 20px;
	margin-left: -1px;
}
.day {
	padding: 10px;
	text-align: center;
}
.highlight {
	background-color: orange;
    border-radius: 40% / 40%;
    color: white;
    padding: 13px 15px;
    width: 24px;
    height: 55px;
    margin-left: 10px;
    margin-right: 14px;
    text-align: center;
	padding-left: 12px !important;
    padding-right: 25px !important;
}
.week-day {
	font-weight: bold;
}

.highlighted-section {
	background-color: #f5f5f5;
} 

.padding-none{
	padding: 0px !important;
}

.p-l-40 {
	padding-left: 40px;
}

.date-filter-modal {
	height: 500px;
}

.date-filter-right-panel {
	height: 500px;
    background: #f5f5f5;
    margin-right: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1 0 0;
	align-self: stretch;
	color: var(--Text-500, #1D232E);
	text-align: center;
	font-family: 'Inter' !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px;

}

.date-range-footer-btn {
	padding-top: 160px;
}

.month-label-text {
	font-size: 22px;
}

.arrow-right {
	color:#ffa500;
}

/* Auto Logout Countdown Styles Starts */

.autoLogout-figure {
	position: relative;
	font-size: smaller;
	width: 20px;
	margin-right: 10px;
	background-color: #fff;
	border-radius: 8px;
}

.autoLogout-figure span {
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
	font-weight: 700;
	color: #f59325;
}

.autoLogout-timer-inline {
	display: inline-flex;
	margin-left: 10px;
	text-align: center;
}

.autoLogout-text-position {
	position: relative;
    display: inline-flex;
    top: 10px;
}

.autoLogout-top {
	height: 50%;
	overflow: hidden;
	z-index: 3;
	background-color: #f7f7f7;
	transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
}

.autoLogout-colon {
	display: inline-flex;
	color: #f59325;
}

.autoLogoutFinalPopup-top {
	position: relative; 
	top: 12px;
}

/* Auto Logout Countdown Styles Ends */

.prettyTextWrap {
	text-wrap: pretty;
}


.filter-text{
	color: #8B8B8B;
	font-family: Inter !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.filter-dropdown-display {
    position: absolute;
    min-width: 850px;
	background-color: #fff;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    text-align: justify;
    top: 63px;
}

.select-filter-dropdown-display{
	position: absolute;
    min-width: 150px;
	min-height:410px;
	background-color: #fff;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    text-align: justify;
    top: 63px;
}

.select-facilities-dropdown-display {
	position: absolute;
    min-width: 700px;
	min-height:180px;
	max-height: 500px;
	background-color: #fff;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    text-align: justify;
    top: 63px;
	color: #565656;
	font-family: 'Inter' !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.select-client-dropdown-display {
	position: absolute;
    min-width: 150px;
	min-height:200px;
	background-color: #fff;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    text-align: justify;
    top: 63px;
	font-family: 'Inter' !important;
}
.locationPermission{
	padding: 1px  !important;
}
.unread-message-circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: red;
    display: inline-block;
	vertical-align: top;
    position: absolute;
    margin-left: -4px;
    margin-top: -2px;
}

.bolder-filter-text{
	padding-top: 10px !important;
}

.bolder-filter-text span {
	color: #565656 !important;
	font-family: 'Inter' !important;
	font-size: 16px !important;
	font-style: normal;
	font-weight: bold !important;
	line-height: normal;
}

.permission_list {
	padding: 1px;
	display: grid;
  	grid-template-rows: repeat(7, min-content);
  	grid-auto-flow: column;
  	column-gap: 8px;
  }
  
  .permissionTitle{
	font-weight: 400 !important;
  }
  
.message-unread {
	height: 10px;
    background-color: red !important;
    position: absolute;
    top: 7px;
    left: 31px;
    padding: 0px !important;
}

/* Slide screen CSS for EHR linking process */

.slider-screen-outer-border {
	position: relative;
	border: 3px solid #f59325;
    border-radius: 40px;
	/* height: 90vh; */
	height: auto;
}

.slider-screen-inner-border {
	position: relative;
	border: 2px solid #f59325;
    border-radius: 20px;
    margin: 30px;
    min-height: 81vh;
}

.slider-screen-inner-border .vertical-line {
	border-left: 1px solid; 
	height: 80.6vh;
}

.slider-screen-inner-border .table-position {
	position: relative; 
	top: 2vh; 
	left: 0.7%;
}

.ehr-slider-screen-btn-text-center {
    display: flex;
    justify-content: center;
}

.label-container {
	position: relative;
    display: grid;
	align-content: center;
	justify-content: center;
	border-radius: 10px;
	top: 9vh;
	height: 6vh;
}

.ehr-slider-screen-modal.left .modal-dialog,
.ehr-slider-screen-modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 85%;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.ehr-slider-screen-modal.left .modal-content,
.ehr-slider-screen-modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
}

.ehr-slider-screen-modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.ehr-slider-screen-modal.right.fade.in .modal-dialog {
    right: 0;
}

/* End Slide screen CSS for EHR linking process */

.message-unread-group-individual-tab {
	background-color: #ff5b57;
	font-size: 75%;
	font-weight: 600;
	animation: blink 1s infinite;
	line-height: 1.25;
	display: inline-block;
    min-width: 9px;
    padding: 3px 4px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
	margin-top: -18px;
	margin-left: 1px;
}

@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}

/* Risk Flag Colors */
.risk_flag {
	display: flex;
	flex-wrap: wrap;
}
.UTIRisk-arrow-box {
	display: inline-block;
	position: relative;
	background: #c55a11;
	width: auto;
	height: 28px;
	top: 0;
	left: 0;
	margin: 0 10px 0 10px;
	padding: 0 10px 0 10px;
	line-height: 27px;
	color: #ffffff;
	font-size: 17px;
	flex: 1 0 50%;
	margin-bottom: 5px;
  }
   .UTIRisk-arrow-box:after {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(66, 170, 225, 0);
	border-left-color: #c55a11;
	border-width: 15px;
	top: 106%;
	margin-top: -30px;
  }
   .FallRisk-arrow-box{
	display: inline-block;
	position: relative;
	background: #c00001;
	width: auto;
	height: 28px;
	top: 0;
	left: 0;
	margin: 0 10px 0 10px;
	padding: 0 10px 0 10px;
	line-height: 27px;
	color: #ffffff;
	font-size: 17px;
	flex: 1 0 50%;
	margin-bottom: 5px;
  }
   .FallRisk-arrow-box:after{
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(66, 170, 225, 0);
	border-left-color: #c00001;
	border-width: 15px;
	top: 106%;
	margin-top: -30px;
  }
   .DepressionRisk-arrow-box{
	display: inline-block;
	position: relative;
	background: #7030a0;
	width: auto;
	height: 28px;
	top: 0;
	left: 0;
	margin: 0 10px 0 10px;
	padding: 0 10px 0 10px;
	line-height: 27px;
	color: #ffffff;
	font-size: 17px;
	flex: 1 0 50%;
	margin-bottom: 5px;
  }
   .DepressionRisk-arrow-box:after {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(66, 170, 225, 0);
	border-left-color: #7030a0;
	border-width: 15px;
	top: 106%;
	margin-top: -30px;
  }
   .NutritionRisk-arrow-box{
	display: inline-block;
	position: relative;
	background: #01b0f0;
	width: auto;
	height: 28px;
	top: 0;
	left: 0;
	margin: 0 10px 0 10px;
	padding: 0 10px 0 10px;
	line-height: 27px;
	color: #ffffff;
	font-size: 17px;
	flex: 1 0 50%;
	margin-bottom: 5px;
  }
   .NutritionRisk-arrow-box:after {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(66, 170, 225, 0);
	border-left-color: #01b0f0;
	border-width: 15px;
	top: 106%;
	margin-top: -30px;
  }

  .redirect-to-link {
	text-align: right;
	margin-top: 15px;
	font-size: 18px;
  }

  .staff-logout-type {
	display: ruby-text;
    padding-top: 5px;
    color: red;
  }

  .hypen-font-bold {
	text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 1.5em;
  }

.hidePassword{
	-webkit-text-security: disc;
}

.password-field-icon {
	left:83%;
	  margin-right: 5px;
	  padding:5px;
	  position:absolute;
	  top: 2px;
	  cursor: pointer;
  }
  .fa-eye{
	color:#f59325 !important;
	font-size: 2rem;
  }
  .fa-eye-slash{
	color:#f59325 !important;
	font-size: 2rem;
  }

   /* Style for buttons with the custom tooltip */
   .custom-tooltip-btn {
	position: relative;
	cursor: pointer;
}

/* Custom tooltip style */
.custom-tooltip-btn:hover::after {
	content: attr(data-title); /* Use the custom data-title */
	position: absolute;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	color: #333;
	padding: 5px 10px;
	border-radius: 4px;
	border: 1px solid #a2a2a2;
	font-size: 14px;
	font-family: 'Inter' !important;
	white-space: nowrap;
	opacity: 1;
	pointer-events: none;
}

/* Initially hide the tooltip */
.custom-tooltip-btn::after {
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

.totalLoginDurationWithTempoAssigned {

	color: green !important;
}
.totalTempoWornDuration {
	font-weight: 700 !important;
}
.update_pager_button{
	display: flex;
    flex-flow: row nowrap;
    justify-content: center;
	position: relative;
    top: -9px;
  }
 .flash-message {
	position: fixed;
	bottom: 42px; /* Distance from the bottom */
	right: 20px;  /* Distance from the right */
	padding: 15px;
	border-radius: 5px;
	background-color: #28a745; /* Default Success Green */
	color: white;
	font-size: 16px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	opacity: 0;
	transition: opacity 0.5s ease;
	z-index: 1000; 
}

.flash-message.error {
	background-color: #dc3545; /* Error Red */
}

.flash-message.info {
	background-color: #17a2b8; /* Info Blue */
}

.custom-panel-heading span {
	color: white;
}
.tempo_status_col {
	font-size: 11px !important; 
	text-align: center; 
	display: block;
  }
.pager_settings_input {
	width: 197px !important;
}
.pagerNotes {
	text-align: right !important;;
	margin-right: 15px !important;
	margin-bottom: 10px;
}
.batteryRedColor{
	color: red !important;
}
.batteryGreenColor{
	color: green !important;;
}
.batteryOrangeColor {
	color: #f59325 !important;;
}
  
.Pager_Informations .form-group {
   margin-right: 0;
   margin-left: 0;
   padding-right: 0;
   padding-left: 0;
}
.Pager_Informations .form-group.col-md-6 {
   padding-right: 0 !important;
   padding-left: 49px !important;
}
.filterDate{
	cursor: pointer;
}

.carepoint-menu-icon {
	height: 45px;
	margin-left: -47px;
}

.carepoint-link {
    display: flex !important;
    align-items: center;
}

.carepoint-link::before {
    content: none !important;
}

   /* Custom styles for mobile-like UI */

.item-time {
	padding: 15px;
  margin-bottom: 10px;
  background-color: white;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}


.total-section {
	padding: 10px;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    background-color: #f1f1f1;
}

.time-input {
	width: 50px;
	text-align: center;
	padding: 5px;
}

.time-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px; /* ensures spacing above error */
}

.item-time label {
    flex: 1;
    font-weight: bold;
}
.refreshButton {
	background-color: #F7931E; /* Orange */
    color: white;
    font-weight: 600;
    border: none;
    display: block;
    width: 100%;  /* Makes it responsive */
    max-width: 250px; /* Optional: Limits max width */
    cursor: pointer;
    margin-bottom: 5px; /* Space between button and label */
}

.preview-text {
	color: #fff;
    background-color: #ee931a !important;
    font-size: 11px !important;
    font-weight: 500;
    margin-left: 8px;
    margin-top: 3px;
    padding: 4px 7px;
    width: 58px;
    border-radius: 7px !important;
    height: 20px;
    line-height: 13px;
}

.preview-row{
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.breadcrumb-preview{
	padding: 0px 7px;
    height: 22px;
    line-height: 22px;
    margin-left: 2px;
    margin-top: 1px !important;
    width: 55px;
}

.backToAssistancePopup {
	background: none;
	border: none;
	padding: 0;
	font-size: 0; /* Remove any text */
	display: flex;
	align-items: center;
  }
  

  .assisted_event_header{
	display: flex; 
	justify-content: center; 
	align-items: center;
	background-color: #f59325;
  }
  
  .assisted_complete_title{
	font-family: 'Inter' !important;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: white;
  }
  .assisted_complete_close{
	opacity: 0.5 !important;
	color: white;
  }
  
  #downloadloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }

  #downloadloader .loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .downloadspinner {
    width: 50px;
    height: 50px;
    border: 5px solid #ccc;
    border-top: 5px solid #f26a2e;
    border-radius: 50%;
    animation: spin 1s linear infinite;
  }

  .downloading {
    margin-top: 12px;
    font-size: 16px;
    font-weight: bold;
    color: #f26a2e;
    text-align: center;
  }

  @keyframes spin {
    to { transform: rotate(360deg); }
  }

  
  .btn-custom-background_submit{
	border: 1px solid #f59325 !important;
	background: #f59325 !important;
	color: #ffffff !important;
  }
  
  .backToAssistancePopup {
	width: 40px;
	height: 40px;
	position: relative;
	border: none;
	cursor: pointer;
  }
  
  /* Arrowhead (angled part like "<") */
  .backToAssistancePopup::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 47%;
	width: 12px;
	height: 12px;
	border-top: 3px solid white;
	border-left: 3px solid white;
	transform: translate(-50%, -50%) rotate(-45deg);
  }
  
  /* Horizontal tail */
  .backToAssistancePopup::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 37%;
	width: 10px;
	height: 3px;
	background-color: white;
	transform: translateY(-50%);
  }
  
  #assisted_event .modal-content {
	display: flex;
	flex-direction: column;
	max-height: 90vh;
  }
  
  #assisted_event .modal-body {
	overflow-y: auto;
	flex-grow: 1;
  }
  
  .input-group-time{
	display: flex;
  align-items: center;
  gap: 5px;
  }
  
  .bell-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: -8px;
    margin-left: -12px;
    /* animation removed from here */
}

.bell-icon.blink {
    animation: blink 1s infinite;
}

.bell-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

@media print {
    .no-print {
        display: none !important;
    }
}

.sort-label {
	text-decoration: underline;
	cursor: pointer;
	white-space: nowrap;
  }
  
  .sort-icon {
	margin-left: 4px;
	font-size: 90%;
	vertical-align: middle;
  }
  
  .integrationClass {
	transform: translateY(26px);

  }
  
  .hover-tooltip {
	position: absolute;
	background: #f0f0f0;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 10px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	z-index: 10000;
	min-width: 160px;
  }
  
  .hover-tooltip .section-title {
	font-weight: bold;
	text-decoration: underline;
	margin: 6px 0 4px;
	font-size: 13px;
	color: #444;
  }
  
  .hover-tooltip ol {
	list-style-type: decimal !important;
	padding-left: 18px;
	margin: 4px 0;
  }
  
  .hover-tooltip li.tooltip-name {
	color: #2f4f4f;
	font-size: 13px;
	cursor: pointer;
  }
  
  .hover-tooltip li.tooltip-name:hover {
	background-color: #e0e0e0;
	border-radius: 4px;
  }
  
  .hover-tooltip ol li {
	margin: 4px 0;
	font-size: 14px;
	color: #2b3e50;
	cursor: pointer;
}

 
  #hover-name-list ol {
	list-style-type: decimal !important;
	padding-left: 20px !important;
	margin: 8px 0 !important;
	display: block !important;
  }
  
  #hover-name-list ol li {
	display: list-item !important;
	margin-left: 0 !important;
	color: #2f4f4f !important;
	font-size: 13px !important;
  }
  
  /*CarePlan Buttons*/
.btn_care_plan_background {
	border: 1px solid #ee6a09 !important;
    background: #ffffff !important;
    color: #f59325 !important;
    width: max-content;
	white-space: nowrap;  /* Prevent text from wrapping */
	display: inline-flex;  /* Optional: aligns icon and text nicely */
	align-items: center;
}
.careplan-actions-wrapper {
	display: flex;
	align-items: center;
	gap: 2px; /* spacing between elements */
  }
  
  .pipe {
	height: 24px;
	border-left: 1px solid #464444;
  }

  .resident-action-pipe {
	margin: 0px 5px;
  }
  
  .dropbtns {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 1;
	padding: 0;
	margin: 0;
	height: 24px;
	cursor: pointer;
  }
  
  .dropbtns li {
	width: 4px;
	height: 4px;
	background-color: #000;
	margin: 2px 0;
	border-radius: 50%;
	list-style: none;
  }
   
  .permission_list ul,
.permission_list li {
       list-style: none;
       padding: 0;
}
 
/* ===== Modal Overlay ===== */
/* === Overlay (full screen) === */
.unifiedmodal-overlay {
	display: none;  
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 9999;    
	justify-content: center;
	align-items: center;
	
}

/* === Modal Box === */
.unifiedmodal-box {
	position: relative;
	background: #f4f4f4;
	border-radius: 12px;
	overflow: hidden;  
	/* padding: 16px 16px 20px; */
	width: min(500px, 95vw);
	max-height: 100vh;
	box-shadow: 0 12px 36px rgba(0,0,0,.35);
	display: flex;
  	flex-direction: column;
	margin: 0;
}
.unifiedmodal-header {
  padding: 12px 20px;    
  border-bottom: 1px solid #eee;
  font-weight: 600;
  font-size: 16px;
  color: #f7931e;            /* orange title */
  text-align: center;
  position: relative;
}
.unifiedmodal-body {
  flex: 1;
  overflow-y: auto;   /* scrolls only the body */
  padding: 16px 20px;
  max-height: calc(90vh - 120px);
}
.unifiedmodal-footer {
  padding: 12px 20px;
  /* border-top: 1px solid #eee; */
  text-align: right;
  /* background: #fafafa; */
}
.unifiedmodal-close {
  position: absolute;
  top: 10px;
  right: 12px;
  font-size: 22px;
  cursor: pointer;
  color: #666;
  z-index: 1000; 
}
.unifiedmodal-close:hover { color: #000; }

.unified-popup-title {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 16px;
	text-align: center;
	color: #f7931e;
}

.unified-section,
.unified-resident-section {
	border: 1px solid #ddd;
	border-radius: 8px;
	margin: 10px 0;
	/* background: #fafafa; */
}
.unified-section-header,
.unified-resident-header {
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
    gap: 8px;
    padding: 8px 12px;
}
.unified-section-icon {
  width: 22px;
  height: 22px;
  object-fit: contain;
  margin-right: 6px;
}
.unified-section-title {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 6px;
}

.unified-section-body,
.unified-resident-body {
	display: none;
	padding: 8px 12px;
	background: #fff;
}

.unified-resident-info {
	display: flex;
	align-items: center;
	gap: 10px;
}
.unified-avatar,
.unified-resident-initials {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
	background: #c6c6c6;
	color: #2b2b2b;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 14px;
}

/* === Rows === */
.unified-row {
	display: flex;
  justify-content: space-between;  /* left = input+label, right = logo */
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.unified-row:first-child { border-top: none; }

.unified-row-left {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.unified-row-right {
  flex-shrink: 0;
}
.unified-row-icon { width: 28px; height: 28px; opacity: .85;  object-fit: contain;}

/* Freeform input */
.unified-free-form,
.unified-freeform {
	width: 100%;
    padding: 6px 10px;
    border: 1px solid #ccc;
	border-radius: 4px;
    text-align: left;         /* ✅ Fix cursor center issue */
    vertical-align: top;
}
.unified-free-form:focus,
.unified-freeform:focus {
	border-color: #f29925;
	outline: none;
}
.unified-freeform::placeholder {
    color: #999;              /*  Show placeholder properly */
    text-align: left;
}
.unified-freeform {
    text-align: left !important;
}
/* Button */
.unified-btn {
	margin-top: 14px;
	width: 100%;
	padding: 12px;
	border: none;
	border-radius: 6px;
	background: #ff9501;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	font-weight: 600;
}
.unified-btn.disabled {
	background: #ccc;
	cursor: not-allowed;
}
.unified-option-btn {
	margin-top: 11px;
    width: 47%;
    padding: 8px;
    border: none;
    border-radius: 6px;
    background: #f29925;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
}

/* Errors */
.unified-error {
	color: #d33;
	font-size: 13px;
	margin-top: 8px;
	text-align: center;
}
.unified-error-border { border: 1px solid #d33 !important; }
.unified-inline-error {
	color: #d33;
	font-size: 12px;
	margin-top: 3px;
	display: none;
}

.unified-arrow { 
  display: inline-block;
  font-size: 14px;
  color: #666;
  transition: transform 0.25s ease;
  transform: rotate(90deg); /* right by default */
}

.unified-section-header .unified-arrow.arrow-up {
  transform: rotate(270deg); /* ▲ Up when open */
}
.unified-resident-header .unified-arrow {
  transform: rotate(90deg); /* ▼ Down by default (collapsed) */
}

.unified-resident-header .unified-arrow.arrow-up {
  transform: rotate(270deg); /* ▲ Up when open */
}
/* Suboptions wrapper */
.unified-suboptions {
  margin-top: 6px;
  /* margin-left: 20px;        indent children */
  padding-left: 12px;
  /* border-left: 2px solid #ddd; */
  /* background: #fafafa; */
  border-radius: 6px;
  display: none;            /* hidden until expanded */
}

/* Suboption rows aligned same as parents */
.unified-suboptions .suboption-row {
	display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
}
.unified-suboptions .suboption-row:last-child {
  border-bottom: none;
}
/* === Unified Inputs (checkbox/radio) === */
#unifiedPopupContainer input[type="checkbox"] {
    appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 4px;
  background: #d9d9d9;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 8px;
  transition: all 0.2s ease-in-out;
}

#unifiedPopupContainer input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 50% !important; 
  background: #ccc;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 8px;
  transition: all 0.2s ease-in-out;
}
#unifiedPopupContainer input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: #f58220;   /* orange inner circle */
	border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.2s ease-in-out;
}

/* Checkbox tick */
#unifiedPopupContainer input[type="checkbox"]::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 1px; /* adjust for vertical centering */
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg) scale(0);
	transition: transform 0.15s ease-in-out;
}

/* Radio dot */


/* Checked states */
#unifiedPopupContainer input[type="checkbox"]:checked {
  background-color: #f58220 !important;
  border-color: #f58220;
}


#unifiedPopupContainer input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.unified-row-left label {
	vertical-align: middle;
	display: inline-block;
	line-height: 1.6; /* ✅ better centering */
	margin-left: 6px;
	margin-bottom: 0px  !important;
}
/* Hover effect */
.unified-suboptions label:hover,
.unified-row-left label:hover {
	color: var(--cp-primary, #f58220);
	cursor: pointer;
}
#unifiedPopupContainer input[type="checkbox"]:focus,
#unifiedPopupContainer input[type="radio"]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(245, 130, 32, 0.35); /* subtle orange glow */
}
.unified-row-wrapper {
  display: flex;
  flex-direction: column;
}
#unified-timeSelectionModal {
  --cp-primary: #f58220;
  --cp-border: #ccc;
  --cp-bg: #fff;
}
.unified-time-modal {
  display: none;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  inset: 0;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  font-family: Arial, sans-serif;
  
}
.unified-time-content {
  background: #f4f4f4 !important;
  border-radius: 12px;
  width: 95%;
  max-width: 580px; 
  max-height: 90%;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
   box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.unified-popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f7931e;   /* orange */
  color: #fff;
  padding: 12px 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.unified-popup-title {
 font-size: 18px;
  font-weight: bold;
  color: #f7931e; /* force white text */
}
.unified-close-btn {
  border: none;
  background: transparent;
  font-size: 24px;
  cursor: pointer;
}
.unified-resident-block {
  border: 1px solid #eee;
  border-radius: 10px;
  margin-bottom: 12px;
  overflow: hidden;
}
.unified-resident-header {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f6f6f6;
  padding: 10px;
  cursor: pointer;
  background: none; 
}
.unified-resident-header img.unified-avatar,
.unified-resident-initials {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
.unified-resident-body {
  display: block; /* open by default */
  padding: 10px;
}
.unified-time-item {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 12px;
  border-radius: 8px;
  padding: 10px;
}
.unified-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
} 
.unified-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f7941d;   /* your orange */
  color: #fff;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: bold;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.unified-outcome {
  margin: 6px 0;
}
.unified-outcome-select {
  width: 100%;
  padding: 6px;
}

.unified-time-row button {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  background: #f0f0f0;
  font-size: 16px;
  cursor: pointer;
}

.unified-total-time {
  padding: 10px 20px;
  border-radius: 6px;
  margin: 20px auto;   
  font-weight: bold;
  display: table; 
  background: #f7f7f7;
  padding: 12px 18px;
  border-top: 1px solid #ddd;
  width: 100%;
}

.time-row {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two equal columns */
  text-align: center;            /*  Center align content */
  padding: 4px 0;
  font-weight: bold;
}

.unified-total-time-label {
  text-align: left;
}

.unified-total-time-value {
  text-align: right;
  white-space: nowrap; /* keeps "267 min" together */
}

.unified-footer {
  display: flex;
  justify-content: center; 
  margin-top: 20px;
}
.unified-back-btn {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  margin-right: 8px;
}
.unified-submit-btn {
  width: 90%;
    margin: 12px auto;
    display: block;
    background: #f29925;
  color: #fff;
  border: none;
  border-radius: 8px;
    padding: 12px;
    font-size: 16px;
    font-weight: 600;
  cursor: pointer;
}
.unified-error-border {
  border: 1px solid red !important;
  border-radius: 6px !important;   /* match the container’s rounding */
  box-sizing: border-box;
}

.unified-assist-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
  margin-bottom: 6px;
}

.unified-task-left {
  display: flex;
  flex-direction: column; /* time on top, task below */
}
.unified-scheduled {
  font-size: 13px;
  font-weight: 600;
  color: #000;
}
.unified-assist-type {
  font-size: 14px;
}
.unified-task-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
}

.unified-instructions {
  font-size: 13px;
  color: #666;
  margin-bottom: 8px;
}
.unified-info-icon {
   display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 50%;
    background-color: #f5a623; /* Light Orange / Yellow */
    color: #fff;                /* White "i" */
    cursor: pointer;
  margin-left: 6px;
}
.unified-time-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.unified-time-row input {
  width: 50px;
  text-align: center;
}
.unified-outcome select,
.unified-notes textarea {
  width: 100%;
  margin-top: 6px;
}
.unified-header-title {
  flex: 1;
  text-align: center;
}

.unified-header-btn {
  background: none;
  border: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

#unifiedpopupModal  {
  --cp-primary: #f58220;   /* CarePredict orange */
  --cp-border: #ccc;
  --cp-bg: #fff;
}
#unified-timeSelectionModal {
  --cp-primary: #f58220;
  --cp-border: #ccc;
  --cp-bg: #fff;
}
.unified-disabled {
  opacity: 0.6;
  pointer-events: none;
}
#unifiedPopupContainer::-webkit-scrollbar {
  width: 6px;
}
#unifiedPopupContainer::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.2);
  border-radius: 4px;
}
/* === Checked states === */
.unified-row-left input[type="checkbox"] {
  accent-color: #ff7a00; /* orange */
}
.unified-row-left input[type="checkbox"]:checked {
  background-color: #ff7a00 !important;
  border-color: #ff7a00 !important;
  color: white !important;
}

/* === Info icon === */
.info-tooltip {
   position: absolute;
  top: 100%;        /* ⬇️ place below icon */
  left: 50%;        /* center horizontally */
  transform: translateX(-50%);
  background: #f58220;
  color: #fff;
  font-size: 11px;
  padding: 6px 8px;
  border-radius: 4px;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  margin-top: 4px;
  display: none;    /* hidden by default */
  z-index: 1000;
}
.info-icon {
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
  color: #f58220;
  font-weight: bold;
  position: relative; /* anchor for tooltip */
}

.info-icon:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%; /* show above */
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  font-size: 11px;
  padding: 4px 6px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}

.info-icon:hover::after {
  opacity: 1;
}

/* === Tooltip bubble === */
.custom-tooltip {
  position: absolute;
  background: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 12px;
  max-width: 220px;
  white-space: normal;
  z-index: 2000;
  display: none;
  line-height: 1.4;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.unified-time-item .error {
  border: 1px solid red !important;
  background-color: #ffecec !important;
}
.freeform-error{
	border: 1px solid red !important;
	background-color: #ffecec !important;
}
/* === Other Resident Modal Styling === */
#otherResidentsModal.unifiedmodal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55); /* same dimming as Unified Pop-up */
  z-index: 10000; /* above Unified Pop-up */
  display: none;
  justify-content: center;
  align-items: center;
}

/* Center the modal box on screen */
#otherResidentsModal .unifiedmodal-box {
  width: 420px;
  max-height: 80vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* ✅ center it */
  margin: 0;
}

/* Optional: make the title consistent */
#otherResidentsModal .unifiedmodal-header {
  font-weight: 600;
  font-size: 1.1rem;
  color: #f78b1f;
  text-align: center;
  padding: 12px;
  border-bottom: 1px solid #eee;
}

/* Optional: style the footer button nicely */
.unified-resident-name {
  display: block;
  font-weight: 600;
}
.unified-resident-room {
  display: block;
  font-size: 13px;
  color: #777;
  margin-top: 2px;
}
.unified-option-title,
.unified-section-header,
.unified-resident-header {
  font-weight: 700;
}
.assistance-type-label {
  font-weight: 400 !important;
}
.unified-resident-subtitle {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 6px;
}
.unifiedmodal-search {
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
}

.unified-search-input {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
}
.unified-section-header,
.unified-resident-header{
	border-bottom: 1px solid #ddd;
}
.unified-option-title{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.unified-selected {
	background: #f4f4f4 !important;
}
.unified-section {
  background: #ffffff !important;
}
.unified-assist-header {
  display: flex;
  flex-direction: column; /* stack vertically */
  align-items: flex-start;
  margin-bottom: 8px;
}
.unified-timeSelectionContainer > .unified-resident-block > .unified-assist-header {
	  display: flex;
  flex-direction: column; /* stack vertically */
  align-items: flex-start;
  margin-bottom: 8px;
}
.unified-scheduled-time-top {
   font-size: 13px;
  color: #666;
}
.unified-assist-type-row {
	display: flex;
    align-items: center;
  gap: 4px;
}
.unified-timeSelectionContainer > .unified-resident-block > .unified-assist-type,
.unified-timeSelectionContainer > .unified-resident-block > .unified-assist-type + .unified-info-icon {
  font-size: 15px;
  font-weight: 600;
  color: #222;
}

.unified-scheduled {
  font-size: 13px;
  color: #666;
}
.no-result {
    text-align: center;
    color: #888;
    padding: 12px;
    font-size: 14px;
}
.unified-scheduled { font-size: 12px; color: #777; margin-top: 3px; }
.unified-outcome-select-error {
	border: 1px solid red !important;
}
#unified-timeSelectionContainer .unified-resident-block {
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    overflow: hidden;
}

/* ✅ Resident Header */
#unified-timeSelectionContainer .unified-resident-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    cursor: pointer;
}
#unifiedBackBtn {
  color: #333;           /* dark gray color for text and arrow */
  font-size: 16px;       /* adjust size */
  font-weight: bold;
  background: none;      /* if you want transparent background */
  border: none;          /* no border */
  cursor: pointer;
  padding: 8px 12px;
}
#unifiedBackBtn .backarrow {
  color: #000;       /* black arrow */
  font-size: 18px;
  margin-right: 6px;
}