.todayis {
	display: none;
	float: right;
	font-size: 0.8rem;
	font-weight: normal;
}

@media print {
	#adminmenumain, #wpfooter, #wpadminbar, .nav-tab-wrapper, #theatre h1, #theatre hr, .callendar-actions, .updated, .record-info.intranet-card, .intranet-subtitle, .notice {
		display: none;
	}
	.todayis {
		display: inline-block;
	}
	table.theatre-calendar {
		color: black !important;
		font-size: 0.5rem;
		-webkit-print-color-adjust: exact !important;
	}
	table.theatre-calendar tr, table.theatre-calendar td {
		-webkit-print-color-adjust: exact !important;
	}
	
	.hdk-signature-row {
		height: 3rem !important;
	}
	
	#wpcontent, .wrap {
		padding: 0px;
		margin: 0px;
	}
	table.theatre-calendar .name-of-day {
		font-size: 1.5rem;
		line-height: 1.6rem;
		padding-bottom: 0rem;
	}
	table.theatre-calendar .date-of-day  {
		font-size: 0.6rem;
		line-height: 0.7rem;
	}
	table.theatre-calendar tr.empty-day .name-of-day {
		font-size: 0.5rem;
		line-height: 0.6rem;
		margin-top: 0.3rem;
	}
	table.theatre-calendar tr.empty-day .date-of-day {
		margin-bottom: 0.3rem;
	}
	
	table.theatre-calendar tbody>:nth-child(odd) {
		background-color: #f6f7f7;
	}
	.calendar-wrapper, .theatre-calendar{
		height: 100%;
		overflow: visible;
	}
	table.theatre-calendar.ferman {
		width: 210mm;
		height: auto;
		font-size: 12px;
	}
	table { page-break-after: always;}
	tr { page-break-inside:avoid; page-break-after:auto; }
	td { page-break-inside:avoid; page-break-after:auto; }
	thead { display:table-header-group; }
	tfoot { display:table-footer-group; }
	
	table { break-after: page;}
	tr { break-inside:avoid; break-after:auto; }
	td { break-inside:avoid; break-after:auto; }
	thead { display:table-header-group; }
	tfoot { display:table-footer-group; }
	.ics-container {
		display: none;
	}
}
#wpfooter {
	display: none;
}
.column-col_remove_edit {width: 70px !important; overflow:hidden;}
.column-col_actions {width: 50px !important; overflow:hidden;}
.tablenav.top {
	display: none;
}
.info-line {
	display: block;
}
.intranet-card {
	position: relative;
	margin-top: 20px;
	padding: .7em 2em 1em;
	min-width: 255px;
	max-width: 100%;
	border: 1px solid #c3c4c7;
	box-shadow: 0 1px 1px rgba(0,0,0,.04);
	background: #fff;
	box-sizing: border-box;
}
.intranet-card .intranet-card-header {
	display: block;
	font-weight: 600;
	color: #1d2327;
}
.intranet-card .intranet-card-content {
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-size: 13px;
	line-height: 1.5;
	margin: 1em 0;
}

.intranet-form, .intranet-table {
	text-align: left;
	max-width: 100%;
	margin-top: 20px;
}
.intranet-table thead th.column-primary {
	color: #2271b1;
}

.form-notice {
	font-weight: bold;
}
.vertical-tab-wraper {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	background: white;
}
.vertical-tab-nav-wrapper {
	border: 1px solid #ccc;
	background-color: #dcdcde;
	box-sizing: border-box;
	border-right: 0px;
	min-width: 150px;
}
.vertical-tab-nav-wrapper a {
	display: block;
	background-color: inherit;
	color: #50575e;
	padding: 5px 10px;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	font-size: 14px;
	box-sizing: border-box;
}
.vertical-tab-nav-wrapper a.new-group {
	color: #2271b1;
}
.vertical-tab-nav-wrapper a:hover {
  background: white;
}

/* Create an active/current "tab button" class */
.vertical-tab-nav-wrapper a.active {
  background: white;
}

.vertical-tab-content-wraper {
  padding: 0px 12px;
  border: 1px solid #ccc;
  border-left: 0px;
  border-left: none;
  box-sizing: border-box;
  flex-grow: 2;
  padding: .7em 2em 1em;
}
.toggle-wrapper {
	display: inline-block;
}
.input-table {
	display: inline-block;
	float: left;
	text-align: center;
}
th.can-read, th.can-write {
	text-align: center;
}
th.can-read .toggle-wrapper, th.can-write .toggle-wrapper {
	text-align: center;
	display: flex;
	justify-content: center;
}

th.can-read input, th.can-write input, .toggle-wrapper input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
}


th.can-read label, th.can-write label, .toggle-wrapper label {
  font-size: 14px;
  text-align: center;
  padding: 0 14px;
  border: 1px solid #50575e;
  display: inline-block;
  margin-bottom: 5px;
  float: left;
  margin-right: 5px;
}

th.can-read label:hover, th.can-write label:hover, .toggle-wrapper label:hover {
  cursor: pointer;
}

th.can-read input:checked+label, th.can-write input:checked+label, .toggle-wrapper input:checked+label  {
  background-color: #50575e;
  color: white;
}
.action-btns {
	display: block;
}
.new-btns .page-title-action, .action-btns .page-title-action, .action-btns .page-title-action:active {
	margin:0px;
	display: inline-block;
	margin-bottom: 15px;
}
.wp-heading-inline {
	display: inline-block;
}
.image-preview {
	display: inline-block;
	max-width: 50px;
	box-sizing: border-box;
	overflow: hidden;
	max-height: 50px;
}
.image-preview img {
	width: 100%;
}
.column-col_photo {
	width: 40px !important;
}
.column-col_photo img {
	width: 20px;
	max-height: 20px;
	object-fit: cover;
}


/* Customize the label (the container) */
.checkbox-container {
  padding-bottom: 10px;
  margin-right: 10px;
  display: inline-block;
}
.checkbox-container label, .checkboxes-wrapper label {
	margin-top: -4px;
	display: inline-block;
}
.checkboxes-wrapper label {
	margin-right: 10px;
}

#listscheckboxes, #loactionscheckboxes, #expirationdate {
	opacity: 0;
	display: none;
}

#select_person, #select_job {
	display:none;
}

#listscheckboxes.visible, #loactionscheckboxes.visible, #expirationdate.visible {
	opacity: 1;
	display: block;
}
#select_person.visible, #select_job.visible {
	display: block;
}
.toggle-wrapper.notification {
	padding-top: 5px;
}

.lists-list {
	cursor: help;
	color: #2271b1;
}

.radio-wrapper label {
	margin-right: 15px;
}
.radio-wrapper input {
	margin-top: 0px !important;
}

.flexdatalist-multiple {
	display: inline-block;
	width: auto;
	margin-top: 5px;
	border: none !important;
	border-radius: 0px !important;
	background-color: transparent !important;
}
.flexdatalist-multiple li.input-container {
	padding: 0px;
	margin: 0px;
	min-width: 350px;
}
.flexdatalist-multiple li.input-container input {
	width: 100% !important;
	border: none;
	border-bottom: 1px solid rgb(140, 143, 148);
	border-radius: 0px;
	background-color: transparent;
	margin-top: 5px;
}
.flexdatalist-multiple li.input-container input:focus { 
  outline: transparent !important;
}
.flexdatalist-multiple li.value {
	border: 1px solid rgb(140, 143, 148);
	border-radius: 4px;
	background-color: white;
	margin: 0px;
	margin-right: 5px;
}
.flexdatalist-results li {
	margin-bottom: 0px;
}
a.button-href {
	cursor: pointer;
	margin-top: 5px;
	display: inline-block;
	vertical-align: bottom;
}

.item.item-pseudonym {
	font-size: 12px;
	opacity: 0.7;
}
.info-value .role, .info-value .support {
	display: block;
	padding-left: 1rem;
}
.info-value .role .name, .info-value .support .name {
	font-weight: bold;
}
.new-btns a:first-child, .new-btns a:focus {
	margin-left: 0px !important;
}
.role-wrapper {
	display: block;
	margin-bottom: 15px;
}
.role-wrapper .role-name {
	display: block;
	padding-bottom: 5px;
	font-weight: bold;
}
.role-wrapper .role-person {
	display: inline-block;
	padding-right: 10px;
}

tr.rehearsal, th.rehearsal, td.rehearsal {
	background-color: rgb(251, 235, 142) !important;
}
tr.canceled, th.canceled, td.canceled {
	background-color: #fe9292 !important;
}

table.theatre-calendar .callendar-play-wrapper.rehearsal {
	background-color: rgb(251, 235, 142) !important;
}
table.theatre-calendar .callendar-play-wrapper.canceled {
	background-color: #fe9292 !important;
}

td.weekend {
	font-weight: bold;
	background-color: rgba(101, 101, 101, 0.198);
}

span.disabled {
  color: #50575e;
}
.intranet-card-header.hidden {
	display: none;
}

.calendar-wrapper {
	padding-top: 10px;
	display: block;
	box-sizing: border-box;
}
table.theatre-calendar .plays-empty {
	margin: 5px;
}
.calendar-wrapper .callendar-actions {
	margin-top: 30px;
	margin-bottom: 20px;
}
table.theatre-calendar {
	background-color: white;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	height: auto;
	table-layout: auto;
	color: #50575e;
}


table.theatre-calendar tbody>:nth-child(odd) {
	background-color: #f6f7f7;
}
table.theatre-calendar tr.current-day {
	background-color: #d1d3d3 !important;
}

table.theatre-calendar, table.theatre-calendar th, table.theatre-calendar td {
  border: 1px solid;
}
table.theatre-calendar .name-of-day, table.theatre-calendar .date-of-day {
	display: block;
	width: auto;
	text-align: center;
	max-width: 100px;
}

table.theatre-calendar .name-of-day {
	font-size: 1.8rem;
	line-height: 1.9rem;
	padding-bottom: 0.4rem;
}
table.theatre-calendar .date-of-day  {
	font-size: 0.7rem;
}
table.theatre-calendar tr.empty-day .name-of-day {
	font-size: 0.9rem;
	padding-bottom: 0.1rem;
}

table.theatre-calendar th {
width: 100px;
}
table.theatre-calendar .day-of-week th {
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}
table.theatre-calendar  thead {
	background: white;
}
table.theatre-calendar thead .cal-title {
	font-size: 1.3rem;
	line-height: 1.7em;
	padding: 15px;
	display: block;
}

table.theatre-calendar .plays-flexbox-wrapper {
	display: flex;
	width: 100%;
	height: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
table.theatre-calendar .callendar-play-wrapper {
	display: block;
	min-height: 50px;
	min-width: 50px;
	background-color: rgb(232, 246, 255);
	overflow: hidden;
	border: 1px solid rgba(80, 87, 94, 0.50);
	margin: 5px;
	font-size: 0.8rem;
	line-height: 0.9rem;
}

table.theatre-calendar .callendar-play-wrapper .callendar-play-header {
	padding: 5px;
	background-color: rgba(0, 0, 0, 0.10);
	font-weight: bold;
	font-size: 0.9rem;
	line-height: 1rem;
}
table.theatre-calendar .callendar-play-wrapper .callendar-play-body {
	border-top: 1px solid rgba(80, 87, 94, 0.50);
	padding: 5px;
	font-size: 0.7rem;
	line-height: 0.8rem;
}
table.theatre-calendar .plays-empty {
	font-size: 0.7rem;
	line-height: 0.8rem;
}

table.theatre-calendar .callendar-play-wrapper .callendar-play-footer {
	border-top: 1px solid rgba(80, 87, 94, 0.50);
	padding: 5px;
	font-size: 0.6rem;
	line-height: 0.7rem;
}

.callendar-actions .page-title-action.selected {
	pointer-events: none;
	background-color: #2271b1;
	color: white;
}



@media screen and (max-width: 782px) {
	
	table.theatre-calendar th, table.theatre-calendar td, table.theatre-calendar tr {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		align-items:  baseline;
		padding: 3px;
		border-collapse: collapse;
		border-left: none !important;
		border-right: none !important;
	}
	table.theatre-calendar tr{
		padding: 0;
		padding-bottom: 9px;
	}
	table.theatre-calendar .name-of-day, table.theatre-calendar .date-of-day {
		display: inline-block;
		font-weight: bold;
	}
	table.theatre-calendar .day-of-week th {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	table.theatre-calendar .name-of-day {
		font-size: 1.2rem;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px
	}
	table.theatre-calendar, table.theatre-calendar th, table.theatre-calendar td {
		padding: 0px;
	}
	table.theatre-calendar td .plays-flexbox-wrapper {
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.wrap .add-new-h2, .wrap .add-new-h2:active, .wrap .page-title-action, .wrap .page-title-action:active {
		padding: 5px 10px;
	}
	table.theatre-calendar, table.theatre-calendar th, table.theatre-calendar td {
		border: 0px solid rgba(80, 87, 94, 0.50);
		border-left: 0.5px solid rgba(80, 87, 94, 0.50);
		border-right: 0.5px solid rgba(80, 87, 94, 0.50);
	}
	table.theatre-calendar .day-of-week th {
		border-bottom: 1px solid rgba(80, 87, 94, 0.50);
	}
	table.theatre-calendar tr {
		border-top: 0.5px solid rgba(80, 87, 94, 0.50);
		border-bottom: 0.5px solid rgba(80, 87, 94, 0.50);
	}
	table.theatre-calendar thead tr:first-child {
		border-top: 2px solid rgba(80, 87, 94, 0.50);
		border-bottom: 0.5px solid rgba(80, 87, 94, 0.50);
	}
	table.theatre-calendar tr:last-child {
		border-bottom: 2px solid rgba(80, 87, 94, 0.50);
	}
}

.template-board {
	box-sizing: border-box;
	overflow: auto;
    width: 50%;
	max-width: 50vw;
    aspect-ratio: 9/16;
}

table.sortable tr.selected {
	background-color: #a2b1c1;
}

table.sortable .narrow input{
	width:55px;
}

table.sortable .narrow.id {
	width: 25px;
}

table.sortable .selected .tohide {
	display: none;
}

.flexdatalist-multiple li.value {
	margin-top: 5px;
}

.reverse-cell {
	background-color: #50575e;
}
.reverse-cell h4 {
	color: white;
	padding: 0px;
	margin: 0px;
}

.date-col {
	width: 90px;
}
.responsive-table {
	overscroll-behavior-x: contain;
}
.responsive-table .view {
  margin: auto;
  width: 100%;
  overscroll-behavior-x: contain;
}

.responsive-table .wrapper {
  position: relative;
  overflow: auto;
  white-space: nowrap;
  max-height: 69vh;
  height: auto;
  overscroll-behavior-x: contain;
  
}
.responsive-table table {
	border-right: none;
	border-bottom: none;
}
.responsive-table thead td {
	border-right: 1px solid #c3c4c7;
	border-bottom: 1px solid #c3c4c7;
	color: white !important;
	background-color: #2c3338;
}
.responsive-table tbody td {
	border-right: 1px solid #c3c4c7;
	border-bottom: 1px solid #c3c4c7;
}
.responsive-table tbody td.role-name {
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
.responsive-table table, .responsive-table td.nopadding.nomargin  {
	margin: 0px; 
	padding: 0px;
}
.responsive-table .sticky-col {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  border-right: 1px solid #2c3338;
  background-color: #2c3338;
  color: white !important;
  z-index: 2;
}
.sticky-row {
	top: 0px;
	position: -webkit-sticky;
	position: sticky;
}
.sticky-row.sticky-col {
	z-index: 3 !important;
}
.responsive-table .sticky-col a {
	color: white;
	cursor: pointer;
}
.striped>tbody>:nth-child(odd) .sticky-col {
	background-color: #1d2327;
	border-right: 1px solid #1d2327;
}

.responsive-table .first-col {
  left: 0px;
  min-width: 21px;
  padding: 10px;
  margin: 0px;
  border-right: none;
}

.responsive-table .both-col {
	border-right: 1px solid #c3c4c7; 
}

.responsive-table .second-col {
  left: 42px;
  padding-left: 0px;
}

.responsive-table .form-table td {
	white-space: nowrap;
}

.no-border {
	border: none;
}
input[type=checkbox].alternation-posibility {
	background: white;
}

input[type=checkbox].alternation-posibility.can {
	background: #bdffcc;
}

input[type=checkbox].alternation-posibility.cannot {
	background: #ffc0c0;
}
.ui-datepicker {
	z-index: 999 !important;
}
.groupedit-plays :checked + label {
   font-weight: bold;
}

.groupedit-plays td {
	text-align: left;
}

.groupedit-plays .rehearshal-td, .groupedit-plays .canceled-td, .groupedit-plays .scene {
	text-align: center;
}
.groupedit-plays .no-border.scene {
	box-sizing: content-box;
}
.groupedit-plays .no-border.scene input {
	margin-right: 10px;
}

.wp-list-table .role-wraper {
	padding: 5px;
	padding-right: 10px;
}
.wp-list-table .role-wraper label{
	vertical-align: baseline;
}

.wp-list-table .role-wraper input:checked + label{ 
	font-weight: bold;
}

#inputFormSupport.removing, #inputFormRole.removing, .groupedit-plays #row.removing  {
	display: none;
}

label .people {
	font-weight: normal;
	font-size: 12px;
}
.toggle-wrapper.action {
	display: inline-block;
}

.nf-location-wrapper.hdk-notification-shortcode {
	display:inline-block; 
	float:none; 
	position:relative; 
	top:0px; 
	vertical-align:top;
}
.hdk-notification-shortcode-flexbox {
	width:100%; 
	display:flex; 
	justify-content:center;
}
.nf-location-wrapper.hdk-notification-shortcode .nf-location-title {
	background-color: #50575e;
	color: white;
	text-align: center;
	padding: 5px;
	margin-bottom: 10px;
}
.hdk-notification-shortcode-footer {
	display: inline-block;
	border-bottom: 10px solid #50575e;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	
	.form-inline {
		margin-bottom:  15px;
	}
	.nf-location-wrapper.hdk-notification-shortcode {
		width: 100% !important;
	}
	.hdk-notification-shortcode-flexbox {
		display:block; 
	}
	.hdk-notification-shortcode-footer {
		display: none;
	}
}
#moreInfo_btn {
	margin-top: 1rem !important;
}

.callendar-play-wrapper.canceled .callendar-play-body {
	display: none;
}

.hdk-signature-row.title td {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	background-color: white !important;
}