@charset "UTF-8";

body { font-family: 'Quicksand', 'Arial', sans-serif; font-size: 14px; text-align: center; margin: 0; padding: 0; }

a { text-decoration: none; color: inherit; }
p { margin: 0; padding: 0; }

* { box-sizing: border-box; }

.bold { font-weight: 600; }
.inlinewrapper { display: inline-block; vertical-align: bottom; }

.noscroll { overflow: hidden; }
.nodisplay { display: none; }

#infoContainer { display: none; }

button, input, a, textarea, select { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; }
button, input, textarea, select, .f_link { border: 0px; padding: 10px 5px; font-size: inherit; font-family: inherit; }
table button, table input, table textarea, table .selectwrapper { width: 100%; }
textarea { font-size: 1.11em; resize: vertical; }
select { }
option { background-color: #ffffff; }
input::-ms-clear { display: none; }
:-ms-input-placeholder { color: #A0A0A0; }
::placeholder { color: #A0A0A0; }

table { xborder-collapse: collapse; }

.f_fie { border: 1px solid #DDDDDD; }
.f_fie.login,
.f_fie.add,
.f_fie.editlist,
.f_fie.editsingleitem,
.f_fie_center { text-align: center; }
.f_fie_left { text-align: left; display: inline-block; width: 100%; max-width: 500px; }
.f_fie_full { text-align: left; display: inline-block; width: 100%; }

.f_but,
.f_link { background-color: #9797a6; color: #ececfb; }
.f_but:hover,
.f_link:hover { background-color: #868695; color: #ececfb; }
.f_but:active,
.f_link :active { background-color: #313140; color: #ececfb; }
.f_link { display: inline-block; }

.f_status { display: inline-block; xborder: 1px solid #ddd; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #f7f7fd; }
.f_status.isset { background-color: #ccff99; }
.f_status.isnotset { background-color: #ffcc99; }
.f_status.isactive { background-color: #66cc00; }
.f_status.isnotactive { background-color: #ff9933; }
.f_status.leveled { box-shadow: 0 0 10px #f5f242, 0 0 15px #f5f242; }

.xf_linewrapper { margin: 15px 0; display: flex; align-items: stretch; }
.f_linewrapper { margin: 20px 0; }
.f_inlinewrapper { display: inline-block; margin: 0 0.5%; }

.pagelink { text-decoration: underline; opacity: 0.6; }
.pagelink:hover { opacity: 1; }


div { overflow: hidden; }
div.container { margin: 0px auto; }

div.container_login { text-align: center; padding: 20px; width: 300px; max-width: 100%; }
div.container_login p { margin: 1em 0px; }
div.container_login .f_fie,
div.container_login .f_but { padding: 10px 20px; width: 100%; }
div.container_header { line-height: 40px; padding: 0px 10px; font-size: 2em; text-align: right; border-bottom: 3px solid #000000; }
div.container_main { min-height: 360px; padding: 10px 1%; text-align: left; position: relative; margin-bottom: 60px; }
xdiv.container_main_fixedwrapp { }
div.container_footer { background-color: #646473; width: 100%; height: 60px; position: relative; position: fixed; bottom: 0; }
xdiv.container_footer_fixed { }
div.container_footer .links { padding: 1px 0px; height: 60%; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
div.container_message { text-align: center; padding: 20px; color: #FFA500; }
div.container_question { text-align: center; padding: 20px; }
div.container_question button { padding: 10px 20px; margin: 10px; min-width: 100px; }

div.links a { background-color: #313140; color: #ececfb; margin: 0px 10px; padding: 6px 10px; display: inline-block; }
div.links a.curPage { background-color: #000000; }
div.links a:hover { background-color: #868695; color: #ececfb; }
div.links a:active { background-color: #313140; color: #ececfb; }

div.container_switch { text-align: center; padding: 10px; width: 800px; max-width: 100%; }
div.container_switch p { margin: 1em 0px; }
div.container_switch .f_fie,
div.container_switch .f_but,
div.container_switch .f_status { padding: 10px 10px; }
div.container_switch .full { margin: 0 auto; width: 80%; }
div.container_switch .front,
div.container_switch .back { margin: 0 2%; width: 46%; }
div.container_switch .front_left,
div.container_switch .back_left { margin: 0 1% 0 2%; width: 32%; }
div.container_switch .front_right,
div.container_switch .back_right { margin: 0 2% 0 1%; width: 14%; }
div.container_switch .f_cap { font-weight: 600; }
div.container_switch textarea.f_fie { min-width: 100%; width: 100%; min-height: 20em; }
div.container_switch option { font-size: 0.75em; }


div.container_housemap { position: relative;  max-width: 1200px; margin: 0 auto 10px auto; }
div.container_housemap .housemap { width: 100%; display: block; }

div.container_text { text-align: center; padding: 10px; width: 800px; max-width: 100%; }

div.db_timetabletable_wrapper { overflow-x: auto; overflow-y: hidden; }
table.db_timetabletable { margin: 0 auto; }
table.db_timetabletable th { text-align: left; padding: 4px 10px; font-weight: 400; color: #eee; background-color: #666; }
xtable.db_timetabletable tr { border-bottom: 1px solid #555; }
xtable.db_timetabletable tr:last-child { border-bottom: 0; }
table.db_timetabletable tr.active { background-color: #ecf9ec; }
table.db_timetabletable tr.inactive { background-color: #ffe6e666; }
table.db_timetabletable td { padding: 4px 10px; }
table.db_timetabletable td.text { text-align: left; }
table.db_timetabletable td.textvalue { text-align: left; font-family: 'Azeret Mono'; font-weight: 100; word-spacing: -0.5em; }
table.db_timetabletable td.value { text-align: right; font-family: 'Azeret Mono'; font-weight: 100; }
table.db_timetabletable a { display: inline-block; background-color: transparent; border: 0; padding: 0px; height: 22px; width: 22px; background: url(imgs/image_pen-18.png) no-repeat center center transparent; }
table.db_timetabletable a:hover { background-image: url(imgs/image_pen-18_gray.png); }

table.ssh_timetabletable { margin: 0 auto; }
table.ssh_timetabletable th,
table.ssh_timetabletable td { padding: 4px 12px; text-align: right; font-family: monospace; }

table.ssh_predictiontable { margin: 0 auto; }
table.ssh_predictiontable th,
table.ssh_predictiontable td { padding: 4px 12px; text-align: left; font-family: monospace; }
table.ssh_predictiontable th.right,
table.ssh_predictiontable td.right { text-align: right; }

div.container_housemap .mapbutton_lid,
div.container_housemap .mapbutton_light,
div.container_housemap .mapstatus { position: absolute; padding: 0.0% 0.0% 3% 0.0%; width: 3%; height: 0; text-align: center; opacity: 0.9; }
xdiv.container_housemap .mapstatus { position: absolute; padding: 0.4% 0.5% 0.2% 0.5%; width: 3%; text-align: center; opacity: 0.9; }

div.container_housemap .mapbutton_lid { background-color: #9797a6; color: #ececfb; }
div.container_housemap .mapbutton_lid:hover { background-color: #868695; color: #ececfb; }
div.container_housemap .mapbutton_lid:active { background-color: #313140; color: #ececfb; }

div.container_housemap .mapbutton_light { background-color: #ffffff; color: #ececfb; }
div.container_housemap .mapbutton_light:hover { background-color: #eeeeee; color: #ececfb; }
div.container_housemap .mapbutton_light:active { background-color: #dddddd; color: #ececfb; }

div.container_housemap .mapstatus { border-radius: 20px; }

div.container_housemap .arrow,
div.container_housemap .stop,
div.container_housemap .part { width: 100%; display: block; }


div.container_edit { text-align: center; padding: 10px; width: 700px; max-width: 100%; }
xdiv.container_edit .f_cap,
xdiv.container_edit .f_fie { margin: 1%; }
div.container_edit .f_but.full,
div.container_edit .f_link.full { width: 80%; }
div.container_edit .f_but.half,
div.container_edit .f_link.half { width: 40%; }
div.container_edit .f_cap { width: 18%; display: inline-block; text-align: left; }
div.container_edit .f_fie_updn { width: 18%; }
div.container_edit .f_group { width: 24%; min-width: 160px; white-space: nowrap; text-align: left; font-size: 0.9em; }
div.container_edit .f_weekday { width: 24%; white-space: nowrap; text-align: left; font-size: 0.9em; }

/* overwrite some stuff from forms.styles.css here */
.mo-forms-pseudolabel { white-space: nowrap !important; }

@media screen and (max-width: 640px) {
	
	table.db_timetabletable td,
	table.db_timetabletable th,
	table.ssh_timetabletable th,
	table.ssh_timetabletable td { font-size: 0.8em; padding: 4px 4px; }

	table.ssh_predictiontable th,
	table.ssh_predictiontable td { font-size: 0.8em; padding: 4px 6px; }
}

@media screen and (max-width: 380px) {
	
	table.db_timetabletable td,
	table.db_timetabletable th,
	table.ssh_timetabletable th,
	table.ssh_timetabletable td { font-size: 0.7em; padding: 2px; }

	table.ssh_predictiontable th,
	table.ssh_predictiontable td { font-size: 0.7em; padding: 2px 4px; }
}