/* 2017 Styles */
.afils_roomName		{padding-top:10px;}
.qWidth				{width:25%}
.fwidth				{width:100%;}
.diaryHeader		{text-align:center;}
.diaryHeader form, .assetHeader form, inline	{display:inline-block;}
.bgRed				{background-color:red;}
.hiddenSubmit	{display:none;}
.dailyInfoForm input[type=text] {max-width:75%;}
input[type="submit"], select		{margin-bottom:5px;}
.center 			{text-align:center;}
.bold				{font-weight:bold;}
.borderB			{border-bottom:thin solid #39D0FF;}
.showInline			{display:inline-block;}
.Quarantine			{font-style:italic;}

.diaryLine			{padding:10px 0;}
.diaryStripe		{background:#f4f6ef;}
.diaryBlack div		{text-decoration:line-through;}


#diaryDateSelector select.date {max-width:65px;}
#diaryDateSelector select.month {max-width:150px;}

.diaryTHead			{display:inline-block; margin-top:10px;}
.diaryTHead form	{display:inline-block;}
.diaryTRow			{display:inline-block; vertical-align:top; margin:0 3px;}
.diaryTRow2			{display:inline-block; clear:left; margin:0 3px; vertical-align:top;}
.diaryCUser			{width:250px;}
.diaryCRoom			{width:250px;}
.diaryCDelColEdit	{width:175px;}
.diaryCStatus		{width:150px;}
.diaryCTimes		{width:300px;}
.diaryCEquip		{width:850px;}

.diaryExtendHead	{font-weight:bold; padding-left:50px;}

/*
.diaryCExtend		{width:850px;}
.diaryExtendedRow	{display:block; clear:both;}
.diaryExtendHead	{clear:left;float:left; width:200px; font-weight:bold; margin-left:50px;}
.diaryExtendData	{float:left;}
*/


.diaryCUser form	 {display:inline-block;}

.assetHeader form	{padding:0 10px;}
.assetSearch		{width:200px;}
.assetSearch input[type=text] {width:100px;}

.table_header_cell_table td {text-align:center; margin:auto;}
.table_header_cell_table tbody tr th {border:none !important;}
.table_header_cell_table tbody tr td {border:none !important;}
.bulkPATForm {text-align:left;}
.bulkPVP {text-align:left;}

.assetTableHeader {background-color:#f0f1f4;}

.colouredRow		{background-color:#f4f6ef;}

.asset_assetID 						{width:115px; float:left; text-align:left; }
.asset_assetDescription 			{width:220px; float:left; text-align:left;}
.asset_assetMake 					{width:220px; float:left; text-align:left;}
.asset_assetModel		 			{width:235px; float:left; text-align:left;}
.asset_assetSerial 					{width:150px; float:left; text-align:left;}
.asset_assetLocation			 	{width:160px; float:left; text-align:left;}

.pat_patAsset 						{width:115px; float:left; text-align:left;}
.pat_patAssetLoler					{width:165px; float:left; text-align:left;}
.pat_patDescription 				{width:220px; float:left; text-align:left;}
.pat_patCode 						{width:180px; float:left; text-align:left;}
.pat_patPresent		 				{width:175px; float:left; text-align:left;}
.pat_patVisual 						{width:220px; float:left; text-align:left;}
.pat_patPAT					 		{width:210px; float:left; text-align:left;}
.pat_patPATLoler			 		{display:none;}
.pat_patNotes				 		{width:965px; float:left; text-align:left; margin-left:20px;}
.pat_patResults				 		{width:430px; float:left; text-align:left;}
.pat_patResultsNotes				{width:575px; float:left; text-align:left; margin-left:20px;}

.assetDisposed div, .bookingCancelled div, .bookingCancelled td {text-decoration:line-through;}

#newPATForm {display:none;}
#newPATButton {margin:0 35%; vertical-align:text-bottom; text-align:center; }
#newActionForm {display:none;}
#deleteAssetForm {display:none;}
#newLampForm {display:none;}
#formFault {display:none;}
#formFW {display:none;}
#purchaseForm {display:none;}
#serviceRepairForm {display:none;}

.assetPPVHeader		{min-height:120px;}
.assetPPV			{min-width:350px;}
.PATResultsTable td	{text-align:left;}


@media (min-width:650px) and (max-width:1150px)	
{
	/* add nice linebreak and left margin on narrower screens - anything narrower than 650 will sort themselves out */
	.asset_assetModel		{clear:left; margin-left:10px;}
	.pat_patPresent			{clear:left; margin-left:10px;}
	.pat_patNotes			{max-width:450px; margin-left:0}
	.pat_patResultsNotes	{max-width:450px; margin-left:0}
	.pat_patResults			{max-width:450px; margin-left:0}
	.pat_patResultsNotes	{max-width:450px; margin-left:0}
	.narrowHide				{display:none;}
}
@media (max-width:649px)
{
	/* add nice linebreak and left margin on narrower screens - anything narrower than 650 will sort themselves out */
	.asset_assetID 						{clear:left; margin-left:10px; width:200px;padding-top:10px;}
	.asset_assetDescription 			{clear:left; margin-left:10px; width:200px;}
	.asset_assetMake 					{clear:left; margin-left:10px; width:200px;}
	.asset_assetModel					{clear:left; margin-left:10px; width:200px;}
	.asset_assetSerial 					{clear:left; margin-left:10px; width:200px;}
	.asset_assetLocation			 	{clear:left; margin-left:10px; width:200px;}
	.narrowHide				{display:none;}
	.extraNarrowHide		{display:none;}
	.pat_patAsset			{padding-top:10px;}
	.pat_patNotes			{max-width:200px; margin-left:0;}
	.pat_patResults			{max-width:200px; margin-left:0;}
	.pat_patResultsNotes	{max-width:200px; margin-left:0;}
}

.asset_sortText 			{float:left; font-weight:bold; padding-top:10px;}
.asset_sortButton 			{max-width:25px; float:right; text-align:center;}
.assetFilter select 		{font-weight:bold;} 
.assetFilter				{clear: both;}

select {
	clear: both;
	max-width: 100%;
}

.hideTab {display: none;}

.clear {clear:both;font-size:1px;height:0px;line-height:0px;}
.clearspace {clear:both; padding-top:15px;}
.clear_content {clear:both;}
.leftText {text-align:left;}
.rightText {text-align:right;}
.fLeft {float:left;}
.padTop10 {padding-top:20px;}
.minHeight300 {min-height:300px;}
.spacedButton {padding:50px;}
.redText {color:red; font-weight:bold;}  
.floatLeft	{float:left;}	
.hidden	{display:none;}
.strong	{font-weight:bold;}
.w20pc {width:20% !important;}
.w30pc {width:30% !important;}
.w40pc {width:40% !important;}
.w50pc {width:50% !important;}
.w60pc {width:60% !important;}
.w75pc {width:75% !important;}
.mw200px		{max-width:200px; margin:20px;}
.vbottom {vertical-align:bottom;}


.laptopcon		{text-align:center; margin-bottom:40px;}
.laptopcon img {max-width:250px; max-height:200px;}
.smallDot		{display:inline-block; max-width:30px;}

.buildStaff			{ padding-top:30px;}
.roomNotes			{max-width:300px;}
.instructionsPhoto	{max-width:80%;}

.roomEquipYes		{color:green; font-weight:bold;}
.roomEquipNo		{color:red;}
.noBorder td		{border-bottom:none;}
.topBorder			{border-top:dotted 1px #39d0ff; }
.nonDisplayRoom td	{background-color: #eeeeee; }
.valightop			{vertical-align:top;}





td.roomKeyCell {padding-left:3px; padding-right:3px; margin:auto; text-align:center;}

.editKeyTagButton {
	margin:auto;
	text-align:center;
	padding:0;
	}
	
.roomKeyCell { vertical-align:top; width:10%;}
.roomKeyCellRoom { vertical-align:top; min-width:10%; max-width:25%;}

.roomKeyTable {
	border:none;
	padding:5px 2px 10px 2px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:top;
	float:left;
	width:100%;
	}


.keyTagBLUE {
	background-color:blue;
	color:white;
	}

.keyTagRED {
	background-color:red;
	color:white;
	}
	
.keyTagBLACK {
	background-color:black;
	color:white;
	}
	
.keyTagGREEN {
	background-color:green;
	color:white;
	}
	
.keyTagYELLOW {
	background-color:yellow;
	color:black;
	}
	
.keyTagKeys {
	text-align:center;
	padding:2px;
	border:thin black solid;
	max-width:150px;
	min-height:60px;
	}
	
.keyTagKeysRoom {
	text-align:center;
	padding:2px;
	border:thin black solid;
	max-width:250px;
	min-height:60px;
	}
	
.keyTagEdit input[type=submit] {
	margin-top:12px;
}



.w90pc 	{max-width:90% !important;}
.wide {width:100% !important; max-width:100% !important; padding-top:12px;}
.zoneRoomList	{padding-left:20px; display:none;}
.imagePrivateY	{border:thick red solid;}
.noBottomBorder	{border-bottom:none;}
.userPermTable th {width:30%;}
.userPermTable td {width:50%;}
.tdassetID	{width:66%; float:right;}

.zone1 {width:100%; color:#000; background-color:#ff5900;}
.zone2 {width:100%; color:#000; background-color:#ffe800;}
.zone3 {width:100%; color:#000; background-color:#ff0000;}
.zone4 {width:100%; color:#FFF; background-color:#9d0033;}
.zone5 {width:100%; color:#000; background-color:#ff00ff;}
.zone6 {width:100%; color:#000; background-color:#009cde;}
.zone7 {width:100%; color:#FFF; background-color:#0061c6;}
.zone8 {width:100%; color:#FFF; background-color:#7300ff;}
.zone9 {width:100%; color:#000; background-color:#b8ff00;}
.zone10 {width:100%; color:#FFF; background-color:#006400;}
.zone99 {width:100%; color:#000; background-color:#a3adbc;}

.stripeRowDark {background-color:#f4f6ef;}
.hidetablebottomborder td {border-bottom-style:none;}
.hidetablebottomborder th {border-bottom-style:none;}

.errorField {background-color:#ffcccc !important;}

.bookingSelector				{border:medium grey solid; height:350px;}
.bookingSelectorPrivate			{border:medium red solid !important;}
.bookingSelector .bsHeadText 	{font-weight:bolder; height:50px;}
.bookingSelector .bsImageDiv	{height:180px;}
.bookingSelector .bsImageDivNR	{height:190px;}
.bookingSelector .bsImageTop	{height:140px;}
.bookingSelector .bsImageBottom	{height:140px;}
.bookingSelector .bsImageNoRoom	{height:160px;}
@media (min-width:850px)
{
	.magicMargin12 {margin-left:12% !important;}
}

.width60pc {width:60% !important;}
.equipmentRequired input[type=checkbox] {margin:10px; }
.equipReqdCheck 						{width:33px;}
.equipReqdCheck input[type=checkbox]	{margin:10px;}
.equipReqdSmallField input[type=text]	{width:39px;}
.equipReqdText							{width:calc(100% - 45px); float:right;}
#cameraMessage							{display:none;}
.emh7 { height: 7em !important;}

.dateDatePicker		{width:80px;}
.dateMonthPicker	{width:120px;}
.dateRepeatPicker	{width:60px;}
.dateTimePicker		{width:60px;}
.dateWeekPicker		{width:240px;}
.dateDayPicker		{width:115px;}
.timeText			{width:45px !important; display:inline-block;}
.timeCell			{min-width:150px; padding-top:20px;}
.otherEquipTitlePad	{padding-left:45px;}
.h4					{font-family: chaparral-pro,"Times New Roman",Times,serif; font-weight: 600; font-size:18px; margin:0 0 0 10px;}

.quickResponses		{padding:3px;}
.dailyNotesTable 	{width:140px !important;}

.diaryColourDot		{width:20px;}

.emailBookingView th {text-align:left;}

#flagsListSection		{display:table-row-group;} 
#outstandingListSection	{display:table-row-group;}
#diaryListSection		{display:table-row-group;}

#newPufGrid 
{
	display:grid !important; 
	grid-template-columns: 1fr 2fr;
	max-width:600px; 
	margin: auto;
}

.red {color: red;}


.btnGreen {
	background:#00ff00;
}

.assignedKit {
	border:thin green solid; 
	margin:5px; 
	padding:15px 3px; 
	border-radius:5px; 
	background:white; 
	white-space:nowrap; 
	min-width:99px; 
	max-width: 99%;
}
#kitAssigned {
	border: black thin solid; 
	border-radius:5px; 
	background:#eeeeee; 
	width: 99%; 
	min-height:100px; 
	padding:10px 5px;
	margin: 10px 3px;
	display:flex; 
	flex-direction:row; 
	flex-wrap:wrap;
	clear: both;
}
.collapse {
	display:none;
}



.kitTitle {
	width: 99%;
	margin: 15px 2px 5px 2px;
	background-color: #eeeeee;
	height: 30px;
	padding: 3px 0;
	font-size: large;
}

.kitStatusTitle {
	width: 30%;
	margin: 15px 2px 5px 2px;
	background-color: #eeeeee;
	height: 30px;
	padding: 3px 0;
	font-size: large;
}

.allocate {
	margin: 3px 2px;
}

.kaDelivered {
	margin-right: 3vw; 
	padding: 3px;
	font-weight: bold;
	text-wrap: nowrap; 

}

.kaDeliveredFree {
	margin-right: 3vw; 
	padding: 3px;
	font-weight: bold;
	font-style: italic;

}

.kaCollected {
	margin-right: 3vw; 
	padding: 3px;
	text-decoration:line-through;
}

#status {
	display: grid;
	grid-template-columns: 4fr 1fr;
	width: 98vw;
	
}

#statusMain {
	min-height:90vh; 
	padding:10px 5px;
	margin: 10px 3px;
	display:flex; 
	flex-direction:row; 
	flex-wrap:wrap;
	border: thin blue solid;
	float: left;
}
#statusBooking {
	border: thin red solid;
	float: left;
	min-width: 500px;
}

#statusTech {
	border:thin green solid;
	text-align: center;
}
.statusTechButton  {
	display:inline-block;
	margin: 10px;
	text-align: center;
	
}

.statusTechButton input {padding: 10px;}

.kitStatusTitle {
	width: 100%;
	text-align: center;
	margin: 15px 2px 5px 2px;
	background-color: #eeeeee;
	height: 30px;
	padding: 3px 0;
	font-size: large;
}
.statusKitSection{
	border: thin solid #eeeeee;
	min-width: 380px;
	margin: 5px;
}

.kitOverdue {
	color: red;
	font-weight: bold;
}

.kitCollected {
	color: green;
	font-weight: bold;
}



.RoomInternal_SelectBuilding_Container {
	min-width: 500px;
	margin: auto;
	padding-top:10px;
}

.RoomInternal_SelectBuilding {
	min-width: 500px;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.RoomInternal_FormSubmit {
	margin:15px 0 0 20px;
}




/* 2026 styles */
.mar20 {
	margin:20px auto;
}

.breadcrumbLink {
	text-decoration: none;
}

#roomInfoContainer {
	max-width: 90vw;
	margin: auto;

}

.roomInfo-tabs {
	margin: 20px auto 0 auto;

}

.roomInfo-tabHolder {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	min-height: 60px;
}

a.tab {
	width: 18%; 
	display: block;
	text-decoration: none;
	background-color: #e2e2e2;
	color: #000000;
	cursor: pointer;
	border: thin #e2e2e2 solid;
}

.roomInfo-tab {

	background-color: #e2e2e2;
	width: 100%;
	height: 100%;
	text-align: center;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.roomInfo-tab:hover {
	background-color: #087396;
	color: #ffffff;

}

.roomInfo-activeTab {
	background-color: #ffffff;
	color: #000000;
	margin: auto;
	border-bottom: none;
}

.roomInfo-activeLink {
	background-color: #ffffff;
	color: #000000;
	border-bottom: none !important;

}

.roomInfo-Container {
	border: 1px solid #e2e2e2;
	border-top: none;
	width:90vw;
	margin: 0 auto 20px auto;
}

.roomInfo-hideContent {
	display: none;
}