/* BEGIN - Custom tweaks specific to this site */
/* Hide specific form fields in the interface */
.form-ay-group .form-row-ay-group-ordering td,
.form-ay-group.edit .form-row-ay-group-e164-prefix.empty td { 
	display:none;
}


.form-ay-user.edit .form-row-ay-user-receive-email td,
.form-ay-user.edit .form-row-ay-user-admin td,
.form-ay-user.edit .form-row-ay-user-general-account td {
	display:none;
}

.indent-1 .form-ay-user.edit .form-row-ay-user-admin td {
	display:block;
}
 
 
.form-webrtc-place-call .form-row-webrtc-place-call-your-name td,
.form-webrtc-place-call td.mandatory {
	display:none;
}
/* END - Custom tweaks specific to this site */


/* tonsku's hcu changes to make stuff bigger and clearer for elderly */

/* header button font size */
body.group-type-homecare-users div.header-tab.tab-candidates button span span,
body.group-type-homecare-users div.header-tab.tab-community-call button span span,
body.group-type-homecare-users div.header-tab.tab-program-guide button span span,
body.group-type-homecare-users div.header-tab.tab-recordings button span span {
	font-size: 3em;
}

/* due to the button being quite convoluted, the padding values need to be configured more precisely so that the text at least appears to be centered */
body.group-type-homecare-users div.header-tab button > span {
	padding: 2.5em 3.5em 4.5em 3em !important;
}

/* notification text size increased, wonder if this should be hidden completely for hcus or the text changed to something simpler instead of "no pros available" */
body.group-type-homecare-users div.notification {
	font-size: 1.5em;
}

/* calendar arrows size. i'm thinking if we should bring back singular and double carets? */
/* body.group-type-homecare-users.base-video-chat-homecare .area-program-guide-container .menu-custom-1 i::before {
	font-size: 2em !important;
} */

/* calendar arrows and days texts */
body.group-type-homecare-users.base-video-chat-homecare .area-program-guide-container .menu-custom-1 a {
	font-size: 1em !important;
}

/* refresh button text and padding bottom to center the text */
body.group-type-homecare-users button#refreshProgramGuideButton span {
	font-size: 1.3em;
	padding-bottom: 1.3em !important;
}

/* green call image in calendar events, but surely this will be changed to font awesome too */
body.group-type-homecare-users.base-video-chat-homecare .area-program-guide-container tr.lecture-row td.call img {
	transform: scale(1.5);
}

/* footer generator text made bigger and more visible. i'm unsure about this. it has its benefits in support situations, but can also be confusing to elderly (MISC-DARKGREY-200 IS NOT AVAILABLE) */
body.group-type-homecare-users div.generator-text {
	font-size: 2em;
	color: var(--misc-darkgrey-200);
}

/* made the page 100% wide to hide excess "white" space. just not necessary for the elderly */
body.group-type-homecare-users div.area-page-container {
	width: 100%;
}

/* scrollbar color to highlight it a bit, yet bigger too so the elderly have it easier to drag it if needed. */
body.group-type-homecare-users::-webkit-scrollbar-thumb {
	background: var(--brand-blue-500) !important;
}

/* calendar rows in bigger font */
body.group-type-homecare-users tr.lecture-row td {
	font-size: 2.2em !important;
}

/* event header title name is dislocated because the refresh button is in the same cell so this pushes it down level with date and time */
body.group-type-homecare-users tr.lecture-row td div.name {
	padding-top: 14px;
}

/* hide the filter buttons for homecare users. a request from jomala, but i can see it being useful generally, so this should probably be a config setting */
body.group-type-homecare-users div.call-options-filters {
	display: none;
}

/* callable user name made bigger */
body.group-type-homecare-users div.call-option-user-info > h2.name {
	font-size: 2.5em;
}

/* hide the filters both belong to. just not useful for homecare users */
body.group-type-homecare-users div.call-option-user-info > p.list-info {
	display: none;
}

/* status hidden for hcus. just not needed as it's pretty obvious that the user is online if you can see them. if they don't appear, then they're not online */
body.group-type-homecare-users div.call-option-action > h2 {
	display: none;
}

/* green call button made bigger */
body.group-type-homecare-users .call-option-action button {
	transform: scale(2);
}

/* refresh button made bigger. also should be changed to FA */
body.group-type-homecare-users .call-options-force-refresh {
	transform: scale(2);
}

/* on-call participant name on the bottom of the incoming video feed made larger FOR EVERYONE, not just HCU */
span.peer-name {
	font-size: 2.5em;
}

/* a[id^="call-"] > i.fa-phone-alt {
	color: green;
} */

#community-call-items{
	width: 60vw;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
}

#community-call-items a{
	text-align: center;
	color: #069;
	font-size: large;
	height: 100px;
	padding: 25px;
	display: inline-table;
}

#community-call-items a:hover{
	background-color: rgb(210, 209, 209);
}

#community-call-items a .name{
	background-color: rgb(186, 186, 186);
	padding: 20px;

	font-family: Poppins, Verdana, Arial, Sans-Serif;
  	font-size: 15pt;


}
#community-call-items a .image{
	background-color: grey;
	height: 100%;
	width: 100%;
	content: url("https://placehold.co/400");
}


#view-recording-items{
	width: 50vw;
  	height: 70vh;

	display: grid;
	grid-template-rows: 100px 1fr 1fr 1fr 1fr 25px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#view-recording-items button{
	margin: 0 0.5em;
	border: none;
	background-color: transparent;
	white-space: nowrap;
	font-family: Poppins, Verdana, Arial, Sans-Serif;
	
}

#view-recording-items h3{
	grid-area: 6/1/6/6;
	color: black;
}

#view-recording-items #embedContainer{
	grid-area: 2/1/5/6;
}

#view-recording-items #embedContainer h3{
	text-align: center;
}

#view-recording-items #embedContainer iframe{
	height: 100%;
  	width: 100%;
}

#view-recording-items button{
	background: #069;
	color: white;
	font-size: x-large;
	border-radius: 50px;
}

#programGuideContainer #calendarEmbedContainer #calendarYoutubeEmbedIframe{
	width: 75%;
    height: 350px;
}