html,body{
	font-family: 'Roboto', sans-serif;
}
select{
	background-color:inherit;
}
a,.hoverli li,.pointer{
	cursor:pointer;
}
.tac{
	text-align:center;
}
.ib{
	display:inline-block;
}
.tdn{
	text-decoration:none!important;
	color:inherit!important;
	font-weight:normal!important;
}
.tar{
	text-align:right;
}
.tal{
	text-align:left;
}
.aic{
	align-items: center;
}
.aib{
	align-items: flex-end;
}
.jcc{
	justify-content: center;
}
.click{
	cursor:pointer;
}
.m-0{
	margin:0px;
}
.mb-0{
 margin-bottom:0px;
}
.mb-1{
 margin-bottom:1em;
}
.mr-1{
	margin-right:1em;
}
.mr-2{
	margin-right:2em;
}
.mt-1{
 margin-top:1em;
}
.pt-05{
	padding-top:0.5em;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.green{
	color:#090;
}
.mdl-textfield{
	width:100%;
}
.resetFontSize{
	font-size:1em;
}
.mdl-menu a{
	text-decoration:none;
	color:inherit;
}
.ma{
	margin:auto!important;
}
.mdl-layout-title img{
	height:2em;
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after{
	background:#fff;
}
.mdl-radio{
	height:inherit;
}
.page-content .mdl-layout__tab{
	color:black!important;
}
.full-width{
	width:100%;
}
.vert-spacing{
	margin:1em auto;
	padding:0em;
}
.no-hspacing{
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
}
.no-spacing-top{
	margin:0em auto;
	padding:0em;
}
.top-spacing{
	margin:0em auto;
	margin-top:1em;
}
.left-spacing{
	margin-left:1em;
}
.h-scroll{
	overflow-x:auto;
}
.mdl-dialog{
	width:50%;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
.full-divider{
    border-bottom: 1px solid rgba(0,0,0,.12);
    width: 100%;
    margin-bottom: 1em;
}
.error-chip,.success-chip,.info-chip{
	width: 100%;
	white-space:normal;
	height:inherit;
	text-align:center;
	padding:0em;
	font-size: 1em;
    display: block;
}
.error-chip{
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.error-chip .mdl-chip__action{
	color: rgb(255, 64, 64);
}
.success-chip{
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.success-chip .mdl-chip__action{
	color: rgb(61, 119, 62);
}
.info-chip{
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.info-chip .mdl-chip__action{
	color: rgb(49, 112, 143);
}
.mdl-chip__text{
	padding:0em 1em;
}
.mdl-chip__action{
	margin-right: 0.5em;
}
.mdl-textfield__label{
	padding-left: 0.25em;
	color:rgba(0, 0, 0, 0.55);
}
.mdl-textfield__input{
	padding-left: 0.25em;
	border-bottom:1px solid rgba(0, 0, 0, 0.2);
}
.mdl-button--raised.mdl-button--colored{
	background: red;
}
.mdl-button--raised.mdl-button--colored:hover{
	background: red;
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised{
	background: green;
}
.page-content{
	padding: 1em;
    max-width: 900px;
    margin: auto;
	margin-bottom:20em;
}
.page-content .section--center h3{
	margin:0;
}
.mdl-data-table th{
	color:#fff;
	font-size: 16px;
}
.mdl-data-table th i{
	color:#fff!important;
	font-size: 22px;
}
.mdl-data-table th button{
	height:22px;
}
.mdl-data-table td{
	text-align:left;
}
.mdl-list__item{
	padding: 0.5em 0em;
}
.hlist li{
	display:inline-block;
}
/* Main User Portal */
.need-action{
	background-color:#bfdcf5;
}
.selected{
	background-color:#fff!important;
}
.usercard{
	position:relative;
	margin-bottom:2em;
	/* padding:0em; */
}
.usercard .usercard-drop{
  position: absolute;
  right: 0.5em;
  bottom: -0.75em;
	min-width:45px;
	width:45px;
	height:45px;
	background: rgb(230, 228, 229);
	z-index:900;
}
.usercard .usercard-drop:hover{
	background-color: rgb(241, 241, 241);
}
.usercard-note{
	top: 1em;
	position: absolute;
	right: 1.75em;
}
.usercard h5{
	font-size:14px;
	margin:0px;
}
.red{
	color:red!important;
}
.section--center{
	margin-bottom:1em;
	background-color:rgba(255, 255, 255,1); /* 0.95 */
}
.no-spacing{
	margin:0px;
	padding:0px;
}
.left-spacing{
	margin:0px;
	padding:0px;
	margin-left:8px;
}
.mdl-tooltip{
	background:rgb(82,82,82)!important;
}
.hide{
	display:none;
}
.loader{
	text-align:center;
	margin:2em;
}
.formloader{
	text-align:right;
	margin:1em;
}
.usercard table th,.units table th,.sm-head th{
	height:inherit;
	vertical-align:middle;
	padding:0px;
}
.mdl-dialog__content{
    color: rgba(0,0,0,.7);
    font-size: 16px;
}
form select,form textarea,.nomdl-input{
    width: 100%;
    /*height: 100%;*/
    border: none;
    padding: 0.5em;
    border-bottom: solid 1px rgba(0, 0, 0, 0.20);
    padding-left: 0px;
    font-size: 16px;
    margin: 1em 0em;
    color: rgba(0, 0, 0, 0.55);
}
.nomdl-input{
	/*padding:0em;*/
}
form textarea{
	min-height:4em;
	padding:0em;
    padding-left: 0.5em;
	height:inherit;
	text-indent:0.05em;
}
form{
	width:100%;
}
form h4{
	margin:0;
    margin-top: 0.5em;
}
/*
form .mdl-cell{
	margin:0px;
	padding:0px;
	margin-left:8px;
}*/
/* Units page */
.units table th{
	height:inherit;
	padding:10px;
}
.mdl-data-table--selectable th:first-of-type{
	text-align:left;
}
.mdl-data-table--selectable th:first-of-type .mdl-checkbox__box-outline{
    border: 2px solid rgba(255, 255, 255, 0.7);
}

.mdl-data-table--selectable th:first-of-type .mdl-checkbox.is-checked .mdl-checkbox__box-outline{
	border: 2px solid #fff;
}
.mdl-data-table--selectable th:first-of-type .mdl-checkbox.is-checked .mdl-checkbox__tick-outline{
	background-color:#fff;
}
.unitadd tr input{
	width:7em;
	height:100%;
	border: solid 1px #e1e1e1;
	text-align:center;
}
/* Session page */
.ampm{
	max-width: 5em;
}
/* Size Toggle */
.sizeTog{
	position:relative;
}
.sizeTog button{
	float:right;
}
@media (max-width:900px){
	.sizeTog button{
		display:none;
	}
}

/* Admin Search */
.small-list{
	margin:0px;
}
.small-list .mdl-list__item-icon{
	margin-right:10px!important;
	font-size:24px;
}
.small-list .mdl-list__item{
	font-size:14px;
}
.headerSort{
	position:relative!important;
}
.headerSort .arrow{
    width: 0px;
    height: 0px;
	position:absolute;
    right: 1em;
    top: 1.1em;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
	border-bottom: 5px solid #fff;
	border-top: 5px solid #fff;
}
.headerSortDown .arrow{
    border-top: none;
}
.headerSortUp .arrow{
    border-bottom: none;
}
/* User profile */
.low-list{
	height:50px;
	padding:0em;
}
.low-list .mdl-list__item-primary-content{
	height:1em;
	line-height:1em;
}
.scroller{
    max-height:300px;
    overflow:auto;
}
/* File upload */
input[type="file"]{
	display:none;
}
.upload label{
	cursor:pointer;
}
.upload .input{
	padding:2em 0em;
	width:100%;
}
.upload h1 .material-icons{
	font-size:40px;
}
.file button i{
	color:red;
}
.box_input{
	padding-top:2em;
}
.is-dragover{
	background-color: rgba(0, 0, 0, 0.1);
}
.file{
	position:relative;
}
.file .remove{
    position: absolute;
    top: 0em;
    right: 0em;
}
.faq a{
	color:inherit;
}
.faq ul, .faq .mdl-textfield{
	width:70%;
	margin:auto;
}
.faq .mdl-textfield{
	width:80%;
	display:block;
}
.faq label,.faq input{
	font-size: 1.5em;
}
.faq li{
	border-bottom: 1px solid rgba(0,0,0,.12);
}
.small-table th,.small-table td{
	height: 1em;
	padding: 2px 1px;
}
.small-table th{
	font-size:0.95em;
}
@media (min-width: 840px){
	.survey_r6{
		width: 20%;
		margin: 1em 0em;
	}
}
@media (max-width: 600px){
	.survey_c label{
		display:inline!important;
	}
}

@media print {
    footer{
		page-break-after: always!important;
		-webkit-region-break-after: always!important;
		height: 1px!important;
		width:100%!important;
		display: block!important;
		float: none!important;
	}
	.mdl-layout,.mdl-layout__content,.mdl-layout__container{
		overflow-y: inherit;
		overflow-x: inherit;
		position:inherit;
	}
	.contract,.mdl-layout__content,page-content,header,.section--center{
		display:block!important;
	}
	.button-wrap,.mdl-layout__header{
		display:none!important;
	}
	.sig {
		border-bottom: solid 1px black!important;
		padding-bottom: 0.05em;
	}
	@page{
	  size: auto A4 landscape;
	  margin: 0mm 0mm;
	}
	.mdl-radio__inner-circle{
		background: #3f51b5!important;
	}
	.mdl-checkbox.is-checked .mdl-checkbox__tick-outline{
		background: #3f51b5!important;
	}
}
@media (max-width:840px){
	.page-content{
		padding:0em;
		max-width:100%;
		margin-bottom:0em;
	}
	.section--center{
		padding-bottom:20em;
		margin-bottom:0em;
		box-shadow: none;
	}
	.mdl-layout__content{
		background-color:white;
	}
	.mdl-dialog{
		width:85%;
	}

}
.scheduler{
	width:100%;
	position:relative;
}

.scheduler-row {
  display: flex;
}

.scheduler-cell {
  box-sizing: border-box;
	border-right: 1px solid #ddd;
	font-weight:bold;
}


.scheduler-header,.scheduler-time {
  background-color: #white;
	color:black;
  font-weight: bold;
	padding:1em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align:center;
}

.scheduler-header{
	border-radius: 5px 5px 0px 0px;
}

.scheduler-time {
  display: flex;
  align-items: center;
  justify-content: center;
	padding:2em 0em;
	border-left: 1px solid #ddd;
	border-radius: 5px 0px 5px 0px;
}
.scheduler-top,.scheduler-bottom{
	justify-content:center;
	display:flex;
	align-items:center;
	color:white;
	border-bottom: 1px solid #ddd;
}
.scheduler-header-first{
	border: none;
	background-color: inherit!important;
	border-right: 1px solid #ddd;

}
.scheduler-top:hover,.scheduler-bottom:hover{
 background-color: #f1f1f1;
}
.booking-overlay {
	position:absolute;
	color:white;
	justify-content:center;
	display:flex;
	align-items:center;
	background-color:red;
  border: 1px solid #fff; /* Optional: Add a border */
  border-radius: 4px; /* Optional: Rounded corners */
}
.scheduler-header-buttons button {
    min-width: 45px;
    width: 45px;
    height: 45px;
    background: rgb(230, 228, 229);
		margin-right: 1em;
		margin-bottom: 1em;
}
.scheduler-awaiting{
	color: #ffffff;
	transition: 0.5s;
	background-size: 200% auto;
	background-image: linear-gradient(to right, #f97c23 0%, #d96b1d 51%, #f97c23 100%);
}
.scheduler-available{
	color: #ffffff;
	transition: 0.5s;
	background-image: linear-gradient(to right, #00ade9 0%, #0294c7 51%, #00ade9 100%);
	background-size: 200% auto;
}
.scheduler-booked{
	color: #ffffff;
	transition: 0.5s;
	background-size: 200% auto;
	background-image: linear-gradient(to left, #09d288 0%, #00b774 51%, #09d288 100%);
}
.scheduler-booked:hover,.scheduler-available:hover,.scheduler-awaiting:hover{
	background-position: right center;
}