.main-help table {
  border: 1px solid #E2E2E2;
}
.main-help table td {
  padding: 8px 20px;
}
.main-help table tr:nth-of-type(even) td {
  background: #e2e2e2;
}
.main-help h2 {
  font-size: 30px;
  margin-bottom: 25px;
}
.main-help h3 {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 25px;
}
.main-help .paragraph {
  padding: 15px 25px;
}
.main-help h3 + .paragraph {
  padding: 15px 45px;
}
.main-help .ico {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  text-align: center;
}
.main-help .ico.edit {
  background: url(edit.png) center center no-repeat;
  background-size: 18px 18px;
}
.main-help .ico.del {
  background: url(delete.png) center center no-repeat;
  background-size: 18px 18px;
}
.main-help .ico.red {
  background: url(red.png) center center no-repeat;
  background-size: 18px 18px;
}
.main-help .ico.green {
  background: url(green.png) center center no-repeat;
  background-size: 18px 18px;
}
.main-help .ico-cke {
  width: 16px;
  height: 16px;
  display: inline-block;
}
.cke_button__about_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 0px !important;
  background-size: 16px !important;
}
.cke_button__bold_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -24px !important;
  background-size: 16px !important;
}
.cke_button__italic_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -48px !important;
  background-size: 16px !important;
}
.cke_button__strike_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -72px !important;
  background-size: 16px !important;
}
.cke_button__subscript_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -96px !important;
  background-size: 16px !important;
}
.cke_button__superscript_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -120px !important;
  background-size: 16px !important;
}
.cke_button__underline_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -144px !important;
  background-size: 16px !important;
}
.cke_button__blockquote_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -168px !important;
  background-size: 16px !important;
}
.cke_button__copy_icon,
.cke_mixed_dir_content .cke_button__copy_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -192px !important;
  background-size: 16px !important;
}
.cke_button__copy_icon,
.cke_button__copy_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -216px !important;
  background-size: 16px !important;
}
.cke_button__cut_icon,
.cke_mixed_dir_content .cke_button__cut_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -240px !important;
  background-size: 16px !important;
}
.cke_button__cut_icon,
.cke_button__cut_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -264px !important;
  background-size: 16px !important;
}
.cke_button__paste_icon,
.cke_mixed_dir_content .cke_button__paste_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -288px !important;
  background-size: 16px !important;
}
.cke_button__paste_icon,
.cke_button__paste_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -312px !important;
  background-size: 16px !important;
}
.cke_button__horizontalrule_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -336px !important;
  background-size: 16px !important;
}
.cke_button__image_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -360px !important;
  background-size: 16px !important;
}
.cke_button__indent_icon,
.cke_mixed_dir_content .cke_button__indent_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -384px !important;
  background-size: 16px !important;
}
.cke_button__indent_icon,
.cke_button__indent_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -408px !important;
  background-size: 16px !important;
}
.cke_button__outdent_icon,
.cke_mixed_dir_content .cke_button__outdent_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -432px !important;
  background-size: 16px !important;
}
.cke_button__outdent_icon,
.cke_button__outdent_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -456px !important;
  background-size: 16px !important;
}
.cke_button__anchor_icon,
.cke_mixed_dir_content .cke_button__anchor_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -480px !important;
  background-size: 16px !important;
}
.cke_button__anchor_icon,
.cke_button__anchor_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -504px !important;
  background-size: 16px !important;
}
.cke_button__link_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -528px !important;
  background-size: 16px !important;
}
.cke_button__unlink_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -552px !important;
  background-size: 16px !important;
}
.cke_button__bulletedlist_icon,
.cke_mixed_dir_content .cke_button__bulletedlist_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -576px !important;
  background-size: 16px !important;
}
.cke_button__bulletedlist_icon,
.cke_button__bulletedlist_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -600px !important;
  background-size: 16px !important;
}
.cke_button__numberedlist_icon,
.cke_mixed_dir_content .cke_button__numberedlist_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -624px !important;
  background-size: 16px !important;
}
.cke_button__numberedlist_icon,
.cke_button__numberedlist_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -648px !important;
  background-size: 16px !important;
}
.cke_button__maximize_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -672px !important;
  background-size: 16px !important;
}
.cke_button__pastefromword_icon,
.cke_mixed_dir_content .cke_button__pastefromword_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -696px !important;
  background-size: 16px !important;
}
.cke_button__pastefromword_icon,
.cke_button__pastefromword_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -720px !important;
  background-size: 16px !important;
}
.cke_button__pastetext_icon,
.cke_mixed_dir_content .cke_button__pastetext_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -744px !important;
  background-size: 16px !important;
}
.cke_button__pastetext_icon,
.cke_button__pastetext_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -768px !important;
  background-size: 16px !important;
}
.cke_button__removeformat_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -792px !important;
  background-size: 16px !important;
}
.cke_button__scayt_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -816px !important;
  background-size: 16px !important;
}
.cke_button__showblocks_icon,
.cke_mixed_dir_content .cke_button__showblocks_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -840px !important;
  background-size: 16px !important;
}
.cke_button__showblocks_icon,
.cke_button__showblocks_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -864px !important;
  background-size: 16px !important;
}
.cke_button__source_icon,
.cke_mixed_dir_content .cke_button__source_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -888px !important;
  background-size: 16px !important;
}
.cke_button__source_icon,
.cke_button__source_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -912px !important;
  background-size: 16px !important;
}
.cke_button__specialchar_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -936px !important;
  background-size: 16px !important;
}
.cke_button__table_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -960px !important;
  background-size: 16px !important;
}
.cke_button__redo_icon,
.cke_mixed_dir_content .cke_button__redo_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -984px !important;
  background-size: 16px !important;
}
.cke_button__redo_icon,
.cke_button__redo_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -1008px !important;
  background-size: 16px !important;
}
.cke_button__undo_icon,
.cke_mixed_dir_content .cke_button__undo_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -1032px !important;
  background-size: 16px !important;
}
.cke_button__undo_icon,
.cke_button__undo_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -1056px !important;
  background-size: 16px !important;
}
.cke_button__spellchecker_icon {
  background: url(ckeditor/skins/moono-lisa/icons_hidpi.png?t=08ffd39) no-repeat 0 -1080px !important;
  background-size: 16px !important;
}
.justify-left {
  background-image: url('ckeditor/plugins/justify/icons/justifyleft.png?t=H5SC');
  background-position: 0 0;
  background-size: 16px;
}
.justify-right {
  background-image: url('ckeditor/plugins/justify/icons/justifyright.png?t=H5SC');
  background-position: 0 0;
  background-size: 16px;
}
.justify-center {
  background-image: url('ckeditor/plugins/justify/icons/justifycenter.png?t=H5SC');
  background-position: 0 0;
  background-size: 16px;
}
.justify-block {
  background-image: url('ckeditor/plugins/justify/icons/justifyblock.png?t=H5SC');
  background-position: 0 0;
  background-size: 16px;
}
.text-color {
  background-image: url(ckeditor/plugins/colorbutton/icons/textcolor.png?t=H5SC);
  background-position: 0 0px;
  background-size: 16px;
}
.bg-color {
  background-image: url(ckeditor/plugins/colorbutton/icons/bgcolor.png?t=H5SC);
  background-position: 0 0px;
  background-size: 16px;
}
.gallery {
  background-image: url(ckeditor/plugins/gallery/icons/gallery.png?t=H5SC);
  background-position: 0 0px;
  background-size: 16px;
}
.contactform {
  background-image: url(ckeditor/plugins/contactform/icons/contactform.png?t=H5SC);
  background-position: 0 0px;
  background-size: 16px;
}
.qr {
  background-image: url(ckeditor/plugins/qrc/images/qrc.png?t=H5SC);
  background-position: 0 0;
  background-size: 16px;
}
.pagebreak {
  background-image: url(ckeditor/plugins/pagebreak/icons/pagebreak.png?t=H5SC);
  background-position: 0 0px;
  background-size: 16px;
}
.map {
  background-image: url(ckeditor/plugins/wenzgmap/icons/wenzgmap.png?t=H5SC);
  background-position: 0 0px;
  background-size: 16px;
}
.yt {
  background-image: url(ckeditor/plugins/youtube/images/icon.png?t=H5SC);
  background-position: 0 0;
  background-size: 16px;
}
.filelist {
  background-image: url(ckeditor/plugins/filelist/icons/filelist.png?t=H5SC);
  background-position: 0 0px;
  background-size: 16px;
}
.clear {
  clear: both;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.inline {
  display: inline-block !important;
}
#content-wrapper {
  position: relative;
}
#content-wrapper::-webkit-scrollbar-track {
  background: #dedede;
}
#content-wrapper::-webkit-scrollbar {
  width: 8px;
}
#content-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 5px 0 0 5px;
}
#content {
  padding: 20px;
}
body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans';
}
#wrapper {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#header {
  width: 100%;
  height: 60px;
  background: #86d1ff;
  color: #ffffff;
  position: fixed;
  z-index: 999;
  border-bottom: 1px solid #002844;
}
#header #logo {
  min-width: 350px;
  height: 59px;
  background: url('logo.png');
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  padding-right: 3px;
  float: left;
  background-color: #86d1ff;
  border-right: 1px solid #002844;
}
#header nav {
  float: left;
}
#header nav a {
  line-height: 60px;
  font-size: 18px;
  padding: 0 15px;
  display: block;
  color: black;
  text-decoration: none;
  border-right: 1px solid #002844;
  float: left;
}
#header nav a.active {
  background-color: #002844;
  color: white;
}
#menu {
  height: 100%;
  width: 350px;
  background: #f7f7f7;
  box-sizing: border-box;
  border-right: 1px solid gray;
  overflow-y: auto;
  z-index: 9999;
}
#menu::-webkit-scrollbar-track {
  background: transparent;
}
#menu::-webkit-scrollbar {
  width: 5px;
}
#menu::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.75);
}
#menu .groupTitle {
  display: block;
  background: #cecece;
  font-weight: 600;
  padding: 5px;
  text-align: center;
  margin-top: 15px;
}
#menu .groupTitle:first-of-type {
  margin-top: 0;
}
#menu span.label {
  width: calc(100% - 90px);
  display: inline-block;
  cursor: pointer;
}
#menu li.add {
  color: dimgray;
  text-align: center;
  cursor: pointer;
}
#menu li.article {
  background: white;
  height: 30px;
}
#menu li.article span.article-name {
  width: calc(100% - 100px);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#menu li a.icon {
  float: right;
  width: 18px;
  height: 18px;
  margin: 6px 1px;
  cursor: pointer;
}
#menu li a.icon.toggle.active {
  background: url('green.png');
}
#menu li a.icon.toggle.inactive {
  background: url('red.png');
}
#menu li a.icon.add {
  background: url('add.png');
}
#menu li a.icon.delete {
  background: url('delete.png');
  margin-right: 5px;
}
#menu li a.icon.edit {
  background: url('edit.png');
}
#menu.accounts ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  box-sizing: border-box;
}
#menu.accounts ul li {
  line-height: 30px;
  border-bottom: 1px solid lightgray;
  background: #f5f5f5;
  padding: 0;
  padding-left: 10px;
}
#menu.accounts ul li a {
  text-decoration: none;
  color: black;
  display: block;
}
#menu.accounts ul li a span {
  float: right;
  padding-right: 10px;
  color: gray;
}
#menu.accounts ul li .move {
  width: 10px;
  height: 30px;
  line-height: 29px;
  display: inline-block;
  font-size: 17px;
  margin-right: 10px;
  cursor: move;
  float: left;
}
#menu.pages ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  box-sizing: border-box;
}
#menu.pages ul.articles {
  border-top: 1px solid lightgray;
}
#menu.pages ul li {
  line-height: 30px;
  border-bottom: 1px solid lightgray;
  background: #ebebeb;
  padding: 0;
}
#menu.pages ul li.article {
  padding-left: 10px;
  background: #ffffff;
}
#menu.pages ul li .move {
  width: 10px;
  height: 30px;
  line-height: 29px;
  display: inline-block;
  font-size: 17px;
  margin-right: 10px;
  cursor: move;
  float: left;
}
#menu.shop ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  box-sizing: border-box;
}
#menu.shop ul li {
  line-height: 30px;
  border-bottom: 1px solid lightgray;
  background: #f5f5f5;
  padding: 0;
}
#menu.shop ul li.article {
  padding-left: 10px;
}
#menu.shop ul li a {
  margin-left: 10px;
  cursor: pointer;
}
#menu.shop ul li .move {
  width: 10px;
  height: 30px;
  line-height: 29px;
  display: inline-block;
  font-size: 17px;
  margin-right: 10px;
  cursor: move;
  float: left;
}
#menu.modules ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  box-sizing: border-box;
}
#menu.modules ul li {
  line-height: 30px;
  border-bottom: 1px solid lightgray;
  background: #f5f5f5;
  padding: 0;
  padding-left: 10px;
}
#menu.modules ul li.add {
  color: dimgray;
  text-align: center;
  cursor: pointer;
}
#menu.modules ul li a {
  text-decoration: none;
  display: block;
  cursor: pointer;
}
#menu.web ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  box-sizing: border-box;
}
#menu.web ul li {
  line-height: 30px;
  border-bottom: 1px solid lightgray;
  background: #f5f5f5;
  padding: 0;
  padding-left: 10px;
}
#menu.web ul li a {
  text-decoration: none;
  color: black;
}
#menu.web ul li .move {
  width: 10px;
  height: 30px;
  line-height: 29px;
  display: inline-block;
  font-size: 17px;
  margin-right: 10px;
  cursor: move;
  float: left;
}
.mce-ico {
  height: 20px !important;
}
.mce-i-lfloat {
  background: url(tinymce/images/lfloat.png) center center no-repeat !important;
}
.mce-i-rfloat {
  background: url(tinymce/images/rfloat.png) center center no-repeat !important;
}
.mce-i-nfloat {
  background: url(tinymce/images/nfloat.png) center center no-repeat !important;
}
.mce-edit-area .lfloat {
  float: left;
  margin: 5px 5px 5px 0;
  padding: 0;
  border: 0;
}
.mce-edit-area .rfloat {
  float: right;
  margin: 5px 0px 5px 5px;
  padding: 0;
  border: 0;
}
.mce-edit-area .nfloat {
  float: none;
}
.photos {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  text-align: center;
  width: 100%;
}
.photos .gallery-image {
  margin: 10px;
  border-radius: 5px;
  border: 1px solid lightgray;
  overflow: hidden;
  height: 150px;
  text-align: center;
  width: 150px;
  cursor: move;
  position: relative;
}
.photos .gallery-image img {
  max-height: 150px;
}
.photos .gallery-image .caption {
  position: absolute;
  width: 100%;
  height: 25px;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.65);
}
.photos .gallery-image .caption a {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url('edit.png') center center no-repeat;
  cursor: pointer;
}
.photos .gallery-image .caption span {
  width: 110px;
  display: inline-block;
  position: absolute;
  height: 25px;
  line-height: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 15px;
  color: white;
  left: 5px;
  bottom: 0;
  text-align: left;
}
.photos .gallery-image .rotation {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 0;
}
.photos .gallery-image .rotation a {
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: 0;
  cursor: pointer;
}
.photos .gallery-image .rotation a.rotate-l {
  background: url('rotate_l.png') center center no-repeat;
  background-size: cover;
  left: 0;
}
.photos .gallery-image .rotation a.rotate-r {
  background: url('rotate_r.png') center center no-repeat;
  background-size: cover;
  right: 0;
}
.photos .gallery-image .rotation span {
  width: 110px;
  display: inline-block;
  position: absolute;
  height: 25px;
  line-height: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 15px;
  color: white;
  left: 5px;
  bottom: 0;
  text-align: left;
}
.photos .gallery-image:hover .rotation {
  height: 25px;
  background: rgba(0, 0, 0, 0.65);
}
.photos .ui-state-highlight {
  margin: 10px;
  border-radius: 5px;
  border: 1px solid lightgray;
  overflow: hidden;
  height: 150px;
  text-align: center;
  width: 150px;
  background: yellowgreen;
}
.trash {
  display: inline-block;
  text-align: left;
  padding: 20px;
  background: #ffd1d3;
  border: 1px solid #ff7f84;
  background-image: url('/template/trashcan.png');
  background-size: 50px 50px;
  background-position: 30px 30px;
  background-repeat: no-repeat;
  min-width: 110px;
  min-height: 110px;
}
.trash .gallery-image {
  display: inline-block;
  margin: 10px;
  border-radius: 5px;
  border: 1px solid lightgray;
  overflow: hidden;
  height: 50px;
  text-align: center;
  width: 50px;
  cursor: move;
  background: #ffffff;
}
.trash .gallery-image img {
  max-height: 50px;
}
.trash .ui-state-highlight {
  margin: 10px;
  border-radius: 5px;
  border: 1px solid lightgray;
  overflow: hidden;
  height: 50px;
  text-align: center;
  width: 50px;
  background: #cd0000;
  display: inline-block;
  background-image: url('/template/trashcan.png');
  background-size: 80%;
  background-position: center center;
  background-repeat: no-repeat;
}
.gallery-container span {
  padding-left: 10px;
}
.ui-sortable-helper {
  opacity: 0.5;
}
#login-wrapper {
  text-align: center;
  min-height: 100%;
  min-width: 100%;
  background: #86d1ff url(linen.png);
  padding-top: 200px;
  box-sizing: border-box;
}
#login-wrapper .login-box {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  padding: 30px;
  background: #e8e8e8 url(linen.png);
  border-radius: 10px;
  border: 1px solid #808080;
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.15);
}
#login-wrapper input {
  text-align: center;
}
#login-wrapper img {
  margin-top: -10px;
  margin-bottom: 20px;
}
#login-wrapper span {
  color: #ff0000;
}
.account {
  float: right;
  padding: 0 15px;
  color: black;
  line-height: 60px;
  font-size: 16px;
  border-left: 1px solid black;
}
.site {
  float: right;
  padding: 15px;
  color: black;
  line-height: 60px;
  font-size: 16px;
  border-left: 1px solid black;
}
.site select {
  width: 400px;
  height: 30px;
}
.cd-accordion-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #cacaca;
}
.cd-accordion-menu * {
  margin: 0;
  padding: 0;
}
.cd-accordion-menu ul {
  list-style: none;
}
.cd-accordion-menu .submenu {
  padding-left: 20px;
}
li label {
  background: url(folder_c.png) 15px center no-repeat;
  background-size: 16px 16px;
  cursor: pointer;
}
li.has-children > input:checked + label {
  background: url(folder_o.png) 15px center no-repeat;
  background-size: 16px 16px;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label,
.cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 8px 5px 8px 40px;
  color: black;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
table.files {
  width: 100%;
  border: 1px solid #bababa;
}
table.files tr:nth-of-type(odd) td {
  background: #f4f4f4;
}
table.files td,
table.files th {
  padding: 5px 10px;
}
table.files th {
  border-bottom: 1px solid dimgray;
  background: lightgray;
}
.dirpath {
  padding: 10px 0;
  display: inline-block;
  font-size: 22px;
}
li.new-folder {
  padding: 8px 5px 8px 40px;
  background: url(folder_c_g.png) 15px center no-repeat;
  background-size: 16px 16px;
  font-style: italic;
  color: #585858;
}
#ui_notifIt {
  position: fixed;
  top: 10px;
  right: 0px;
  cursor: pointer;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 3px #000000;
  -moz-box-shadow: 0px 0px 3px #000000;
  -o-box-shadow: 0px 0px 3px #000000;
  box-shadow: 0px 0px 3px #000000;
  -wekbit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 1500;
}
#ui_notifIt p {
  text-align: center;
  font-family: sans-serif;
  font-size: 18px;
  padding: 0;
  margin: 0;
}
#ui_notifIt.success {
  color: #468847;
  background-color: #DFF0D8;
  border-color: #D6E9C6;
}
#ui_notifIt.error {
  background-color: #E00000;
  color: #FFFFFF;
  font-weight: bold;
  border: 3px solid #000000;
}
#ui_notifIt.warning {
  background-color: #FFA500;
  color: #000;
  border: 3px solid #B47500;
}
#ui_notifIt.info {
  background-color: #B09DFF;
  color: #000;
  border: 3px solid #9F25FF;
}
#ui_notifIt.default {
  background-color: #EEE;
  color: #444;
}
div.form-group input[type=checkbox].form-control.checkbox {
  height: 1px;
  width: 1px;
  display: inline-block;
  border: 0;
  visibility: hidden;
  margin: 0;
  padding: 0;
}
div.form-group input[type=checkbox] + label {
  height: 22px;
  line-height: 22px;
  display: inline-block;
  cursor: pointer;
  margin-left: 15px;
}
div.form-group input[type=checkbox] + label::before {
  content: "✔";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: white;
  border: 1px solid gray;
  border-radius: 3px;
  margin-right: 10px;
  position: relative;
  line-height: 18px;
  font-size: 20px;
  color: transparent;
  text-align: center;
}
div.form-group input[type=checkbox]:checked + label::before {
  color: #025aa5;
  box-shadow: inset 0 0 5px 0px #025aa5;
  border-color: #004e90;
}
div.form-group .article-image {
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.main {
  position: fixed;
  top: 0;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  padding-top: 60px;
  box-sizing: border-box;
  display: flex;
  max-height: 100%;
}
.main #menu {
  flex-basis: auto;
  min-width: 350px;
}
.main #menu .ui-resizable-handle {
  border-left: 1px solid gray;
  width: 3px;
  right: 0;
}
.main #content-wrapper {
  flex-grow: 1;
  overflow-y: auto;
}
.calendarEvents {
  width: 100%;
}
.calendarEvents td,
.calendarEvents th {
  padding: 3px 6px;
}
.calendarEvents td {
  border-top: 1px solid #cfcfcf;
}
.calendarEvents td input[type=text] {
  width: 100%;
}
.calendarEvents tr:nth-of-type(even) td {
  background-color: #f4f4f4;
}
.calendarEvents .btn-primary {
  color: white;
}
.calendarEvents input {
  padding: 3px 6px;
}
.calendarEvents input[disabled=disabled] {
  border: 0;
  background: none;
  color: black;
  padding: 0;
}
.calendarEvents input[type=radio] {
  width: 0px;
  height: 0px;
  display: block;
  visibility: hidden;
  position: absolute;
  top: -5000px;
  left: -5000px;
}
.calendarEvents input[type=radio][disabled=disabled] {
  display: none;
}
.calendarEvents input[type=radio][disabled=disabled] + label {
  display: none;
}
.calendarEvents input[type=radio]:checked + label {
  border: 2px solid black;
  display: inline-block !important;
}
.calendarEvents label {
  position: relative;
  display: inline-block;
  border: 2px solid gray;
  width: 16px;
  height: 16px;
  margin: 3px;
  border-radius: 3px;
}
.calendarEvents label:nth-of-type(1) {
  background-color: #8080ff;
}
.calendarEvents label:nth-of-type(2) {
  background-color: #ffff80;
}
.calendarEvents label:nth-of-type(3) {
  background-color: #80ff80;
}
.calendarEvents label:nth-of-type(4) {
  background-color: #80ffff;
}
.calendarEvents label:nth-of-type(5) {
  background-color: #ff8080;
}
.calendarEvents label:nth-of-type(6) {
  background-color: #ff80ff;
}
@keyframes comein {
  0% {
    filter: blur(30px);
    opacity: 0;
  }
  100% {
    filter: blur(0);
    opacity: 1;
  }
}
#dialog-input-field-text {
  width: 100%;
}
.ui-widget-header {
  border: 1px solid #22abff;
  background: #86d1ff;
}
.ui-dialog {
  box-shadow: 3px 3px 10px #00000047;
}
span.help {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url(help.png);
  background-size: 100% 100%;
  cursor: help;
}
.ui-tooltip {
  max-width: 500px;
}
.ui-tooltip img {
  max-width: 100%;
}
table.orders {
  width: 100%;
}
table.orders thead th {
  padding: 5px 15px;
}
table.orders tr:nth-of-type(even) td {
  background: #e4e4e4;
}
table.orders tr td {
  background: #ffffff;
  padding: 5px 15px;
}
table.orders tr:hover td {
  background: #b3d4ff;
  cursor: pointer;
}
#popup {
  position: fixed;
  top: 60px;
  left: 350px;
  width: calc(100% - 350px);
  max-height: calc(100% - 60px);
  height: calc(100% - 60px);
  min-height: calc(100% - 60px);
  display: none;
  background: rgba(0, 0, 0, 0.85);
  overflow-y: auto;
}
#popup > .content {
  width: 94%;
  border: 1px solid black;
  padding: 4%;
  margin: 1.5% 3%;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 0 10px #797979;
  background: white;
  position: relative;
}
#popup .close-button {
  width: 100%;
  text-align: right;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
#popup .close-button span {
  background: url(close.png) right center no-repeat;
  padding-right: 40px;
  color: black;
  height: 32px;
  font-size: 20px;
  line-height: 32px;
}
#popup .popup-content {
  width: 100%;
}
.order-summary {
  width: 100%;
}
.order-summary td:last-of-type {
  text-align: right;
}
.order-items {
  width: 100%;
}
.order-items td:nth-of-type(3),
.order-items td:nth-of-type(4) {
  text-align: right;
}
.text-bold {
  font-weight: bold;
}