.red {
  color: var(--alert_1);
}

.green {
  color: var(--success_1);
}

/* horizontal panel*/
.panel {
  min-height: 300px;
  background: var(--white_2);
  border: 2px solid var(--blue_1);
}
.panel .panel-left,
.panel .panel-right,
.panel .splitter {
  min-height: 250px;
}
.panel .panel-left {
  flex: 0 0 auto;
  /* only manually resize */
  padding: var(--padding_small);
  display: flex;
  flex-direction: column;
  gap: var(--gap_medium);
  width: 300px;
  min-width: 190px;
  max-width: 60%;
  white-space: nowrap;
  color: var(--black_1);
}
.panel .panel-left #drefresh {
  display: flex;
  justify-content: space-between;
  gap: var(--gap_medium);
  margin: var(--margin_medium);
  font-size: var(--font_size_big);
  font-weight: bold;
}
.panel .panel-left #drefresh .box {
  /*display: inline-grid;
  justify-content: center;*/
  align-content: center;
}
.panel .panel-left #drefresh #search.last-sm, .panel .panel-left #drefresh #search.last-md, .panel .panel-left #drefresh #search.last-lg {
  padding: 0;
}
.panel .panel-left #drefresh #search.last-sm input[type=text], .panel .panel-left #drefresh #search.last-md input[type=text], .panel .panel-left #drefresh #search.last-lg input[type=text] {
  min-width: 80px;
}
.panel .panel-left #drefresh button,
.panel .panel-left #drefresh label {
  padding-left: var(--padding_medium);
  padding-right: var(--padding_medium);
}
.panel .panel-left #drefresh button span,
.panel .panel-left #drefresh label span {
  padding-left: var(--padding_medium);
  padding-right: var(--padding_medium);
  width: var(--img_size_medium);
  height: var(--img_size_medium);
  border-style: unset;
}
.panel .panel-left #drefresh input[type=text] {
  padding: 0px 5px 0px 5px;
  margin: 0;
  width: 100%;
  height: 26px;
  border: solid 1px transparent;
}
.panel .panel-left #drefresh .controlGroupObjectType label {
  height: 32px;
}
.panel .panel-left #drefresh .controlGroupObjectType input[type=radio] {
  width: 0;
  height: 0;
}
.panel .panel-left #drefresh .controlGroupRefresh span {
  height: var(--img_size_default);
}
.panel .panel-left #drefresh .controlGroupRefresh input[type=number] {
  width: 50px;
  height: 32px;
  margin: 0px 3px 0px 5px;
}
.panel .panel-left #drefresh .controlGroupRefresh button {
  height: var(--img_size_default);
}
.panel .splitter {
  flex: 0 0 auto;
  width: 6px;
  background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/vsizegrip.png) center center no-repeat #c5dbec;
  cursor: col-resize;
}
.panel .panel-right {
  flex: 1 1 auto;
  width: 100%;
  min-width: 300px;
  padding: var(--padding_small);
}
.panel .panel-right #container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.panel .panel-right #container ul li.tab {
  display: inline-flex;
  background: var(--white_3);
  border: solid 1px var(--grey_1);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}
.panel .panel-right #container ul li.ui-state-active {
  position: relative;
  top: 1px;
  padding-top: var(--padding_medium);
  background: var(--white_4);
  border-color: var(--grey_2);
}
.panel .panel-right #container ul li#tab_5 {
  float: right !important;
  background: var(--orange_3);
}
.panel .panel-right #container ul li a {
  outline: none;
  font-size: 14px;
  line-height: 2em;
}
.panel .panel-right #container ul li a:hover {
  text-decoration: underline;
}
.panel .panel-right #container ul li a.active {
  font-weight: bold;
}
.panel .panel-right #container #content {
  overflow-y: auto;
}

.turn_off {
  color: var(--black_1);
}
.turn_off legend {
  display: unset;
  margin-bottom: unset;
  padding-bottom: var(--padding_medium);
  border: unset;
  border-bottom: unset;
  font-size: var(--font_size_big);
  font-weight: bold;
  line-height: unset;
  color: unset;
}
.turn_off div.row {
  width: 100%;
  margin-bottom: var(--margin_default);
  font-weight: normal;
}
.turn_off div.row label {
  font-weight: normal;
}

.msg-alert {
  opacity: 1;
  margin-bottom: var(--margin_big);
  padding: var(--padding_big);
  transition: opacity 0.6s;
  background-color: var(--alert_3);
  color: var(--white_1);
}
.msg-alert.success {
  background-color: var(--success_3);
}
.msg-alert.info {
  background-color: var(--info_2);
}
.msg-alert.warning {
  background-color: var(--orange_2);
  color: var(--black_1);
}

.form-component {
  margin: var(--margin_medium) !important;
}
.form-component label:first-child {
  float: left;
  width: 120px;
  color: var(--grey_2);
}

.inline-form .form-component {
  display: inline-block;
  max-width: 120px;
  margin-right: var(--margin_big) !important;
}
.inline-form .form-buttons {
  display: inline-block;
  margin-top: 0 !important;
  margin-left: var(--margin_medium) !important;
}

.form-buttons {
  clear: both;
  margin-top: 40px !important;
  text-align: center;
}
.form-buttons input:not(:last-child) {
  margin-right: var(--margin_medium);
}

#gridEventHistory_filter label input,
#gridContactPersons_filter label input,
#gridPhotoDocumentation_filter label input,
#gridEventActiveArchive_filter label input {
  background-color: var(--white_4);
}

.ui-button.ui-icon {
  border: unset;
  background-repeat: no-repeat;
  background-size: var(--img_size_medium) var(--img_size_medium);
  background-position: center;
  background-color: unset;
}
.ui-button.ui-icon:active, .ui-button.ui-icon:hover {
  background-size: var(--img_size_medium) var(--img_size_medium);
}
.ui-button.ui-icon.button-add {
  background-image: url("../img/menu/add.ico");
  background-size: var(--img_size_small) var(--img_size_small) !important;
}
.ui-button.ui-icon.button-delete {
  background-image: url("../img/menu/delete.ico");
  background-size: var(--img_size_small) var(--img_size_small) !important;
  padding: unset;
}
.ui-button.ui-icon.button-back {
  background-image: url("../img/menu/back.png");
  background-size: var(--img_size_small) var(--img_size_small) !important;
}
.ui-button.ui-icon.button-refresh {
  background-image: url("../img/menu/refresh.png");
}
.ui-button.ui-icon.button-static {
  background-image: url("../img/menu/static_object.png");
}
.ui-button.ui-icon.button-static:active, .ui-button.ui-icon.button-static:hover {
  background-image: url("../img/menu/static_object.png");
}
.ui-button.ui-icon.button-active {
  background-image: url("../img/menu/active_guard.png");
}
.ui-button.ui-icon.button-active:active, .ui-button.ui-icon.button-active:hover {
  background-image: url("../img/menu/active_guard.png");
}/*# sourceMappingURL=content.css.map */