@charset "UTF-8";
* {
	margin:0;
	padding:0;
	box-sizing: border-box;
	font-family: arial, sans-serif;
}
html{
	  font-size: 14px;
}
html,body,#fom,#withAds,#fomwindow,#window {height:100dvh;overflow:hidden}
input,textarea,select {
	font-size: 1rem;
}
img {border:0px;}
hr { margin-top:5px; margin-bottom:5px;}
table{border-spacing:0;width:100%}
thead tr{background-color:#89CEFF;font-weight:400}
thead th{padding:.2rem .7rem;text-align:left}
table.striped tbody tr:nth-child(even){background-color:#e2f3ff}
td{padding:.2rem;vertical-align:middle}
ul {list-style:none}
::-webkit-color-swatch-wrapper,::-moz-color-swatch-wrapper {border:none;padding:0}
.select2-container--open,.select2-results,.select2-results__options {z-index:40000;}
.select2-results__option{white-space:nowrap}
.select2-container--default .select2-selection--multiple .select2-search{line-height:1rem !important}
.limitSel2h .select2-results,.limitSel2h .select2-results__options{max-height: 9rem !important;overflow-y:auto}
.select2-container {max-width:calc(100vw - 2rem)}
#nav .select2-container {min-width:144px}
.leftspacing,.space-left {margin-left: 1rem;}
.space-above{margin-top:1rem;}
.space-below{margin-bottom:1rem}
.large-font{font-size:2rem;font-weight:800;margin-left:1rem;}
.inline-divider::before{content:'|';font-size:1.2rem;padding:0 .5rem;}
#loadingPanel {cursor:wait;position:fixed;z-index: 30000;width:100vw;height:100vh;background:rgba(255,255,255,.5);left:0;top:0;display:none;}
#loadingPanel img {margin:200px 300px;width:88px}
#dialogPanelBg {position:fixed;z-index: 100;top:0;left:0;background-color:transparent;width:100vw;height:100vh;display:none;}
#dialogPanel {position:fixed;z-index: 200;height:auto;padding: 0;margin:0;font-size:1rem;display:none;}
#popWindow {position:fixed;top:100px;left:100px;z-index: 200;height:auto;max-height:100vh;}
#logoffMessage{margin:60px 0px 0px 200px;}
#titlebar {height:30px;padding-top:6px;background-color:#E0DFE3;border-bottom:1px solid #999;border-radius:5px 5px 0 0;}
#titlebar_right {text-align:right;float:right}
#titlebarText,#toggleMenu,#popTitlebarText {display:inline-block;vertical-align:middle;cursor:default;font-size:1rem;font-weight: bold;overflow:hidden;}
#ufn {display:inline-block;font-weight:bold;font-size:1rem;white-space:nowrap;overflow:hidden;max-width:calc(100vw - 4rem);margin-right:.5rem}
#titlebarButtonClose {font-size:1.25rem;}
.icon-close,.icon-navicon {margin:0 .5rem}
#toggleMenu {font-size:1.1rem;}
#main{display:table;table-layout:fixed;width:100%;height:calc(100% - 30px)}
#nav {width:180px;height:calc(100vh - 30px);font-size:1.1rem;background-color:#E0DFE3;border-right:1px solid #999999;display:table-cell;vertical-align:top;}
#mainBorder1, #popMainBorder1 {border: 1px solid #66667e;}
#mainBorder2, #popMainBorder2 {border: 1px solid #fbfcfd;}#mainBorder3, #popMainBorder3 {border: 1px solid #a8a9bb;}
#main, #popMain {background-color: #ffffff;overflow: auto;}
			#logo {text-align:center;padding:0 10px;}
			#clock {cursor:default;text-align:center;font-size:1rem}
			#clockFace {display:inline-block;background-color:#ffffff;padding:2px 20px;margin-top:2px;border:1px solid #aaa;text-align:center;}
			#menu{cursor:default;overflow: hidden auto;margin-left:8px;text-align:left;line-height:1.8em;}
	#content, #popContent {padding: 8px 8px 0 8px;}
	#content {height:calc(100vh - 30px);vertical-align:top;overflow-y:auto;border-right:1px solid #999999;}
	#resource_list{margin-left:2rem;}
#menu{font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; padding-top:.5rem;}
#menu li{font-weight:500;display:block;color:inherit;white-space:nowrap;overflow-x:hidden;padding-left:.5rem}
#menu>ul>li {margin-left:-1rem}
#menu li.has-child {font-weight:bold;} 
#menu .ae_dd{overflow:hidden}
.initmsg{margin:3rem 1rem}
#footer a{font-size:.8rem;font-style:italic;display:inline-block;width:174px;background-color:#eee;text-decoration:none;color:#999999;position:absolute;left:.3rem;bottom:0;text-align:center}
a{color:#0000ff;cursor:pointer;text-decoration:none;}
a:focus,a:hover,.apparentlink:hover {box-shadow: 0px 0px 0px 1px #0070B6;background-color:rgba(0,63,135,0.05);}
a.noapparentlink {color:#000;text-decoration:none;}
#menu li:not(.has-child):focus,#menu li:not(.has-child):hover {box-shadow: none;background-color:#dfd;}
#pwdstrengthbar,#pwdastrengthbar{height:4px;display:block;}
  .modal{position:fixed;z-index:1000;inset:0;display:flex;justify-content:center;background-color:rgba(0,0,0,.2);}
  .modal .modal-box{position:absolute;z-index:1000;max-height:100vh}
  .modal .actions{width:100%;height:48px;line-height:1rem;white-space:nowrap;background-color:#fff;text-align:right;padding:.5rem 2rem .5rem 0;border-top:1px solid #aaa;}
  .modal .modal-header{height:30px;font-weight:600;background-color:#5386F1;color:#000;border:1px solid #5386F1;border-radius:6px 6px 0 0;}
  .modal .modal-header-warning{background-color:#FFC107;color:#000;border-color:#FFC107}
  .modal .modal-title{width:calc(100% - 3rem);height:30px; cursor:default}
  .modal .modal-body{position:relative;transform:translateX(0);display:inline-block;background-color:#ffffff;height:auto;z-index:1001;width:100%;border: 1px solid #5386F1;}
  .modal .modal-content{overflow-y:auto;max-height:100vh;padding:.5rem}
  .modal .modal-body-warning{border-color:#FFC107}
  .modal.fullh .modal-box{top:0}

span.important {color:Red;}
.indent{margin-left:30px;margin-right:30px;}
.indent2{margin-left:60px;margin-right:60px;}
.padright{padding-right:20px;}
.padleft{padding-left:20px;}
span.highlight{padding:0 20 0 20;background:#ffff99;}
.title{display:block;margin:1rem .5rem;font-weight:700;font-size:1.25rem}
.title-helper{font-weight:normal;font-style:italic;font-size:1rem}
.table-title{margin-top:1rem;margin-left:.5rem;font-weight:700;font-size:1.25rem}
.paragraph {padding-top:1em; margin-left:30px;}
.error {padding-top:1em; color:red;}
.ColorRed {color:red;}
div.rbline {background: #d0ddf5 url(images/rbline_bg.gif) no-repeat;margin-top:1em;margin-left:20px;text-align:center;width:300px;height:27px;}
div.rblineText{padding:5px;}
#verticalDivider {margin-top:100px;width:1px;background-color:#cccccc;}
table .tactions:first{margin-right:2rem;}
table .tactions{white-space:nowrap;overflow:hidden;text-align:center}
.errMsg { margin-top:100px; color:red;font-size:1rem;}
.message {margin-top:100px; font-size:1rem;}
a.errMsg {font-size:1rem; color:blue;}
.tabletitle {font-weight: bold;}
.tableheader {font-weight:bold;background-color:#8ac5ff;}
.listitems {margin-left:30px;line-height:1.8em;}
.schtable { width:100%;}
.shortcuts-left{display:inline-block;min-height:1.5rem}
.shortcuts-right{float:right;padding:.5rem 1rem 0 0}
#content .shortcuts-right>span{vertical-align:middle}
#content .schtable td {height:100%;padding:0px;}
#content #equipUsageData td {height:100%;padding:0px;}
.schtitle,.schtitletoday {background-color:#e0dfe3;font-weight:bold;}
#schwithmorningdetail{display:none;}
#schwithnomorningdetail{display:block;}
.schmorningprompt {width:100%;display:block; text-align: center;}
.schodd {background-color:#d4d0c8;}
.scheven {background-color:#eeeeee;}
.schiteminactive {background-color:#ffffee;color:#808080;height:100%;width:100%; overflow:hidden;display:block;}
.schemptyinactive {color:#808080;height:100%;width:100%;display:block;}
.schitemactive {background-color:#ffff99;color:#000000;height:100%;width:100%; display:block;}
.schitemcurrent {background-color:#ffff99;color:#ff00ff;height:100%;width:100%;display:block;}
.schitemcurrentusing {background-color:#ffff99;color:#ff0000;height:100%;width:100%;display:block;}
.schempty {color:#000000;height:100%;width:100%;display:block;}
.tabletitle #today {color:#ff00ff;}
.popSelectItem {color:#000;text-decoration:none;display:block;border-bottom:1px #000 solid;}
.popSelectItem:hover {background-color:#cfc;color:#000;text-decoration:none;display:block;border-bottom:1px #000 solid;}
.down {color:#f00;}
.reserved {color:#fc0;}
.busy {color:#f60;}
.available {color:#3c3;}
.apparentlink{text-decoration:none;color:#00f;cursor:pointer;}
.underlinedlink{text-decoration:underline;color:#00f;cursor:pointer;}
#acontent {float:right;width:0px;overflow:hidden;}
#acdynamic{line-height:1.8em; z-index:2000;width:100%;position:fixed;top:0;}
#tempcontent{display:none;}
#adspin{z-index:2000;position:fixed;top:60px;right:-5px;}
.autocomplete-suggestions { border:1px solid #aaa; background:#FFF;max-height:350px; overflow:auto; white-space:nowrap;/* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.ql-snow {background-color:#fff}
.ql-formats{margin:0}
.modal .modal-header{padding:.5rem 0 0 .75rem;}
.modal .close-modal, .form-section-toggle{float:right;}
  .icon-close{font-size:1.25rem;height:20px;cursor:pointer;position:absolute;right:10px;top:5px}
  .bugreport .rep{min-height:5rem}
  .pwdstrengthb,.pwdastrengthb{height:4px;display:inline-block;}
  #logo_svg .ellipse{fill:none;stroke:#fff;stroke-width:3px}
  .welcome-text{margin:.5rem;color:#aa0000;}
  .welcome-ln{color:#0000aa;}
  .middot{margin:0 .5rem}
  #form-page-shortcuts{display:flex;flex-shrink:0;justify-content:flex-end;width:100%;overflow:hidden;white-space:nowrap;}
  #form-page-shortcuts .shortcuts-left{margin-left:2.2rem; margin-right:auto;display:inline-flex;align-items:center;}
  #form-page-shortcuts input,#form-page-shortcuts label,#form-page-shortcuts span{cursor:pointer}
  .toggle-page-shortcuts{font-size:1.2rem;cursor:pointer}
fieldset{margin:.5rem;padding:0;border:0}
td fieldset{margin:0}
.form-input,.padding-left{padding-left:.5rem}
input[type="button"],input[type="submit"],input[type="reset"],button:not(.ql-snow *,.select2 *,.form-section-toggle),span[role="button"]:not(.ql-snow *,.select2 *,.form-section-toggle),a[role="button"]:not(.ql-snow *,.select2 *,.form-section-toggle) {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:1rem;
	font-weight:bold;
	/*margin: 5px;*/
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
input[type="button"]:hover,button:hover,a[role="button"]:hover,span[role="button"]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
input[type="button"]:disabled,button:disabled,a[role="button"]:disabled,span[role="button"]:disabled {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #cccccc));
	background:-moz-linear-gradient(top, #cccccc 5%, #cccccc 100%);
	background:-webkit-linear-gradient(top, #cccccc 5%, #cccccc 100%);
	background:-o-linear-gradient(top, #cccccc 5%, #cccccc 100%);
	background:-ms-linear-gradient(top, #cccccc 5%, #cccccc 100%);
	background:linear-gradient(to bottom, #cccccc 5%, #cccccc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0);
	background-color:#cccccc;
}
input[type="text"],input[type="password"],select,textarea {
	padding: 3px 6px;
	height:28px;
	border-radius:4px;
	border:1px solid #aaa;
}
input.daterange,.daterange input{width:12rem;text-align:center;padding:.2rem}
.daterangepicker.show-calendar{padding-right:14px;}
input[type="radio"],input[type="checkbox"] {
	margin-right:.5rem;
}
.modal input[type="button"],.modal input[type="submit"],.modal button:not(.ql-snow *,.select2 *,.form-section-toggle) {margin:5px}
.fileUploadWrapper {
	position: relative;
	overflow:hidden;
	display:inline-block;
}
table .form-button {padding:.1rem 1rem}
.form-button:disabled {cursor:default;background:linear-gradient(#cccccc 5%, #cccccc 100%);background-color:#cccccc;}
.form-button.compact {padding: 2px 12px 0 16px;margin: 0 5px}
.form-label{margin-right:0.5rem}
.form-label,.form-label .apparentlink,.prompt{display:inline-block;font-weight:700;}
  .form-text-before{margin:0 0.5rem}
  .form-text-after{margin-left:0.5rem}
  input[type="radio"],input[type="checkbox"]{height:1rem;width:1rem;margin:0 .5rem;}
  .form-file-wrapper{display:inline-block;position:relative;vertical-align:middle;height:28px}
  .form-file-wrapper-file{width:28px;height:28px;}
  .form-file-wrapper input[type="text"]{width:100%;position:absolute;}
  .form-file-wrapper .form-file-upload,.form-file-wrapper .form-file-download,.form-file-wrapper input[type="file"]{line-height:28px;display:inline-block;position:absolute;right:0;top:0;overflow:hidden;height:28px;width:28px;}
  .form-file-wrapper .form-file-download{right:1.6rem}
  input[type="file"]{opacity: 0;}
  .form-file-wrapper-img .form-file-display,.form-file-wrapper-img input[type="file"]{width:100%;height:100%;}
  .form-textarea {min-height:3rem; width:100%}
  .form-helper-error{display:inline-block;}
  .form-helper,.helper{display:inline-block;font-style:italic;font-size:.85rem;margin-left:.5rem}
  .table-caption{margin:.5rem; font-weight:600;font-size:1.25rem}
  .table-actions{text-align:center;white-space:nowrap}
  .table{line-height:1rem;}
  .toggle-details-icon{float:right;}

.prompt {
	font-weight: bold;
	color: #0033AA;
	margin-right: .5rem;
}
.textarea_display {
	display:inline-block;
	vertical-align:middle;
	min-height:1rem;
	min-width:14rem;
	border: 1px solid #e1e1e1;
	padding:6px;
	background-color:#fff;
}
.consoption {
	font-size:1.5rem;
}
.helperText {
	font-style: italic;
	margin-left: .5rem;
}
.ql-toolbar.ql-snow {padding:0 !important;}
.ql-size-small,.ql-picker-item[data-value="small"]::before {font-size:.85rem!important}
.ql-size-large,.ql-picker-item[data-value="large"]::before {font-size:1.5rem!important}
.ql-size-huge,.ql-picker-item[data-value="huge"]::before {font-size:1.75rem!important}
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
	display:none;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
}
  .ecard.ecard-conf{aspect-ratio:auto}
  .ecard-header{line-height:1rem;overflow:hidden;font-weight:600;padding:.3rem 0.5rem;}
  .ecard-header .icon{float:right;cursor:pointer;}
  .ecard-header .ename{display:inline-block;overflow:hidden;white-space:nowrap;padding-top:.2rem}
  .ecard-header .ntrainees{background-color:#000000;color:#FFFFFF;border-radius:30%;padding:.1rem .4rem;margin-right:.5rem;height:1.2rem;}
  .ecard .myreservations,.ecard .reservations{white-space:nowrap;width:100%;overflow-x:hidden;overflow-y:auto}
  .ecard .epicture{display:inline-block;line-height:1rem;color:#eee;font-size:2rem;width:3rem;height:3rem;margin:.5rem;overflow:hidden}
  .estatus>span,.euel{padding:.1rem 1.2rem;display:inline-block;}
    .ecard .chartrange,.ecard .charttype{display:inline-block}
  .ecard .charttype{float:right}
  .ecard .reservation{margin:.3rem 0 0 1rem;border-top:1px solid #CCC}
    .ecard-chart{overflow-y:auto;overflow-x:hidden}
  .ecard .chart{width:100%;height:100%}
  .ecard.ecard-conf{width:100%;height:auto}
  .ecard .fomevent{display:block;position:static;width:100%;height:auto}
  .entu{max-height:25vh}
    #DatePickerWrapper{position:relative;}
  #DatePicker{margin-left:1rem;padding:.5rem 1rem}
  #DatePickerWrapper .datepicker{position:absolute;left:3rem;top:1rem;width:0;height:0;border:0}
  #cal-upper{padding:.5rem}
    .sosbg{background:repeating-linear-gradient(135deg,rgba(204,238,204,.6),rgba(204,238,204,.6) 10px,rgba(255,255,255,.6) 10px,rgba(255,255,255,.6) 20px)}
  .tosbg{background:repeating-linear-gradient(135deg,rgba(137,206,255,.6),rgba(137,206,255,.6) 10px,rgba(255,255,255,.6) 10px,rgba(255,255,255,.6) 20px)}
  .stosbg{background:repeating-linear-gradient(135deg,rgba(204,238,204,.6),rgba(204,238,204,.6) 10px,rgba(137,206,255,.6) 10px,rgba(137,206,255,.6) 20px)}
    #ViewPort>.calendar{width:100%;position:relative;overflow:hidden}
    .VPContent{height:100%;overflow:hidden auto}
  .VPNav{float:right;margin:.5rem 2rem 0 0}
  .VPContent .col{position:relative;display:inline-block;vertical-align:top}
    .datetime_wrapper{position:relative}
  .datetime_input{color:transparent;width:8.1rem}
  .datetime_present{position:absolute;left:0;width:7rem;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}
  .fomevent{cursor:pointer}
  .fomevent.labspace{color:#900;position:inherit;z-index:2}
  .nomargin{margin:0}
  .floatright{float:right;margin-right:2rem}
  button.narrow{padding:.3rem .5rem;margin:0 .5rem}
  