@charset "UTF-8";
/* style no 1 "Of Mice and Men" */
/* common styles */
body {
  font-size: 75%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #2E2E2E;
  line-height: 1.4;
  background-image: url(/graphics/bg1.png);
  background-color: #FAFAFA;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

body#single {
  background-image: none;
  background-color: #FFFFFF; }

main {
  margin: 1em 0; }

div.foot {
  padding: 1em 0;
  font-size: 0.8em;
  color: #777777; }

aside {
  padding-top: 1em;
  padding-bottom: 1em;
  overflow: hidden;
  border: solid 1px #DEDEDE;
  border-radius: 5px; }

#content {
  min-height: 600px;
  padding: 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.2);
  border-radius: 4px; }

#top_bar {
  margin-bottom: 1em;
  padding: 5px;
  background-color: #FFFFFF;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 0px;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.2); }

#togleft {
  position: absolute;
  border: solid 1px #DEDEDE;
  border-left: none;
  background-image: linear-gradient(to right, #DEDEDE 0%, #FFFFFF 45%);
  border-radius: 0 12px 12px 0;
  top: -14px;
  left: -16px; }

.tact {
  background-image: linear-gradient(to right, #DEDEDE 0%, #FFFFFF 15%) !important;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); }

p {
  margin-bottom: 1em; }

p.no_margin {
  margin: 0; }

h1,
h2,
h3 {
  margin: 1em 0 1em 0; }

h1 {
  font-weight: bold;
  font-size: 1.2em; }

h2 {
  font-weight: bold;
  font-size: 1.1em; }

h3 {
  font-weight: bold;
  font-size: 1em; }

.formtitle {
  font-weight: bold;
  margin: 0 0 0.5em;
  padding: 12px;
  font-size: 1.1em;
  border: 1px solid #C0C0C0;
  border-radius: 4px;
  background-color: #ABCDFC;
  background-image: linear-gradient(to bottom, #EBEBEB 33%, #DADADA 75%); }

#logo h1 {
  margin: 10px 0 0 10px; }

ul.submen {
  margin: 0 0 1em;
  padding: 0;
  border-bottom: 1px solid #DEDEDE; }

ul#primary {
  margin: 0;
  border: 0; }

ul.submen li {
  list-style: none;
  margin-left: 0.5em; }

ul.submen > span,
ul.submen a {
  display: block;
  float: left;
  padding: 10px;
  margin: 6px 4px 0;
  font-weight: bold;
  font-size: 1em;
  text-decoration: none;
  transition: all 200ms ease-in-out 0s;
  color: #555555;
  background: #EAEAEA;
  background-image: linear-gradient(to bottom, #FAFAFA 66%, #EAEAEA 99%);
  border: 1px solid #DEDEDE;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: none;
  text-shadow: 1px 1px 0px #FFFFFF; }

ul.submen a.active {
  margin: 3px 4px 0;
  padding-bottom: 11px !important;
  background: #FFFFFF;
  border-top: 3px solid #46D0FF;
  color: #000;
  background-image: none; }

ul.submen a:active,
ul.submen a:hover,
ul.submen li a:focus {
  margin: 3px 4px 0;
  padding-bottom: 13px;
  color: #000;
  background: #FFFFFF;
  background-image: linear-gradient(to bottom, #FFFFFF 66%, #F5F5F5 99%); }

ul.menue {
  margin: 0; }

ul.menue li {
  float: left;
  list-style: none; }

ul.menue a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
  overflow: hidden;
  text-align: center;
  width: 90px;
  margin: 8px;
  height: 90px;
  padding: 5px;
  transition: all 300ms ease-in-out 0s;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); }

i.fab,
i.far,
i.fas {
  color: rgba(0, 0, 0, 0.33); }

.fa-s {
  font-size: 1em; }

i.blue {
  color: #00BFFF !important; }

i.dblue {
  color: #4682B4 !important; }

i.green {
  color: #7CDC7C !important; }

i.red {
  color: #FF6347 !important; }

i.orange {
  color: #FFC65D !important; }

i.purple {
  color: #CD83DF !important; }

i.gold {
  color: #E8C300 !important; }

i.brown {
  color: #B8860B !important; }

i.white {
  color: #FFFFFF !important; }

i.ghost {
  color: rgba(0, 0, 0, 0.1) !important; }

i.outline {
  color: #FFFFFF;
  text-shadow: -1px -1px 0 #CCC, 1px -1px 0 #CCC, -1px 1px 0 #CCC, 1px 1px 0 #CCC; }

.mess-icon {
  font-size: 3.7vw; }

ul.menue li a:active,
ul.menue li a:focus,
ul.menue li a:hover {
  margin: 1px;
  padding: 12px;
  background-color: #D9F5FF; }

.short_help {
  float: left;
  text-align: left;
  color: #777777;
  font-weight: bold; }

.menueset .short_help {
  width: 220px;
  margin: 13px 8px 0; }

.menueset {
  margin: 0 0 2em 0 !important; }

.menueset h2 {
  font-size: 1.2em;
  margin: 0; }

.menueset p {
  color: #777777;
  margin-bottom: 0.5em;
  font-weight: bold; }

.imo {
  transform: translate(-75%, 15%);
  background-color: #FFFFFF;
  border-radius: 50%; }

.count {
  display: inline-block;
  font-size: 0.7em;
  font-weight: bold;
  transform: translate(-75%, 25%);
  color: #FFFFFF;
  background-color: #FFC65D;
  padding: 2px 6px;
  border-radius: 9px; }

#sort_message {
  color: #009900; }

#colorpicker {
  margin: 1em 0; }

.pal {
  float: left;
  border: 1px solid #FFFFFF;
  width: 9%; }

.fill {
  border: 2px solid #FFFFFF; }

span.tag {
  display: inline-block;
  padding: 2px 6px;
  margin: 2px 2px 2px 1em;
  border-radius: 3px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border: 1px solid #C0C0C0;
  background-color: #E2F4F6; }

span.newTag {
  background-color: #FFFCDF; }

.editor {
  border: 1px solid #C0C0C0; }

.ed_path,
.ed_toolbar {
  background-color: #D9F5FF; }

.ed_toolbar {
  color: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid #C0C0C0; }

.ed_path {
  border-top: 1px solid #C0C0C0; }

ol,
ul {
  margin: 0.5em 0 0.5em 2em;
  font-size: 1em; }

ul.clean {
  margin: 0.5em 0;
  list-style: none; }

ul.clean li {
  margin: 0.5em; }

.hanging ul {
  margin: 0;
  list-style: none;
  width: 100%;
  position: absolute;
  z-index: 3000; }

.hanging h2,
.hanging h3 {
  margin: 0; }

.hanging a {
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 5px; }

.hanging ul a:hover {
  background-color: #C0C0C0; }

option.icons {
  background-repeat: no-repeat;
  background-position: 2px top;
  text-indent: 22px; }

option.icons2 {
  background-repeat: no-repeat;
  text-indent: 52px;
  background-position: 2px top;
  height: 48px; }

option.flag {
  background-image: url("/co_icons/flags/flags14.png");
  background-repeat: no-repeat;
  text-indent: 20px;
  width: 20em; }

.hanging {
  float: right;
  position: relative; }

.filtered:before {
  font-family: fontawesome;
  font-weight: 900;
  float: left;
  color: #E8C300;
  text-shadow: 2px 2px 2px #FFFFFF;
  content: "\f005";
  margin: 0 8px; }

.h1 {
  height: 12em;
  overflow: auto; }

.h2 {
  height: 20em;
  overflow: auto; }

a {
  text-decoration: none; }

.offsets a,
a.select {
  display: inline-block;
  background-color: #F1F1F1;
  border-radius: 50%;
  min-width: 1.6em;
  color: #777777; }

.offsets a:hover,
a.select:hover {
  color: #0888F3; }

.offsets strong,
a.selected {
  display: inline-block;
  background-color: #D9F5FF;
  border-radius: 50%;
  width: 1.6em;
  font-weight: bold;
  color: #000000; }

.collapsed {
  border: 0; }

a.as_button {
  color: #FFFFFF;
  display: inline-block;
  text-align: center;
  min-width: 8em; }

table {
  width: 100%;
  overflow: visible;
  border: 1px solid #C0C0C0;
  border-collapse: collapse;
  margin: 0.5em 0; }

table.preview th,
table.table th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: '';
  font-weight: bold;
  padding: 8px 5px;
  text-align: left;
  background-color: #DEDEDE;
  border: 1px solid #C0C0C0;
  border-collapse: collapse; }

.table tr:hover {
  background-color: #D9F5FF; }

table.table td.action {
  white-space: nowrap; }

.action a {
  padding: 3px 0;
  margin: 0 2px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px; }

.action a:hover {
  background-color: #FFFFFF; }

table.table td.tdsel {
  min-width: 0;
  white-space: nowrap; }

table.preview td,
table.table td {
  min-width: 40px;
  border: 1px solid #DEDEDE;
  padding: 5px;
  border-collapse: collapse; }

table#calendar,
table.preview {
  background-color: #FFFFFF;
  border: 1px solid #DEDEDE;
  border-collapse: collapse; }

table.preview {
  width: auto;
  min-width: 66%; }

table#calendar td,
table#calendar th {
  padding: 2px 3px;
  border: 1px solid #DEDEDE; }

table#calendar th {
  font-weight: bold;
  background-color: #DEDEDE; }

table td.human {
  font-weight: bold; }

caption {
  font-weight: bold; }

div#table {
  text-align: center; }

#table table td,
#table table th {
  min-width: 10px; }

table.tiny {
  border: 0px; }

table.tiny td, table.tiny th {
  font-size: 0.8em;
  padding: 3px;
  border: 0px; }

table.tiny td:even {
  background-color: #F1F1F1; }

table.tiny tr:nth-child(even) {
  background: #F1F1F1; }

table.tiny tr:nth-child(odd) {
  background: #F5F5F5; }

.dlg {
  display: inline-block;
  padding: 0;
  text-align: left;
  margin: 5em auto 1em auto;
  min-width: 280px;
  overflow-y: auto;
  background-color: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }

aside .dlg {
  display: block;
  min-width: inherit;
  margin: 2em auto; }

div.dlg h1,
div.dlg h2 {
  text-align: left;
  font-size: 1.2em;
  padding: 8px;
  margin: 0 0 0.5em 0;
  background-color: #CAD2D7;
  background-image: linear-gradient(to bottom, #CAD2D7 33%, #B5BFC7 75%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

div.dlg .dlgtext {
  display: table;
  padding: 12px;
  min-height: 6em; }

div.mess-icon, div.mess-txt {
  display: table-cell;
  vertical-align: top; }

div.mess-txt {
  vertical-align: middle;
  padding-left: 24px; }

div.dlg .buttons {
  border: none;
  text-align: center; }

div.caldlg {
  z-index: 100000;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 0 20px 0 #777777;
  background-color: rgba(0, 0, 0, 0.7); }

.block_item {
  background-color: #FFFFFF;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 1.5em !important; }

.pos {
  background-color: #FFFFFF;
  padding: 4px;
  border: 3px solid #F1F1F1;
  text-align: center; }

ul#postit {
  margin: 0;
  padding: 0; }

#postit li {
  float: left;
  list-style: none;
  padding: 8px;
  margin-right: 2em;
  margin-bottom: 2em;
  height: 15em;
  width: 15em;
  background-color: #FFFF99;
  border-top: 1px solid #FFFFCC;
  border-left: 1px solid #FFFFCC;
  border-bottom: 1px solid #CCCC00;
  border-right: 1px solid #CCCC00;
  overflow: auto;
  color: #2D5373; }

#postit span.date {
  font-family: monospace;
  font-size: 0.9em;
  color: #000000; }

#postit h2 {
  color: #000000; }

#postit div.pitop {
  border-bottom: 1px solid #CCCC00;
  margin-bottom: 0.5em; }

textarea.postit {
  color: #2D5373;
  padding: 4px;
  border-top: 1px solid #FFFFCC;
  border-left: 1px solid #FFFFCC;
  border-bottom: 1px solid #CCCC00;
  border-right: 1px solid #CCCC00;
  background-color: #FFFF99;
  margin-bottom: 1em; }

.list {
  overflow: auto;
  max-height: 600px;
  padding: 1px;
  text-align: left;
  background-color: #FFFFFF; }

.big {
  font-weight: bold;
  font-size: 1.5em; }

.strong {
  font-weight: bold; }

.right {
  text-align: right; }

.highlight {
  color: #000000;
  background-color: #FFFF99; }

.stat_text {
  padding: 4px;
  margin-bottom: 1em; }

a.popupform:before {
  font-family: fontawesome;
  font-size: 1.2em;
  font-weight: 900;
  color: #C0C0C0;
  content: "\f0a4";
  margin-right: 8px; }

div.additional_menu {
  text-align: left;
  border: 1px solid #DEDEDE;
  border-radius: 5px;
  padding: 5px 5px 5px 20px; }

div.additional_menu:before {
  font-family: fontawesome;
  font-size: 1.5em;
  font-weight: 900;
  color: #7CDC7C;
  text-shadow: 1px 1px 1px #FFFFFF;
  content: "\f064";
  margin-right: 8px; }

.shade,
.variant {
  background-color: #F5F5F5; }

.cool {
  background-color: #F1F1F1; }

.time {
  color: #777777; }

a {
  color: #0888F3; }

div.offsets {
  text-align: center;
  margin: 5px 0;
  padding: 5px;
  border-bottom: 1px solid #DEDEDE;
  color: #777777; }

.dlgtext div.label {
  background-color: inherit;
  text-align: left; }

.dlgtext .tlform {
  float: left;
  min-width: 70%; }

iframe {
  padding: 8px;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); }

.dlg iframe,
iframe.embedded {
  border: none;
  box-shadow: none;
  padding: 0; }

.box {
  margin-top: 1em;
  padding: 5px;
  text-align: center;
  overflow: auto;
  border: 0px;
  border-radius: 8px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); }

/* treview styles */
#tree, #tree ul {
  font-size: 1em;
  margin: 1em;
  padding: 0;
  list-style: none; }

#tree ul {
  margin: 0;
  padding: 0;
  list-style: none; }

#tree input {
  position: absolute;
  clip: rect(0, 0, 0, 0); }

#tree input ~ ul {
  display: none; }

#tree input:checked ~ ul {
  display: block; }

#tree li {
  margin: 0;
  line-height: 1.2;
  position: relative;
  padding: 0 0 0.5em 1em; }

#tree ul li {
  margin: 0;
  padding: 0.5em 0 0 1em; }

#tree > li:last-child {
  padding-bottom: 0; }

.tree_label {
  position: relative;
  display: inline-block;
  background-color: inherit; }

label.tree_label {
  cursor: pointer; }

label.tree_label:hover {
  color: #666; }

#tree li:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -.5em;
  display: block;
  width: 0;
  border-left: 1px dotted #C0C0C0;
  content: ""; }

label.tree_label:before {
  font-weight: bold;
  background-color: #F5F5F5;
  color: #C0C0C0;
  position: relative;
  z-index: 1;
  float: left;
  margin: 0 1em 0 -2em;
  padding: 1px;
  width: 1em;
  height: 1em;
  content: '+';
  text-align: center;
  line-height: 1em; }

:checked ~ label.tree_label:before {
  content: '–'; }

.tree_label:after {
  position: absolute;
  top: 0;
  left: -1.5em;
  display: block;
  height: 0.5em;
  width: 1em;
  border-bottom: 1px dotted #C0C0C0;
  border-left: 1px dotted #C0C0C0;
  border-radius: 0 0 0 0.3em;
  content: ''; }

label.tree_label:after {
  border-bottom: 0; }

:checked ~ label.tree_label:after {
  border-radius: 0 0.3em 0 0;
  border-top: 1px dotted #C0C0C0;
  border-right: 1px dotted #C0C0C0;
  border-bottom: 0;
  border-left: 0;
  bottom: 0;
  top: 0.5em;
  height: auto; }

#tree li:last-child:before {
  height: 0.5em;
  bottom: auto; }

#tree > li:last-child:before {
  display: none; }

/* tableDnD */
.tDnD_whileDrag {
  background-color: #FFCCCC !important;
  box-shadow: 0 0 8px 2px #999999;
  font-weight: bold; }

/* bubble */
div.bubble {
  text-align: left;
  width: 30em;
  position: absolute;
  z-index: 100000;
  font-size: 1em;
  color: white;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9); }

div.bubble h3 {
  margin: 0 0 1em;
  font-size: 1.2em;
  border-bottom: 1px solid #ffffff; }

.abubble {
  font-size: 0.85em;
  background-color: #FFFFFF;
  border-radius: 50%; }

#upload_box {
  clear: both;
  text-align: left;
  border: 8px dotted #F1F1F1;
  min-height: 10em;
  margin: 1em 0;
  padding: 12px; }

#upload_box p {
  color: rgba(0, 0, 0, 0.3);
  font-size: 1.2em;
  font-weight: bold; }

ul#uploader_list {
  list-style: none; }

ul#uploader_list li {
  margin: 0.5em 0; }

.tlform {
  text-align: left;
  margin: 1em 0; }

.tlform div.row {
  margin-bottom: 1em !important;
  display: block; }

.tlform p {
  margin: 0.5em 0;
  font-size: 1em; }

.tlform div.label {
  padding: 8px 5px !important;
  background-color: #F5F5F5;
  text-align: right; }

.tlform div.label img {
  max-height: 90px; }

.tlform input[type=checkbox],
.table input[type=checkbox],
.tlform input[type=radio] {
  display: none; }

.tlform input[type=checkbox] + label:before,
.tlform input[type=radio] + label:before {
  display: inline-block;
  padding-right: 8px;
  font-family: fontawesome;
  font-size: 2em;
  vertical-align: middle;
  color: #D5D5D5;
  content: "\f204"; }

.tlform input[type=checkbox]:checked + label:before,
.tlform input[type=radio]:checked + label:before {
  content: "\f205";
  color: #90EE90; }

.tlform input[type="checkbox"][readonly="readonly"] {
  pointer-events: none; }

.table input[type=checkbox] + label:before {
  display: inline-block;
  font-family: fontawesome;
  font-size: 1.4em;
  width: 18px;
  font-weight: normal;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.33);
  content: "\f096"; }

.table input[type=checkbox]:checked + label:before {
  content: "\f046";
  color: #222222; }

span.tiwrap, span.icowrap {
  display: inline-block;
  max-width: 80%;
  margin-bottom: 2px;
  white-space: nowrap; }

span.tiwrap {
  background-color: #C0C0C0; }

.btn_upload {
  display: inline-block;
  padding-right: 6px;
  background-color: #C0C0C0;
  margin-bottom: 2px; }

.btn_upload span {
  display: inline-block;
  padding: 6px;
  margin-right: 6px;
  min-width: 240px;
  background-color: #FFFFFF;
  border: 1px solid #C0C0C0;
  font-weight: normal; }

label {
  font-size: 1em;
  font-weight: bold; }

input,
select,
textarea {
  outline: none;
  box-sizing: border-box;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  max-width: 93%; }

input.text,
textarea {
  font-size: 1em;
  background-color: #FFFFFF;
  color: #2E2E2E;
  margin: 0;
  padding: 8px;
  border: 1px solid #C0C0C0;
  width: 40em; }

.tiwrap input, .table input, .dlg input, .caldlg input, input.loose, #colorpicker input {
  width: auto; }

input.tiny {
  width: auto;
  padding: 2px;
  margin-bottom: 4px; }

textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif; }

select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 8px;
  padding-right: 30px;
  min-width: 20em;
  color: #2E2E2E;
  background-color: #FFFFFF;
  background-image: linear-gradient(to left, #C0C0C0 28px, #FFFFFF 28px);
  border: 0; }

select.loose, .caldlg select {
  min-width: 10em; }

select.tiny {
  padding: 2px;
  font-size: 0.8em;
  min-width: 10em;
  background-image: none;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist; }

select[multiple] {
  border: 1px solid #C0C0C0; }

.selectwrap {
  display: inline-block;
  margin-bottom: 2px;
  border: 1px solid #C0C0C0;
  background-color: #C0C0C0; }

.enhanSelAnchor:after,
.selectwrap:after {
  font-family: fontawesome;
  background-color: #C0C0C0;
  font-weight: 900;
  padding: 8px;
  color: #FFFFFF;
  content: "\f13a";
  pointer-events: none; }

.selectwrap:after {
  margin-left: -28px; }

.enhanSelAnchor:after {
  padding: 8px 8px;
  position: absolute;
  right: 0;
  top: 0; }

.slideLab input.text {
  padding: 35px 20px 20px 20px;
  transition: padding-top 0.3s ease, margin-top 0.3s ease; }

.slideLab input.text + label {
  display: block;
  position: relative;
  white-space: nowrap;
  padding: 0;
  margin: 10px;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
  height: 0px; }

.slideLab input + label > span {
  margin: 0;
  position: absolute;
  top: -65px;
  left: 0px;
  -webkit-transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
  transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease; }

.slideLab input:focus + label > span, .slideLab input.validIn + label > span {
  top: -85px;
  font-weight: normal;
  font-size: 0.8em; }

input:focus,
textarea:focus,
.enhanSel:focus-within,
.selectwrap:focus-within {
  border: 1px solid #0888F3;
  outline: none; }

.buttons {
  clear: left;
  margin: 1em 0;
  padding: 5px;
  white-space: nowrap; }

.as_button,
button,
input.button {
  color: #FFFFFF !important;
  font-weight: bold;
  font-size: 1.1em;
  margin: 4px 6px;
  padding: 12px 16px;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  transition: all 200ms ease-in-out 0s;
  background-color: #46D0FF;
  background-image: linear-gradient(to bottom, #46D0FF 33%, #00BFFF 66%); }

button.red,
input.button.red {
  color: #FFFFFF;
  background-color: #FF6347;
  background-image: linear-gradient(to bottom, #FF6347 66%, #D1513A 99%); }

a.as_button i,
button i {
  color: #FFFFFF !important;
  padding-right: 5px; }

.as_button:focus,
.as_button:hover,
button:focus,
button:hover,
input.button:focus,
input.button:hover {
  color: #FFFFFF !important;
  border: none;
  margin: 2px 4px;
  padding: 14px 18px;
  background-color: #40BDF3;
  background-image: linear-gradient(to bottom, #40BDF3 33%, #2DA7FF 66%); }

option.no_selection {
  font-style: italic; }

input[type=range] {
  -webkit-appearance: none;
  background-color: #F1F1F1;
  border-radius: 12px; }

input[type=range]:focus {
  background-color: #C0C0C0;
  border: none; }

input.follower {
  margin-top: 4px; }

.valigner {
  display: flex;
  align-items: center; }

output.inBubble {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  background-color: #F1F1F1;
  margin: 0;
  padding: 0 8px;
  border-radius: 50%; }

iframe.duty,
input.duty {
  border: 2px solid #FF8B8B !important; }

option.zero_opt {
  color: #777777;
  font-style: italic; }

fieldset {
  padding: 1em;
  margin: 1.5em 0;
  border: 1px solid #DEDEDE;
  border-radius: 5px; }

fieldset.unfold {
  padding: 0;
  border: 0; }

fieldset fieldset {
  margin: 0 0 1.5em 0;
  padding: 0 0 1em 0; }

legend {
  min-width: 14em;
  padding: 8px;
  font-weight: bold;
  border: 1px solid #DEDEDE;
  border-radius: 5px; }

fieldset fieldset legend {
  background-color: #F5F5F5;
  min-width: 13em;
  margin-left: 0.8em; }

fieldset.unfold legend {
  margin: 0;
  border-radius: 0; }

div.radiorow {
  float: left;
  width: 25%; }

textarea.comment {
  border: 0;
  width: 80%;
  resize: vertical; }

.textlimit {
  font-size: 0.8em !important; }

/* autofill styles */
.enhanSel {
  position: relative;
  display: inline-block;
  min-width: 25em;
  border: 1px solid #C0C0C0; }

.enhanSel ul {
  font-size: 1em; }

.enhanSel .enhanSelAnchor {
  color: #2E2E2E;
  background-color: #FFFFFF;
  font-weight: normal;
  padding: 8px; }

.enhanSel a {
  display: block;
  text-decoration: none;
  color: #2E2E2E; }

.enhanSelImg {
  margin: 6px 12px 0 8px; }

.enhanSel a i {
  padding-right: 8px; }

.ac_input {
  background-repeat: no-repeat;
  background-position: right; }

.ac_results,
.enhanSelDropdown {
  border: 1px solid #C0C0C0;
  min-width: 300px;
  background-color: #FFFFFF;
  color: #2E2E2E;
  box-shadow: 0 0 12px 0 #C0C0C0;
  z-index: 1000;
  max-height: 15em;
  overflow: auto; }

.ac_results ul,
.enhanSelDropdown ul {
  margin: 0;
  text-align: left;
  list-style-position: outside;
  list-style: none; }

.ac_results li,
.enhanSelDropdown li {
  margin: 0;
  padding: 2px 5px;
  cursor: pointer;
  display: block;
  font-size: 1em; }

.ac_loading {
  background-image: url("/graphics/loading.gif"); }

.ac_over {
  background-color: #6da2d9 !important; }

.cal_day {
  display: inline-block;
  margin: 1em auto;
  min-width: 6em;
  text-align: center;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.cal_day .cyear, .cal_day .cmon {
  font-size: 0.9em;
  font-weight: bold;
  padding: 3px 12px;
  background-color: #C0C0C0;
  color: #FFFFFF; }

.cal_day .cday {
  font-weight: bold;
  font-size: 2.5em; }

.cal_day .cwday {
  font-size: 0.8em; }

@media only screen and (max-width: 480px) {
  fieldset textarea, fieldset input {
    max-width: 280px; }
  select, .enhanSel {
    min-width: 280px; }
  .ac_results, .enhanSelDropdown {
    min-width: 280px; } }

/* bigger Desktop
  ====================== */
@media only screen and (min-width: 1440px) {
  body {
    font-size: 85%; } }

/* Mobile */
@media only screen and (max-width: 767px) {
  #content,
  #top_bar {
    box-shadow: inherit !important; }
  ul.menue a {
    width: 72px;
    height: 72px; }
  body {
    background-color: #FFFFFF;
    background-image: none; }
  body:not(#single) .tlform div.label {
    background-color: #FFFFFF;
    text-align: left; }
  fieldset {
    border: none;
    padding: 12px 0;
    margin: 12px 0; }
  .tlform div.label {
    background-color: #FFFFFF;
    text-align: left; }
  .mess-icon {
    font-size: 3em; } }

@media only screen and (max-width: 480px) {
  .menueset .short_help {
    width: 180px; } }