@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, .filebutton, 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, .filebutton, input, textarea, select { border: 0px; padding: 10px 5px; font-size: inherit; font-family: inherit; }
.filebutton { display: inline-block; text-align: center; }
table button, table input, table textarea, table .selectwrapper { width: 100%; }
textarea { font-size: 1.11em; resize: vertical; }
select { font-size: 0.9em; }
option { background-color: #ffffff; }
input::-ms-clear { display: none; }
:-ms-input-placeholder { color: #A0A0A0; }
::placeholder { color: #A0A0A0; }

table { border-collapse: collapse; }

table.itemtable tr.caption td { padding: 20px 0.5% 10px 0.5%; }
table.itemtable tr.view td { xword-wrap: break-word; cursor: pointer; }
table.itemtable tr.view td.view_name { padding: 10px 5px 10px 10px; min-width: 70px; max-width: 300px; }
table.itemtable tr.view td.view_newwin { padding: 5px; width: 20px; color: #999999; font-weight: 600; }
table.itemtable tr.view td.view_newwin:hover { background-color: #99999922; }
table.itemtable tr.view td.view_description { padding: 10px 5px 10px 5px; min-width: 70px; }
table.itemtable tr.view td.view_open { text-align: center; vertical-align: middle; height: 44px; }
table.itemtable tr.view td.view_delete { text-align: center; }
table.itemtable tr.ishidden { display: none; }
table.itemtable tr.imptnt { outline: solid 2px #B22222; outline-offset: -1px; }

table.addtable { padding: 8px 0; }
table.addtable tr td { padding: 2px 0.5%; }
table.edittable tr td { padding: 8px 0.5%; }

table.edittable tr,
table.itemtable tr { border-bottom: 1px solid #999999; }
table.edittable tr:last-child,
table.itemtable tr:last-child { border-bottom: 0; }


.f_fie { background-color: #FFFFFF; }
.f_fie.login,
.f_fie.add,
.f_fie.editlist,
.f_fie.editsingleitem,
.f_fie.filter { border: 1px solid #999999; }
.f_fie.edititem {  }
.f_fie.filter { width: 99%; margin: 0.5%; }
.f_fie.filter.hidden { display: none; }
.filter_handle { position: absolute; bottom: 5px; right: 3px; cursor: pointer; }
.filter_handle.hidden { display: none; }
.f_but { background-color: #e67e22; border: 1px solid #e67e22; color: #fae4d1; }
.f_but:hover { background-color: #b86114; border: 1px solid #b86114; color: #fae4d1; }
.f_but:active { background-color: #733c0d; border: 1px solid #733c0d; color: #fae4d1; }
.f_but.abspos { padding: 0; }
.f_but.fullspace { position: absolute; top: 2px; bottom: 2px; left: 1%; width: 98%; }
.f_fie_center { text-align: center; }

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: #cf6d17; 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.container_lists { overflow-x: auto; padding: 4px 0 10px 0; }
div.container_lists table { width: 100%; }
div.container_lists td { position: relative; }
div.container_lists .liststati { display: block; margin: 3px 0; text-align: center; line-height: 0.6em; vertical-align: middle; }
div.container_lists .liststati .stus { display: inline-block; white-space: nowrap; vertical-align: middle; padding: 2px 0; width: 54px; font-size: 0.6em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

div.container_listheader_view,
div.container_listheader_edit { width: 100%; position: relative; }
div.container_listheader_view { padding: 0 65px 0 0; }
div.container_listheader_edit .savebutton { position: absolute; top: 0; right: 0; width: 19%; height: 54%; }
div.container_listheader_edit .cancelbutton { position: absolute; bottom: 0; right: 0; width: 19%; height: 40%; }
div.container_listinfo_view,
div.container_listinfo_edit { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #333333; display: inline-block; vertical-align: middle; }
div.container_listinfo_view { padding: 8px 1.5%; width: 100%; position: relative; }
div.container_listinfo_edit { padding: 8px 1%; width: 80%; }
div.container_listinfo_view div { vertical-align: middle; }
div.container_listinfo_view p { margin: 2px 20px 2px 0; display: inline-block; vertical-align: middle; }
div.container_listinfo_edit span { display: inline-block; padding: 0.3%; }
div.container_listinfo_edit input,
div.container_listinfo_edit .selectwrapper { width: 100%; }
div.container_listinfo_edit span.listedit_name { width: 60%; }
div.container_listinfo_edit span.listedit_description { width: 60%; }
div.container_listinfo_edit span.listedit_group { width: 40%; }
div.container_listinfo_edit span.listedit_listtype { width: 40%; }
div.container_listitems { padding: 1% 1px; overflow-x: auto; }
div.container_listitems table { width: 100%; }
div.container_listitems textarea { height: 5.2em; min-height: 3em; }
div.container_listitems td { position: relative; }
div.container_listitems td .stus { position: absolute; bottom: 0; right: 0; white-space: nowrap; padding: 1px 2px; font-size: 0.6em; color: #999999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
div.container_listitems td .piccnt { position: absolute; top: 2px; right: 3px; white-space: nowrap; padding: 1px 3px; min-width: 1.5em; text-align: center; font-size: 0.6em; color: #888888; background-color: #66666622; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
div.container_add table { width: 100%; }
div.container_add table .add_button { text-align: center; position: relative; }
div.container_item { max-width: 600px; margin: 0 auto; }
div.container_item p { margin: 10px 0; }
div.container_item p .single,
div.container_item p textarea,
div.container_item p.selectwrapperalways { width: 98%; margin: 0px 1%; }
div.container_item p textarea { height: 14em; min-height: 6em; }
div.container_item p .double { width: 48%; margin: 0px 1%; }
div.container_item p .triple { width: 31.33%; margin: 0px 1%; }
div.container_item p.infotext { padding: 0px 1%; }
div.container_item p.infotextsub { padding: 0px 1%; font-size: 0.8em; line-height: 1.4em; }
div.container_item .upload_container { text-align: center; }
div.container_item .upload_input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
div.container_item .upload_output_container { display: inline-block; margin: 5px 0 0 0; }
div.container_item .upload_thumb_wrapper { position: relative; display: inline-block; vertical-align: top; margin: 6px; }
div.container_item .upload_thumb { max-width: 100px; max-height: 100px; cursor: pointer; }
div.container_item .upload_thumb_del { position: absolute; right: -8px; top: -8px; cursor: pointer; padding: 0 4px; background-color: #dd333399; border-radius: 2px; font-weight: 600; }
div.container_import { max-width: 400px; margin: 20px auto; }
div.container_import table { width: 100%; }
div.container_addbutton { width: 50px; height: 50px; position: fixed; bottom: 70px; right: 10px; background-color: #e67e22; line-height: 40px; text-align: center; font-size: 50px; color: #EEEEEE; font-weight: 600; cursor: pointer; display: none; }
div.container_addbutton { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; opacity: 0.8; filter: alpha(opacity=80); }

div.container_lists td .newwin,
div.container_listitems td .newwin { position: absolute; top: calc(50% - 12px); right: 0; white-space: nowrap; margin: 1px; padding: 2px 5px; color: #999999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
div.container_lists td .newwin:hover,
div.container_listitems td .newwin:hover { background-color: #99999922; }
div.container_listitems .checkboxwrapper { text-align: center; margin-top: 5px; }

div.container_search { text-align: center; }
div.container_search p { margin: 10px 0; }
div.container_search input,
div.container_search button { margin: 0 2px; }
div.container_search button { padding: 10px 10px; }

.file_content { max-width: 100%; margin: 5px 0; }
.file_content img { cursor: zoom-out; }
.file_content.file_content_matchscreen img { max-width: 100%; max-height: 1000px; cursor: zoom-in; }

#file_content_overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow-x: scroll; overflow-y: scroll; background-color: #333; text-align: center; }
#file_content_overlay #closer { position: absolute; top: 8px; right: 16px; padding: 5px 10px; cursor: pointer; background-color: #ffffff55; border-radius: 5px; }
#file_content_overlay #arrow_left { position: absolute; top: 50%; left: 0px; cursor: pointer; font-size: 4em; padding: 10px 25px; }
#file_content_overlay #arrow_right { position: absolute; top: 50%; right: 0px; cursor: pointer; font-size: 4em; padding: 10px 25px; }
#file_content_overlay .arrow_hidden { display: none; }

#file_content_overlay .file_caption_nme { margin: 0 0 5px 0; }
#file_content_overlay .file_caption_typ { color: #aaa; }
#file_content_overlay .file_caption_gen,
#file_content_overlay .file_caption_src,
#file_content_overlay .file_caption_subsrc { color: #ccc; }
#file_content_overlay .textfile { color: #ddd; }


div.links a { background-color: #2e1805; color: #fcf2e8; margin: 0px 10px; padding: 6px 10px; display: inline-block; }
div.links a.curPage { background-color: #2e1805; }
div.links a:hover { background-color: #733c0d; color: #fcf2e8; }
div.links a:active { background-color: #eb9447; color: #452408; }

a.listbutton { border: 1px solid #BBBBBB; padding: 3px; background-color: #DDDDDD; color: #666666; vertical-align: middle; }
a.listbutton:hover { background-color: #BBBBBB; color: #444444; }
a.listbutton:active { border: 1px solid #999999; background-color: #999999; color: #222222; }

a.celllink { color: #3498DB; font-size: 0.9em; }
a.celllink:hover { color: #21618C; }
a.celllink:active { color: #1b2631; }

.view_caption { font-weight: 700; }
.view_name,
.edit_name input { font-weight: 600; }
.view_name,
.edit_name { xwidth: 25%; }
.view_status,
.edit_status { white-space: nowrap; }
.searchhighlight { background-color: #ffcc66; }

span.name { font-size: 1.5em; font-weight: 600; }
span.description {  }
span.date { font-size: 0.75em; }
span.usergroup {  }

.burgermenuicon { cursor: pointer; position: absolute; top: 50%; right: 0; bottom: 0; margin: -30px 0 0 0; width: 60px; height: 60px; }
.xburgermenulist { overflow: hidden; transition: all .25s ease-in-out; line-height: 0; text-align: center; }
.xburgermenulist a {	transition: all .25s ease-in-out; display: inline-block; margin: 0 1%; padding: 0 1em; background-color: #e67e22; color: #fae4d1; }
.xburgermenulist a:hover { background-color: #b86114; color: #fae4d1; }
.xburgermenulist a:active { background-color: #733c0d; color: #fae4d1; }
.xburgermenulist a.two { width: 48%; }
.xburgermenulist a.three { width: 31.3%; }
.xchangeburgermenulist { margin: 0.5% 0;	line-height: 1; }
.xchangeburgermenulist a { margin: 1%; padding: 1em; }

.burgermenulist { overflow: hidden; transition: all .25s ease-in-out; max-height: 0; margin: 0.5% 0;text-align: center; }
.burgermenulist a {	display: inline-block; margin: 0.5%; padding: 1em; background-color: #e67e22; color: #fae4d1; }
.burgermenulist a:hover { background-color: #b86114; color: #fae4d1; }
.burgermenulist a:active { background-color: #733c0d; color: #fae4d1; }
.burgermenulist a.two { width: 49%; }
.burgermenulist a.three { width: 32.3%; }
.changeburgermenulist { max-height: 150px; }


.mo-forms-pseudobase
{
	opacity: 0;
	width: 0;
	margin: 0;
}
.mo-forms-pseudolabel
{
	display: inline-block;
	margin: 0px 5px;
}
.mo-forms-pseudocheckbox,
.mo-forms-pseudoradiobutton
{
	cursor: pointer;
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #eee;
	border:1px solid #ddd;
	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,
.selectwrapperalways {
  position: relative;
}

.selectwrapper select,
.selectwrapperalways select
{
	width: 100%;
}

 
.selectwrapper:after,
.selectwrapperalways:after {
    content: '\22C1';
    font-size: 16px;
    font-weight: 600;
    color: #888888;
    transform: scale(1.2, 1);
    right: 11px;
    top: 6px;
    height: 26px;
    padding: 2px 3px 0px 8px;
    border-left: 1px solid #D4D9DB;
    position: absolute;
    pointer-events: none;
}

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



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

	body { font-size: 13px; }
	table tr.view td.view_open { height: 40px; }
	.selectwrapper:after { content: ''; height: 0; width: 0; border-left: 0; }

	table.itemtable tr.view td.view_name { padding: 10px 18px 10px 4px; min-width: 62px; max-width: 140px; overflow: hidden; }
	table.itemtable tr.view td.view_description { padding: 10px 2px 10px 0; min-width: 62px; width: 100%; }
}
@media screen and (max-width: 540px) {

	div.container_listinfo_view { text-align: center; }
	div.container_listinfo_view p { margin: 2px 12px 2px 0; }
}
@media screen and (max-width: 500px) {

	body { font-size: 12px; }
	div.container_header { font-size: 1.8em; }

	table.itemtable tr.view td.view_name,
	table.itemtable tr.view td.view_description { min-width: 58px; }

	div.links a { margin: 0px 6px; }
}
@media screen and (max-width: 358px) {

	body { font-size: 11px; }

	div.links a { margin: 0px 4px; }
}

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

	div.container_main { margin-bottom: 0; }
	div.container_footer { position: relative; }
	div.container_addbutton { bottom: 10px; }
}