html {
  height: 100%;
  overflow: hidden;
}

body {
  width: 100%;
  height: 100%;
  color: #222;
  font-size: 14px;
  font-family: "Roboto", serif;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: whitesmoke;
}

body.loading,
body.loading * {
  cursor: progress !important;
}

iframe {
  width: 100%;
  border: none;
}

a img {
  border: none;
}

a {
  text-decoration: none;
  color: #222;
}

a:hover {
  text-decoration: underline;
}

hr {
  clear: left;
}

button {
  outline: none;
}

li {
  white-space: nowrap;
}

.bold {
  font-weight: bold;
}

.block {
  display: block !important;
}

.hidden:not(#dashboard) {
  display: none !important;
}

.nowrap {
  white-space: nowrap;
}

.center {
  text-align: center;
}

.leftAlign {
  text-align: left;
}

.rightAlign {
  text-align: right;
}

.heightFull {
  height: 100% !important;
}

.valign {
  display: inline-flex !important;
  align-items: center;
}

.clear {
  clear: both;
}

.red {
  color: red;
}

.small {
  font-size: 11px;
}

.tip {
  cursor: help;
}

.link {
  cursor: pointer !important;
}

.link:hover:not(i) {
  text-decoration: underline;
  cursor: pointer;
}

.noclick {
  cursor: default !important;
}

.iconNumber {
  background-color: red;
  border-radius: 50%;
  color: white;
  display: none;
  margin-left: -16px;
  font-size: 12px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  position: absolute;
  right: -4px;
  top: -4px;
  padding: 0 4px;
}

#guideBtn .iconNumber {
  display: inline-block;
}

.avatar {
  border-radius: 50%;
  width: 38px;
  height: 38px;
  vertical-align: top;
  cursor: pointer;
}

::selection {
  background: #4babc1;
  color: rgb(255, 255, 254);
}

::-moz-selection {
  background: #4babc1;
  color: rgb(255, 255, 254);
}

/* scrollbar */
::-webkit-scrollbar {
  width: 16px;
  height: 18px;
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  height: 6px;
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  background-color: whitesmoke;
  box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-thumb:hover {
  background-color: #4babc1;
}

/* header */
header {
  left: 270px;
  right: 0;
  top: 0;
  height: 60px;
  text-align: center;
  box-shadow: 1px 1px 10px lightgrey;
  background-color: white;
  position: absolute;
  z-index: 100;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
header .left {
  position: absolute;
  margin-left: 25px;
  z-index: 2;
}
header .right {
  position: absolute;
  right: 24px;
  top: 11px;
  height: 32px;
  z-index: 2;
  white-space: nowrap;
}
header .top {
  height: 29px;
  line-height: 29px;
  padding: 0 10px;
  margin: 1px;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  border-radius: 2px;
  font-size: 15px;
}
header #logo {
  height: 60px;
  padding: 10px 0;
  box-sizing: border-box;
}
header #logo img {
  margin-left: 25px;
  height: 100%;
  max-width: 200px;
  max-height: 40px;
}
header #systemInfo {
  display: inline-block;
  margin-left: 5px;
  color: red;
}
header #title {
  font-size: 25px;
  font-weight: bold;
  display: inline-block;
  line-height: 60px;
}
header #search {
  height: 48px;
  display: inline-block;
  background-color: whitesmoke;
  border-radius: 6px;
  margin-top: -5px;
}
header #search svg {
  height: 16px;
  color: rgb(111, 111, 111);
  cursor: pointer;
  width: 16px;
  padding: 15px 10px 15px 15px;
}
header #search svg:hover {
  color: black;
}
header #search svg:active {
  background-color: white;
}
header #search input {
  background-color: transparent;
  border: none;
  vertical-align: top;
  padding: 24px 0;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
}
header #search:focus {
  background-color: white;
}
header #search input:focus {
  box-shadow: none;
}
header #buttons {
  display: inline-block;
}
header #buttons > div {
  vertical-align: top;
}
header #buttons .button {
  width: 38px;
  height: 38px;
  line-height: 38px;
  display: none;
  margin: 0 6px;
  background-color: whitesmoke;
  border-radius: 25px;
  color: rgb(111, 111, 111);
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  padding: 0;
  position: relative;
}
header #buttons.visible .button {
  display: inline-block;
}
header #buttons #headerButtonsBtn {
  display: inline-block;
}
header #buttons.visible #headerButtonsBtn {
  display: none;
}
header #buttons #loading {
  visibility: hidden;
  background-color: transparent;
  width: 24px;
  height: 24px;
  margin: 7px;
  vertical-align: top;
}
header .loading #buttons #loading {
  visibility: visible;
}
header #buttons .fa-bug {
  color: #fd6a6a;
}
header #buttons .fa-bug:hover {
  color: red;
}
header #timer {
  display: inline-block;
  line-height: 40px;
  vertical-align: top;
  font-size: 25px;
}
header #info {
  height: 38px;
  margin: 0 10px;
  font-weight: bold;
  font-size: 15px;
  display: inline-block;
  vertical-align: top;
  line-height: 19px;
}
header #info svg {
  margin-right: 5px;
  cursor: pointer;
}

.warning,
.color:not(input) {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  display: inline-block;
}

.warning {
  display: none;
}

.warning.red {
  background-color: red;
  display: inline-block;
}

.warning.yellow {
  background-color: yellow;
  display: inline-block;
}

.warning.green {
  background-color: green;
  display: inline-block;
}

/* navigation bar */
nav {
  width: 270px;
  min-width: 270px;
  height: 100%;
  float: left;
  position: relative;
  box-sizing: border-box;
  color: white;
  z-index: 1000;
  background-color: rgba(41, 48, 51, 0.9);
  padding-bottom: 100px;
}
nav .logoFrame {
  margin: 30px 0;
  text-align: center;
}
nav .logo {
  max-width: 140px;
}
nav #widthSwitcher {
  position: absolute;
  right: -8px;
  top: 20px;
  background-color: #4babc1;
  border-radius: 25px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 17px;
  cursor: pointer;
}
nav .line {
  overflow: hidden;
}
nav .chosen-container-single .chosen-default,
nav .chosen-container-single .chosen-single,
nav .chosen-container-single .chosen-search-input,
nav .chosen-container .chosen-results {
  color: white;
}
nav .chosen-container .chosen-drop {
  background-color: rgba(97, 100, 101, 0.9);
  min-width: 200px;
}
nav #menu {
  max-height: 100%;
  overflow-x: hidden;
}
nav .top {
  width: 100%;
  line-height: 50px;
  padding-left: 25px;
  position: relative;
  cursor: pointer;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
  white-space: nowrap;
  transition: background-color 0.4s;
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
}
nav .top.waves-effect {
  margin-bottom: -4px;
}
nav .top .expand {
  padding: 5px 10px;
  transition: transform 0.1s linear;
  color: lightgray;
  position: absolute;
}
nav .top .expand.open {
  transform: rotate(90deg);
}
nav .top > .expand {
  left: 2px;
  top: 14px;
}
nav .sub > .expand {
  left: 3px;
  top: 4px;
}
nav .icon {
  width: 25px;
  margin-right: 15px;
  font-size: 20px;
  vertical-align: middle;
}
nav .fa-stack {
  font-size: 11px;
}
nav .fa-stack * {
  width: 100% !important;
}
nav .menuLabel {
  position: relative;
  font-weight: 500;
  font-size: 15px;
}
nav .active,
nav .top:hover:not(#menuSearch) {
  background-color: rgba(97, 100, 101, 0.9);
}
nav .sub:hover {
  background-color: rgba(159, 163, 164, 0.9);
}
nav .submenu,
nav .submenu2 {
  display: none;
  transition: visibility 0s linear 0.1s, opacity 0.1s linear;
  padding-right: 5px;
}
nav .submenu {
  margin-top: -5px;
}
nav .submenu.visible,
nav .submenu2.visible {
  display: block;
}
nav .sub {
  line-height: 35px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 2px;
  white-space: nowrap;
  position: relative;
  border-radius: 25px;
  font-weight: 500;
  font-size: 15px;
  padding-left: 30px;
  margin-left: 10px;
}
nav .sub2 {
  margin-left: -15px;
  padding-left: 15px;
}
nav #history.hidden {
  display: none;
}
nav .adminInfo {
  position: absolute;
  left: 0;
  bottom: -28px;
  color: lightgray;
  font-size: 12px;
  display: none;
}
nav .sub .adminInfo {
  left: 30px;
  bottom: -12px;
}
nav .sub2 .adminInfo {
  left: 20px;
}
nav .top:hover > .menuLabel > .adminInfo,
nav .sub:hover .adminInfo {
  display: inline-block;
}
nav #menuSearch input::placeholder {
  color: lightgray;
}
nav #menuSearch input {
  color: white;
}

nav.hover {
  width: auto;
}

.navMini nav:not(.hover) {
  width: 50px;
  min-width: inherit;
}
.navMini nav:not(.hover) .logo {
  display: none;
}
.navMini nav:not(.hover) #menu::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.navMini nav:not(.hover) .top {
  padding-left: 12px;
}
.navMini nav:not(.hover) .expand,
.navMini nav:not(.hover) .submenu,
.navMini nav:not(.hover) .submenu2 {
  display: none;
}
.navMini header,
.navMini main {
  left: 50px;
}

/* content */
main {
  height: calc(100% - 42px);
  left: 270px;
  right: 0;
  top: 60px;
  position: absolute;
  text-align: center;
  background-color: #f8f9fa;
}

/* main:before {
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	position: fixed;
	background-size: cover;
	background-color: white;
} */
#login {
  width: 300px;
  height: 150px;
  padding: 25px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  text-align: left;
  display: inline-block;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

#login #logo {
  float: right;
  margin: -15px -15px 20px 0;
}

#login #logo img {
  max-width: 150px;
  max-height: 75px;
}

#login #logo img[src*=".svg"] {
  width: 100px;
  height: 50px;
}

#login input {
  width: auto;
  max-width: initial;
}

.header {
  font-weight: bold;
  font-size: 15px;
  margin-right: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#feedback {
  margin: 5px;
  padding: 5px;
  color: #6a6a6a;
}

.marked {
  border: 2px solid red !important;
}

.confirm .ui-icon {
  float: left;
}

.confirm .text {
  margin-left: 20px;
}

#backgroundIcon {
  right: 5px;
  bottom: 5px;
  position: fixed;
  cursor: pointer;
}

#guideBox {
  position: absolute;
  background-color: #2980b9;
  color: white;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 15px 25px 25px 25px;
  box-shadow: 0px 20px 24px rgba(0, 0, 0, 0.1), 0px 12px 12px rgba(0, 0, 0, 0.04), 0px 4px 24px rgba(0, 0, 0, 0.04);
  line-height: 1.5;
  max-width: 500px;
  z-index: 1000;
  text-align: justify;
  /* #guideBox.pointer.left::before {
  	left: 61px;
  } */
}
#guideBox .pointer {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #2980b9;
  top: -12px;
  left: calc(50% - 6px);
  position: absolute;
}
#guideBox .title {
  text-align: center;
  padding-bottom: 10px;
  text-decoration: underline;
}
#guideBox .close {
  float: left;
  margin-top: 25px;
}
#guideBox .prev,
#guideBox .next {
  float: right;
  margin-top: 25px;
  padding: 5px 15px;
  height: auto;
  background-color: white;
}
#guideBox .button {
  padding: 5px 15px;
  height: auto;
  background-color: white;
}

table.table {
  white-space: nowrap;
  text-align: left;
  font-size: 13px;
  border-spacing: 0;
}
table.table tr {
  display: block;
}
table.table thead tr {
  border: 1px solid #4babc1;
  border-left: none;
  border-right: none;
  background-color: #f8f9fa;
}
table.table thead th {
  width: 30px;
  padding: 10px;
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal;
  overflow: hidden;
  cursor: default;
  color: #222;
  white-space: nowrap;
  border-right: 1px solid #cbcbcb;
}
table.table thead th:last-child {
  border-right: none;
}
table.table thead th:hover,
table.table thead th:hover svg.fa-square {
  background-color: #4babc1;
  color: rgb(255, 255, 254);
}
table.table thead .iconSort {
  margin-left: 3px;
}
table.table thead.vertical th {
  position: relative;
  vertical-align: bottom;
}
table.table thead.vertical th span {
  display: inline-block;
  position: absolute;
  bottom: -5px;
  transform: rotate(-90deg);
  transform-origin: left top;
  left: 5px;
}
table.table tbody {
  max-height: 350px;
  overflow-x: hidden;
  display: inline-block;
  position: relative;
}
table.table tbody tr {
  border-top: 1px solid #cbcbcb;
  min-height: 26px;
}
table.table tbody tr:first-child {
  border-top: none;
}
table.table tbody tr:nth-child(even) {
  background-color: #f8f8f8;
}
table.table tbody tr.selected {
  background-color: lightgray;
}
table.table tbody tr.disabled td {
  text-decoration: line-through;
}
table.table tbody tr.unseen {
  font-weight: bold;
}
table.table tbody tr.active,
table.table tbody tr:hover,
table.table tbody tr:hover svg.fa-square {
  background-color: #4babc1;
  color: rgb(255, 255, 254);
}
table.table tbody tr.border {
  border-color: black;
}
table.table tbody td {
  width: 30px;
  max-height: 100px;
  min-height: 26px;
  padding: 8px;
  box-sizing: border-box;
  overflow: hidden;
  display: inline-block;
  white-space: normal;
}
table.table tbody td > *:not(svg|img) {
  max-width: 100%;
}
table.table tbody td li {
  list-style: none;
  padding-left: 5px;
}
table.table tbody td img {
  max-height: 100px;
  margin: -5px;
  vertical-align: text-bottom;
}
table.table tbody td img.avatar {
  margin: 0 5px 0 0;
  width: 32px;
  height: 32px;
  float: left;
}
table.table tbody td.edit {
  padding: 0;
}
table.table tbody td.edit .read {
  padding: 5px;
  display: inline-block;
}
table.table tbody td.edit button:first-child {
  margin-left: 3px;
}
table.table tbody td.edit input {
  margin-top: 10px;
}
table.table tbody td.edit select {
  padding-top: 8px;
  min-height: 30px;
  vertical-align: middle;
}
table.table tbody td.edit textarea {
  min-height: 27px;
  height: 27px !important;
  margin-top: 7px;
  border: none;
  border-bottom: 1px solid #ddd;
  resize: none;
}
table.table tbody td.edit textarea:focus {
  height: auto !important;
}
table.table tfoot tr {
  border-top: 1px solid #4babc1;
}
table.table tfoot th {
  width: 30px;
  padding: 10px;
  box-sizing: border-box;
  font-weight: normal;
  display: inline-block;
  white-space: nowrap;
}
table.table td.narrow > * {
  max-width: 20px;
}
table.table .select {
  padding: 10px 0;
  text-align: center;
}
table.table svg {
  font-size: 15px !important;
}
table.table svg.fa-square {
  color: gray;
}
table.table .box {
  margin: 0;
  border-bottom: 1px solid #4babc1;
}
table.table .box .right {
  max-height: 50%;
  overflow-x: hidden;
  overflow-y: scroll;
}
table.table.nowrap tbody td {
  white-space: nowrap;
}
table.table.grid tbody td {
  border-right: 1px dotted lightgray;
}

.ui-dialog {
  padding: 0;
  border: 1px solid #4babc1;
  background-color: white;
  box-shadow: 1px 1px 10px grey;
  box-sizing: border-box;
  border-radius: 2px;
  opacity: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 3px 5px 0 5px !important;
  border: none;
  border-bottom: 1px solid #4babc1;
  white-space: nowrap;
  cursor: default !important;
  border-radius: 2px 6px 0 0;
  background-color: rgb(251, 251, 245);
}
.ui-dialog .ui-dialog-title {
  line-height: 28px;
  margin: 1px 0 1px 5px;
  font-size: 17px;
  width: auto;
  overflow: hidden;
  max-width: 100%;
  font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar .buttons1 {
  max-width: 50%;
  float: left;
}
.ui-dialog .ui-dialog-titlebar.mini .button span {
  display: none;
}
.ui-dialog .ui-dialog-titlebar .buttons2 {
  position: absolute;
  right: 0;
  background-color: #fbfbf5;
}
.ui-dialog .ui-dialog-titlebar .button {
  height: 28px;
  line-height: 28px;
  margin: 1px;
  font-size: 17px;
}
.ui-dialog .ui-dialog-titlebar .button.drag {
  cursor: move;
}
.ui-dialog .ui-dialog-title svg,
.ui-dialog .ui-dialog-title .warning {
  margin-right: 6px;
}
.ui-dialog .ui-dialog-titlebar .ui-tabs {
  padding: 0;
  margin-top: 1px;
  float: left;
  overflow: hidden;
  font-size: 14px;
  width: 100%;
  height: 32px;
}
.ui-dialog .ui-tabs-nav {
  padding: 0 !important;
  border: none;
  background: none;
  box-shadow: none;
  overflow-x: overlay;
  overflow-y: hidden;
}
.ui-dialog .ui-tabs-nav::-webkit-scrollbar {
  height: 12px;
}
.ui-dialog .ui-tabs-nav li {
  margin: 1px;
  overflow: hidden;
  outline: none;
  display: inline-block;
  float: none !important;
  padding: 0 6px !important;
}
.ui-dialog .ui-tabs-nav li a {
  padding: 6px 5px !important;
  cursor: pointer !important;
}
.ui-dialog .ui-tabs-nav .ui-tabs-active,
.ui-dialog .ui-tabs-nav .ui-state-hover {
  background-color: #4babc1;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ui-dialog .ui-tabs-nav .ui-tabs-active a,
.ui-dialog .ui-tabs-nav .ui-state-hover a {
  color: rgb(255, 255, 254);
}
.ui-dialog .ui-tabs-nav .ui-state-focus {
  outline: none;
  box-shadow: 1px 1px 10px #888;
}
.ui-dialog .ui-dialog-titlebar.custom .ui-dialog-titlebar-close {
  display: none;
}
.ui-dialog .ui-dialog-buttonpane {
  margin-top: 0;
  border-top: 1px solid #4babc1;
}
.ui-dialog .ui-dialog-buttonpane .status {
  margin: 10px 15px;
  display: inherit;
}
.ui-dialog .ui-dialog-buttonpane .status svg {
  margin-right: 3px;
}
.ui-dialog .ui-dialog-buttonpane .ui-button {
  padding: 0 15px;
}
.ui-dialog .ui-dialog-content {
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-dialog .detail .ui-tabs,
.ui-dialog .detail .ui-tabs-panel {
  padding: 0;
}
.ui-dialog .ui-dialog-content.statistic .box {
  margin: 0;
}
.ui-dialog .ui-widget {
  background: white;
}
.ui-dialog .ui-widget-content,
.ui-dialog .ui-widget-content a {
  color: #222;
}
.ui-dialog .success {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: white;
  text-align: center;
  font-size: 100px;
  top: 0;
  padding-top: 100px;
}
.ui-dialog .ui-dialog-content.detail {
  width: calc(100% - 200px) !important;
  min-height: 200px !important;
  display: inline-block;
  box-sizing: border-box;
}
.ui-dialog .ui-dialog-content.detail .fa-spinner {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 25px;
  width: 25px;
  height: 25px;
}
.ui-dialog .ui-dialog-content.detail .detail {
  min-height: 300px;
}
.ui-dialog .box {
  min-height: 20px;
  margin-top: 15px;
  margin-left: 5px;
  padding-bottom: 5px;
  background-color: white;
}
.ui-dialog .box.searchBar {
  margin-top: 0;
  padding: 7px 15px;
}
.ui-dialog .box.searchBar > div {
  display: inline-block;
  width: 33%;
  vertical-align: top;
  min-width: 200px;
}
.ui-dialog .box.searchBar .line {
  text-align: left;
}
.ui-dialog .filtergroupCont .chosen-container {
  min-width: 150px;
}
.ui-dialog .ui-dialog-content.chat .text {
  width: 100%;
  height: calc(100% - 110px);
  display: inline-block;
  overflow-y: scroll;
}
.ui-dialog .ui-dialog-content.file {
  text-align: center;
}
.ui-dialog .ui-dialog-content.file img {
  max-width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.ui-dialog .ui-dialog-content object {
  width: 100%;
  height: 761px;
}
.ui-dialog .ui-dialog-content > object {
  height: 100%;
}
.ui-dialog .ui-sortable-placeholder {
  background-color: whitesmoke;
  border: 1px solid #4babc1;
  border-radius: 2px;
}
.ui-dialog .ui-dialog-content[size=small] {
  padding: 0;
}
.ui-dialog .ui-dialog-content[size=small] .left,
.ui-dialog .ui-dialog-content[size=small] .right {
  width: 100%;
  padding: 0;
}
.ui-dialog .ui-dialog-content[size=small] .line.full {
  width: 100%;
}
.ui-dialog .ui-dialog-content[size=small] .line .dataTables_filter input {
  max-width: 100px;
}
.ui-dialog .ui-dialog-content[size=small] .box {
  margin-left: 5px;
}
.ui-dialog .ui-dialog-content.pdfPreview, .ui-dialog.modal .ui-dialog-content {
  padding: 15px;
}

.ui-widget-overlay {
  background-color: rgba(0, 0, 0, 0.2);
  top: 60px;
}

/* tile optic */
.tile .ui-dialog {
  border: none;
  box-shadow: none;
  background-color: #f8f9fa;
  padding-right: 5px;
  box-sizing: border-box;
}
.tile .ui-dialog .ui-dialog-titlebar {
  background-color: transparent;
  border-bottom: none;
  padding: 3px 0 15px 5px !important;
}
.tile .ui-dialog .ui-dialog-titlebar .buttons2 {
  background-color: #f8f9fa;
}
.tile .ui-dialog .ui-dialog-titlebar .ui-tabs {
  overflow: initial;
  margin-top: 15px;
}
.tile .ui-dialog .ui-tabs .ui-tabs-nav {
  border-bottom: 1px solid #4babc1;
  overflow: visible;
}
.tile .ui-dialog .ui-tabs-nav .ui-tabs-tab {
  height: 40px;
  vertical-align: top;
  overflow: visible;
}
.tile .ui-dialog .ui-tabs-nav .ui-tabs-active,
.tile .ui-dialog .ui-tabs-nav .ui-state-hover {
  background-color: transparent;
}
.tile .ui-dialog .ui-tabs-nav .ui-state-focus {
  box-shadow: none;
}
.tile .ui-dialog .ui-tabs-nav .ui-tabs-active:after {
  content: " ";
  background-color: #4babc1;
  height: 5px;
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  border-radius: 24px;
}
.tile .ui-dialog .ui-tabs-nav .ui-tabs-active a {
  color: #222;
}
.tile .ui-dialog .ui-tabs-nav .ui-state-hover a {
  color: gray;
}
.tile .ui-dialog .ui-dialog-content {
  min-height: initial !important;
  padding-bottom: 3px;
}
.tile .ui-dialog .ui-dialog-content.detail {
  width: calc(100% - 210px) !important;
  margin-top: 15px;
  padding-top: 0;
}
.tile .ui-dialog:not(.noBorder) {
  border-right: 1px dashed black;
}
.tile .ui-dialog.narrow:not(.showSidebar) .ui-dialog-content.detail, .tile .ui-dialog.hideSidebar .ui-dialog-content.detail {
  width: 100% !important;
}
.tile .ui-dialog .ui-dialog-content.detail .detail {
  min-height: inherit !important;
}
.tile .ui-dialog .ui-widget-content {
  background-color: transparent;
}
.tile .ui-dialog .ui-widget-content.settings,
.tile .ui-dialog .ui-widget-content.content,
.tile .ui-dialog .ui-widget-content.pdfPreview,
.tile .ui-dialog .ui-widget-content.calendar .fc-view-harness,
.tile .ui-dialog .ui-widget-content.table table.table,
.tile .ui-dialog .ui-widget-content.statistic .diagramFrame {
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.tile .ui-dialog .ui-widget-content.content {
  padding: 15px;
}
.tile .ui-dialog .ui-widget-content.table table.table,
.tile .ui-dialog .ui-widget-content.statistic .diagramFrame {
  margin-top: 15px;
}
.tile .ui-dialog table.table thead tr {
  border-top: none;
  background-color: white;
}
.tile .ui-dialog table.table tfoot tr {
  padding: 10px 0;
}
.tile .ui-dialog .box {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 0 0 0 20px;
  margin: 0 0 15px 0;
}
.tile .ui-dialog .box .title {
  width: 100%;
  border-top: none;
  padding: 20px 0;
}
.tile .ui-dialog .box .title span {
  color: #222;
  font-weight: 500;
  text-transform: initial;
  position: initial;
}
.tile .ui-dialog .box .title .arrow {
  top: 10px;
  right: 10px;
}
.tile .ui-dialog .box .left,
.tile .ui-dialog .box .right {
  padding-bottom: 20px;
}
.tile .ui-dialog .box.sticky {
  border-top: none;
  margin-bottom: 0;
  position: initial;
}
.tile .ui-dialog .box.searchBar {
  margin-top: 0;
  margin-left: 0;
  border-bottom: none;
}
.tile .ui-dialog .sidebar {
  border-left: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  background-color: white;
  position: initial;
  margin-top: 15px;
  margin-left: 10px;
}
.tile .ui-dialog .ui-dialog-buttonpane {
  border-top: none;
  margin-top: 0;
}
.tile .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
  text-align: center;
}
.tile .ui-dialog .ui-dialog-buttonpane .ui-button {
  background: transparent;
  font-size: 18px;
  border-bottom: 1px solid #ddd;
}
.tile .ui-dialog.modal {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

/* formular */
.box .left,
.box .right {
  width: 50%;
  min-width: 170px;
  min-height: 30px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  text-align: left;
  padding-left: 20px;
}
.box .left {
  padding-right: 5px;
}
.box .right {
  padding-left: 5px;
}
.box .title {
  width: calc(100% - 50px);
  height: 15px;
  position: relative;
  border-top: 2px solid #4babc1;
}
.box .title span {
  padding: 0px 5px;
  top: -10px;
  left: 15px;
  position: absolute;
  background-color: white;
  text-transform: uppercase;
  color: #4babc1;
  border-radius: 2px;
}
.box .title .buttons {
  right: 0;
  top: 0;
  position: absolute;
}
.box .title .arrow {
  position: absolute !important;
  left: auto;
  top: -15px;
  right: -40px;
  cursor: pointer;
}
.box .left .line.full {
  width: 200%;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 35px;
}
.box .left .line.full label {
  /*width:auto;*/
  width: 16%;
}
.box .left .line.full .files {
  clear: left;
}
.box .left .line.full .files *:not(iframe):not(a) {
  max-width: calc(50% - 6px);
  margin: 3px;
  vertical-align: top;
}
.box .left .line.full .files .ui-sortable-placeholder {
  opacity: 0.1;
}
.box.minimal .title {
  cursor: pointer;
}
.box.minimal .left, .box.minimal .right {
  display: none;
}
.box.minimal .title .arrow .fa-angle-up {
  transform: rotate(180deg);
}
.box.sticky {
  position: sticky;
  bottom: 0;
  background-color: white;
  z-index: 100;
  text-align: left;
  border-top: 1px solid #4babc1;
  padding-top: 5px;
  padding-bottom: 0;
}
.box.sticky label {
  display: none;
}

.subtab {
  margin-top: -18px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  display: inline-block;
  overflow-x: scroll;
  height: 45px;
  overflow-y: hidden;
  text-align: center;
  margin-bottom: -14px;
}

.subtab .button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.line {
  line-height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  clear: left;
}
.line .avatar {
  margin-right: 10px;
  width: 32px;
  height: 32px;
}
.line img {
  max-width: 100%;
}

.sidebar {
  width: 200px;
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
  box-sizing: border-box;
  border-left: 1px solid #4babc1;
  background: rgb(251, 251, 245);
  bottom: 50px;
  top: 67px;
  position: absolute;
  overflow-y: scroll;
}
.sidebar .line {
  border-bottom: 1px solid rgba(75, 171, 193, 0.25);
  padding: 7px 0 7px 15px;
  min-height: 30px;
}
.sidebar .line label {
  width: auto;
  min-width: 55px;
  padding-right: 0;
}
.sidebar .line .read {
  padding: 0;
}
.sidebar .line .button,
.sidebar .line:last-child {
  border-bottom: none;
}
.sidebar input.calendar {
  width: 57px !important;
}
.sidebar .filled input.calendar {
  width: 140px;
}
.sidebar .filled input.calendar[type=datetime-local] {
  width: 174px;
}

.ui-dialog.narrow:not(.showSidebar) .sidebar,
.ui-dialog.hideSidebar .sidebar {
  display: none !important;
}

.ui-dialog.narrow:not(.showSidebar) .ui-dialog-content.detail,
.ui-dialog.hideSidebar .ui-dialog-content.detail {
  width: 100% !important;
  border-right: none;
}

.line * {
  vertical-align: middle;
}

label,
.label {
  width: 33%;
  min-width: 100px;
  max-width: 200px;
  float: left;
  white-space: nowrap;
  cursor: default;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  margin-right: 3px;
  color: #555;
  min-height: 10px;
}

label svg {
  opacity: 0;
  position: relative;
}

label:hover svg {
  margin: -12px 3px 0 3px;
  font-size: 14px;
  cursor: help;
  opacity: 1;
}

label.full {
  width: auto !important;
  max-width: initial;
}

label .adminInfo {
  position: absolute;
  left: 0;
  bottom: -10px;
  font-size: 12px;
  color: white;
}

label:hover .adminInfo {
  color: gray;
}

.disabled {
  cursor: no-drop !important;
}
.disabled .chosen-container a {
  cursor: no-drop !important;
}
.disabled input,
.disabled textarea,
.disabled button:not(.mailer),
.disabled select,
.disabled form,
.disabled .chosen-container .disabled label * {
  pointer-events: none;
  color: gray;
}
.disabled .chosen-container .chosen-drop {
  display: none !important;
}
.disabled label,
.disabled label *:not(.adminInfo) {
  display: inline-block;
  color: gray;
}
.disabled .adminInput {
  display: inline-block;
}

.line label,
.line .label {
  margin-left: -10px;
  padding-right: 10px;
}

.line > input {
  width: 100px;
  min-width: 100px;
  max-width: calc(100% - 5px);
}

.line > div > img {
  max-width: 100%;
}

input,
select {
  min-width: 34px;
  height: 24px;
  padding: 3px 5px 3px 5px;
  margin: 3px 3px 3px 0;
  font-family: "Roboto", serif;
  font-size: 14px;
  box-sizing: border-box;
  background-color: transparent;
  color: #222;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  white-space: initial;
}

option {
  background-color: whitesmoke !important;
  color: #222 !important;
}

select.label {
  width: 33% !important;
  border: none;
  padding: 0;
  margin: 2px 4px 0 -14px !important;
  font-size: 13px !important;
  -webkit-appearance: menulist;
}

.read.number,
input[type=number],
input[type=decimal] {
  text-align: right;
}

textarea {
  width: calc(100% - 30px);
  padding: 3px 5px 3px 5px;
  margin: 3px 3px 3px 0;
  font-family: "Roboto", serif;
  font-size: 14px;
  box-sizing: border-box;
  border: 1px solid #eaeaea;
  border-bottom: 1px solid #ddd;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #222;
  background-color: transparent;
}

.tox-statusbar__branding {
  display: none;
}

[key=sign] canvas {
  border: 1px solid #eaeaea;
  float: left;
  margin-right: 3px;
}

input:focus,
select:focus,
textarea:focus,
.button:focus,
.ui-button:focus,
.fc .fc-button:focus {
  outline: none;
  box-shadow: 1px 1px 10px #888;
}

.button,
.ui-button,
.fc .fc-button,
.fc .fc-button:disabled {
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  margin: 3px 3px 3px 0;
  display: inline-block;
  cursor: pointer;
  color: #222;
  border: none;
  font-weight: normal;
  font-size: 14px;
  font-family: "Roboto", serif;
  background: none;
  box-shadow: none;
  border-radius: 2px;
}

.button:hover:not(.tableButton),
.button.active,
.ui-button:hover,
.ui-button.active,
.fc-button:hover,
.fc .fc-button:active,
.fc .fc-button-active:not(:disabled),
.button .sub:hover,
.button.wysihtml-command-active,
.button .sub.wysihtml-command-active {
  background-color: #4babc1 !important;
  color: rgb(255, 255, 254) !important;
  border-color: transparent !important;
  border-bottom: #4babc1 !important;
  box-shadow: none !important;
}

.button[value=red]:hover,
.button.active[value=red] {
  background-color: red;
}

.button[value=yellow]:hover,
.button.active[value=yellow] {
  background-color: yellow;
  color: #666;
}

.button[value=green]:hover,
.button.active[value=green] {
  background-color: green;
}

.button .sub:hover svg {
  color: rgb(255, 255, 254);
}

.button.multi {
  padding: 0 5px;
  cursor: inherit;
}

.button.multi svg {
  margin: 0 3px;
  cursor: pointer;
}

.button .submenu {
  width: auto;
  margin-left: -10px;
}

.button .sub {
  padding: 5px 7px;
}

.button .sub svg {
  margin-right: 0;
}

.line:not(.filled) .emptyHidden {
  display: none !important;
}

.tox-tinymce .tox-promotion {
  display: none;
}

.ui-dialog:not(.narrow) .steps .cont {
  width: 100%;
  text-align: center;
}
.ui-dialog:not(.narrow) .steps .button {
  background-color: transparent !important;
  height: 32px;
  line-height: 32px;
  color: gray !important;
  border-bottom: 0 !important;
  padding-right: 0;
  text-align: left;
}
.ui-dialog:not(.narrow) .steps .button.active {
  color: #222 !important;
}
.ui-dialog:not(.narrow) .steps .button:hover {
  background-color: transparent !important;
  color: #555 !important;
}
.ui-dialog:not(.narrow) .steps .button::before {
  margin-right: 6px;
  background-color: gray;
  border-radius: 25px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  display: inline-block;
  color: white;
  font-weight: bold;
  text-align: center;
}
.ui-dialog:not(.narrow) .steps .button.active::before {
  background-color: #4babc1;
}
.ui-dialog:not(.narrow) .steps .button:nth-child(1)::before {
  content: "1";
}
.ui-dialog:not(.narrow) .steps .button:nth-child(2)::before {
  content: "2";
}
.ui-dialog:not(.narrow) .steps .button:nth-child(3)::before {
  content: "3";
}
.ui-dialog:not(.narrow) .steps .button:nth-child(4)::before {
  content: "4";
}
.ui-dialog:not(.narrow) .steps .button:nth-child(5)::before {
  content: "5";
}
.ui-dialog:not(.narrow) .steps .button:nth-child(6)::before {
  content: "6";
}
.ui-dialog:not(.narrow) .steps .button:nth-child(7)::before {
  content: "7";
}
.ui-dialog:not(.narrow) .steps .button:nth-child(8)::before {
  content: "8";
}
.ui-dialog:not(.narrow) .steps .button:nth-child(9)::before {
  content: "9";
}
.ui-dialog:not(.narrow) .steps .button:nth-child(10)::before {
  content: "10";
}
.ui-dialog:not(.narrow) .steps .button::after {
  border-bottom: 1px solid lightgray;
  content: "";
  display: inline-block;
  width: 50px;
  margin-bottom: 4px;
  margin-left: 10px;
}
.ui-dialog:not(.narrow) .steps .button:last-child::after {
  width: 0;
}

.ui-button svg {
  margin-left: 3px;
}

.line .button {
  border-bottom: 1px solid #ddd;
}

.line > .button svg {
  font-size: 18px;
}

.line .entity {
  padding-left: 3px;
  right: 0;
  position: absolute;
  font-size: 12px;
  color: #222;
  background-color: white;
}

.line .cont {
  display: inline-block;
}

.line .cont * {
  vertical-align: top;
}

.line i.red,
.line svg.red,
.line i.lineInfo,
.line svg.lineInfo {
  right: 10px;
  top: 10px;
  position: absolute;
}

.line .download {
  margin-right: 3px;
  cursor: pointer;
}

.line .read {
  padding: 0 5px;
  box-sizing: border-box;
  display: inline-block;
  overflow-x: hidden;
  max-width: 100%;
  max-height: 500px;
  min-width: 100px;
}

.line .stream > div {
  padding-bottom: 10px;
}

.line .stream span:nth-child(3) {
  float: right;
}

.line > ul {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: inline-block;
  list-style: none;
}

.line .preview {
  margin-left: 100px;
  margin-bottom: 5px;
}

.line .button {
  margin-right: 3px;
}

.line .button.waves-effect .waves-ripple {
  margin-bottom: 50px;
  margin-right: 50px;
}

.pdf {
  height: 1192px;
}

.upload {
  display: inline-block;
  position: relative;
}

.upload .button {
  position: relative;
  z-index: 1;
}

.upload .upload {
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.chosen-container {
  min-width: 50px;
  margin: 3px 3px 3px 0;
  white-space: initial;
  max-width: 100%;
  overflow: hidden;
}
.chosen-container .chosen-single,
.chosen-container .chosen-choices {
  border: none !important;
  border-bottom: 1px solid #ddd !important;
  background-image: none !important;
  font-size: 14px;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.chosen-container .search-choice {
  margin: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 3px 20px 5px 3px !important;
}
.chosen-container .chosen-results {
  padding: 0 !important;
  margin: 0 !important;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #4babc1 !important;
  background-image: none !important;
}
.chosen-container .chosen-drop {
  display: none;
}
.chosen-container .search-field {
  height: 24px;
}
.chosen-container .chosen-search input {
  border: none !important;
}
.chosen-container.chosen-container-multi .chosen-choices {
  background-color: transparent !important;
}
.chosen-container.chosen-with-drop {
  overflow: inherit;
}
.chosen-container.chosen-with-drop .chosen-drop {
  position: relative !important;
  border: none !important;
  border-radius: 0 !important;
  display: block;
}

#widthHelper,
#heightHelper,
#editorHelper {
  width: auto;
  height: auto;
  padding: 3px 5px 3px 5px;
  top: 0;
  position: absolute;
  box-sizing: border-box;
  font-family: "Roboto", serif;
  font-size: 14px;
}

#helpers * {
  visibility: hidden;
}

#widthHelper {
  white-space: nowrap;
}

.buttonInput {
  display: inline-block;
}

.inline {
  display: inline-block;
}

.buttonInput input {
  width: 520px;
}

.buttonInput svg {
  margin-right: 5px;
  cursor: pointer;
}

.line .iframe {
  height: 2000px;
}

input.calendar {
  width: 140px;
}

input.calendar[type=datetime-local] {
  width: 174px;
}

input.time {
  width: 90px;
  min-width: 90px;
}

input.month,
input.week {
  width: 185px;
  min-width: 185px;
}

.line.noList li {
  display: block;
}

.line select.big {
  max-width: inherit;
  width: 550px;
}

.line .big {
  max-width: 800px;
}

.line .error {
  color: #cd0a0a;
}

.line .indent {
  margin-left: 153px;
}

.line[key=chat] .read {
  vertical-align: top;
}

.line[key=chat] textarea {
  height: 40px;
  border: none;
  padding-top: 5px;
}

.line[key=chat] .send {
  position: absolute;
  right: 20px;
  bottom: 4px;
  cursor: pointer;
}

.previewBox {
  width: 450px;
  max-width: 100%;
  margin: 10px 15px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 20px 15px 20px 20px;
  border-radius: 2px;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  transition: opacity 1s;
}
.previewBox .title {
  margin-bottom: 10px;
  display: inline-block;
  cursor: pointer;
  font-weight: 500;
}
.previewBox > input {
  width: calc(100% - 16px) !important;
  height: 27px;
  display: block;
  border-bottom: none;
  border-radius: 2px;
  background-color: rgb(255, 255, 255);
}
.previewBox .dataTable thead th {
  border: none;
}
.previewBox .dataTable tbody .dataTables_empty {
  background-color: rgb(255, 255, 255);
}
.previewBox .table tbody td {
  white-space: nowrap;
}

.search .previewBox {
  min-width: 414px;
  width: calc(33% - 19px);
  margin: 0 25px 25px 0;
  overflow-x: hidden;
}

#dashboard {
  vertical-align: top;
  padding: 10px;
  margin: 5px;
  position: relative;
  height: 25%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
}
#dashboard .previewBox {
  visibility: hidden;
}
#dashboard.adjusted:not(.hidden) .previewBox {
  visibility: initial;
}
#dashboard .table {
  overflow-x: inherit;
}
#dashboard .diagram {
  width: 450px;
  height: 223px;
  overflow: hidden;
}
#dashboard.blurred:after {
  content: " ";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.25;
  background: gray;
}

#dock {
  position: fixed;
  bottom: 0;
  margin-left: 3px;
  white-space: nowrap;
  max-width: calc(100% - 6px);
  overflow: hidden;
  z-index: 1;
}
#dock .min {
  padding: 7px 15px 7px 10px;
  border: 1px solid #4babc1;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  float: left;
  margin-right: 3px;
  cursor: pointer;
  position: relative;
  background-color: rgba(245, 245, 245, 0.75);
  height: 17px;
}
#dock .min .close {
  position: absolute;
  top: 0px;
  font-size: 13px;
  line-height: 11px;
  right: 2px;
  color: gray;
  padding: 3px;
  margin: -3px;
}
#dock .min > svg {
  margin-right: 6px;
}

/* table plugin */
.dataTables_wrapper {
  text-align: center;
}

.dataTables_filter {
  display: inline-block;
}

.dataTables_filter label {
  width: auto;
  height: 27px;
}

.dataTables_filter input:focus {
  box-shadow: none;
}

.dataTables_info {
  line-height: 26px;
  margin: 5px 20px;
  float: right;
  color: #222;
  font-size: 12px;
}

.dataTables_scroll {
  clear: both;
}

.dataTable {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  text-align: left;
  font-size: 12px;
}
.dataTable thead th {
  line-height: 25px;
  padding: 0 5px !important;
  font-weight: normal;
  overflow: hidden;
  border-bottom: 1px solid #4babc1;
  border-right: none;
  cursor: pointer;
  color: #222;
}
.dataTable thead th:hover {
  background-color: #4babc1;
  color: rgb(255, 255, 254);
}
.dataTable thead th.sorting_asc:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 1000;
  content: "\f0de";
  margin-left: 3px;
}
.dataTable thead th.sorting_desc:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 1000;
  content: "\f0dd";
  margin-left: 3px;
}
.dataTable tr {
  white-space: nowrap;
}
.dataTable tr.odd {
  background-color: white;
}
.dataTable tr.even {
  background-color: whitesmoke;
}
.dataTable tbody tr:hover,
.dataTable tr.active,
.dataTable tr.active td.sorting_1,
.dataTable tr:hover td.sorting_1,
.dataTable tr.active td.sorting_2,
.dataTable tr:hover td.sorting_2 {
  background-color: #4babc1 !important;
  color: rgb(255, 255, 254) !important;
}
.dataTable tbody td {
  line-height: 25px;
  padding: 0 5px;
  border-bottom: 1px solid #ddd;
}
.dataTable tbody td > div {
  padding: 0;
}
.dataTable tbody td .cont {
  white-space: nowrap;
}
.dataTable tbody td .read {
  margin: 0;
  padding: 0;
}
.dataTable tbody td .chosen-container {
  overflow: hidden;
  max-height: 100px;
  margin: 0;
  width: auto !important;
}
.dataTable tbody td .chosen-container.chosen-container-active {
  height: auto;
  overflow: visible;
  z-index: 1;
}
.dataTable tbody tr:last-child td {
  border-bottom: none;
}
.dataTable tbody td.click {
  cursor: pointer;
}
.dataTable tbody td img {
  max-height: 28px;
  margin: -5px 0;
  vertical-align: text-bottom;
}
.dataTable tbody.ui-sortable td.pos {
  cursor: move;
}
.dataTable tfoot {
  text-align: right;
}
.dataTable tfoot th {
  padding: 0 5px !important;
  border-top: 1px solid #4babc1;
  border-left: 1px solid transparent;
}
.dataTable .small {
  padding: 0 6px;
}
.dataTable .dt-body-center,
.dataTable .dt-checkboxes-select-all {
  text-align: center;
}
.dataTable .dt-body-center input,
.dataTable .dt-checkboxes-select-all input {
  min-width: auto !important;
  width: auto !important;
  height: auto;
  margin: 0;
  vertical-align: middle;
  box-shadow: none !important;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
}

.dataTables_scrollHeadInner,
.dataTables_scrollFootInner {
  width: 100% !important;
  box-sizing: border-box !important;
}

.dataTables_scrollHeadInner table,
.dataTables_scrollFootInner table {
  width: 100% !important;
}

.dataTables_scrollBody {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}

.line:not(.full) .dataTables_scrollBody {
  overflow: inherit !important;
  position: inherit !important;
}

table.dataTable tbody tr.selected {
  background-color: lightgray;
}

.dataTable:not(.edit) td {
  overflow: hidden;
}

[key=history] .dataTable tbody td > div {
  height: 25px;
}

.dataTable.reordable tbody td.pos {
  cursor: move;
}

.dataTable.reorderDisabled tbody td.pos {
  cursor: default;
}

.dataTables_info .select-info {
  display: none;
}

.dataTable.dt-rowReorder-float {
  position: absolute !important;
  z-index: 1000;
}

.line .dataTable input,
.line .dataTable textarea,
.line .dataTable select {
  min-width: 50px;
  max-width: 100%;
  margin: 0;
  background-color: white;
}

.line .dataTable textarea {
  width: 100%;
}

.line .dataTables_filter label {
  float: none;
}

.line .dataTables_filter input {
  max-width: none;
}

.line .dataTable .rightAlign input,
.line .dataTable .rightAlign select {
  text-align: right;
}

.line .dataTable .amount input {
  text-align: center;
}

/* statistic */
.diagramType {
  float: right;
}

.statistic .diagramFrame {
  padding: 15px;
}

.statistic .diagram {
  width: 100%;
  height: 680px;
  clear: both;
  overflow-x: scroll;
  overflow-y: hidden;
}

.statistic .diagram rect {
  fill: rgb(255, 255, 255);
}

/* info */
.info {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-bottom: 3px;
}
.info .ui-state-highlight {
  padding: 5px;
}
.info .ui-icon {
  display: inline-block;
  vertical-align: bottom;
}
.info .ui-icon-closethick {
  margin-bottom: 10px;
  cursor: pointer;
}

/* tooltip */
#tooltip {
  max-width: 400px;
  padding: 5px 10px;
  position: absolute;
  background: white;
  color: #333;
  display: none;
  z-index: 100000;
  border: 1px solid #4babc1;
  box-shadow: 1px 1px 10px #888;
}
#tooltip img {
  max-width: 100%;
}

/* context menu */
#contextMenu {
  max-width: 300px;
  position: absolute;
  z-index: 100000;
  background: white;
  color: #333;
  border: 1px solid #4babc1;
  box-shadow: 1px 1px 10px #888;
}
#contextMenu div {
  padding: 3px 15px;
  cursor: pointer;
}
#contextMenu div:not(.contextSub):hover,
#contextMenu div.active {
  background-color: #4babc1;
  color: rgb(255, 255, 254);
}
#contextMenu div div {
  display: none;
}

/* settings */
.settings {
  padding: 5px 10px 5px 35px !important;
  overflow-x: scroll !important;
}
.settings * {
  float: left;
}
.settings .label {
  width: 150px;
  margin-bottom: 3px;
  border: none;
}
.settings .image {
  display: list-item;
  list-style-type: disc;
  height: 31px;
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: -5px;
}
.settings .image.open {
  list-style-type: circle;
}
.settings .break {
  clear: left;
}
.settings .levelblock {
  display: none;
  margin-left: 20px;
  width: 100%;
}
.settings .array {
  border: 1px dotted black;
}
.settings .value {
  width: calc(100% - 340px);
}

/* calendar */
.calendar .fc {
  padding-top: 10px;
}
.calendar .ui-widget-content,
.calendar .ui-widget-header {
  border-color: #222;
}
.calendar .ui-dialog-content > .fc {
  padding: 5px 10px !important;
}
.calendar .fc-event {
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 2px;
}
.calendar .fc-event.active {
  outline: none;
  box-shadow: 1px 1px 10px #888;
}
.calendar .fc-today {
  background: rgba(75, 171, 193, 0.3) 50% 50% repeat-x !important;
}
.calendar .fc-content {
  white-space: normal !important;
}
.calendar .ui-widget-content {
  background: white;
}
.calendar .ui-widget-content.ui-state-highlight {
  background: #e2dbd1;
}
.calendar .fc-agenda-view .fc-day-grid {
  max-height: 150px;
  overflow-y: scroll;
}
.calendar .fc-agenda-view .fc-day-grid .fc-row {
  margin-right: 0 !important;
}
.calendar .fc-timeline .fc-sun,
.calendar .fc-timeline .fc-time-area tr:first-child th {
  border-right: 2px solid #222 !important;
}
.calendar .fc-resource-area .fc-cell-text {
  white-space: pre-wrap;
}
.calendar .fc-fc-scroller-harness-liquid {
  min-height: 500px;
}
.calendar .fc-timeline-event .fc-event-time,
.calendar .fc-timeline-event .fc-event-title {
  white-space: normal !important;
}
.calendar .fc-timeline-header-row .fc-day-mon,
.calendar .fc-timeline-slots .fc-day-mon {
  border-left: 1px solid #4babc1;
}
.calendar .box {
  margin: 0;
  border-bottom: 1px solid #4babc1;
}

/* demo mode */
.demo .adminInfo,
.demo .adminButton,
.demo #menuAdmin,
.demo .ui-tabs li[key=hiddenKeys] {
  display: none !important;
}

/* chat */
#chat {
  max-height: 100%;
  overflow-y: scroll;
  float: right;
  padding-left: 10px;
}
#chat .icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 10px 0;
  border-radius: 20px;
  border: 1px solid #222;
  position: relative;
  cursor: pointer;
}
#chat .icon.active {
  border-color: red;
}
#chat .icon img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
#chat .icon svg {
  bottom: -2px;
  position: absolute;
  right: -2px;
  font-size: 9px;
  color: #31a24c;
  border: 2px solid #f8f9fa;
  border-radius: 9px;
}
#chat textarea {
  width: 350px;
  height: 50px;
  margin-top: 40px;
}
#chat .ui-button {
  margin: 15px;
  vertical-align: bottom;
}

/* sorter */
.sorterCol {
  min-width: 100px;
  max-width: 300px;
  min-height: 250px;
  max-height: calc(100% - 15px);
  padding: 5px;
  display: inline-block;
  overflow-y: scroll;
  border: 1px solid #4babc1;
  vertical-align: top;
}
.sorterCol div {
  padding: 2px 5px;
  border-radius: 2px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
}
.sorterCol div.selected {
  background-color: #4babc1;
  color: rgb(255, 255, 254);
}

.sorterSub {
  display: none;
}

#sorterCol2 .sorterSub,
.sorterCol3 .sorterSub {
  display: inline;
  float: right;
  color: lightgray;
}

#sorterCol2 .sorterSub.active,
.sorterCol3 .sorterSub.active {
  color: black;
}

.sorterCol3,
.sorterCol4 {
  display: none;
}

.sorterBtns {
  width: 56px;
  display: inline-block;
  margin-top: 70px;
  margin-left: 5px;
  margin-right: 5px;
}
.sorterBtns .button {
  width: 100%;
  text-align: center;
}
.sorterBtns .button.left,
.sorterBtns .button.right {
  width: 25px;
  padding: 0;
}

/* animation */
#dashboard .table tr {
  transform: scale(1, 0.6);
  animation: open 0.65s ease-in-out forwards;
}

@keyframes open {
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
.iconBox {
  display: inline-block;
  text-align: center;
  border: 1px solid gray;
  width: 70px;
  vertical-align: top;
  height: 50px;
  overflow: hidden;
  padding: 5px;
}

.iconBox span {
  display: block;
}

/* smartphone mode */
.smartphone {
  position: fixed;
}
.smartphone #login {
  width: 100%;
  box-sizing: border-box;
  bottom: auto;
}
.smartphone #login label {
  min-width: 70px;
  width: 70px;
}
.smartphone.tile .ui-dialog:not(.modal) {
  border-right: none;
}
.smartphone .table {
  max-width: 100%;
}
.smartphone .table tbody {
  width: 100%;
}
.smartphone .context:not(input):not(textarea) {
  user-select: none;
}
.smartphone input {
  appearance: none;
}
.smartphone .select {
  width: 50px;
}
.smartphone .select svg {
  font-size: 20px;
}

/* tablet mode */
.tablet {
  position: fixed;
}
.tablet .table {
  max-width: 100%;
}
.tablet .table tbody {
  width: 100%;
}
.tablet .context:not(input):not(textarea) {
  user-select: none;
}
.tablet input {
  appearance: none;
}
.tablet .select {
  width: 50px;
}
.tablet .select svg {
  font-size: 20px;
}
.tablet #login {
  top: 50px;
  bottom: auto;
}
.tablet nav .top {
  width: 100%;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
}
.tablet .wysiwygToolbar {
  display: block;
}

/* responsive */
@media only screen and (max-width: 1600px) {
  .left {
    display: none;
  }
}/*# sourceMappingURL=view.css.map */