@charset "UTF-8";

html { height: 100%; }
body { height: 100%; font-family: 'Quicksand', 'Arial', sans-serif; font-size: 14px; text-align: center; margin: 0; padding: 0; background-color: var(--bodyBackColor); color: var(--bodyTextColor); }

a { text-decoration: none; color: inherit; }
a:focus { outline: none; }
button::-moz-focus-inner { border: 0; }

p { margin: 0; padding: 0; }

* { box-sizing: border-box; }

.bold { font-weight: 600; }
.bigger { font-size: 1.2em; }
.smaller { font-size: 0.9em; }
.underline { text-decoration: underline; }
.center { text-align: center; }
.paraabove { margin-top: 0.25em !important; }
.biggerparaabove { margin-top: 1.0em !important; }
.inlinewrapper { display: inline-block; vertical-align: bottom; }

.bigtable { position: relative; }
.smltable { position: absolute; top: -9999px; left: -9999px; }

.infoContainer,
.xcontainer_dberrors { display: none; }

.flapbox_handle { cursor: pointer; }
.flapbox_handle::before {
	content: ' ';
	display: inline-block;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid currentColor;
	vertical-align: middle;
	margin-right: .7rem;
	transform: translateY(-2px);
	transition: transform .2s ease-out;
}
.flapbox_handle_open::before { transform: rotate(90deg) translateX(-3px); }
.flapbox_content { transition: max-height .25s ease-in-out; overflow: hidden; }
.flapbox_content_hidden { max-height: 0 !important; }

button, .filebutton, input, a, textarea, select { border: 0px; font-family: inherit; font-size: inherit; -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{ padding: 12px 5px 14px 5px; }
input, textarea, select { padding: 14px 5px; }
table button, table input, table textarea, table .selectwrapper { width: 100%; }
button,
.filebutton { white-space: nowrap; }
.filebutton { display: inline-block; padding: 14px 5px 14px 5px; text-align: center; }
textarea { font-size: 1.11em; resize: vertical; height: 7em; min-height: 6em; }
textarea.f_chat { height: 5em; min-height: 4em; padding: 4px 6px; }
select { font-size: 0.9em; }
option { background-color: var(--formoptionBackColor); }
input::-ms-clear { display: none; }
:-ms-input-placeholder { color: var(--formfieldplaceholderTextColor); }
::placeholder { color: var(--formfieldplaceholderTextColor); }
.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

input::-ms-clear {  display: none; width : 0; height: 0; }
input::-ms-reveal {  display: none; width : 0; height: 0; }
input::-webkit-clear-button {  display: none; width : 0; height: 0; }

xinput[type="search"]::-webkit-search-decoration,
xinput[type="search"]::-webkit-search-cancel-button,
xinput[type="search"]::-webkit-search-results-button,
xinput[type="search"]::-webkit-search-results-decoration { display: none; }

.f_txt {}
.mo-forms-pseudocheckbox,
.mo-forms-pseudoradiobutton,
.f_fie { background-color: var(--formfieldBackColor); border: 1px solid var(--formfieldBorderColor); }
.f_but { background-color: var(--formbuttonsBackColor); border: 1px solid var(--formbuttonsBackColor); color: var(--formbuttonsTextColor); }
.f_but:hover { background-color: var(--formbuttonsHoverBackColor); border: 1px solid var(--formbuttonsHoverBackColor); }
.f_but:active { background-color: var(--formbuttonsActiveBackColor); border: 1px solid var(--formbuttonsActiveBackColor); }
.f_but_file { background-color: var(--filebuttonsBackColor); border: 1px solid var(--filebuttonsBorderColor); color: var(--filebuttonsTextColor); }
.f_but_file:hover { background-color: var(--filebuttonsHoverBackColor); border: 1px solid var(--filebuttonsHoverBorderColor); }
.f_but_file:active { background-color: var(--filebuttonsActiveBackColor); border: 1px solid var(--filebuttonsActiveBorderColor); }

.f_separator { border-bottom: 1px solid var(--formseparatorBorderColor); margin: 10px 1%; }

.add_but { display: inline-block; background-color: transparent; border: 0; padding: 0px; height: 22px; width: 22px; background: url(images/image_plus-18.png) no-repeat center center transparent; }

.edit_but { display: inline-block; background-color: transparent; border: 0; padding: 0px; height: 22px; width: 22px; background: url(images/image_pen-18.png) no-repeat center center transparent; }
.edit_but:hover { background-image: url(images/image_pen-18_gray.png); }

.copy_but { display: inline-block; cursor: pointer; background-color: transparent; border: 0; padding: 0px; height: 22px; width: 22px; background: url(images/image_copy-18.png) no-repeat center center transparent; }
.copy_but:hover { background-image: url(images/image_copy-18_gray.png); }

.pagecaption { font-size: 2.0em; line-height: 1em; margin: 0px 2px 14px 2px; text-align: center; }
.pagesubcaption { font-size: 1.6em; line-height: 1em; margin: 0px 2px 14px 2px; text-align: center; }
.caption { font-size: 1.8em; line-height: 1.8em; margin: 10px 2px; color: var(--captionTextColor); border-bottom: 1px solid var(--captionBorderbottomColor); }
.captionsub { font-size: 1.2em; line-height: 1.6em; }
.captionsubsub { font-size: 1.0em; line-height: 1.4em; }
.captionfilledline { margin: 0 2px; padding: 4px 6px; border-radius: 8px; background-color: var(--captionfilledlineBackColor); }
.text { margin: 0 2px 0.25em 2px; }
.textpara { margin: 1em 2px; }
.texthint { color: var(--texthintTextColor); }

.scrLink { text-decoration: underline; cursor: pointer; }

xdiv { overflow: hidden; }
div.container { margin: 0px auto; position: relative; }
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: 2em; padding: 0px 6px; font-size: 2em; text-align: right; border-bottom: 3px solid var(--headerBorderbottomColor); background: var(--headerIcon); background-size: auto 90%; }
div.container_header span { vertical-align: middle; }
div.container_main { min-height: 360px; padding: 10px 1%; text-align: left; position: relative; }
div.container_main_fixedwrapp { margin-bottom: 80px; transition: margin-bottom .25s ease-in-out; }
div.container_main_fixedwrapp_open { margin-bottom: 122px; }
div.container_footer { width: 100%; height: 80px; position: relative; transition: height .25s ease-in-out; background-color: var(--footerBackColor); }
div.container_footer_open { height: 122px; }
div.container_footer_fixed { position: fixed; bottom: 0; }
div.container_footer .menulinks { height: 34px; overflow: visible; position: absolute; }
div.container_footer .menulinks_first { top: 10px; left: 0; right: 0; }
div.container_footer .menulinks_second { top: 52px; left: 0; right: 0; transition: height .25s ease-in-out; overflow-y: hidden; }
div.container_footer .menulinks_second_closed { height: 0; }
div.container_footer .langs { bottom: 34px; color: var(--footerlangsTextColor); text-transform: uppercase; font-size: 0.85em; }
div.container_footer .legals { bottom: 4px; color: var(--footerlegalsTextColor); }
div.container_footer .langs,
div.container_footer .legals { height: 24px; overflow: auto; position: absolute; left: 0; right: 0; }
div.container_footer .langs a,
div.container_footer .legals a { display: inline-block; margin: 0 4px; padding: 0 4px; }
div.container_footer .langs a:hover { background-color: var(--footerlangsHoverBackColor); }
div.container_footer .legals a:hover { background-color: var(--footerlegalsHoverBackColor); }
div.container_message { text-align: center; padding: 20px; color: var(--messageTextColor); }
div.container_message .messageerror { color: var(--messageerrorTextColor); }

div.menulinks a { margin: 0 8px; padding: 4px 10px 6px 10px; display: inline-block; background-color: var(--menubuttonsBackColor); color: var(--menubuttonsTextColor); }
xdiv.menulinks a.menulinks_item { min-width: 75px; }
div.menulinks a#menulinks_handle_secondlevel { min-width: 25px; }
div.menulinks a.curPage { background-color: var(--menubuttonscurpageBackColor); }
div.menulinks a:hover { background-color: var(--menubuttonsHoverBackColor); }
div.menulinks a:active { background-color: var(--menubuttonsActiveBackColor); }
div.menulinks span { vertical-align: middle; }

div.pagelinks a { margin: 8px auto; padding: 8px 10px 10px 10px; display: block; overflow: hidden; max-width: 240px; text-align: center; background-color: var(--pagebuttonsBackColor); color: var(--pagebuttonsTextColor); }
div.pagelinks a:hover { background-color: var(--pagebuttonsHoverBackColor); }
div.pagelinks a:active { background-color: var(--pagebuttonsActiveBackColor); }
div.pagelinks span { vertical-align: middle; }

div.container_section {  }
div.container_sectioncaption { overflow: hidden; }

div.container_text { padding: 10px 4px 20px 4px; }
div.container_text_fullscreen { padding: 10px 4px 0px 4px; }

div.container_tablewrapper { overflow-x: auto; }

div.container_flowtext { padding: 0em 0.5em 2em 0.5em; }
div.container_flowtext p { margin-top: 0.5em; }
div.container_flowtext a { color: var(--textLinkTextColor); }
div.container_flowtext a:hover { text-decoration: underline; }

div.container_text table { border-collapse: collapse;  margin: 10px 2px; text-align: center; }
div.container_text th.tablecaption { text-align: center; background-color: var(--tablecaptionheaderBackColor); }
div.container_text .plan_setmaster th { background-color: var(--tableheadersetmBackColor); }
div.container_text .plan_setmaster td { background-color: var(--tablerowsetmBackColor); }
div.container_text .plan_sets th { background-color: var(--tableheadersetsBackColor); }
div.container_text .plan_sets td { background-color: var(--tablerowsetsBackColor); }
div.container_text .plan_bovs th { background-color: var(--tableheaderbovsBackColor); }
div.container_text .plan_bovs td { background-color: var(--tablerowbovsBackColor); }
div.container_text th,
div.container_text td { padding: 0 5px; }
div.container_text tr { height: 2.5em; }

div.container_text .plan_setmaster th.st_brdr_thin_bot { border-bottom: 1px solid rgba(0, 0, 0, .4); }
div.container_text .plan_setmaster th.st_brdr_thin_rgt { border-right: 1px solid rgba(0, 0, 0, .4); }
div.container_text .plan_setmaster td.st_brdr_thin_bot { border-bottom: 1px solid rgba(0, 0, 0, .2); }
div.container_text .plan_setmaster td.st_brdr_thin_rgt { border-right: 1px solid rgba(0, 0, 0, .2); }
div.container_text .plan_sets img.progresslink { vertical-align: middle; cursor: pointer; }
div.container_text .plan_sets img.progresslink:hover { opacity: 0.6; }
div.container_text .plan_sets th.st_brdr_thin_bot { border-bottom: 1px solid rgba(0, 0, 0, .1); }
div.container_text .plan_sets th.st_brdr_thin_rgt { border-right: 1px solid rgba(0, 0, 0, .2); }
div.container_text .plan_sets td.st_brdr_thin_bot { border-bottom: 1px solid rgba(0, 0, 0, .1); }
div.container_text .plan_sets td.st_brdr_thin_rgt { border-right: 1px solid rgba(0, 0, 0, .2); }
div.container_text .plan_bovs th.st_brdr_thin_bot { border-bottom: 1px solid rgba(0, 0, 0, .1); }
div.container_text .plan_bovs th.st_brdr_thin_rgt { border-right: 1px solid rgba(0, 0, 0, .2); }
div.container_text .plan_bovs td.st_brdr_thin_bot { border-bottom: 1px solid rgba(0, 0, 0, .1); }
div.container_text .plan_bovs td.st_brdr_thin_rgt { border-right: 1px solid rgba(0, 0, 0, .2); }
div.container_text .st_brdr_thick_bot { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: var(--bodyBackColor); } /* needs to have body color */

div.container_text .plan_setmaster .imgwrapper { margin-top: 5px; }

div.container_text .st_crnr_toplft { border-top-left-radius: 8px; }
div.container_text .st_crnr_toprgt { border-top-right-radius: 8px; }
div.container_text .st_crnr_botrgt { border-bottom-right-radius: 8px; }
div.container_text .st_crnr_botlft { border-bottom-left-radius: 8px; }

div.container_text .counts { margin: 2px 0; }
div.container_text .counts span { display: inline-block; margin: 2px 3px; padding: 0 4px 1px 4px; text-align: center; border-radius: 4px; font-size: 0.9em; white-space: nowrap; background-color: var(--textplancountsBackColor); }

.linkbuttons { margin: 0px 2px; padding: 4px 5px 6px 5px; display: inline-block; background-color: var(--linkbuttonsBackColor); color: var(--linkbuttonsTextcolor); }
.linkbuttons span { vertical-align: middle; }
.linkbuttons:hover { background-color: var(--linkbuttonsHoverBackColor); }
.linkbuttons:active { background-color: var(--linkbuttonsActiveBackColor); }

div.container_flyingbuttons { position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: visible; }
div.container_flyingbuttons_session { position: absolute; right: 0; top: 6px; overflow: visible; }
div.container_displacingbuttons { margin: 2px 0 20px 0; text-align: right; overflow: visible; }
div.container_displacingbuttons_nospace { margin: 2px 0 -14px 0; text-align: right; overflow: visible; }
div.container_displacingbuttons_session { margin: 12px 0 2px 0; text-align: right; overflow: visible; float: right; }

div.container_flyingmaillink { position: absolute; right: 1%; top: 0; font-size: 2em; padding: 2px; }

div.container_log .logcaption p { margin: 5px 0; }
div.container_log .logentries { font-family: Inconsolata; font-size: 13px; margin: 20px auto; max-width: 100%; }
div.container_log .logentries p { margin: 2px 0; border-bottom: 1px solid #cccccc; }
div.container_log .logentries p span { display: inline-block; }
xdiv.container_log .logentries p span.l_thisuser { min-width: 8em; }
xdiv.container_log .logentries p span.l_otheruser { min-width: 4em; }
xdiv.container_log .logentries p span.l_logtypename { min-width: 8em; }

div.container_listline { margin: 6px 0; overflow: visible; display: flex; }
div.container_listline .linetext { margin: 18px 12px; }
div.container_listline .linetext .plantype { display: inline-block; padding: 0 4px 1px 4px; margin: 0 0 4px 0; border-radius: 4px; font-size: 0.75em; background-color: var(--lineplantypeBackColor); color: var(--lineplantypeTextColor); }
div.container_listline .listline_full,
div.container_listline .listline_front,
div.container_listline .listline_end3 { padding: 2px 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: inline-block; vertical-align: middle; display: inline-flex; align-items: center; }
div.container_listline .listline_full { width: 100%; }
div.container_listline .listline_front { width: 58%; }
div.container_listline .listline_full,
div.container_listline .listline_front { background-color: var(--listlinefrontBackColor); }
div.container_listline .listline_end3 { width: 14%; margin-left: 1%; text-align: center; justify-content: center; background-color: var(--listlineendBackColor); }
div.container_listline .listline_end3:hover,
div.container_listline .listline_full:hover { cursor: pointer; }
div.container_listline .listline_full:hover { background-color: var(--listlinefrontHoverBackColor); }
div.container_listline .listline_end3:hover { background-color: var(--listlineendHoverBackColor); }
div.container_listline .listline_full:active { background-color: var(--listlinefrontActiveBackColor); }
div.container_listline .listline_end3:active { background-color: var(--listlineendActiveBackColor); }
div.container_listline .listline_withimg { padding-right: 120px; }
div.container_listline .listline_withimg .imgwrapper { display: flex; position: absolute; top: 5%; right: 1%; height: 90%; overflow: visible; align-items: center; }
div.container_listline .listline_withimg .imgwrapper img {  }

div.container_listline .counts { margin: 2px 0 2px auto; padding: 0 0 0 5px; display: flex; align-items: center; flex-direction: column; justify-content: center; }
div.container_listline .counts span { width: 100%; padding: 0 4px 1px 4px; margin: 1px 0; text-align: center; border-radius: 4px; font-size: 0.85em; white-space: nowrap; background-color: var(--lineplancountsBackColor); }

div.container_timelineline .timelinecaption,
div.container_timelineline .timelinedata { padding: 6px 10px; border-radius: 8px; }
div.container_timelineline .timelinecaption { margin: 10px 0 0 0; font-size: 1.4em; background-color: var(--timelinecaptionBackColor); }
div.container_timelineline .timelinedata { margin: 2px 0 0 0; background-color: var(--timelinedataBackColor); } 

div.container_detailstext { padding: 10px 4px 20px 4px; }
div.container_details { display: flex; flex-wrap: wrap; }
div.container_details div { overflow: visible; }
div.container_detailbox { display: inline-block; width: 32%; min-height: 14em; margin: 0.5%; padding: 6px 6px 20px 6px; vertical-align: top; border: 1px solid #bbbbbb; border-radius: 8px; }
div.container_detailbox .detailcaption p { margin: 5px 0; font-size: 1.2em; }
div.container_detailbox .detailcontent { display: flex; justify-content: space-between; max-height: 12em; }
div.container_detailbox .detailcontent .detailimage { text-align: right; }
div.container_detailbox .detailcontent img { max-width: 100%; max-height: 100%; }
div.container_detailbox .detailcontent table { border-collapse: collapse; }
div.container_detailbox .detailcontent table td { padding-right: 5px; white-space: nowrap; }
div.container_detailbox .detailfooter { position: absolute; bottom: 2px; left: 4px; font-size: 0.8em; }

div.container_session { margin: 0 0 15px 0; }
div.container_session table { display: inline-block; vertical-align: top; }
div.container_session_data { float: left; min-height: 70px; }
div.container_session .clearer { clear: all; }

div.container_sessioninfo table { margin: 20px auto; }

div.container_progress_img { display: inline-block; max-width: 100%; }
div.container_progress_img img { max-width: 400px; display: block; margin: 0 auto; }
div.container_progress_img p { max-width: 400px; }
div.container_progress_img .sessionlink { font-size: 1.5em; font-weight: 700; cursor: pointer; }
div.container_progress_img .sessionlink:hover { opacity: 0.6; }

div.container_item { max-width: 400px; margin: 0 auto; overflow: visible; }
div.container_item_wide { max-width: 600px; }

div.container_item p { margin: 0.6em 1%; }

div.container_item p.infotext { font-size: 1.4em; /*branding*/ }
div.container_item p.infotextsub { font-size: 0.9em; line-height: 1.4em; }
div.container_item p.infotextsubsub { font-size: 0.9em; line-height: 1.4em; padding-left: 0.5em; }
div.container_item img.img_exe { display: block; margin: 30px auto; max-width: 100%; }

div.container_item a { color: var(--textLinkTextColor); }
div.container_item a:hover { text-decoration: underline; }

div.container_chat_outer { max-width: 400px; margin: 0 auto; }
div.container_chat_inner { margin: 0 1%; border-radius: 8px; border: 1px solid var(--chatcontainerBorderColor); background-color: var(--chatcontainerBackColor); overflow: hidden; }

div.container_chat { scrollbar-width: thin; scrollbar-color: var(--chatscrollbarHandleColor) var(--chatscrollbarBackColor); }
div.container_chat::-webkit-scrollbar { width: 11px; }
div.container_chat::-webkit-scrollbar-track { background: var(--chatscrollbarBackColor); }
div.container_chat::-webkit-scrollbar-thumb { background-color: var(--chatscrollbarHandleColor); border-radius: 6px; border: 3px solid var(--chatscrollbarBackColor); }

div.container_chat { max-height: calc(100vh - 420px); min-height: 200px; overflow-y: auto; }
div.container_chat div.messagewrapper { margin: 0.6em 1%; }
div.container_chat div.own { text-align: right; }
div.container_chat div.reply { text-align: left; }
div.container_chat .messagebox { display: inline-block; background-color: var(--chatmessageBackColor); padding: 3px 6px; border-radius: 4px; max-width: 80%; }
div.container_chat .name { font-size: 0.9em; font-weight: 600; }
div.container_chat .datetime { font-size: 0.75em; opacity: 0.75; }
div.container_chat .message { display: inline-block; margin-top: 0.1em; text-align: left; }

.chatcountmarker { position: absolute; top: -3px; right: -2px; padding: 0 4px; border-radius: 4px; font-size: 0.9em; background-color: var(--chatcountmarkerBackColor); }

.f_labelwrapper,
.f_fieldwrapper { margin: 6px 1%; overflow: visible; position: relative; }
.f_fieldwrapper .inline { display: inline-block; }

.f_buttonwrapper { margin: 10px 1%; }
.f_buttonwrapper button span { vertical-align: middle; }

.f_checkboxwrapper { margin: 6px 0; }
.f_checkboxwrapper.disabledClass { opacity: 0.4; }
.f_checkboxwrapper { white-space: nowrap; text-align: left; }
.f_checkboxwrapper .imgwrapper { display: inline-block; vertical-align: middle; margin-right: 5px; }
.f_checkboxgroupouterwrapper.centered { text-align: center; vertical-align: top; }
.f_checkboxgroupouterwrapper.centered .f_checkboxgroupinnerwrapper { display: inline-block; text-align: left; vertical-align: top; }

.f_fieldwrapper .filebutton.single,
.f_fieldwrapper textarea,
.f_labelwrapper label.fieldtext { width: 100%; }
.f_labelwrapper label.fieldtext { display: block; font-weight: 600; font-size: 0.95em; }

.f_fieldwrapper .iconinlinedelete { position: absolute; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
.f_fieldwrapper .iconinlinedelete a { display: inline-block; font-size: 1.25em; padding: 10px; cursor: pointer; opacity: 70%; }
.f_fieldwrapper .iconinlinedelete_hidden { display: none; }

.f_inlinewrapper { display: inline-block; vertical-align: top; position: relative; }
.f_inlinewrapper button,
.f_inlinewrapper input { width: 100%; }
.f_inlinewrapper.single { width: 100%; }
.f_inlinewrapper.singleminusinfo { width: 76%; vertical-align: middle; }
.f_inlinewrapper.singleminusx { width: 90%; vertical-align: middle; }
.f_inlinewrapper.singleinfo { width: 20%; display: inline-block; margin: 0 0 0 2%; vertical-align: middle; }
.f_inlinewrapper.double { width: 49%; margin: 0 1%;  }
.f_inlinewrapper.double:first-child { margin-left: 0; }
.f_inlinewrapper.double:last-child { margin-right: 0; }
.f_inlinewrapper.triple { width: 32%; margin: 0 1%; }
.f_inlinewrapper.triple:first-child { margin-left: 0; }
.f_inlinewrapper.triple:last-child { margin-right: 0; }
.f_inlinewrapper.quadruple { width: 23.5%; margin: 0 1%; }
.f_inlinewrapper.quadruple:first-child { margin-left: 0; }
.f_inlinewrapper.quadruple:last-child { margin-right: 0; }

.f_inlinewrapper .smallplaceholder { position: absolute; top: 1px; right: 5px; font-size: 0.75em; opacity: 0.5; }
.xf_inlinewrapper .smallplaceholderinner { margin: -50%; }
.f_inlinewrapper .smallplaceholder_hidden { display: none; }

.wraplabel,
.wraperror,
.wrapjinput { overflow: visible; position: relative; }
.wrapresultbox { position: relative; overflow: visible; transition: max-height .25s ease-in-out; }
.wrapresultbox { max-height: 10em; }


.mo-forms-pseudobase
{
	opacity: 0;
	width: 0;
	margin: 0;
}
.mo-forms-pseudolabel
{
	display: inline-block;
	max-width: 86%;
	margin: 0px 5px;
	white-space: initial;
}
.mo-forms-pseudocheckbox,
.mo-forms-pseudoradiobutton
{
	cursor: pointer;
	display: inline-block;
	width: 25px;
	height: 25px;
	position:relative;
}
.mo-forms-pseudoradiobutton
{
	-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
}
.mo-forms-pseudocheckbox,
.mo-forms-pseudocheckbox:after,
.mo-forms-pseudoradiobutton,
.mo-forms-pseudoradiobutton:after,
.mo-forms-pseudolabel
{
	vertical-align: middle;
}
.mo-forms-pseudocheckbox:after,
.mo-forms-pseudoradiobutton:after
{
	opacity: 0;
	content: '';
	display: block;
	margin: 7px;
	background: transparent;
	vertical-align: middle;
}
.mo-forms-pseudocheckbox:after
{
	width: 9px;
	height: 5px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-o-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	transform: rotate(-50deg);
}
.mo-forms-pseudoradiobutton:after
{
	width: 9px;
	height: 9px;
	background-color: #333;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.mo-forms-pseudocheckbox:hover.mo-forms-pseudocheckbox:after,
.mo-forms-pseudoradiobutton:hover.mo-forms-pseudoradiobutton:after
{
	opacity: 0.1;
}
.mo-forms-pseudobase:checked + label.mo-forms-pseudocheckbox:after,
.mo-forms-pseudobase:checked + label.mo-forms-pseudoradiobutton:after
{
	opacity: 1;
}


select
{
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select::-ms-expand {
     display: none;
}
 
.selectwrapper {
  position: relative;
  width: 100%;
}

.selectwrapper select
{
	width: 100%;
}
 
.selectwrapper:after {
    content: '\22C1';
    font-size: 16px;
    font-weight: 600;
    color: #888888;
	background-color: #ffffff;
    transform: scale(1.2, 1);
    right: 6px;
    top: 6px;
    height: 30px;
    padding: 6px 8px 0px 8px;
    border-left: 1px solid #D4D9DB;
    position: absolute;
    pointer-events: none;
}

.pseudoselectplaceholder,
.pseudooptionplaceholder
{
	color: #444444 !important;
}
.pseudoselectplaceholder option
{
	color: #38100C;
}


@media print {

/*	
	@page { margin: 0;  }
	html { padding: 3em; }
*/
	
	.caption { line-height: 1em; margin: 0 2px; }

	div.container_details { display: block; }
	div.container_detailtext { padding: 0px 4px 12px 4px; }

	div.container_detailbox { width: 49%; }
	div.container_detailbox .detailcontent { max-height: 10em; }

	div.container_header,
	div.container_footer,
	#js_res_overlay,
	div.container_flyingbuttons,
	div.container_displacingbuttons { display: none; }

	div.container_main { margin: 0; padding: 0; overflow: visibile; }
}


@media screen and (max-width: 680px) {

	div.container_detailbox { width: 49%; }
}
@media screen and (max-width: 680px) {

	body { font-size: 13px; }
	xdiv.container_flyingbuttons_session { top: 28px; }
	.selectwrappernosmallarrow:after { content: ''; height: 0; width: 0; border-left: 0; }
}
@media screen and (max-width: 540px) {

	.pagecaption { text-align: initial; }

	.smltable { position: relative; top: initial; left: initial; }
	.bigtable { position: absolute; top: -9999px; left: -9999px; }
	.xsmltable { display: table; }
	.xbigtable { display: none; }

	div.container_text { padding: 4px 2px 20px 2px; }
	div.container_text_fullscreen { padding: 4px 2px 0px 2px; }

	div.container_text table { margin-left: auto; margin-right: auto; display: table; min-width: 100%; }
	div.container_text th,
	div.container_text td { padding: 0 1px; }

	div.container_progress_img { display: block; }

	div.container_flyingbuttons { top: 26px; }

	div.container_session_data { float: none; }
	div.container_displacingbuttons_session { float: none; text-align: center; }
}
@media screen and (max-width: 500px) {

	div.container_progress_img img { max-width: 100%; }
	
	body { font-size: 12px; }
	div.container_header { font-size: 1.8em; }

	div.container_text .plan_setmaster { font-size: 0.9em; }

    .selectwrapper:after { height: 28px; padding: 6px 8px 0px 8px; }

	div.menulinks a { margin: 0 6px; padding: 4px 6px 6px 6px; }

	div.container_detailbox { width: 99%; }

	div.container_listline .linetext { margin: 12px 6px; }

	div.container_listline .listline_withimg { padding-right: 70px; }
	div.container_listline .listline_withimg img { max-width: 50px; }

	div.container_chat { max-height: calc(100vh - 380px); }
}
@media screen and (max-width: 400px) {

	xdiv.menulinks a.menulinks_item { min-width: 18%; }

	div.container_chat { max-height: calc(100vh - 340px); }
}
@media screen and (max-width: 358px) {

	body { font-size: 11px; }

	div.menulinks a { margin: 0 4px; padding: 4px 6px 6px 6px; }

	div.container_listline .linetext { margin: 12px 0px; }
}
@media screen and (max-width: 330px) {

	div.menulinks a { margin: 0 4px; padding: 4px 3px 6px 3px; }
	div.container_footer .legals a { margin: 0 2px; padding: 0 2px; }
}

@media screen and (max-height: 400px) {

	div.container_main_fixedwrapp { margin-bottom: 0; }
	div.container_footer_fixed { position: relative; }
}