/* BEGIN - Base color scheme */
:root {
	/* mirrored in webrtc-api.css */
	/* color scheme definitions */
    --brand-orange-400: hsl(30, 100%, 60%); /* AC orange */

    --brand-blue-500: hsl(200, 100%, 50%);
    --brand-blue-600: hsl(200, 100%, 40%);
    --brand-blue-700: hsl(200, 100%, 30%); /* AC blue */
    --brand-blue-800: hsl(200, 100%, 20%);
    --brand-blue-900: hsl(200, 100%, 10%);

    --brand-black-500: hsl(0, 0%, 50%);
    --brand-black-600: hsl(0, 0%, 40%);
    --brand-black-700: hsl(0, 0%, 30%);
    --brand-black-800: hsl(0, 0%, 20%); /* AC black */
    --brand-black-900: hsl(0, 0%, 10%);
    
    --misc-red-500: hsl(0, 100%, 50%);
    --misc-red-600: hsl(0, 100%, 40%);
    --misc-red-700: hsl(0, 100%, 30%); /* red */
    --misc-red-800: hsl(0, 100%, 20%);
    --misc-red-900: hsl(0, 100%, 10%);
    
    --misc-darkgrey-400: hsl(200, 15%, 60%);
    --misc-darkgrey-500: hsl(200, 18%, 50%);
    --misc-darkgrey-600: hsl(200, 21%, 40%);
    --misc-darkgrey-700: hsl(200, 24%, 30%);
    --misc-darkgrey-800: hsl(200, 27%, 20%); /* darkgrey */
    --misc-darkgrey-900: hsl(200, 30%, 10%);
    
    /* base definitions to practical application */
    --page-background: 	var(--brand-blue-800);/*#003f5d*/
    --page-highlight: 	var(--brand-blue-600);
    --area-background: 	#fff;
    --base: 			var(--brand-blue-700);/*#006699*/
    --text-base: 		var(--brand-black-800);/*#00537b*/
    --highlight: 		var(--brand-orange-400);/*#ff9933*/

	/* button styling */    
    --button-text:		  		#fff;
    --button-text-shadow: 		#000;
    --button-background:  		var(--brand-blue-700);
    --button-border-left: 		var(--brand-blue-600);
    --button-background-hover: 	var(--brand-blue-600);
    --button-border-left-hover: var(--brand-blue-700);  

    --button-neutral-background:  		var(--misc-darkgrey-500);
    --button-neutral-border-left: 		var(--misc-darkgrey-400);
    --button-neutral-background-hover: 	var(--misc-darkgrey-400);
    --button-neutral-border-left-hover: var(--misc-darkgrey-500);  
	
	--button-delete-approve-background:  		var(--misc-red-600);/*#880d0d;*/
    --button-delete-approve-border-left: 		var(--misc-red-500);/*#df6464;*/
    --button-delete-approve-background-hover: 	var(--misc-red-500);/*#df6464;*/ 
    --button-delete-approve-border-left-hover: 	var(--misc-red-600);
}
/* END - Base color scheme */

/* BEGIN - Font definitions */
/* Poppins fonts */
@font-face {
    font-family: 'Poppins';
    src: url(/shared/fonts/Poppins/Poppins-Regular.ttf)  format('truetype');
}

@font-face {
	font-family: 'Poppins Light';
	src: url(/shared/fonts/Poppins/Poppins-Light.ttf)  format('truetype');
}

@font-face {
	font-family: 'Poppins Bold';
	src: url(/shared/fonts/Poppins/Poppins-Bold.ttf)  format('truetype');
}

/* base font for all elements */
* {
	font-family: Poppins, Verdana, Arial, Sans-Serif;
}
/* END - Font definitions */

input, select, textarea {
	border: 2px solid #9db4c0;
	background: #e5eff5 !important;
	padding: 0.3em 0.2em;
    color: #333;
	border-radius: 6px;
    font-size: 0.9em;
}

input:focus,
textarea:focus,
button:focus {
	outline: none; /* disabling the focus border */
}

input:disabled { /* making the disabled input fields more distinguishable */
	background: #f0f0f0 !important;
	border: 2px solid #dddddd;
}

.messages {	font-size: 10pt; position: relative; float: left; width: 100%; clear: both; }
.messages div { width:900px; padding:5px; margin: 5px auto; text-align: center;}
.messages .notification { color: #000000; background-color: #fefebe; border: 1px solid #884400;}
.messages .error 		{ color: #ee0000; background-color: #FFeeee; border: 1px solid #ee0000; font-size: 1.1em; font-weight: bold;}
.messages .success 		{ color: #33a611; background-color: #f8f8f8; border: 1px solid #88d088; font-size: 1.1em; font-weight: bold;}

.calendar_slot_reserve_location_wizard .messages div { width: 95%; }

/* ay_login error messaging */
.errors { margin:5px; padding:5px 5px 0 5px; background-color: #FFEEEE; border: 1px solid #ee0000; color: #ee0000; font-size: 1.1em; font-weight:bold; } 
.errors .error { padding-bottom: 5px;}
/**/

/* form */
optgroup option { padding-left: 10px; }

.input-text-8 { width: 8em; }
/**/

.wizard-progress-menu { border-radius: 5px; float:left; width:100%; background-color: #eeeeee; color: #7e7e7e;  font-weight:bold; padding: 5px 0; margin-bottom:5px;}
.wizard-progress-menu div { padding: 5px; float:left; }
.wizard-progress-menu-title { padding-left: 0; }
.wizard-progress-menu-item { border:1px solid transparent; border-radius: 5px; margin-right: 10px; }
.wizard-progress-menu-item a { color: #7e7e7e; text-decoration:none; }
.wizard-progress-menu-item.active { background: #7e7e7e; border-color: #a9a9a9; color: #FFFFFF; } 
.wizard-progress-menu-item.complete { background: #ddffdd; }
.wizard-progress-menu-item.incomplete {background: #ffdddd; }
.wizard-progress-menu-item.complete:hover { background: #dedede; border-color: #a9a9a9; }
.wizard-progress-menu-item.complete:hover a { color: #7e7e7e; } 

.wizard-select-times td li { list-style: none; }
.wizard-select-times .slot-error { color: #FF0000; font-weight: bold;}

#wizard-review-profile-email-preview { border-width: 1px; border-style: solid; border-color: #AAAAAA; padding: 10px; border-radius: 5px;}

.acpm_body .slot { min-height:8px !important; margin-bottom: 2px; padding: 4px;} 
.acpm_body .slot.viewer_is_creator { background-color: #BBBBFF;} 

.group-users-overview td.number span { vertical-align:top; padding-right: 4px;}

.menu-custom-1 {	width:940px; line-height:50px; font-size:25pt; color: #5e5e5e; }
.menu-custom-1 .left{ width:50px; padding:0 20px 0 10px; 	margin:0;	display:inline-block;	text-align:left;	position:relative;	float:left; }
.menu-custom-1 .date{ display:inline-block;	text-align:center;	width:620px;	position:relative;	float:left;}
.menu-custom-1 .right{	width:50px;	padding:0 10px 0 20px;	margin:0;	display:inline-block;	text-align:right;	position:relative;	float:left; }

/* < 1.5.7.4 */
.remote-phonebook-event-notifications { position: relative; clear: both; float: left;}

/* >= 1.5.7.4 */
.remote-phonebook-event-notification-table { display: table; width:100%; }
.remote-phonebook-event-notification { display: table-row;  width:100%; padding: 2px 0;}
.remote-phonebook-event-notification div { display: table-column; float: left; padding: 0 5px 0 0;}
.remote-phonebook-event-notification .manage { width: 38px; height:18px;}
.remote-phonebook-event-notification .datetime { width:195px; }
.remote-phonebook-event-notification.old .info { text-decoration: line-through; }
.remote-phonebook-event-notification.active .datetime { font-weight: bold; }
.remote-phonebook-event-notification.coming {  }

form td.mandatory { padding: 6px 2px 0; vertical-align:top; }
form td.mandatory-top { text-align: right; padding-top: 0px; }

.toggle-user-info{ padding-left:15px;}
.toggle-user-info.expand { background: url('/shared/image/manage/expand.gif') no-repeat 0 2px transparent;}
.toggle-user-info.collapse { background: url('/shared/image/manage/collapse.gif') no-repeat 0 2px transparent;}

/* button style */
a.form_button,
a.form_button_hover {
	border:none;
	background-color:transparent;
	white-space:nowrap;
}
a.form_button:hover,
a.form_button_hover:hover { 
	cursor: pointer;
}
a.form_button span,
a.form_button_hover span { 
	background:url('/shared/image/manage/button.png') no-repeat scroll 0 0 transparent; 
	float:left; 
	font-weight:bold; 
	height:30px;	
	line-height:28px; 
/* 	padding:0 0 0 7px; */
    padding: 0; 
}
a.form_button span span,
a.form_button_hover span span { 
	background-position:100% 0; 
/* 	padding:0 10px 0 3px; */
	color:#eeeeee;
    padding: 0;
}
/**/

/* >= 1.5.7.7 */
.groups-by-organization { position: relative; float: left; clear: both; border: 1px solid #d0d0f0; border-radius: 15px; margin-top: 15px; padding: 10px; }
.groups-by-organization h2 { font-size: 1.2em; font-weight: bold; } 

/* >= 1.5.8.3 */
.ay-login-link {}
.ay-login-link.sign-in {}
.ay-login-link.sign-out {}

/* >= 1.5.8.7 */
.copyright { clear: both; text-align: center; }
.generator { clear: both; text-align: center; padding:	5px 0px 25px 0px; font-size:7pt; color: #888888; }
.generator a, .generator a:hover{ color: #666666 !important; }

/* >= 1.5.9.1 */
.ay_calendar_slot_management div.ay_block { clear:both; margin-bottom: 10px; width:100%; padding-bottom:10px; border-bottom: 1px solid #d0d0d0; }
.datepickerControl.z-index-below-overlay { z-index:4999; }

/* >= 1.5.9.2 */
.lf-forgot-password-link { padding-bottom: 5px; }
.lf-request-account { padding-bottom: 5px; }
.website_overview .header td { font-weight: bold; font-size: 1.1em; }
.website_overview td { padding: 3px; }
.website_overview h2 { margin-top: 10px; }
.website_overview tr:hover td { background-color: #ccccFF; }

.group_prefix_overview .header td { font-weight: bold; font-size: 1.1em; }
.group_prefix_overview td { padding: 3px; }
.group_prefix_overview h1 { margin-top: 10px; }
.group_prefix_overview tr:hover td { background-color: #ccccFF; }

/* >= 1.5.9.5 */
.wizard-body-2columns { position: relative; float: left; clear: both; width:100%;  margin-top:5px; }
.wizard-body-2columns .left-column  { position: relative; float: left;  width:45%; clear: both; padding: 5px;} 
.wizard-body-2columns .right-column { position: relative; float: right; width:45%; padding: 5px;}

.user-additional-info,
.group-additional-info		{ padding-bottom: 10px;}
.user-additional-info.hide,
.group-additional-info.hide { display:none; }
.user-additional-info.show,
.group-additional-info.show { display:block; }
.user-additional-info li,
.group-additional-info	li	{ margin: 0 0 5px 20px;}


.user-additional-info-1column,
.group-additional-info-1column,
.user-additional-info-2columns,
.group-additional-info-2columns 				  { position: relative; float: left; clear: both; width:100%;  margin-top:5px; padding-bottom: 15px; }

.user-additional-info-2columns  .left-column,
.group-additional-info-2columns .left-column  	  { position: relative; float: left;  width:55%; clear: both; padding: 5px;} 
.user-additional-info-2columns  .right-column,
.group-additional-info-2columns .right-column 	  { position: relative; float: right; width:35%; padding: 5px;}

.user-additional-info-1column  img,
.group-additional-info-1column img,
.user-additional-info-2columns  .right-column img,
.group-additional-info-2columns .right-column img { max-width: 100%; }

.calendar_slot_booking_wizard td,
.calendar_slot_reserve_location_wizard td,
.calendar_slot_reserve_expert_wizard td { padding:2px;}

.calendar_slot_booking_wizard td.client-info,
.calendar_slot_reserve_location_wizard td.client-info,
.calendar_slot_reserve_expert_wizard td.client-info { white-space:nowrap;}
.calendar_slot_booking_wizard td.client-info-header,
.calendar_slot_reserve_location_wizard td.client-info-header,
.calendar_slot_reserve_expert_wizard td.client-info-header { font-weight: bold; }
.calendar_slot_booking_wizard textarea,
.calendar_slot_booking_wizard td.field_comment,
.calendar_slot_reserve_location_wizard textarea,
.calendar_slot_reserve_location_wizard td.field_comment,
.calendar_slot_reserve_expert_wizard textarea,
.calendar_slot_reserve_expert_wizard td.field_comment {  max-width:250px; }
.calendar_slot_booking_wizard td.field_name,
.calendar_slot_reserve_location_wizard td.field_name,
.calendar_slot_reserve_expert_wizard td.field_name { vertical-align: top; }

/* > 1.6.0.0 */
.field_comment .arctic_booking_client_accept_terms { color: #00537b; }

/* > 1.6.0.3 */
/* menu */
.mu_body 		{ display: inline; }
.mu_body form 	{ text-align: left; }
.mu_body input	{ width: 150px; }
.mu_body .form_button,
.mu_body .form_button_hover {
	margin-top:3px;
	color: #FFFFFF;
	border:1px solid;
	width: 75px;
}
.mu_menu_item_management { font-size: 10pt; font-weight: normal; white-space:nowrap;}
.mu_menu_item_management a { color: #00aa00; text-decoration:none;}
.mu_menu_manage { display: block; clear: both; }

/* language */
.ln_body	{ vertical-align: middle; float: right; position: relative; }
.ln_body a	{ text-decoration:none; float:left; padding:1px 5px 1px 1px; }

/* ay_uula */ 
.yu_body		{ position: relative; float: left; padding: 0px; z-index: 0; padding:15px; }
.yu_body p		{ margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; }
.yu_container	{ position: relative; float: left; clear: both; z-index: 1; width:573px; padding:15px; }
.yu_manage		{ position: absolute; display:none; left: 0px; z-index:1000; padding: 2px; background-color: #FFFFFF; border: 1px solid #000000; }
.yu_manage img  { border: 0; }
.yu_container:hover .yu_manage
				{ display: block; }
.yu_text		{ margin: 0; text-align: justify; vertical-align: top; width: 100%; }
.yu_body ul		{ position: relative; float:left; clear: both; width:100%; list-style-type:square; padding:5px 0px 5px 25px; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; }
.yu_title		{ font-size: 10pt; font-weight: bold; text-align:left; width:100%; padding-bottom: 10px; color: #222222; }
.yu_title_child { font-size: 12pt; font-weight: bold; text-align:left; width:100%; }
.yu_image		{ border: 0; }
.yu_active_timesharing td,
.yu_planned_timesharing td
				{ padding:2px; border-bottom:1px solid #DDDDDD; border-left:1px solid #DDDDDD; font-size:8pt; }
.yu_planned_timesharing
				{ margin-top:15px; border-top: 1px solid #808080; border-bottom: 1px solid #808080; padding-top:15px; padding-bottom:15px; margin-bottom:15px; }
.yu_form h1		{ font-size:12pt; }
.yu_form		{ overflow:auto;z-index: 99; }
.lbUulaForm td	{ padding: 5px; }

/* news */
.ne_body		{ position: relative; float: left; padding: 0px; z-index: 0; width:100%; }
.ne_body p		{ margin: 0; }
.ne_container	{ position: relative; float: left; clear: both; z-index: 1; width:100%; }
.ne_manage		{ position: absolute; display:none; left: 0px; top:-8px; z-index:1000; padding: 2px; background-color: #FFFFFF; border: 1px solid #000000; }
.news-headline:hover .ne_manage
				{ display: block; }
.ne_manage img	{ border: 0; }
.ne_text		{ margin: 0; text-align: justify; vertical-align: top; width: 100%; }
.ne_body .left 	{ float: left; margin-left: 0; margin-right: 15px; }
.ne_body .right { float: right; margin-left: 15px; margin-right: 0; }
.ne_body .shadow{ position:relative; top: 2px; left: 3px; margin-top: 0; margin-bottom: 15px; padding: 0; background-color: #777777; }
.news-headline	{ position:relative;float:left;clear:both;width: 648px; padding-bottom:10px;}
.news-headline .date
				{ position:relative;float:left;width: 90px;}
.news-headline .link
				{ position:relative;float:left;width: 558px; }
.ne_body h1		{ font-weight:bold; font-size:18px; text-align:left; width:100%; color:#336699; padding-bottom: 13px; border-bottom: 1px solid #336699; margin-bottom: 13px; }

/* newsletter */
.nl_body		{ position:  relative; float:   left; padding:  0px; z-index: 0; font-size:0.8em; }
.nl_body .row,
.nl_body td		{ padding-top:5px; }
.nl_body .row .col-0
				{ width:100%;padding-bottom:2px;}
.nl_body td		{ padding-right:5px;}
.nl_body h1		{ font-weight:normal; font-size:18px; padding-bottom:20px; text-align:left; width:100%; color:#336699; }

/* > 1.6.0.8 */
.Billing_lines .users .communicator { background-color: #FFFF00; }
.Billing_lines .users .commercial 	{ background-color: #88FFaa; }
.Billing_lines .users .internal		{ background-color: #FF8800; }

.Billing_lines .begin .abnormal,
.Billing_lines .end .abnormal { background-color: #FF8800; }

/* > 1.6.1.0 */
.service-chat-2columns { position: relative; float: left; clear: both; width:100%;  }
.service-chat-2columns .left-column  { position: relative; float: left;  width:60%; clear: both; margin-right:5%} 
.service-chat-2columns .right-column { position: relative; float: right; width:35%; }
.service-chat-2columns .notification { width:100%; }
.service-chat-2columns #chat-options { width:100%; }

/* > 1.6.1.3 */
/* BEGIN - System Management */
.wrap_ay_sys_mgt {
	width:100%;
	max-width:970px;
}

.wrap_ay_sys_mgt .ay_block td { font-size: 10pt; }
.wrap_ay_sys_mgt td.group-name { vertical-align: top; font-weight: bold; white-space: nowrap; text-transform: capitalize; font-size: 1.3em; }
.wrap_ay_sys_mgt .users	 	 { padding-bottom: 40px; padding-left: 250px; }
.wrap_ay_sys_mgt .group-name .current-tree { font-weight: normal; }
.wrap_ay_sys_mgt .group-name .current-tree img { padding-bottom:2px; }

.wrap_ay_sys_mgt .users table td.name,
.wrap_ay_sys_mgt .users table td.nimi { min-width:300px; }

.wrap_ay_sys_mgt .group-name table, 
.wrap_ay_sys_mgt .users table table,
.wrap_ay_sys_mgt .account-request-table { padding:16px 16px 8px 16px; background-color: #EEEEFF; }
.wrap_ay_sys_mgt .delete { margin-left:50px; }
.wrap_ay_sys_mgt .ay_block td { border: none; }
.wrap_ay_sys_mgt .ay_block td.name,
.wrap_ay_sys_mgt .ay_block td.number { border-top: 1px dotted #AAAABB; }

.wrap_ay_sys_mgt .account-request-table td.field_name,
.wrap_ay_sys_mgt .ay_block td.field_name { white-space: nowrap; vertical-align:top; }

.wrap_ay_sys_mgt .account-request-table,
.wrap_ay_sys_mgt .push-message-info,
.wrap_ay_sys_mgt .candidate-filter-info,
.wrap_ay_sys_mgt .program-guide-info,
.wrap_ay_sys_mgt .trueconnector-vmr-info,
.wrap_ay_sys_mgt .community-call-info,
.wrap_ay_sys_mgt .view-recording-info { display:block; clear:both; background-color: #EEEEFF; margin-bottom: 15px;}

.wrap_ay_sys_mgt .account-request-table a, 
.wrap_ay_sys_mgt .push-message-info a,
.wrap_ay_sys_mgt .candidate-filter-info a,
.wrap_ay_sys_mgt .program-guide-info a,
.wrap_ay_sys_mgt .trueconnector-vmr-info a,
.wrap_ay_sys_mgt .community-call-info a,
.wrap_ay_sys_mgt .view-recording-info a { margin-left: 20px; }

.wrap_ay_sys_mgt .ct_body,
.wrap_ay_sys_mgt .yc_body { padding:0 0 0 5px !important; margin-bottom: 25px; }
.wrap_ay_sys_mgt .ct_body h1,
.wrap_ay_sys_mgt .yc_body h1 { height: unset; margin-bottom: unset;}
.wrap_ay_sys_mgt .ct_body h1,
.wrap_ay_sys_mgt .yc_body h1,
.wrap_ay_sys_mgt .ct_body .account-request-table,
.wrap_ay_sys_mgt .yc_body .account-request-table { float:left; clear:both; }
.wrap_ay_sys_mgt .ct_body .account-request-table h1,
.wrap_ay_sys_mgt .yc_body .account-request-table h1 { float:unset;}

.wrap_ay_sys_mgt a { color: #00537b; text-decoration: none; font-weight: bold; }
.wrap_ay_sys_mgt .toggle-account-request { font-size: 1.3em; }
.wrap_ay_sys_mgt .toggle-account-request:hover { color: var(--highlight); }

/* 20210428 additions, might still overlap */
.wrap_ay_sys_mgt .ay_block td.name,
.wrap_ay_sys_mgt .ay_block td.number { /* disabling the top border that was in user listing and other boxes, latter borders work better with this on */
	border: 0;
}

.wrap_ay_sys_mgt .cancel,
.wrap_ay_sys_mgt .delete {
	margin-left: 0px; /* even spacing for the admin controls (edit, cancel and delete) */
}

.wrap_ay_sys_mgt .group-name table,
.wrap_ay_sys_mgt .users table table,
.wrap_ay_sys_mgt .account-request-table,
.wrap_ay_sys_mgt .push-message-info,
.wrap_ay_sys_mgt .candidate-filter-info,
.wrap_ay_sys_mgt .program-guide-info,
.wrap_ay_sys_mgt .trueconnector-vmr-info,
.wrap_ay_sys_mgt .community-call-info,
.wrap_ay_sys_mgt .view-recording-info { /* disabling the boxed backgrounds for each expanded item */
		background-color: transparent;
}

div.header.add-new-item a::before { /* adding small plus sign to make it more obvious that this is a link that is to add a new calendar event */
	content: "\f055";
	font-family: "Font Awesome 5 Free";
	font-size: 0.8rem;
	margin-right: 0.2rem;
	vertical-align: middle;
}

.wrap_ay_sys_mgt td.col1 { /* admin page "labels" */
	font-weight: 400;
}
.wrap_ay_sys_mgt td.col2 { /* admin page "values" */
	font-weight: 700;
}

.wrap_ay_sys_mgt .expand,
.wrap_ay_sys_mgt .collapse { /* getting rid of the expand/collapse links raquo prefix image and replacing with ::before pseudo tweak */
	background: transparent;
}

.wrap_ay_sys_mgt .expand::before,
.wrap_ay_sys_mgt .collapse::before { /* expand&collapse raquo&laquo styling */
	font-size: 0.8em;/*1.2*/
	font-family: 'Font Awesome 5 Free';
	margin-right: 5px;	
}

.wrap_ay_sys_mgt .expand::before {
	color: #6993a8;
	content: '\f101 ';
}

.wrap_ay_sys_mgt .collapse::before {
	color: var(--highlight);
	content: '\f100 ';
}

/* program calendar specifics */
.wrap_ay_sys_mgt tr.header { 
	color: #3c6e86;
	background: linear-gradient(#c0eaff, #accfe0);
	padding: 0.5em 0;
}

.wrap_ay_sys_mgt tr.header td {
		font-weight: 700;
		border-bottom: 2px solid #6993a8 !important;
}

/* calendar header */
.wrap_ay_sys_mgt tr.lecture-row > td {
		font-size: 1em !important;
		font-weight: 500;
		line-height: 175%;
		vertical-align: middle;
}

.wrap_ay_sys_mgt tr.lecture-row > td.reservations {
	text-align:center;
}

/* account-request table */
.wrap_ay_sys_mgt .account-request-table td {
    font-size: 1em !important;
    font-weight: 500;
    line-height: 175%;
    vertical-align: middle;
    padding:4px;
}

/* 	.program-guide-info  */

/* tr.lecture-row td { */
/* 	border: 0 !important; disable borders between events */
/* 	padding: 0 0.3em; */
/* } */

/* border to separate days in calendar */
.wrap_ay_sys_mgt tr.day-change td { border-top: 3px solid #6993a8 !important; }

.wrap_ay_sys_mgt tr.lecture-row td.time { white-space:nowrap; }
.wrap_ay_sys_mgt tr.header.add-new-item { height:3em; }
.wrap_ay_sys_mgt tr.header.add-new-item td { 
	border-bottom: none !important;
    background: #c0eaff;
    text-align:right;
	padding-top: 5px;
    padding-bottom: 0px;
}
.wrap_ay_sys_mgt tr.header.add-new-item td.management-options { padding-bottom:5px; }

.wrap_ay_sys_mgt tr.header.add-new-item td a,
.wrap_ay_sys_mgt div[id^="ajax-group-candidate-filter-info-"] div.header.add-new-item a,
.wrap_ay_sys_mgt div[id^="ajax-user-candidate-filter-info-"] div.header.add-new-item a,
.wrap_ay_sys_mgt div[id^="ajax-group-push-message-info-"] div.header.add-new-item a,
.wrap_ay_sys_mgt div[id^="ajax-user-push-message-info-"] div.header.add-new-item a {
	float: none;
	margin: 0;
	color: #fff;
    background: #0c2f41;
    border-radius: 20px;
    padding: 0.5em 1em;
	font-weight: normal;
	font-size: 0.85em;
    text-transform: uppercase;
}

.wrap_ay_sys_mgt tr.header.add-new-item td a:hover,
.wrap_ay_sys_mgt div[id^="ajax-group-candidate-filter-info-"] div.header.add-new-item a:hover,
.wrap_ay_sys_mgt div[id^="ajax-user-candidate-filter-info-"] div.header.add-new-item a:hover,
.wrap_ay_sys_mgt div[id^="ajax-group-push-message-info-"] div.header.add-new-item a:hover,
.wrap_ay_sys_mgt div[id^="ajax-user-push-message-info-"] div.header.add-new-item a:hover {
		background: #6993a8;
		transition: 0.3s
}
/* END - System Management */

/* BEGIN - login stats */
.wrap_ay_login_stats {
	width:100%;
	max-width:970px;
}

.wrap_ay_login_stats .expand,
.wrap_ay_login_stats .collapse { /* getting rid of the expand/collapse links raquo prefix image and replacing with ::before pseudo tweak */
	background: transparent;
}

.wrap_ay_login_stats .expand::before,
.wrap_ay_login_stats .collapse::before { /* expand&collapse raquo&laquo styling */
	font-size: 0.8em;/*1.2*/
	font-family: 'Font Awesome 5 Free';
	margin-right: 5px;
}

.wrap_ay_login_stats .expand::before {
	color: #6993a8;
	content: '\f101 ';
}

.wrap_ay_login_stats .collapse::before {
	color: var(--highlight);
	content: '\f100 ';
}

.wrap_ay_login_stats a { color: #00537b; text-decoration: none; font-weight: bold; }

.wrap_ay_login_stats .toggle-login-stats { font-size: 1.3em; }
.wrap_ay_login_stats .toggle-login-stats:hover { color: var(--highlight); }

.wrap_ay_login_stats .toggle-legacy-accounts { font-size: 1.3em; }
.wrap_ay_login_stats .toggle-legacy-accounts:hover { color: var(--highlight); }
/* END - login stats */

/* BEGIN - restyling buttons */
button {
	border:none; 
	background-color:transparent; 
	white-space:nowrap; 
}

button:hover { cursor: pointer; }

button span {
	float:left; 

	border-radius: 4px !important;
    padding: 0 !important;
	white-space: no-wrap !important;
	font-weight:bold !important;
	
	color: var(--button-text) !important;
	
	min-width: 76px !important;
	
	height:1em !important;
	line-height:1em !important;
	
	text-transform: uppercase !important;
	text-shadow: 0 0 2px var(--button-text-shadow);
	
	font-weight: 600 !important;
	letter-spacing: 0.5px;
	
}
button > span {
    padding: 1em 2em 1em 1.5em !important;
	border-radius: 20px !important;
	background: var(--button-background) !important;
	border-left: 8px solid var(--button-border-left);
	transition: ease-in-out 0.5s;	
}

button > span:hover { 
	background: var(--button-background-hover) !important;
	border-left-color: var(--button-border-left-hover);
	transition: ease-in-out 0.5s;	
}

button.delete.approve > span {
	background: var(--button-delete-approve-background) !important;
	border-left-color: var(--button-delete-approve-border-left);
}
button.delete.approve > span:hover { 
	background: var(--button-delete-approve-background-hover) !important;
	border-left-color: var(--button-delete-approve-border-left-hover);
}
button.delete.decline > span {
	background: var(--button-neutral-background) !important;
	border-left-color: var(--button-neutral-border-left);
}
button.delete.decline > span:hover { 
	background: var(--button-neutral-background-hover) !important;
	border-left-color: var(--button-neutral-border-left-hover);
}
/* END - restyling buttons */

#emergency-call-button { position: fixed; bottom: 5px; right: 5px; z-index: 1000000000; }
#emergency-call-button button { font-size: 3.0em;}

.form_footer { clear: both; padding-top:5px; }
.group-name .ay_body,
.group-name .yg_body{ padding: 5px; background-color: var(--area-background);}
.group-name p {background-color: #eeeeff; padding:16px;}
.group-name .ay_block.users-list { background-color: #eeeeff; padding:5px;}
.group-name .ay_block.users-list h4 { padding-left:16px; color:#000000;}


/* v1.6.1.6 porting css */
#message-board-container 		{ width:300px; padding:10px; background-color: #f8f8f8; margin-bottom: 10px; border: 2px solid #00537b; }

#boardMessages,
#messageBoardInput 				{ width:290px; background-color: #FFFFFF; padding:5px; border: 1px solid #00537b; overflow-y: auto; overflow-x: hidden; overflow-wrap: break-word; color: #00537b;}

#boardMessages					{ height:420px; margin-bottom:10px;  background-color: #fcfcfc; }
#messageBoardInput				{ width:200px; height:100px; resize:none; }

.board-message					{ width: 280px; clear: both; margin: 2px; padding: 3px; }
.board-message.local			{ background-color: #EEFFEE; }
.board-message.remote			{ background-color: #EEEEFF; }
.board-message-sender			{ clear: both; }
.board-message-text				{ clear: both; margin-left: 5px; }
.board-message-time				{ width:270px; text-align: right; font-size:0.8em; color: #a0a0a0; padding-right:10px;}

#messageBoardSend				{ margin-left: 10px; float: right;}
#message-board-container button {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 14px;
  padding: 10px;
  text-decoration: none;
}
#message-board-container button:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
/***/			
#send-on-enter-container label { margin-left: 5px;}

#chat-options 					{ width: 930px; min-height: 545px; padding: 0; }
#chat-options ul 				{ padding: 5px 0 5px 0; }
#chat-options li.chat-option 	{ position: relative; float:left; clear:both; list-style-type: none; } 
    	
.chat-option 				{ position:relative; float: left; width: 100%; min-height:40px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 4px solid #ef7900; list-style-type: none;}
.chat-option-action 		{ position:relative; float: left; width: 300px;}
.chat-option-action-info li { margin-left:15px; }

.homecare-header 				{ width:100%; height:16px;}
.homecare-header div			{ position: relative; float: left; }
.homecare-header a				{ text-decoration: none; color: #FFFFFF !important; font-size: 1.1em !important; font-weight: bold; height: 20px; z-index: 300; white-space: nowrap; }

.homecare-header-BackHome	 	{ width:33.3%; }
.homecare-header-Language 		{ width:33.3%; text-align: center; }
.homecare-header-AyLogout 		{ width:33.3%; }
.homecare-header-AyLogout .lf_login,
.homecare-header-AyLogout .lf_logout,
.homecare-header-AyLogout .lf_change_password { float:right !important; }
.homecare-header-Language .ln_body   { display: inline-block; width:100%; }
.homecare-header-Language .ln_body a { float:none; }
.homecare-header-BaseMenu	 	{  float:none !important;}
.homecare-header-AyLogout .lf_change_password a { font-size: 1.0em !important; }

#homecare-datetime { position: fixed; bottom: 5px; left: 5px; z-index: 100000000; color: #FFFFFF; font-size: 2em; z-index:0;}

#offline-options.call-options-find-room { position:relative; float: left; clear:both;}
.offline-candidates table { margin-top:10px; }
.offline-candidates td { padding:2px 4px; }

.ay-user-change-password td {padding:2px; margin:5px;}
.ay-user-change-password-link { }
.pro-login-only-text { color: #FFFFFF; }

.greyscale {
	-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.button-disabled{
    cursor: not-allowed;
    pointer-events: none;
}

.ajax-user-push-message-info-loading,
.ajax-group-push-message-info-loading,
.ajax-user-candidate-filter-info-loading,
.ajax-group-candidate-filter-info-loading,
.ajax-group-info-loading {
	float:left;
	clear:both;
	position:relative;
	height:100px;
	padding:20px;
	width:100px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='loadingAnimation' width='100px' height='100px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3ccircle cx='75' cy='50' fill='undefined' r='4.89043'%3e%3canimate attributeName='r' values='3;3;5;3;3' times='0;0.1;0.2;0.3;1' dur='1s' repeatCount='indefinite' begin='-0.917s'%3e%3c/animate%3e%3canimate attributeName='fill' values='%235699d2;%235699d2;%231d3f72;%235699d2;%235699d2' repeatCount='indefinite' times='0;0.1;0.2;0.3;1' dur='1s' begin='-0.917s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='71.651' cy='62.5' fill='undefined' r='4.43757'%3e%3canimate attributeName='r' values='3;3;5;3;3' times='0;0.1;0.2;0.3;1' dur='1s' repeatCount='indefinite' begin='-0.833s'%3e%3c/animate%3e%3canimate attributeName='fill' values='%235699d2;%235699d2;%231d3f72;%235699d2;%235699d2' repeatCount='indefinite' times='0;0.1;0.2;0.3;1' dur='1s' begin='-0.833s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='62.5' cy='71.651' fill='undefined' r='3.77357'%3e%3canimate attributeName='r' values='3;3;5;3;3' times='0;0.1;0.2;0.3;1' dur='1s' repeatCount='indefinite' begin='-0.75s'%3e%3c/animate%3e%3canimate attributeName='fill' values='%235699d2;%235699d2;%231d3f72;%235699d2;%235699d2' repeatCount='indefinite' times='0;0.1;0.2;0.3;1' dur='1s' begin='-0.75s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='50' cy='75' fill='undefined' r='3.10957'%3e%3canimate attributeName='r' values='3;3;5;3;3' times='0;0.1;0.2;0.3;1' dur='1s' repeatCount='indefinite' begin='-0.667s'%3e%3c/animate%3e%3canimate attributeName='fill' values='%235699d2;%235699d2;%231d3f72;%235699d2;%235699d2' repeatCount='indefinite' times='0;0.1;0.2;0.3;1' dur='1s' begin='-0.667s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='37.5' cy='71.651' fill='undefined' r='3'%3e%3canimate attributeName='r' values='3;3;5;3;3' times='0;0.1;0.2;0.3;1' dur='1s' repeatCount='indefinite' begin='-0.583s'%3e%3c/animate%3e%3canimate attributeName='fill' values='%235699d2;%235699d2;%231d3f72;%235699d2;%235699d2' repeatCount='indefinite' times='0;0.1;0.2;0.3;1' dur='1s' begin='-0.583s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='28.349' cy='62.5' fill='undefined' r='3'%3e%3canimate attributeName='r' values='3;3;5;3;3' times='0;0.1;0.2;0.3;1' dur='1s' repeatCount='indefinite' begin='-0.5s'%3e%3c/animate%3e%3canimate attributeName='fill' values='%235699d2;%235699d2;%231d3f72;%235699d2;%235699d2' repeatCount='indefinite' times='0;0.1;0.2;0.3;1' dur='1s' begin='-0.5s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='25' cy='50' fill='undefined' r='3'%3e%3canimate attributeName='r' values='3;3;5;3;3' times='0;0.1;0.2;0.3;1' dur='1s' repeatCount='indefinite' begin='-0.417s'%3e%3c/animate%3e%3canimate attributeName='fill' values='%235699d2;%235699d2;%231d3f72;%235699d2;%235699d2' repeatCount='indefinite' times='0;0.1;0.2;0.3;1' dur='1s' begin='-0.417s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='28.349' cy='37.5' fill='undefined' r='3'%3e%3canimate attributeName='r' values='3;3;5;3;3' times='0;0.1;0.2;0.3;1' dur='1s' repeatCount='indefinite' begin='-0.333s'%3e%3c/animate%3e%3canimate attributeName='fill' values='%235699d2;%235699d2;%231d3f72;%235699d2;%235699d2' repeatCount='indefinite' times='0;0.1;0.2;0.3;1' dur='1s' begin='-0.333s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='37.5' cy='28.349' fill='undefined' r='3'%3e%3canimate attributeName='r' values='3;3;5;3;3' times='0;0.1;0.2;0.3;1' dur='1s' repeatCount='indefinite' begin='-0.25s'%3e%3c/animate%3e%3canimate attributeName='fill' values='%235699d2;%235699d2;%231d3f72;%235699d2;%235699d2' repeatCount='indefinite' times='0;0.1;0.2;0.3;1' dur='1s' begin='-0.25s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='50' cy='25' fill='undefined' r='3'%3e%3canimate attributeName='r' values='3;3;5;3;3' times='0;0.1;0.2;0.3;1' dur='1s' repeatCount='indefinite' begin='-0.167s'%3e%3c/animate%3e%3canimate attributeName='fill' values='%235699d2;%235699d2;%231d3f72;%235699d2;%235699d2' repeatCount='indefinite' times='0;0.1;0.2;0.3;1' dur='1s' begin='-0.167s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='62.5' cy='28.349' fill='undefined' r='3.56243'%3e%3canimate attributeName='r' values='3;3;5;3;3' times='0;0.1;0.2;0.3;1' dur='1s' repeatCount='indefinite' begin='-0.083s'%3e%3c/animate%3e%3canimate attributeName='fill' values='%235699d2;%235699d2;%231d3f72;%235699d2;%235699d2' repeatCount='indefinite' times='0;0.1;0.2;0.3;1' dur='1s' begin='-0.083s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='71.651' cy='37.5' fill='undefined' r='4.22643'%3e%3canimate attributeName='r' values='3;3;5;3;3' times='0;0.1;0.2;0.3;1' dur='1s' repeatCount='indefinite' begin='0s'%3e%3c/animate%3e%3canimate attributeName='fill' values='%235699d2;%235699d2;%231d3f72;%235699d2;%235699d2' repeatCount='indefinite' times='0;0.1;0.2;0.3;1' dur='1s' begin='0s'%3e%3c/animate%3e%3c/circle%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
}

/* layout unification */
/* banner.css */
.ba_body	{ position: relative; float: left; clear: both; width: 100%; }
.ba_manage	{ position: absolute; display:none; left: 0px;/*IE needs this one*/ z-index:1000; padding: 2px; background-color: #FFFFFF; border: 1px solid #000000; text-align: left; }
.ba_body:hover .ba_manage { display: block; }
.ba_manage img { border: 0; }
.ba_form{ background-color: #E0E0E0; z-index: 99; }
/* user_data.css */
.ud_body			{}
.ud_body form			{ text-align: left; }
.ud_body input			{ width: 150px; }
.ud_body .form_button,
.ud_body .form_button_hover	{ margin-top:3px; border:1px solid; width: 75px; }
.ud_body .form_button		{ }
.ud_body .form_button_hover	{ cursor: pointer; }
.ud_body .button_space		{ text-align:right; }
.ud_options			{ text-align: right; padding:5px; }
.ud_body .mandatory		{ font-weight: bold; text-align: left; }
/* ay_group.css */
.yg_body			{ position: relative; float: left; padding: 0px; z-index: 1; width:100%; }
.lbMain .yg_body		{ width:auto; padding:15px; }
.yg_body img			{ border:0; }
.yg_body p			{ margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; }
.yg_container			{ position: relative; float: left; clear: both; z-index: 1; width:730px;/*IE needs this one to display text properly*/ /*padding:15px;*/ }
.yg_manage			{ position: absolute; display:none; left: 0px;/*IE needs this one*/ z-index:1000; padding: 2px; background-color: #FFFFFF; border: 1px solid #000000; }
.yg_container:hover .yg_manage	{ display: block; }
.yg_manage img			{ border: 0; }
.yg_text			{ /*Never add position/float/clear IE6 error*/ margin: 0; text-align: justify; vertical-align: top; width: 100%; /*Needed for align justify!*/ }
.yg_body ul			{ position: relative; float:left; clear: both; width:100%; list-style-type:square; padding:5px 0px 5px 25px; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; }
.yg_title			{ /*Never add position/float/clear IE6 error*/ font-size: 10pt; font-weight: bold; text-align:left; width:100%; padding-bottom: 10px; color: #222222; }
.yg_title_child			{ /*Never add position/float/clear IE6 error*/ font-size: 12pt; font-weight: bold; text-align:left; width:100%; }
.yg_image			{ border: 0; }
.yg_form h1			{ font-size:12pt; }
.yg_form			{ z-index: 99; }
.yg_name			{ width:420px;}
.level_0 			{ width:420px;}
.level_1 			{ width:410px; margin-left: 5px; border-left:1px dashed #555555; padding-left:5px; }
.level_2 			{ width:400px; margin-left: 15px; border-left:1px dashed #555555; padding-left:5px; }
.level_3 			{ width:390px; margin-left: 25px; border-left:1px dashed #555555; padding-left:5px; }
.level_4 			{ width:380px; margin-left: 35px; border-left:1px dashed #555555; padding-left:5px; }
.level_5 			{ width:370px; margin-left: 45px; border-left:1px dashed #555555; padding-left:5px; }
.yg_more_info			{ display:none; width:408px; position: absolute; /*right:420px;*/ left:2px; margin:2px; border:1px solid #808080; padding:12px; background-color: #EEEEEE; z-index:500; }
.yg_more_info_container:hover .yg_more_info	{ display:block; }
/* contact.css */
/* .ct_body h1			{ font-size: 1.3em; font-weight: bold; padding: 4px 4px 4px 0; white-space: nowrap; text-transform: capitalize; height:24px; margin-bottom:7px; }	 */
#area_3 .yc_body,
#area_3 .ct_body		{ padding: 0 10px 10px 10px; clear: both; float: left; position: relative; }
.ct_body			{ position: relative; float: left; width:100%; }
.ct_form			{ position: relative; float: left; text-align: left; }
.ct_body input,
.ct_body textarea		{ width: 195px; /* border: 1px solid var(--background); */ padding:2px; }
/* left aligning the checkboxes on account request and adding account page as they were too far of the left side when centered */
.ct_body .checkbox input {
	width:unset;
	text-align: left;
	min-width: unset;
}
.ct_button_space		{ text-align: right; }
.ct_body textarea		{ width: 374px; }
body.fi .ct_body textarea	{ width: 362px; }
.ct_body td			{ padding:2px; vertical-align:top; }
.ct_body td.field_name		{ padding-top:5px; }
.ct_body td.mandatory 		{ padding-top:7px; }
.ct_body button 		{ padding:3px; white-space:nowrap; font-weight:bold; cursor: pointer; }
/* content.css */
.co_body		{ position: relative; float: left; padding: 0px; z-index: 0; width:100%; }
.co_body p		{ margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; }
.co_form		{ background-color: #E0E0E0; z-index: 99; }
.co_container		{ position: relative; float: left; clear: both; z-index: 1; width:100%;/*IE needs this one to display text properly*/ }
.co_manage		{ position: absolute; display:none; left: 0px;/*IE needs this one*/ z-index:1000; padding: 2px; background-color: #FFFFFF; border: 1px solid #000000; }
.co_container:hover .co_manage{ display: block; }
.co_manage img		{ border: 0; }
.co_text		{ /*Never add position/float/clear IE6 error*/ margin: 0; /* text-align: justify;*/ vertical-align: top; width: 100%; /*Needed for align justify!*/ }
/*.co_text img		{ padding:6px; background-color:#FFFFFF; border:1px solid #d8d8d8; }*/
.co_body ul		{ position: relative; float:left; clear: both; width:100%; list-style-type:square; padding:5px 0px 5px 25px; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; }
.co_title		{ /*Never add position/float/clear IE6 error*/ font-size: 1.3em; font-weight: bold; padding: 8px 0 4px 21px; white-space: nowrap; height:24px; width:100%; margin-bottom:7px; }
.co_title_child		{ /*Never add position/float/clear IE6 error*/ font-size: 12pt; font-weight: bold; text-align:left; width:100%; }
.co_image		{ border: 0; }
.left 			{ float: left; margin-left: 0; margin-right: 15px; }
.right 			{ float: right; margin-left: 15px; margin-right: 0; }
/* /* additional adjustments */
.co_body 		{ position: relative; float: left; clear: both; width:100%; padding:0; }
.co_container 		{ width:100%; /* padding: 0 10px 10px 10px; */ }
/* login_form.css */
.lf_body			{ position: relative; float: left; clear: both; }
.lf_form			{ position: relative; float: left; text-align: left; }
.lf_button_space		{ text-align: right; }
.lf_body .form_button_hover	{ cursor: pointer; }
.lf_body input			{ width: 150px; }
.lf_msg				{ position: relative; float: left; left: 4px; top: -4px; color: #CC1111; font-weight: bold; text-align: left; }
.lf_body .form_button,
.lf_body .form_button_hover 	{ padding:3px; white-space:nowrap; /* border:1px solid #1D79BC; background-color:#1D79BC;*/ color:#000000; font-weight:bold; /* text-transform:uppercase;*/ cursor: pointer; -moz-border-radius: 5px; border-radius: 5px; }
.lf_logout,
.lf_login			{ position: relative; float: left; font-size: 1.1em; font-weight: bold; height:20px; z-index:300; white-space: nowrap; }
.lf_logout a,
.lf_login a			{ text-decoration:none; color:#000000; }
.lf_logout:hover,
.lf_login:hover			{ }

/* menu.css */
.mu_menu_item_main,
.mu_menu_item_main_active,
.ay_body .lf_logout,
.ay_body .lf_login 		{ 
	position: relative;
	float: left;
	padding: 0 3px;
	margin: 0 0 0 4px;
	font-size: 1.0em;
	font-weight: bold;
	white-space: nowrap;
	z-index:300; 
}

.mu_menu_item_main a,
.mu_menu_item_main_active a,
.ay_body .lf_login a,
.ay_body .lf_logout a { /* menu link tweaks */
	text-decoration: none;
	color: #ffffff;
	font-weight: 500 !important;
	font-size: 1.1em;
}

.mu_menu_item_main a:hover,
.mu_menu_item_main_active a:hover,
.ay_body .lf_login a:hover,
.ay_body .lf_logout a:hover { /* menu links hover tweaks */
	transition: ease-in-out 0.5s;
	color: var(--highlight);
}

.mu_menu_item_main a:after,
.mu_menu_item_main_active a:after,
.ay_body .lf_login a:after,
.ay_body .lf_logout a:after {    
	background: none repeat scroll 0 0 transparent;
	bottom: -4px;
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	background: var(--highlight);
	transition: 0.5s ease 0s, left 0.5s ease 0s;
	width: 0;
  }
  
.mu_menu_item_main a:hover:after,
.mu_menu_item_main_active a:hover:after,
.ay_body .lf_login a:hover:after,
.ay_body .lf_logout a:hover:after { 
	width: 100%; 
	left: 0; 
}

/* BEGIN - ay_login.css */
h1 			{ font-size: 12pt; }

.ay_block					{ width:100%; position:relative; float: left; clear:both; z-index:2;/*IE6*/ padding-bottom:10px; }
.ay_block.details 				{ padding:10px 0;}
.ay_block.details .ay_title			{ padding-bottom:0;}
.ay_block.details .ay_message.error_message	{ padding-left: 0;}

.ay_header 			{ /*border-top: 1px solid #0572D9;*/ /*margin-left:170px;*/ padding-top:20px; margin-top:10px;/* padding-bottom:10px; border-bottom: 1px solid #0572D9; margin-bottom:10px; margin-right:0px;*/ }
.ay_conference_selection	{ position:relative; float:left; clear:both; font-size:8pt; padding-bottom:10px; /*margin-left:170px;*/ }
/* .ay_footer			{ border-top: 1px solid #0572D9; margin-top:10px; width:100%; position:relative; float: left; clear:both; } */
.ay_footer			{ display:none;}

.ay_title			{ font-size:10pt; font-weight:bold; position:relative; float:left; text-align:left; padding-bottom: 10px; font-size:1.1em; }
.ay_content			{ clear:both; font-size:10pt; position:relative; float:left; text-align:left; z-index:3;/*IE6*/ padding-top:10px; }
.ay_add_top_level		{ position:relative; float:right; }
.ay_message			{ font-size:18pt; font-weight:bold; position: relative; clear:both; float:left; padding: 10px; background: #FFFFFF; }
.error_message			{ color:#f92222; }
.normal_message			{ color:#33a611; }

.ay_block td			{ padding:4px; border-bottom:1px solid #cccccc; border-left:1px solid #ffffff; font-size:8pt; }

.ay_conference_cancelled td	{ text-decoration: line-through; }
/* program calendar layout provisions */
.ay_conference_cancelled.skip-same-date td.day,
.ay_conference_cancelled.skip-same-date td.call,
.ay_conference_cancelled.skip-same-date td.date { text-decoration: none; }
 
.ay_conference_group_row	{ padding-top:10px; font-weight:bold; font-size:1.2em; }
.ay_form_public td		{ border:0; }
.ay_body .lf_form input		{ width:160px; }
 .ay_conference_row,
.ay_conference_group_row	{ position:relative; float:left; clear:both; width:100%; }

.cell				{ position:relative; float:left; padding:2px; border-bottom:1px solid #DDDDDD; border-left:1px solid #DDDDDD; font-size:8pt; height:16px; }
.cell_datetime			{ width:115px;}
.cell_title			{ width:144px;}
.cell_duration			{ width:50px;}
.cell_icon			{ width:16px;}
.cell_access			{ width:40px;}
.cell_status			{ width:38px;}
.cell_change_status		{ width:56px;}
.cell_text_center		{ text-align:center; }

/* Lightbox sizes and code */
#lightbox.lbSearch #lbLoadMessage,
#lightbox.lbUser #lbLoadMessage,
#lightbox.lbConferenceUser #lbLoadMessage,
#lightbox.lbGroupUser #lbLoadMessage{
 display:none;
}
#lightbox.lbSearch #lbContent,
#lightbox.lbUser #lbContent,
#lightbox.lbConferenceUser #lbContent,
#lightbox.lbGroupUser #lbContent{
 display:block;
}

#lightbox.lbSearch,
#lightbox.lbUser,
#lightbox.lbGroupUser,
#lightbox.lbConferenceUser{
 top:50px;
}

#lightbox form td.field_name { /* form label texts in modal forms */
	vertical-align: middle;
	font-weight: 700;
}

.lbGroupUser,
.lbUser,
.lbSearch,
.lbConferenceUser{
 margin-left:-300px;
 border:1px solid #fff;
 background-color: #FFFFFF;
 color: #000000;
 max-height:500px;
 overflow-y:auto;
}

.lbForm,
.lbConfirm,
.lbSearch .yc_form{ 
 		width: auto;
 		height: auto; 
        padding: 0 6px 0 0;
        box-shadow: 0 0 10px #fff;
/*         line-height: 0.8; */
}

#lbContent{
 position:relative;
 float:left;
 clear:both;
}

.lbHead{
	float:none;
	text-transform: uppercase;
	background: var(--base);
	border-bottom: 5px solid var(--highlight);
	font-weight: 700;
	padding: 0.2em;
 }
 
.lbMain{
	width:100%;
}

.lbMain .entity_form h1 { /* form header text */
    margin-top: -35px; /* previously the header text was below the lbHead so this will move it up to match the position */
    padding: 0 0 0 0.5em;
    color: #fff;
    border:none;
    font-size: 1.2em;    
}
    
.lbMain .entity_form > form {
    padding: 0.5em; /* form itself is indented a bit so texts are not so close to the edges */
}

.lbConfirmButton{
	width:auto;
	padding:5px;
}
/* end lightbox specifics */

.ay_conference_search_parameter	{ position:relative; float:left; clear:both; font-size:8pt; padding-bottom:10px; }
.ay_block table			{ position:relative; float:left; clear:both; } 
.clickable			{ cursor: pointer; }

tr.lecture-row td		{ border-bottom:1px solid #ffffff;}
tr.my-conference-row td		{ border-bottom:1px solid #ffffff;}

tr.lecture-row:nth-child(2n+1) td,
tr.even td			{ vertical-align:top; background-color:#eeeeee; }
tr.lecture-row:nth-child(2n) td,
tr.odd td			{ vertical-align:top; background-color:#d0d0d0; }


.ay_hightlight_conference,
tr.ay_hightlight_conference td	{ background-color: #d0f0d0; }

tr td.filter-active		{ background-color:#dcdfdd; }
/*tr.lecture-row.table_head_row td.filter-active{background-color:transparent;}*/*/

tr.lecture-row td.day		{ white-space:nowrap; }/*width:145px; }/*82,70*/
tr.lecture-row td.date		{ white-space:nowrap; min-width:90px; }/*width:145px; }/*82,70*/
tr.lecture-row td.week		{ text-align:center; }/*323,150*/
tr.lecture-row td.title		{ min-width:100px; }/*323,150*/
tr.lecture-row td.type		{ min-width:125px; }/*323,150*/
tr.lecture-row td.speaker	{ min-width:120px; }
tr.lecture-row td.location	{ min-width:100px; }
tr.lecture-row td.group		{ min-width:100px; }/*185,150*/
/*changes here should also go into IE6 and IE7 CSS */

tr.lecture-row td img		{ margin-top:5px; }
tr.lecture-row td img.check-all	{ margin-top:0; }

tr.lecture-row td div.filter	{ position:relative; float:left; padding-right:5px; }
tr.lecture-row td div.filter img{ margin-top:0; }
tr.lecture-row td div.name	{ position:relative; float:left; }

tr.lecture-row.table_head_row td 		{ font-size:9pt; }
tr.lecture-row.table_head_row td div.filter	{ position:relative; float:left; padding-right:5px; }
tr.lecture-row.table_head_row td div.name	{ position:relative; float:left; }
tr.lecture-row.table_head_row td div.sort	{ position:relative; float:right; parring-left:5px; }
tr.lecture-row.table_head_row td div img	{ margin-top:0; }

tr.my-conference-row td img	{ margin-top:5px; }
.join-checkbox input		{ margin-top:6px; }
tr.my-conference-row td.date	{ width:82px; }
tr.my-conference-row td.title	{ width:185px; }
tr.my-conference-row td.group	{ width:170px; }
tr.my-conference-row td.datetime{ width:115px; text-align:center; }
tr.my-conference-row td.duration{ /*width:50px;*/ text-align:center;}
tr.my-conference-row td.status	{ /*width:40px;*/ text-align:center;}
tr.my-conference-row td.info	{ width:16px; }
tr.my-conference-row td.change	{ width:63px; }/*IE6 needs 63 in stead of 56 :S*/

td.description { width:635px; }

.join-checkbox 	{ width:13px; border:0; padding:0; text-align: right; }
td.join-checkbox{ text-decoration: none; }

tr.lecture-row.table_head_row td .check-all-links	{ position:relative; float:left; clear:both; padding:11px 10px 0 0; }

.multi-conference-join-submit{ position:relative; float:left; clear:both; padding-top:5px; }

tr.table-head td.datetime{ text-align:left; }

.account-request-table tr.even:hover td, 
.account-request-table tr.odd:hover td,
.ay_conference_row:hover,
/*.ay_content tr:hover,*/
tr.lecture-row:hover td,
tr.group-row:hover td,
tr.user-row:hover td,
tr.my-conference-row:hover td {
 /*background-color: #dde5f0;*/
 /*background-color: #0572D9;*/
 /*background-color: #409BEC;*/
 /*background-color: #6FB1EC;*/
 /*background-color: #e0e0e0;*/
 background-color: #94ccFF;
}

.table_head_row:hover td,
tr.table_head_row:hover td,
.ay_content thead tr:hover,
.ay_conference_group_row:hover/*,
tr.lecture-row:hover td,
tr.my-conference-row:hover td*/{
 background-color: transparent;
}

tr.table_head_row:hover td.filter-active{
 background-color: #dcdfdd;
}

.conference-notification { position:relative; float:left; padding-top:5px; }

.mandatory,
.form_error {
    color: #c51c1c !important;
}

#lbContent .yc_form td.form_error,
.lbForm td.form_error,
td.form_error	{ 
	background: url('/shared/image/manage/form-check-all.png') no-repeat transparent !important;
	padding-left:20px; 
	padding-bottom: 5px; 
	font-weight:bold;
}


/* pager css */
.pager { position:relative; float:left; width:100%; clear:both; whitespace: no-wrap; line-height:22px; text-align:center; padding-top:5px;}
.pager .totals { float: left; }
.pager .pages { margin: 0 180px;}
.pager .item-count-selector { float:right; }
/* end pager css */

.errors 	{ margin:5px; padding:5px 5px 0 5px; background-color: #FFEEEE; border: 1px dashed #cc0000; color: #cc0000; font-size: 1.1em; font-weight:bold; } 
.errors .error 	{ padding-bottom: 5px;}

/* login/out links */
.ay-login-link 	{ position: relative; float: right; }
a.form_button span,
a.form_button_hover span { padding:0 0 0 9px; background-image:url('/shared/image/manage/webrtc-button-bg.png'); min-width: 180px; height:48px; line-height:48px; }
a.form_button span span,
.form_button_hover span span { padding:0 9px 0 0; }

.ay-login-form,
.ay-login-forgot-password { padding: 0 15px; margin-left:300px;}

/* .ay-login-form .lf_button_space, */
/* .ay-login-forgot-password .lf_button_space { text-align: left; } */

.ay-login-form a,
.ay-login-forgot-password a { color: #ef7900; text-decoration: none; }

/* h1 styles for pages when logged out */
.ay-login-form h1,
.ay-login-forgot-password h1,
.ct_body h1,
.entity_form h1 { 
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 700;
	border-left: 4px solid var(--highlight);
	padding: 0.6em 0 0.6em 0.5em;
	white-space: nowrap;
}

.ay-login-form .lf_form,
.ay-login-forgot-password .lf_form { clear: both; }

.lf_form td,
.lf-forgot-password-link { /* "labels" for the logged out forms */
    display: block;
    color: #043146;
    font-size: 1.05em;
    text-transform: uppercase;
	font-weight: 700;
}

.ct_body form td,
.field_name {
    color: #043146;
    font-weight: 700;
    font-size: 1.05em;
    text-transform: uppercase;
}

/* comments between input fields when adding new accounts or requesting accounts */
.ct_body > form .field_comment,
td.field_comment { 
	text-transform: none !important;
	font-weight: 400 !important;
	font-size: 0.9em !important;
	letter-spacing: -0.2px !important;
}

/* hiding the personal info/henkilötiedot text from above the account request form, seemed useless */
.ct_body > form .fieldset-header { 
    display: none;
}

/* cancelling text for the account request page, just made more visible */
a.close-form { 
    color: red;
    margin: 1em;
    border: 1px dotted red;
    border-radius: 20px;
    padding: 0.5em 1em;
}

/* some space between the buttons vertically */
.ct_body.lf_button_space {
	text-align: left;
	max-width: 230px;
}

.lf_form button { 
	margin: 1em 0;
}

/* centering the login and pw reset button when logged out */
.ay-login-form .lf_button_space,
.ay-login-forgot-password .lf_button_space { 
	text-align: center;
}

.ay-login-form input,
.ay-login-forgot-password input,
.ct_body input { /* form input fields made a bit wider when logged out */
    max-width: 230px !important;
}

.lf-forgot-password-link { /* forgot password link on bottom of the login page made a bit more visible and styled */
	border: 2px dotted var(--highlight);
	text-align: center;
	padding: 0.5em;
	border-radius: 20px !important;
	text-transform: none;
}

.lf-forgot-password-link:hover,
.lf-forgot-password-link a:hover {
	color: var(--base);
	transition: ease-in-out 0.5s;
	font-weight: 700 !important;
}

.ay-login-forgot-password td { /* forgot pw page text normalized */
	font-weight: 400;
	text-transform: none;
}

.ay-login-form .ay_message,
.ay-login-forgot-password .ay_message { padding: 10px; color: #ee0000; background-color: #FFeeee; border: 1px solid #ee0000; font-size: 1.1em; font-weight: bold; margin: 10px 0;}



.ay_body .lf_login:after {
	content: '\f023';
	color: var(--page-highlight);
	margin-left: 0.3em;
	font-family: "Font Awesome 5 Free";
/* 	font-size: 1.3em; */
}

.ay_block.users-list h3 {
 background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(239,239,239,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
 padding:5px;
 float:none;
 min-width:450px;
 -moz-border-radius: 10px 10px 0 0;
 -webkit-border-radius: 10px 10px 0 0;
 -khtml-border-radius: 10px 10px 0 0;
 border-radius: 10px 10px 0 0;
 border:2px solid #f0f0f0;
 margin-top:10px;
}

.ay_block.users-list .left-column 	{ float: left; padding-right: 10px; }
.ay_block.users-list .right-column 	{ float: left; padding-left: 10px; }
.ay_block.users-list h4 		{ font-size:8pt;color: #888888; padding:2px; }
 
.ay_lecture_footer{	
	width:100%;
	position:relative;
	float: left;
	clear:both;
	padding: 10px 0;
}
 
/* END - ay_login.css */

/* from old responsive.css */
.ln_body a { padding: 0px 0px 0px 5px; }
/*This is part of the group management*/
.level_1 {width: 100% !important;}
.level_0 {width: 100% !important;}

.homecare-header-customer01-menu a { text-decoration: none; color: #ffffff; font-weight: bold; white-space: nowrap; padding: 0 3px; margin-left: 4px; }
.homecare-header-customer01-menu .lf_change_password { display:inline; }

/* version and user information @ bottom of the page */
.generator-text { display: inline; font-size: 0.7rem; }

/* BEGIN - group/user system management */
.group-info {
	margin-left: 25px;
}

.group-info-wrapper {
	float: left;
	margin-left: 20px;
	padding: 10px;
	border-left: 5px solid #dddddd;
}

.group-info-wrapper .group-main-info td { background: #c0eaff; }
.group-info-wrapper .group-main-info td.edit-group-info-container { padding-top:0; padding-bottom:0; }
.group-info-wrapper .group-main-info td.edit-group-info-container,
.group-info-wrapper .group-main-info td.edit-group-info-container td { background: #eeeeee; }
.group-info-wrapper .group-main-info td.col3.name { min-width:100px; }
.group-info-wrapper .group-main-info td.col3.management-options { text-align:right; }
.group-info-wrapper .group-main-info td.name {
	font-size: 1rem;
	background: linear-gradient(#c0eaff, #accfe0);
	color: #3c6e86;
	border-bottom: 5px solid #6993a8 !important;
	padding: 0.5em 0.7em;
	font-weight: 700;
}

.group-info-wrapper .group-sub-info,
.group-info-wrapper .group-sub-info a,
.group-info-wrapper .user-info-title {
	position:relative;
	float:left;
	clear:both;
}

/* group's expandable sub items like program guide and vmr control links */
.group-info-wrapper .group-sub-info { font-size: 1.08em; }
 /* hover effect for each expand link */
.wrap_ay_sys_mgt .group-info-wrapper .group-sub-info a:hover,
.wrap_ay_sys_mgt .group-name a:hover {	color: var(--highlight); }

.group-info-wrapper .user-info-title {
	color: #000;
	font-weight: bold;
}

.group-info-wrapper .group-sub-info .info-container{
	position:relative;
	float:left;
	clear:both;
	margin-left: 20px;
	padding: 10px;
	border-left: 5px dotted #dddddd;
}

.group-info-wrapper .program-guide-info table tr.cancelled {
	text-decoration: line-through;
}

.group-info-wrapper .user-info-wrapper {
	float:left;
	margin-left: 10px;
	padding: 0 0 5px 5px;
	border-left: 3px solid #e4e4e4 !important;
}

.user-info-wrapper td.management-options a {
	clear:unset;
	margin-right: 5px;
}

.user-info-wrapper .user-sub-info {
	position:relative;
	float:left;
	clear:both;
}

.user-info-wrapper .user-sub-info a {
	margin-left:10px;
}

.user-info-wrapper .user-sub-info .info-container{
	margin-left: 10px;
	padding: 5px;
	border-left: 3px dotted #e4e4e4;
}

.group-info-wrapper .ay_add_top_level button {
	padding:0;
	margin-bottom:5px;
}

.group-info-wrapper .info-container .messages .error { /* errors, messages and such given some space around them */
    margin: 10px 0 10px 40px;
}


.indent-2 .group-name .toggle-group-info { margin-left:20px; }
.indent-3 .group-name .toggle-group-info { margin-left:40px; }
.indent-4 .group-name .toggle-group-info { margin-left:60px; }
.indent-5 .group-name .toggle-group-info { margin-left:80px; }
.indent-6 .group-name .toggle-group-info { margin-left:100px; }
.indent-7 .group-name .toggle-group-info { margin-left:120px; }
.indent-8 .group-name .toggle-group-info { margin-left:140px; }
.indent-9 .group-name .toggle-group-info { margin-left:160px; }
.indent-10 .group-name .toggle-group-info { margin-left:180px; }

.indent-2 .group-info-wrapper {	margin-left:40px; }
.indent-3 .group-info-wrapper {	margin-left:60px; }
.indent-4 .group-info-wrapper {	margin-left:80px; }
.indent-5 .group-info-wrapper {	margin-left:100px; }
.indent-6 .group-info-wrapper {	margin-left:120px; }
.indent-7 .group-info-wrapper {	margin-left:140px; }
.indent-8 .group-info-wrapper {	margin-left:160px; }
.indent-9 .group-info-wrapper {	margin-left:180px; }
.indent-10 .group-info-wrapper {	margin-left:200px; }

.user-status-unknown,
.user-status-error,
.user-status-error-minor,
.user-status-warning,
.user-status-offline,
.user-status-offline-recent,
.user-status-online {
	margin-right: 8px;
	font-family: "Font Awesome 5 Free";	
}
.user-status-unknown 		{ color: #232323; }
.user-status-error	 		{ color: #ff0000; }
.user-status-error-minor	{ color: #ff7300; }
.user-status-warning 		{ color: #FFFF00; }
.user-status-offline 		{ color: #c400c4; }
.user-status-offline-recent { color: #0099ff; }
.user-status-online 		{ color: #00ff00; }

/* END - group/user management */
 
/* BEGIN - base-video-chat options */
.base-video-chat .ba_body { all: unset; }
/* END - base-video-chat options */

/* BEGIN - base-video-chat-homecare options */
.base-video-chat-homecare .ba_body { all: unset; }
.base-video-chat-homecare #area_3 .yc_body { padding:0 };
.base-video-chat-homecare #top-container { display:none !important; }
	
	/* BEGIN - Provide specific TAB based interface */
	.base-video-chat-homecare .area-header 														{ display: none; }
	.base-video-chat-homecare .header-tab 														{ float: left; padding-bottom:20px; }
	/* some horizontal space between the top buttons when logged in */
	.base-video-chat-homecare .header-tab button { margin: 0 0.5em; }
	
	.base-video-chat-homecare .area-homecare-header-tabs,
	.base-video-chat-homecare .area-webrtc-container,
	.base-video-chat-homecare .area-candidates-container										{ width:100%; }
	/* .base-video-chat-homecare .area-program-guide-container spaces itself out */
	
	/* do not display the separate tabs when loading the page */	
	.base-video-chat-homecare .area-webrtc-container,
	.base-video-chat-homecare .area-candidates-container,
	.base-video-chat-homecare .area-program-guide-container,
	.base-video-chat-homecare .area-community-call-container,
	.base-video-chat-homecare .area-view-recording-container  									{ display:none; }

	.base-video-chat-homecare .area-program-guide-container,
	.base-video-chat-homecare .area-community-call-container,
	.base-video-chat-homecare .area-view-recording-container 									{ grid-template-columns:auto; justify-content: stretch; }

	.base-video-chat-homecare .area-view-recording-container 									{ justify-self: start; }
	
	.base-video-chat-homecare .area-program-guide-container,
	.base-video-chat-homecare .area-community-call-container,
	.base-video-chat-homecare .area-view-recording-container 									{ grid-template-rows: auto 1fr; }

	/* active display */
	.base-video-chat-homecare.active-header-tab-videochat .area-webrtc-container,
	.base-video-chat-homecare.active-header-tab-candidates .area-candidates-container 			{ display: block; }
	.base-video-chat-homecare.active-header-tab-program-guide .area-program-guide-container,
	.base-video-chat-homecare.active-header-tab-community-call .area-community-call-container,
	.base-video-chat-homecare.active-header-tab-view-recording .area-view-recording-container 	{ display: grid; }
	#healthAppButtonContainer { display:none; }/* init process will enable */
	/* END - Provide specific TAB based interface */

	/* BEGIN - program-guide-container */
	.base-video-chat-homecare .area-program-guide-container .mu_body { display:grid; }
	.base-video-chat-homecare .area-program-guide-container .menu-custom-1 { 
		width: unset;
		display: grid;
		grid-template-columns: auto auto 1fr auto auto;
		grid-column-gap: 2%;
		justify-content: stretch;
	}

	.base-video-chat-homecare .area-program-guide-container .menu-custom-1 .left,
	.base-video-chat-homecare .area-program-guide-container .menu-custom-1 .date,
	.base-video-chat-homecare .area-program-guide-container .menu-custom-1 .right {
		width:unset;
		padding:0;
		text-align:center;
		white-space: nowrap;
	}
	.base-video-chat-homecare .area-program-guide-container .menu-custom-1 .date {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.base-video-chat-homecare .area-program-guide-container .menu-custom-1 a {
	    font-size: 11pt;
	    padding: 5px 2px;
	    text-decoration: none;
	    color: var(--base);
	   	font-weight: bold;
	   	line-height:1em;
	}

	.base-video-chat-homecare .area-program-guide-container .menu-custom-1 i::before { font-size: 33pt; }

	.base-video-chat-homecare .area-program-guide-container .menu-custom-1 h5 {
		display:block;
	    padding:5px 2px;
	    margin:0;
	}
	
	/* user calendar view */
	/* disable borders between events */
	.base-video-chat-homecare .area-program-guide-container tr.lecture-row td {
		border: 0; 
		padding: 0 0.3em;
		font-size:18pt;
		line-height:3em;
	}
	
	/* header of the calendar entries */
	.base-video-chat-homecare .area-program-guide-container tr.lecture-row.table_head_row td { 
		border-bottom: 5px solid var(--highlight) !important; 
		text-transform: uppercase;
		font-weight: 700;
		background: var(--base);
		color: #fff;
		padding: 0.5em 0.3em;
		line-height:normal;
		font-size: 22pt !important;/* needed for correct alignment with refresh button */
	}

	/* make the calendar entry colors a bit darker */
	.base-video-chat-homecare .area-program-guide-container td.clickable { color: #111; }
	
	/* cancelled entries text color */
	.base-video-chat-homecare .area-program-guide-container .ay_conference_cancelled > td.clickable.title,
	.base-video-chat-homecare .area-program-guide-container .ay_conference_cancelled > td.clickable.time {
		color: #777; 
	}	

	/* blue border between each day */
	.base-video-chat-homecare .area-program-guide-container tr.day-change td 			{ border-top: 5px solid var(--base) !important; }
	.base-video-chat-homecare .area-program-guide-container tr.outside-range td			{ font-size:10pt }
	.base-video-chat-homecare .area-program-guide-container tr.lecture-row td.time 		{ white-space:nowrap;}
	.base-video-chat-homecare .area-program-guide-container tr.lecture-row td.title		{ width:651px; }
	.base-video-chat-homecare .area-program-guide-container tr.lecture-row td.call 		{ vertical-align: middle; }
	.base-video-chat-homecare .area-program-guide-container tr.lecture-row td.call img 	{ margin:0; }
	.base-video-chat-homecare .area-program-guide-container tr.lecture-row td.call a 	{ /*padding: 0.3em 0;*/ display: flex; }

	/* Call button styling using fontawesome */
	.button-call {
		background:#66D423 !important;
		color:#fff;
		text-decoration:none;
	}
	
	.button-callback {
		background:var(--button-background) !important;
		color:#fff;
		text-decoration:none;
	}
	
	.button-quit {
		background:rgb(197, 28, 28) !important;		
		color:#fff;
		text-decoration:none;
	}
	
	.button-call-program-guide {
		margin: 0.3em 0;
		border-radius: 0.3em;
		padding:0.3em;
		font-size:1.65em;
	}
	
	.button-call-48 {
		width: 48px;
		height:48px;
		border-radius: 5px;
		padding: 5px;
		font-size: 28px;
	}

	.button-call-96 {
		width: 96px;
		height:96px;
		border-radius: 10px;
		padding: 10px;
		font-size: 56px;
	}

	/* Call button styling using fontawesome */
	.button-reserve-program-guide {
		color: var(--base);
		text-decoration:none;
		margin: 0;
		margin-bottom: 0.3em;
		border-radius: 0.3em;
		padding:0.3em;
		font-size:1.65em;
	}
	
	
#programGuideConferenceByUrlContainer {
	display:none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000099;
}
#programGuideConferenceByUrlContainerHeader {
	padding: 2%;
	width: 96%;
	background: #000000bb;
	font-size:5em;
	text-align: right;	
}

#closeProgramGuideConferenceByUrlContainer {
	color:var(--misc-red-700);
	cursor: pointer;
}
#programGuideConferenceByUrlFrame {
	width: 90%;
	border: 0;
	aspect-ratio: 16/9;
	padding: 0 5% 5% 5%;
	background: #000000bb;
}

	/* END - program-guide-container */

	/* BEGIN - Tweaks for HCU's */
	/* hide videochat tab, the main menu, logout link, place call items like that require a keyboard and mandatory information indicators */
	.base-video-chat-homecare.group-type-homecare-users .tab-videochat,
	.base-video-chat-homecare.group-type-homecare-users .mu_menu_item_main,
	.base-video-chat-homecare.group-type-homecare-users .lf_logout,
	.base-video-chat-homecare.group-type-homecare-users .field_name,
	.base-video-chat-homecare.group-type-homecare-users .mandatory,
	.base-video-chat-homecare.group-type-homecare-users .call-option-action input,
	.base-video-chat-homecare.group-type-homecare-users #search-call-options,
	.base-video-chat-homecare.group-type-homecare-users div.ln_body { display: none; }

	/* disable text select for hoiva users */
	.base-video-chat-homecare.group-type-homecare-users { user-select: none; }
	
	/* Scrollbar tweaks */
	.base-video-chat-homecare.group-type-homecare-users::-webkit-scrollbar { width: 60px; }
	.base-video-chat-homecare.group-type-homecare-users::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
		box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	}
	.base-video-chat-homecare.group-type-homecare-users::-webkit-scrollbar-thumb {
	    background: rgba(0, 238, 255, 0.3); 
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
		box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	}
	
	/* tab camera on button */
	.base-video-chat-homecare .header-tab.tab-videochat > button > span::after {
		content: '\f111';
		color: grey;
		margin-left: 12px;
		font-family: "Font Awesome 5 Free";
	}
	.base-video-chat-homecare.webrtc-in-call .header-tab.tab-videochat > button > span::after { color: red; }
	
	
	/* in-table-header-button styling */	
	.base-video-chat-homecare #refreshProgramGuideButton { float:right; }
	
	.base-video-chat-homecare #refreshProgramGuideButton > span,
	.base-video-chat-homecare button.close-form > span {
		background: var(--button-neutral-background) !important;
		color: 		var(--button-neutral-text) !important;
		border-left-color: var(--button-neutral-border-left);
		transition: ease-in-out 0.5s;		
	}

	.base-video-chat-homecare #refreshProgramGuideButton > span:hover,
	.base-video-chat-homecare button.close-form > span:hover { 
		background: var(--button-neutral-background-hover) !important;
		border-left-color: var(--button-neutral-border-left-hover);
		transition: ease-in-out 0.5s;
		
	}
	/* END - Tweaks for HCU's */	
/* END - base-video-chat-homecare options */
 
.no-click{
	pointer-events: none;
} 

/* AY VIEW RECORDINGS - BEGIN */
#viewRecordingTitle { margin: 8px 0; }
/* #viewRecordings { */
/* 	display:grid; */
/* 	grid-template-columns: 1fr; */
/* } */
/* #viewRecordingItems { */
/* 	grid-area: 1 / 1 / 2 / 2; */
/* 	display:flex; */
/* 	flex-wrap: wrap; */
/* 	row-gap: 8px; */
/* } */
/* #viewRecordingName {  */
/* 	display:none; */
/* 	grid-area: 2 / 1 / 3 / 2; */
/* 	margin: 8px 0; */
/* 	justify-self:center;  */
/* } */
/* #viewRecordingFrame { */
/* 	display:none; */
/* 	grid-area: 3 / 1 / 4 / 2; */
/* 	border:none; */
/* 	justify-self:center; */
/* 	width: 100vh;needs finetuning */
/*   	height: 50vh;needs finetuning */
/* } */
/* AY VIEW RECORDINGS - END */

/* AY COMMUNITY CALL - BEGIN */
.area-program-guide-container .ay_content.carousel-wrapper { display: content; }
#call-options.carousel,
#programGuideContainer.carousel,
#viewRecordingsNavigation,
#community-call-container {
	display: grid;
	grid-template-columns: auto auto auto;
}

#call-options.carousel,
#programGuideContainer.carousel {
	justify-items: center;
}

/* #programGuideContainer.carousel.collection-count-0 {  */
/* 	grid-template-columns: 1fr; */
/* 	justify-items: center; */
/* 	align-items: center; */
/* } */
/* #call-options.carousel .messages {  */
/* 	display:none; */
/* 	grid-area: 1 / 1 / 2 / 4; */
/* 	font-size: 1em; */
/* 	position: relative; */
/* 	float: left; */
/* 	width: 100%; */
/* 	clear: both; */
/* } */

/* #call-options.carousel #callOptionItems .messages { display:block; } */
#call-options.carousel .messages,
#programGuideContainer.carousel .messages { 
/* 	width:unset; */
	justify-self:center;
	align-self: center;
	grid-area: 1 / 1 / 2 / 4;
	font-size: 1em;
	position: relative;
	float: left;
	width: 100%;
	clear: both;
}

#call-options.carousel i,
#programGuideContainer.carousel i,
#viewRecordingsNavigation i,
#community-call-container i { 
	align-self: center;
	padding: 0 0.25em;
	font-size: 5em;
	cursor:pointer;
	color: var(--button-background);
}

#callOptionItems,
#programGuideItems,
#viewRecordingItems,
#community-call-items {
/* 	white-space: nowrap; */
	overflow-x: auto;
	scrollbar-width: none;
	display:flex;
	
/* 	display: flex; */
/* 	justify-content: center; */
/* 	flex-wrap: nowrap; */
	max-width: -moz-available;
	max-width: -webkit-fill-available;
}

#call-options.carousel .item,
#programGuideItems .item,
#viewRecordingsNavigation a,
#community-call-items a {
	text-align: center;
/*         color: #069; */
/*         font-size: large; */
/*         height: 100px; */
	padding: 15px;
	display: inline-grid;
	text-decoration: none;
	color: var(--button-background);
	grid-template-rows: auto 1fr auto;
}

#programGuideItems .item.highligh-reservation {
	/* replace padding 15 with margin and border to facilitate the highlight */
	margin: 5px;
	border: 10px solid #66D423;
	padding: 0;
}

/* #call-options.carousel .item, */
/* #programGuideItems .item { */
/* 	grid-template-rows: auto 1fr auto; */
/* } */
/* #community-call-items a:hover{ */
/*         background-color: rgb(210, 209, 209); */
/* } */

#call-options.carousel .name,
#programGuideItems .item .time,
#programGuideItems .item .day,
#programGuideItems .item .date,
#programGuideItems .item .name,
#viewRecordingsNavigation a .name,
#community-call-items a .name {
	background-color: rgb(186, 186, 186);
	padding: 10px;
	font-size: 1.5em;
	width:180px;
}

#programGuideItems .item .time {
	background-color: rgb(160, 160, 160);
}

#programGuideItems .item .name,
#viewRecordingsNavigation a .name,
#community-call-items a .name {
	text-overflow: ellipsis;
	overflow: hidden;
}

#call-options.carousel .item .image,
#programGuideItems .item .image,
#viewRecordingsNavigation a .image,
#community-call-items a .image {
	background-color: grey;
/* 	height: 100%; */
/* 	width: 100%; */
	font-size:0;
	display: grid;
  	align-items: center;
 	width:200px;
	height: 200px;
	justify-items: center;
}

#programGuideItems .item .call {
	position:absolute;
	justify-self: center;
	margin-top:40px;
}

#call-options.carousel .item .form-webrtc-place-call {
	justify-self: center;
}
#call-options.carousel .item .form-webrtc-place-call button {
	width: unset;
	height: unset;

	margin: 0.3em 0;
	border-radius: 0.3em;
	padding: 0.3em;
	font-size: 1.65em;
}

#call-options.carousel .item .form-webrtc-place-call td { padding: 0; }
#call-options.carousel .item .form-webrtc-place-call button,
#programGuideItems .item .reserve button,
#programGuideItems .item .call button {
	aspect-ratio: 1/1;
	font-size:1em;
}

#call-options.carousel .item .form-webrtc-place-call button i,
#programGuideItems .item .call button i {
	color: #fff;
}

#call-options.carousel .item .form-webrtc-place-call .form-row-webrtc-place-call-your-name {
	display:none;
}

.item-nav-count-0,
.item-nav-count-1 { visibility:hidden; }

#viewRecordingsDialog {
	border-color:#000;
	width:100vw;
	height:100vh;
	background:#000;
	color:#fff;
/* 	padding: 1em; */
/* 	margin:0; */
}
#viewRecordingsDialog button {
	font-size: 3em;
	color:#f00;
	float:right;
}
#viewRecordingName { 
/* 	display:none; */
/* 	grid-area: 2 / 1 / 3 / 2; */
	margin: 8px 0;
	justify-self:center; 
	font-size:1.5em;
}
#viewRecordingFrame {
/* 	display:none; */
/* 	grid-area: 3 / 1 / 4 / 2; */
	border:none;
	justify-self:center;
	width: 100%;
  	height: calc(100vh - 10em);
}
/* AY COMMUNITY CALL - END */

/* Homecare Header tweaks under specific conditions */
.base-video-chat-homecare.homecare-header-tabs-hidden .area-homecare-header-tabs { display:none; }
.base-video-chat-homecare.homecare-header-tabs-hidden .area-webrtc-container { display:block; }
/* calendar rows in bigger font */
.base-video-chat-homecare.group-type-homecare-users #programGuideContainer tr.lecture-row td { font-size: 2.2em !important; }
/* callable user name made bigger */
.base-video-chat-homecare.group-type-homecare-users .call-option-user-info > h2.name { font-size: 2.2em; }
/* hide visibility list info for homecare users */
.base-video-chat-homecare.group-type-homecare-users .call-option-user-info > p.list-info { display: none; }
/* hide user status for homecare users */
.base-video-chat-homecare.group-type-homecare-users .call-option-action > h2 { display: none; }
/* bigger call button */
.base-video-chat-homecare.group-type-homecare-users .call-option-action button { transform: scale(2); }
/* on-call participant name on the bottom of the incoming video feed made larger within site, for single caller */
.base-video-chat-homecare .state-one-on-one-enabled .videoContainer .peer-name,
.base-video-chat-homecare .connection-count-1 .videoContainer .peer-name { font-size: 2.2em; }

/* #call-options.carousel .image.placeholder, */
/* .group-recording-image-placeholder, */
/* .program-guide-image-placeholder, */
/* .vmr-image-placeholder { */
/* 	width:200px; */
/* 	height: 200px; */
/* } */

#call-options.carousel .item .image img,
#programGuideItems .item .image img,
#viewRecordingsNavigation a .image img,
#community-call-items a .image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.appVideoChat.group-call.webrtc-fullscreen-enabled .area-generator { display:none; }
.appVideoChat.group-call.webrtc-fullscreen-enabled .area-main-container {
	border: 0;
	border-radius: unset;
	margin-top:0;
}