.ux-current-time{
	margin-bottom:15px;
	font-family:'Roboto Condensed','Red Hat Display',sans-serif;
	font-size:12pt
}
.ux-clock{
	background-color:#222;
	border-radius:10px;
	width:160px;
	height:86px;
	margin:auto;
	margin-bottom:10px;
	position:relative;
	user-select:none
}
.ux-timezone{
	margin-bottom:15px;
	font-family:'Roboto Condensed','Red Hat Display',sans-serif;
	font-size:10pt
}
.ux-clock .hours,.ux-clock .minutes{
	background-color:#333;
	width:70px;
	height:80px;
	top:3px;
	overflow:hidden;
	position:absolute;
	border-radius:10px;
	color:#fff;
	font-family:'Roboto Condensed','Red Hat Display',sans-serif;
	font-size:65px;
	line-height:85px
}
.ux-clock .hours{
	left:8px
}
.ux-clock .minutes{
	right:8px
}
.ux-clock .minutes .dow,.ux-clock .am,.ux-clock .pm{
	position:absolute;
	font-size:9px;
	line-height:9px
}
.ux-clock .am{
	left:6px;
	top:4px
}
.ux-clock .pm{
	left:6px;
	bottom:4px
}
.ux-clock .minutes .dow{
	top:3px;
	right:3px
}
.ux-clock .line{
	position:absolute;
	width:100%;
	height:1px;
	top:calc(50% + 1px);
	background-color:#222
}
div.month-selector{
	position:relative;
	height:35px
}
div.month-name,div.month-buttons{
	position:absolute;
	top:5px
}
div.month-name{
	left:5px;
	font-weight:700;
	color:#2c5697
}
div.month-buttons{
	right:5px
}
.month{
	border:0;
	padding:0;
	font-size:1.6em;
	line-height:.5em;
	background-color:transparent;
	color:#808080;
	outline:none
}
.month:active,.month:focus{
	outline:none
}
.month.enabled{
	color:#2c5697
}
#ux-scroll{
	position:fixed;
	height:3px;
	bottom:0;
	background-color:#97999b;
	left:0;
	right:0;
	margin:auto;
	border-radius:0
}
#ux-scroll .progress{
	height:inherit;
	position:absolute;
	width:0;
	background-color:#373a36;
	border-radius:0
}
.tab{
	display:inline-block;
	font-size:.7em;
	border:1px solid #2c5697;
	padding:4px 35px 5px 15px;
	border-radius:15px;
	position:absolute;
	height:30px;
	margin-left:30px;
	background-color:#eee;
	overflow:hidden;
	text-overflow:ellipsis
}
.tab i{
	width:18px;
	height:18px;
	background-image:url(../svg/icon-times.svg);
	background-size:10px;
	background-position:center;
	background-repeat:no-repeat;
	display:inline-block;
	position:absolute;
	right:6px;
	top:5px;
	cursor:pointer;
	border-radius:50%
}
.tab i:hover{
	background-color:#ddd
}
label.select-date{
	font-size:1.2em;
	font-weight:800;
	font-family:'Red Hat Display',sans-serif;
	display:block;
	margin-bottom:15px
}
div.calendar-section{
	margin-bottom:35px
}
div.calendar-section.centered,div.centered{
	text-align:center
}
table.ux-cpicker{
	border-collapse:separate;
	margin-left:auto;
	margin-right:auto
}
.ux-cpicker td,.ux-cpicker th{
	min-width:35px;
	background-color:#fafafa;
	text-align:center;
	border:1px solid #efefef;
	user-select:none
}
.ux-date-picker,.ux-date-empty{
	width:38px;
	height:38px;
	padding-top:5px;
	border-radius:25%
}
.ux-cpicker th{
	font-family:"Roboto",Roboto,sans-serif;
	font-variant:small-caps;
	font-size:.85em
}
.ux-cpicker .nopick,.ux-date-empty{
	color:#808080;
	background-color:white
}
.ux-cpicker .today{
	border:1px solid #2c5697;
	border-radius:50%
}
.ux-cpicker .pick{
	color:#2c5697;
	font-weight:700;
	cursor:pointer;
	transition:background .15s ease-in
}
.ux-cpicker .pick:hover{
	background-color:#2c5697;
	color:#fff
}
.meeting-info label{
	margin-bottom:unset
}
label.disabled{
	color:#afafaf
}
div.validate-label{
	margin-bottom:15px;
	font-weight:700
}
div.validate-bottom{
	margin-top:25px;
	font-weight:400;
	color:#888
}
div.validate-entry{
	width:350px;
	margin:auto;
	padding-bottom:60px;
	text-align:center
}
input.validate-code,span.validate-code-sep{
	width:50px;
	line-height:60px;
	font-size:45px;
	font-weight:700;
	text-align:center;
	outline:none;
	text-transform:uppercase
}
input.validate-code{
	border:1px solid #2c5697;
	border-right:0;
	padding:5px
}
input.validate-code:first-child{
	border-top-left-radius:8px;
	border-bottom-left-radius:8px
}
input.validate-long{
	width:91%;
	height:70px;
	outline:0;
	text-align:center;
	text-transform:uppercase;
	font-size:45px;
	font-family:'Courier New',sans-serif;
	padding:10px;
	letter-spacing:10px;
	border-radius:8px;
	border:2px solid #888
}
input.validate-long:hover{
	border-color:#222;
	border-width:2px
}
input.validate-long:focus{
	border-color:#2c5697;
	border-width:3px
}
input.validate-long:disabled{
	user-select:none;
	pointer-events:none
}
input.validate-code:last-child{
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	border-right:1px solid #2c5697
}
span.time-slot{
	display:block;
	width:306px;
	height:45px;
	margin:auto;
	margin-bottom:10px;
	border:1px solid #808080;
	border-radius:5px;
	padding-top:7px;
	cursor:pointer
}
span.time-slot:hover{
	border-color:#222
}
span.time-slot.selected{
	border:2px solid #2c5697;
	color:#2c5697;
	font-weight:700
}