input[type=text], input[type=password], input[type=number] {
  border: thin solid RGB(226, 0, 10);
  text-indent: 3px;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus {
  outline: none;
}

input[type=file] {
  border: thin solid RGB(226, 0, 10);
}
input[type=file]:focus {
  outline: none;
}

textarea {
  border: thin solid RGB(226, 0, 10);
}
textarea:focus {
  outline: none;
}

button {
  color: white;
  background-color: RGB(226, 0, 10);
  border: 1px solid transparent;
  text-decoration: none;
  margin: 4px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
button > svg {
  width: 20px;
  margin-right: 5px;
}
button > svg > path {
  fill: white;
}
button > i {
  width: 20px;
  margin-right: 5px;
}

.table {
  border-collapse: collapse;
  text-align: center;
  overflow: auto;
  color: RGB(85, 85, 85);
}
.table th {
  background-color: RGB(226, 0, 10);
  color: white;
  border: thin solid white;
  padding: 5px;
}
.table tr:nth-child(even) {
  background-color: RGB(196, 196, 196);
}
.table td {
  padding: 5px;
}
.table .justify-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.table button {
  margin: 4px 5px 4px 5px;
}

.admin-table {
  border-collapse: collapse;
  border-bottom: thin solid RGB(233, 232, 230);
  width: 100%;
  color: RGB(85, 85, 85);
}
.admin-table thead {
  background-color: RGB(81, 88, 91);
}
.admin-table thead th {
  color: white;
  text-align: left;
  font-weight: 200;
  font-size: 13pt;
  padding: 10px 0 10px 10px;
  min-width: 40px;
}
.admin-table thead th > span {
  color: white;
}
.admin-table thead th:nth-child(n+2) {
  border-left: thin solid white;
}
.admin-table thead .sort-icons {
  float: right;
  margin: 0 5px 0 5px;
}
.admin-table thead .sort-icons > div {
  color: white;
  cursor: pointer;
  width: 10px;
  height: 10px;
  font-size: 8pt;
  font-weight: bold;
}
.admin-table thead .sort-icons-desc > div {
  color: white;
}
.admin-table thead .sort-icons-asc > div {
  color: white;
}
.admin-table tbody {
  background-color: white;
}
.admin-table tbody:nth-child(even) {
  background-color: RGB(247, 248, 248);
}
.admin-table tbody td {
  padding: 0 0 0 10px;
  text-align: left;
  max-width: 300px;
  min-width: 70px;
  overflow: hidden;
}

.search-row {
  border-top: thin solid lightgrey;
  border-bottom: thin solid lightgrey;
  margin: 10px 0 10px 0;
  padding: 10px 1px 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-row #search-field {
  flex: 1;
}
.search-row #placeholder {
  flex: 2;
}
.search-row #functions {
  flex: 1;
  width: 25%;
}
.search-row #functions div {
  float: right;
  cursor: pointer;
}
.search-row #functions div span {
  float: right;
  margin: 0 0 0 5px;
  color: RGB(226, 0, 10);
}
.search-row #functions div svg {
  float: left;
  height: 25px;
  width: 25px;
}
.search-row #functions div svg path {
  fill: RGB(226, 0, 10);
}

.checkbox-active {
  height: 20px;
  width: 20px;
  padding: 2px;
  border: thin solid lightgrey;
  border-radius: 3px;
  background: green;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkbox-active svg {
  height: 16px;
}
.checkbox-active svg path {
  fill: white;
}

.checkbox-inactive {
  height: 20px;
  width: 20px;
  border: thin solid lightgrey;
  border-radius: 3px;
}
.checkbox-inactive svg {
  height: 16px;
}
.checkbox-inactive svg path {
  fill: white;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .application-container {
    display: block !important;
    max-width: 1264px !important;
    margin: auto;
  }
  .bb-footer {
    max-width: 1264px;
  }
  .bb-content {
    min-height: 490px;
  }
  .loading-box-container {
    left: 0 !important;
  }
  .picture-upload {
    left: 0 !important;
  }
  .picture-upload svg {
    width: 25px;
    height: 25px;
  }
  .dropdown-selection-container {
    position: relative;
    width: 100%;
  }
  .dropdown-selection-container .dropdown-selection-content {
    width: 100%;
    left: 0;
  }
  .password-check svg {
    width: 25px;
    height: 25px;
  }
  #profile-edit-view {
    height: 100%;
  }
  #profile-edit-view #profile-picture-functions {
    display: inline;
  }
  #profile-edit-view #profile-picture-functions > div {
    width: 50%;
    float: right;
  }
  #profile-password-view .button-row {
    height: 30px;
  }
  #profile-guest-view .role-select-selected {
    position: relative;
  }
  #profile-guest-view .role-select-selected-icon {
    position: absolute;
    right: 0;
  }
  #profile-guest-view .role-select-selected-icon > svg {
    width: 10px;
  }
  #profile-guest-view svg {
    width: 20px;
    height: 20px;
  }
  #profile-newsletter-view #button-row {
    height: 30px;
  }
}
.header-fade-animation img {
  width: 100%;
  max-height: 200px;
}
.header-fade-animation #fade1 {
  width: 100%;
  height: auto;
  max-height: 150px;
  position: absolute;
  background-size: cover;
  animation: fade 30s infinite;
  -webkit-animation: fade 30s infinite;
}
.header-fade-animation #fade2 {
  width: 100%;
  height: auto;
  position: absolute;
  background-size: cover;
  animation: fade2 30s infinite;
  -webkit-animation: fade2 30s infinite;
}
.header-fade-animation #fade3 {
  width: 100%;
  height: auto;
  position: absolute;
  background-size: cover;
  animation: fade3 30s infinite;
  -webkit-animation: fade3 30s infinite;
}
.header-fade-animation #fade4 {
  width: 100%;
  height: auto;
  position: absolute;
  background-size: cover;
  animation: fade4 30s infinite;
  -webkit-animation: fade4 30s infinite;
}

@keyframes fade {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade2 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade3 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade4 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.news-ticker-wrap {
  width: 100%;
  overflow: hidden;
  padding-left: 100%;
  box-sizing: content-box;
}

.news-ticker {
  display: inline-block;
  white-space: nowrap;
  padding-right: 100%;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
}
.news-ticker-item {
  display: inline-block;
  padding: 0 2rem;
  color: white;
}

.profile-dropdown-menu {
  display: inline-block;
}
.profile-dropdown-menu-content {
  display: none;
  position: absolute;
  z-index: 3;
  margin: 10px 0 0 0;
  height: 40px;
  width: 200px;
  background-color: white;
}
.profile-dropdown-menu-content button {
  height: 100%;
  width: 100%;
  margin: 0;
}
.profile-dropdown-menu-item {
  height: 100%;
  width: 200px;
  margin: 2px 0 2px 0;
}

.show {
  display: block;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.bb-news-banner {
  height: 25px;
  background-color: RGB(226, 0, 10);
  color: white;
  font-size: 14pt;
  overflow: hidden;
}
.bb-news-banner a {
  text-decoration: none;
  color: white;
}
.bb-news-placeholder {
  height: 5px;
  margin-bottom: 20px;
  background-color: RGB(226, 0, 10);
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .bb-news-placeholder {
    height: 0px;
    margin: 0;
  }
}
.bb-news .news-ticker-item:hover {
  cursor: pointer;
}

.site-search {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
}
.site-search .site-search-input {
  flex: 1;
  height: 30px;
  width: 20%;
  float: left;
  display: flex;
  align-items: center;
}
.site-search .site-search-input #site-search-search-field {
  padding: 0 10px 0 0;
}
.site-search .site-search-input input {
  background-color: RGB(226, 0, 10);
  color: white;
  height: 30px;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
}
.site-search .site-search-input i {
  font-size: 27pt;
  color: RGB(226, 0, 10);
  margin: 0 5px;
  cursor: pointer;
  margin-left: 10px;
}
.site-search #site-search-icons {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .site-search #site-search-icons {
    flex: 0;
  }
}
.site-search #site-search-icons img {
  height: 30px;
  margin-left: 13px;
  cursor: pointer;
}
.site-search #site-search-search-icon {
  width: 30px;
  height: 30px;
  float: left;
  background: url("/images/search_icon-c648378ac9f1449d706072f121ecf951.png") center no-repeat;
  border: thin solid RGB(226, 0, 10);
  cursor: pointer;
}
.site-search input::-webkit-input-placeholder,
.site-search textarea::-webkit-input-placeholder {
  color: white;
  opacity: 0.9;
  text-align: center;
}
.site-search input:-moz-placeholder,
.site-search textarea:-moz-placeholder {
  color: white;
  opacity: 0.9;
  text-align: center;
}
.site-search input::-moz-placeholder,
.site-search textarea::-moz-placeholder {
  color: white;
  opacity: 0.9;
  text-align: center;
}
.site-search input:-ms-input-placeholder,
.site-search textarea:-ms-input-placeholder {
  color: white;
  opacity: 0.9;
  text-align: center;
}

.navigation-sidebar {
  min-height: 350px;
}
.navigation-sidebar #content-title-offset {
  height: 60px;
}
.navigation-sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.navigation-sidebar .navigation-sidebar-item {
  font-family: Verdana, serif;
  font-size: 13pt;
  margin: 0 0 7px 0;
}
.navigation-sidebar .navigation-sidebar-item a {
  text-decoration: none;
  color: RGB(85, 85, 85);
}
.navigation-sidebar .navigation-sidebar-item a:hover {
  color: RGB(226, 0, 10);
}
.navigation-sidebar .navigation-sidebar-item .active {
  color: RGB(226, 0, 10);
}
.navigation-sidebar .slideup ul, .navigation-sidebar .slidedown ul {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: max-height 0.4s ease-in-out;
  -moz-transition: max-height 0.4s ease-in-out;
  -o-transition: max-height 0.4s ease-in-out;
  transition: max-height 0.4s ease-in-out;
}
.navigation-sidebar .slidedown ul {
  max-height: 400px;
}

.flex-1 {
  flex: 1;
}

.flex-0 {
  flex: 0;
}

.content-title {
  border-bottom: thin solid RGB(226, 0, 10);
  color: black;
  text-align: left;
  display: flex;
  align-items: flex-end;
  background: white;
  margin: 0 0 15px 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .content-title {
    border-bottom: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
  }
}
.content-title #header-text {
  padding-bottom: 5px;
  width: 100%;
  font-size: 20pt;
  font-family: Verdana, serif;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .content-title #header-text {
    padding-left: 10px;
    border-bottom: thin solid RGB(226, 0, 10);
    margin-right: 5px;
  }
}
.content-title #header-area-text {
  font-size: 25pt;
  font-weight: bold;
  color: #707070;
  padding: 10px 0 0 20px;
}
.content-title #header-area-border-upper {
  height: 20px;
  width: 100%;
  display: flex;
}
.content-title #header-area-border-upper-left {
  width: 100px;
  height: 100%;
  background: url("/images/nav-menu-active.svg") bottom no-repeat;
}
.content-title #header-area-border-upper-right {
  flex: 1;
  border-bottom: thin solid RGB(226, 0, 10);
}

.tab-navigation {
  height: 100%;
  display: flex;
}
.tab-navigation-link {
  float: left;
  height: inherit;
  min-width: 120px;
  text-align: center;
  display: flex;
}
.tab-navigation-link:first-child {
  border-left: thin solid lightgrey;
}
.tab-navigation-link a {
  flex: 1;
  text-decoration: none;
  border-right: thin solid lightgrey;
  border-top: thin solid lightgrey;
  border-bottom: thin solid lightgrey;
  border-radius: 0 3px 0 0;
  color: lightgrey;
  padding: 10px 0 0 0;
}
.tab-navigation-link .active {
  background-color: white;
  color: RGB(226, 0, 10);
  border-top: 2px solid RGB(226, 0, 10);
  border-bottom: none;
  border-left: none;
}
.tab-navigation-placeholder {
  flex: 1;
  border-bottom: thin solid lightgrey;
}

.checkbox-selector {
  list-style: none;
  padding: 0;
  margin: 3px;
  font-size: 1.1rem;
}
.checkbox-selector span {
  margin: 0 0 0 10px;
}
.checkbox-selector-item {
  margin: 4px;
  text-align: left;
  text-indent: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.checkbox-selector-item label {
  display: inherit;
  width: inherit;
  height: inherit;
  position: relative;
  text-align: center;
  padding: 13px 0 0 0;
}
.checkbox-selector .is-not-selected .image {
  float: left;
  border: thin solid lightgrey;
  border-radius: 3px;
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkbox-selector .is-not-selected .image svg {
  width: 10px;
  height: 10px;
}
.checkbox-selector .is-not-selected .image svg path {
  fill: white;
}
.checkbox-selector .is-selected .image {
  float: left;
  background-color: green;
  margin: 0 0 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  width: 25px;
  height: 25px;
}
.checkbox-selector .is-selected .image svg {
  width: 20px;
  height: 20px;
}
.checkbox-selector .is-selected .image svg path {
  fill: white;
}
.checkbox-selector .is-selected span {
  font-weight: bold;
}

.message-box-container {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 3;
  background-color: RGBA(0, 0, 0, 0.5);
  font-size: 16pt;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-box-container .message-box {
  padding: 15px;
  border-radius: 8px;
  background-color: white;
}
.message-box-container .text-row {
  height: 80%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  overflow-y: auto;
}
.message-box-container .button-row {
  display: flex;
  height: 20%;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.message-box-container .button-row button {
  margin: 10px;
}

.section-select {
  width: 100%;
  height: 100%;
  min-height: 30px;
  display: flex;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .section-select {
    flex-direction: column;
  }
}
.section-select-content {
  flex: 1;
}
.section-select-content .selected-option {
  border: thin solid grey;
  border-radius: 3px;
  height: 100%;
  font-weight: bold;
  padding: 5px 2px 2px 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
}
.section-select-content .selected-option > span {
  flex: 1;
}
.section-select-content .selected-option svg {
  width: 20px;
  margin: 7px 0 5px 0;
  float: right;
}
.section-select-content .selected-option svg path {
  fill: grey;
}
.section-select-content .selected-option .placeholder {
  font-weight: normal;
}
.section-select-content .content-wrapper {
  position: relative;
  width: 100%;
}
.section-select-content .content-wrapper .content {
  position: absolute;
  z-index: 1;
  display: none;
  width: 100%;
  max-height: 300px;
  overflow: auto;
  background: white;
  border: thin solid grey;
  border-radius: 3px;
}
.section-select-content .content-wrapper .content-item {
  font-weight: bold;
  cursor: pointer;
  padding: 0 0 0 4px;
  border-bottom: thin solid RGB(226, 0, 10);
}
.section-select-content .content-wrapper .content-item:hover {
  background: lightgrey;
}
.section-select #rootSection-Selection {
  float: left;
  margin: 0 20px 0 0;
}
.section-select #rootSection-Selection:hover .content {
  display: block;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .section-select #rootSection-Selection {
    margin: 0 0 15px 0;
  }
}
.section-select #subSection-Selection {
  float: left;
}
.section-select #subSection-Selection:hover .content {
  display: block;
}
.section-select #refresh-button {
  margin: 3px 0 0 10px;
  float: left;
}
.section-select #refresh-button svg {
  width: 25px;
}
.section-select #refresh-button svg path {
  fill: RGB(226, 0, 10);
}

.item-selected {
  background: RGB(226, 0, 10);
}
.item-selected label {
  color: white;
}

.download-select-container {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: RGBA(0, 0, 0, 0.5);
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
}
.download-select-container .download-select-box {
  max-width: 1264px;
  width: 60%;
  height: 80%;
  background: white;
  position: relative;
  overflow: auto;
  border: thin solid RGB(226, 0, 10);
}
.download-select-container .download-select-box #download-select-title {
  font-size: 14pt;
  border-bottom: thin solid RGB(226, 0, 10);
  padding: 5px;
}
.download-select-container .download-select-box #section-select-content {
  margin-top: 5px;
  width: 50%;
  float: left;
}
.download-select-container .download-select-box #btn-select-all {
  float: left;
  margin-top: 5px;
}
.download-select-container .download-select-box #btn-cancel {
  margin-top: 5px;
  float: right;
}
.download-select-container #download-select-table {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}

.single-checkbox {
  border: thin solid RGB(226, 0, 10);
  height: 25px;
  padding: 2px 0 0 0;
  text-align: left;
  text-indent: 10px;
  display: flex;
}
.single-checkbox .image {
  height: 20px;
  width: 50px;
  background: url("/images/toggle_off.svg") center no-repeat;
  background-size: 40px;
  flex: 1;
}
.single-checkbox label {
  flex: 2;
}

.checkbox-selected {
  background-color: RGB(226, 0, 10);
}
.checkbox-selected label {
  color: white;
}
.checkbox-selected .image {
  background: url("/images/toggle_on.svg") center no-repeat;
  background-size: 40px;
}

.selectable-image {
  position: absolute;
  width: 100px;
  height: 100px;
  border: thin solid RGB(226, 0, 10);
}

.image-selected img {
  border: 5px solid RGB(226, 0, 10) !important;
}

.loading-image {
  position: absolute;
  z-index: 0;
  background: url("/images/loader.svg") center no-repeat;
  height: 100px;
  width: 100px;
}

.gallery-select {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 75536;
  display: flex;
  flex-direction: column;
}
.gallery-select > div {
  flex: 1;
}
.gallery-select .border-placeholder {
  background: black;
  opacity: 0.3;
}
.gallery-select #content-container {
  flex: 2 !important;
  display: flex;
}
.gallery-select #content-container > div {
  flex: 1;
}
.gallery-select #content-container #content {
  flex: 2;
  background: white;
  overflow: auto;
  border: thin solid RGB(226, 0, 10);
}
.gallery-select #content-container #content .gallery-view-header {
  padding: 5px 0 10px 5px;
  height: 50px;
  margin: 0 0 0 0;
  font-size: 14pt;
  font-weight: bold;
  border-bottom: thin solid lightgrey;
}
.gallery-select #content-container #content .gallery-view-header span {
  color: RGB(226, 0, 10);
}
.gallery-select #content-container #content .gallery-view-header .function-icon {
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px;
  cursor: pointer;
}
.gallery-select #content-container #content .gallery-view-header .function-icon span {
  font-size: medium;
  font-weight: normal;
  color: RGB(226, 0, 10);
  margin: 0 0 0 5px;
}
.gallery-select #content-container #content .gallery-view-header .function-icon svg {
  width: 25px;
}
.gallery-select #content-container #content .gallery-view-header .function-icon svg path {
  fill: RGB(226, 0, 10);
}
.gallery-select #content-container #content .gallery-view-content {
  width: 100%;
  height: 90%;
  padding: 0 0 0 20px;
}
.gallery-select #content-container #content .picture-view {
  flex: 2;
}
.gallery-select #content-container #content .picture-view-header {
  height: 70px;
  margin: 0 5px 0 0;
  padding: 15px 0 0 5px;
  width: 100%;
  font-size: 14pt;
  font-weight: bold;
  border-bottom: thin solid lightgrey;
}
.gallery-select #content-container #content .picture-view-header #back-button {
  float: left;
  margin: 10px 10px 0 0;
}
.gallery-select #content-container #content .picture-view-header #back-button svg {
  width: 25px;
}
.gallery-select #content-container #content .picture-view-header #back-button svg path {
  fill: lightgrey;
}
.gallery-select #content-container #content .picture-view-header #gallery-information {
  display: flex;
  flex-direction: column;
  float: left;
  color: RGB(226, 0, 10);
}
.gallery-select #content-container #content .picture-view-header #gallery-information #gallery-name {
  color: RGB(226, 0, 10);
}
.gallery-select #content-container #content .picture-view-header #gallery-information #gallery-pictures {
  font-size: 11pt;
}
.gallery-select #content-container #content .picture-view-header .functionality {
  float: right;
  display: flex;
  align-items: center;
  margin: 10px 10px 0 0;
  cursor: pointer;
}
.gallery-select #content-container #content .picture-view-header .functionality span {
  color: RGB(226, 0, 10);
  font-weight: normal;
  font-size: 12pt;
  margin: 0 0 0 5px;
}
.gallery-select #content-container #content .picture-view-header .functionality svg {
  width: 25px;
}
.gallery-select #content-container #content .picture-view-header .functionality svg path {
  fill: RGB(226, 0, 10);
}
.gallery-select #content-container #content .picture-view #upload-row {
  display: flex;
  align-items: center;
  border-bottom: thin solid lightgray;
  padding: 4px;
}
.gallery-select #content-container #content .picture-view #upload-row > div {
  flex: 1;
  padding: 3px;
}
.gallery-select #content-container #content .picture-view #upload-row-buttons {
  display: flex;
}
.gallery-select #content-container #content .picture-view-picture-container {
  margin: 10px 0 0 0;
  height: 100%;
}

.picture-slideshow {
  display: flex;
  flex-direction: column;
}
.picture-slideshow .control-container {
  display: flex;
  flex-direction: row;
}
.picture-slideshow .gallery-container {
  flex: 2;
  display: flex;
  justify-content: center;
}
.picture-slideshow .picture-container {
  margin: 10px;
}
.picture-slideshow .picture-container .loading {
  position: absolute;
  z-index: -1;
  background: url("/images/loader.svg") center no-repeat;
  height: 80px;
  width: 80px;
}
.picture-slideshow .picture-container .picture {
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.picture-slideshow .picture-container .picture img {
  max-height: 100%;
  max-width: 100%;
}
.picture-slideshow .picture-container .picture img:hover {
  border: thin solid RGB(226, 0, 10);
}
.picture-slideshow .left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.picture-slideshow .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.picture-slideshow .fa {
  color: RGB(226, 0, 10);
}
.picture-slideshow .page-counter {
  height: 15%;
  text-align: center;
}

.fullscreen-slideshow-view {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.fullscreen-slideshow-view .background {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: RGBA(60, 60, 60, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.fullscreen-slideshow-view .view-container {
  position: absolute;
  max-width: 1264px;
  width: 100%;
  top: 0;
  bottom: 0;
}
.fullscreen-slideshow-view .picture-container {
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 5px;
  background: white;
  border: 3px solid RGB(226, 0, 10);
}
.fullscreen-slideshow-view .picture-container img {
  max-width: 1264px;
  max-height: 100%;
}
.fullscreen-slideshow-view .half {
  position: absolute;
  top: 10%;
  bottom: 10%;
  width: 50%;
  z-index: 2;
  display: flex;
  color: white;
  font-size: 25pt;
}
.fullscreen-slideshow-view .half .icon {
  width: 100%;
  display: flex;
  align-items: center;
}
.fullscreen-slideshow-view .half .icon-right {
  justify-content: flex-end;
}
.fullscreen-slideshow-view .half .label-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10%;
  z-index: -1;
}
.fullscreen-slideshow-view .half .label-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 10%;
  z-index: -1;
}
.fullscreen-slideshow-view .right {
  right: 0;
}
.fullscreen-slideshow-view .left {
  left: 0;
}
.fullscreen-slideshow-view .top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10%;
  z-index: 2;
  display: flex;
  color: white;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 25pt;
}

.bb-pika-theme .is-selected .pika-button {
  box-shadow: inset 0 1px 3px RGBA(226, 0, 10, 0.4);
  background-color: RGB(226, 0, 10);
}
.bb-pika-theme .is-today .pika-button {
  background-color: RGB(226, 0, 10);
  color: white;
}
.bb-pika-theme .pika-button:hover {
  background-color: RGBA(226, 0, 10, 0.7);
}

.frontpage-news {
  width: 100%;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .frontpage-news {
    margin-top: 40px;
  }
}
.frontpage-news .frontpage-news-content {
  width: 100%;
  top: 45px;
  min-height: 100px;
  padding: 0 5px 0 0;
  display: flex;
  flex-direction: column;
}
.frontpage-news .frontpage-news-content .loading-indicator {
  margin: 10px 0;
}

.frontpage-poll-poll {
  display: -moz-flex;
  display: -ms-flex;
  flex-direction: column;
  margin: 10px 15px 0 20px;
}
.frontpage-poll-text {
  margin: 5px 0 5px 0;
  font-size: 12pt;
}
.frontpage-poll .loading-indicator {
  margin: 10px 0;
}
.frontpage-poll-option {
  flex: 1 0 0;
  margin: 10px 0 10px 0;
  font-size: 12pt;
  display: flex;
  align-items: stretch;
}
.frontpage-poll-option .option-counter {
  flex: 1 0 0;
  border-right: 2px solid RGB(226, 0, 10);
  font-weight: bold;
  padding: 0 10px 0 0;
}
.frontpage-poll-option .option-counter span {
  vertical-align: middle;
  color: black;
  font-size: 32pt;
}
.frontpage-poll-option .option-text {
  flex: 3 0 0;
  text-align: left;
  padding: 0 0 0 30px;
}
.frontpage-poll #cookie-notice {
  font-size: 9pt;
}
.frontpage-poll #cookie-notice span {
  cursor: pointer;
  text-decoration: underline;
}
.frontpage-poll .pool-submit-button {
  width: 20%;
  margin: 15px 0 0 0;
}

.frontpage-current {
  width: 100%;
  margin: 40px 0 0 0;
}
.frontpage-current .frontpage-current-content {
  width: 100%;
  top: 45px;
  padding: 0 5px 0 0;
  display: flex;
  flex-direction: column;
  min-height: 100px;
}
.frontpage-current .loading-indicator {
  margin: 10px 0;
}
.frontpage-current-item {
  font-size: 12pt;
  margin: 5px 0 5px 0;
}
.frontpage-current-item .more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin: 0 0 0 8px;
}
.frontpage-current-item .more:hover {
  cursor: pointer;
}
.frontpage-current-item h3 {
  margin: 5px 0 0 0;
  font-size: 14pt;
}
.frontpage-current-item p {
  margin: 5px 0 0 0;
}

.article-show {
  width: 100%;
  margin: 20px 0 10px 0;
}
.article-show h3 {
  margin: 0 0 5px 0;
  padding: 0;
}
.article-show .article-area {
  height: 90%;
  display: flex;
}
.article-show .article-area-url {
  font-size: 11pt;
  color: RGB(226, 0, 10);
}
.article-show .content-image-container {
  display: flex;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .article-show .content-image-container {
    flex-direction: column;
  }
}
.article-show .date-box-container {
  max-width: 80px;
  height: 100%;
}
.article-show .date-box {
  border: thin solid RGB(226, 0, 10);
  margin: 5px 15px 0 0;
  padding: 5px;
}
.article-show .date-box-day {
  font-size: 18pt;
  font-weight: bold;
  text-align: center;
}
.article-show .article-title > h3 {
  font-size: 14pt;
}
.article-show .article-title a {
  text-decoration: none;
}
.article-show .article-title p {
  margin: 8px 0 13px 0;
}
.article-show .text-area-image {
  flex: 3;
  font-size: 10pt;
  line-height: 1.4em;
}
.article-show .text-area-image .more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin: 0 0 0 8px;
}
.article-show .text-area-image .more:hover {
  cursor: pointer;
}
.article-show .text-area {
  width: 100%;
}
.article-show .text-area .more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin: 0 0 0 8px;
}
.article-show .text-area .more:hover {
  cursor: pointer;
}
.article-show .title-image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 5px;
}
.article-show .title-image img {
  max-height: 200px;
  width: 200px;
  height: auto;
  align-self: flex-start;
}
.article-show .button-area {
  height: 10%;
  padding: 0 0 0 70px;
}
.article-show .button-area button {
  margin: 4px 0 4px 0;
}

.styled-checkbox {
  position: relative;
  width: 20px;
  height: 20px;
  border: thin solid RGB(226, 0, 10);
  padding: 5px;
}
.styled-checkbox div {
  width: 20px;
  height: 20px;
  margin: 0 0 0 10px;
}
.styled-checkbox .checked:after {
  content: "L";
  font-size: 14pt;
  font-weight: 600;
  color: RGB(226, 0, 10);
  position: absolute;
  top: -4px;
  left: 5px;
  transform: rotate(45deg) scale(-1, 1);
}
.radio-button {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.radio-button-selector {
  width: 15px;
  height: 15px;
}
.radio-button-input {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.radio-button-text {
  width: 80%;
}

.checked .radio-button-selector {
  background: url("/images/radio-checked.svg") center no-repeat;
  background-size: 15px;
}

.unchecked .radio-button-selector {
  background: url("/images/radio-unchecked.svg") center no-repeat;
  background-size: 15px;
}

.header-fade {
  z-index: -1;
  position: relative;
  height: 200px;
  overflow: hidden;
}
.header-fade-animation img {
  width: 100%;
  max-height: 200px;
}
.header-fade-animation #fade1 {
  width: 100%;
  height: auto;
  max-height: 150px;
  position: absolute;
  background-size: cover;
  animation: fade 30s infinite;
  -webkit-animation: fade 30s infinite;
}
.header-fade-animation #fade2 {
  width: 100%;
  height: auto;
  position: absolute;
  background-size: cover;
  animation: fade2 30s infinite;
  -webkit-animation: fade2 30s infinite;
}
.header-fade-animation #fade3 {
  width: 100%;
  height: auto;
  position: absolute;
  background-size: cover;
  animation: fade3 30s infinite;
  -webkit-animation: fade3 30s infinite;
}
.header-fade-animation #fade4 {
  width: 100%;
  height: auto;
  position: absolute;
  background-size: cover;
  animation: fade4 30s infinite;
  -webkit-animation: fade4 30s infinite;
}
.header-fade-image img {
  width: 100%;
  height: auto;
  max-height: 200px;
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade2 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade3 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade4 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.hide {
  display: none;
}

.content-show {
  padding: 5px 0 0 5px;
  margin: 5px 0 5px 0;
  font-size: 12pt;
}
.content-show #content-buttons {
  display: flex;
}
.content-show #content-buttons button {
  margin: 0 10px 0 0;
}

.dropdown-selection {
  width: 100%;
  min-height: 20px;
}
.dropdown-selection .dropdown-selection-content {
  position: relative;
  top: 0;
  z-index: 1;
  background: white;
  width: 100%;
  margin: 5px 0 0 0;
  border: thin solid RGB(226, 0, 10);
}
.dropdown-selection #dropdown-menu-icon {
  float: right;
  padding: 0 5px 0 0;
}
.dropdown-selection #dropdown-menu-icon svg {
  height: 10px;
  width: 10px;
}
.dropdown-selection .dropdown-selection-selected {
  border: thin solid RGB(226, 0, 10);
  width: 100%;
  min-height: 20px;
  text-indent: 5px;
}
.dropdown-selection .dropdown-selection-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.dropdown-selection-item {
  cursor: pointer;
  z-index: 2;
  text-indent: 5px;
  background: white;
  width: 100%;
  border-bottom: thin solid RGB(226, 0, 10);
  padding: 5px;
}
.dropdown-selection-item-description {
  text-indent: 4px;
}

.contact-view {
  display: flex;
  flex-direction: column;
}
.contact-view .button-row {
  margin: 5px 0 5px 0;
}
.contact-view .contact-view-top-row {
  width: 100%;
  height: 30px;
}
.contact-view #contact-selection {
  display: flex;
  justify-content: space-between;
}
.contact-view #contact-selection > div {
  flex: 1;
}
.contact-view #contact-selection-search {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .contact-view #contact-view-view-area {
    display: flex;
    flex-direction: column;
  }
}
.contact-view .contact-view-title {
  font-weight: bold;
  float: left;
}
.contact-view .contact-view-buttons {
  float: right;
  display: flex;
}
.contact-view-data {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-view-contact-info {
  flex: 3;
  font-size: 11pt;
}
.contact-view-contact-info .contact-view-name {
  font-style: italic;
}
.contact-view-contact-info p {
  margin: 5px 0 5px 0;
}
.contact-view-contact-info a {
  text-decoration: none;
  color: RGB(226, 0, 10);
}
.contact-view-profile-picture {
  flex: 1;
  max-width: 110px;
  height: 110px;
  border: thin solid RGB(226, 0, 10);
  padding: 5px;
  margin: 5px;
  display: flex;
  justify-content: center;
}
.contact-view-profile-picture img {
  height: 100px;
  max-width: 100px;
}
.contact-view-container {
  margin: 5px;
}

.input-box-container {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 3;
  background-color: RGBA(0, 0, 0, 0.5);
  font-size: 16pt;
  font-weight: bold;
}
.input-box-container .input-box {
  width: 30%;
  height: 30%;
  margin-left: 35%;
  margin-top: 15%;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.input-box-container .input-header {
  text-align: center;
}
.input-box-container .input-row {
  height: 80%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  text-align: center;
}
.input-box-container .button-row {
  display: flex;
  height: 20%;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.input-box-container .button-row button {
  margin: 10px;
}

.handbook-view-description {
  padding: 0 0 0 10px;
}
.handbook-view .withDownload {
  color: RGB(226, 0, 10);
  cursor: pointer;
}
.handbook-view .black {
  color: black;
}
.handbook-view .backgroundBlack {
  background: black;
}
.handbook-view .green {
  color: RGB(40, 194, 18);
}
.handbook-view .backgroundGreen {
  background: RGB(40, 194, 18);
}
.handbook-view .lilac {
  color: RGB(193, 10, 239);
}
.handbook-view .backgroundLilac {
  background: RGB(193, 10, 239);
}
.handbook-view .blue {
  color: RGB(23, 49, 225);
}
.handbook-view .backgroundBlue {
  background: RGB(23, 49, 225);
}

.handbook-admin-view {
  width: 100%;
  min-height: 50px;
  margin: 10px 0 10px 0;
}
.handbook-admin-view .handbook-data-container {
  display: flex;
  min-height: 50px;
}
.handbook-admin-view .handbook-data {
  flex: 5;
  background-color: RGB(247, 248, 248);
  min-height: 30px;
  border: thin solid transparent;
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  margin: 0 0 0 10px;
}
.handbook-admin-view .handbook-data:hover {
  background-color: white;
  border: thin solid lightgrey;
}
.handbook-admin-view .handbook-data:hover .handbook-functions {
  display: flex;
}
.handbook-admin-view .handbook-data .handbook-information {
  display: flex;
  align-items: center;
}
.handbook-admin-view .handbook-data .handbook-information div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0 0 5px;
}
.handbook-admin-view .handbook-data .handbook-information div .handbook-title {
  font-weight: bold;
}
.handbook-admin-view .handbook-data .handbook-information svg {
  height: 20px;
  width: 20px;
}
.handbook-admin-view .handbook-data .handbook-information svg path {
  fill: grey;
}
.handbook-admin-view .handbook-data .handbook-functions {
  height: 100%;
  display: none;
}
.handbook-admin-view .handbook-data .handbook-functions div {
  display: flex;
  align-items: center;
}
.handbook-admin-view .handbook-data .handbook-functions div svg {
  height: 20px;
  margin: 0 10px 0 0;
}
.handbook-admin-view .handbook-data .handbook-functions div svg path {
  fill: RGB(226, 0, 10);
}
.handbook-admin-view .handbook-data .handbook-edit {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: white;
  border: thin solid lightgrey;
  border-radius: 3px;
  padding: 20px;
}
.handbook-admin-view .handbook-data .handbook-edit > div {
  margin: 5px 0 5px 0;
}
.handbook-admin-view .handbook-data .handbook-edit-title {
  width: 75%;
  display: flex;
  align-items: center;
}
.handbook-admin-view .handbook-data .handbook-edit-title span {
  flex: 1;
}
.handbook-admin-view .handbook-data .handbook-edit-title input {
  flex: 2;
  border: thin solid lightgrey;
  border-radius: 3px;
  min-height: 30px;
}
.handbook-admin-view .handbook-data .handbook-edit-color {
  display: flex;
  width: 75%;
}
.handbook-admin-view .handbook-data .handbook-edit-color span {
  flex: 1;
}
.handbook-admin-view .handbook-data .handbook-edit-color .color-selection-container {
  flex: 2;
  position: relative;
  border: thin solid lightgrey;
}
.handbook-admin-view .handbook-data .handbook-edit-color .color-selection-container:hover .color-selection-content {
  display: block;
}
.handbook-admin-view .handbook-data .handbook-edit-color .color-selection-container .selected-color {
  min-height: 25px;
}
.handbook-admin-view .handbook-data .handbook-edit-color .color-selection-container .selected-color-dot {
  float: left;
  height: 100%;
  width: 20px;
}
.handbook-admin-view .handbook-data .handbook-edit-color .color-selection-container .selected-color-dot > div {
  width: 10px;
  height: 10px;
  margin: 5px;
  border: thin solid transparent;
  border-radius: 20px;
}
.handbook-admin-view .handbook-data .handbook-edit-color .color-selection-container .selected-color-name {
  float: left;
}
.handbook-admin-view .handbook-data .handbook-edit-color .color-selection-container .selected-color .dropdown-icon {
  float: right;
  width: 10px;
  height: 10px;
  margin: 3px 5px 0 0;
  border-bottom: 2px solid lightgrey;
  border-left: 2px solid lightgrey;
  transform: rotate(-45deg);
}
.handbook-admin-view .handbook-data .handbook-edit-color .color-selection-container .color-selection-content {
  position: absolute;
  z-index: 1;
  width: 100%;
  margin: 2px 0 0 0;
  display: none;
  background: white;
  border: thin solid lightgrey;
  border-radius: 3px;
}
.handbook-admin-view .handbook-data .handbook-edit-color .color-selection-container .color-selection-content .color-selection-item {
  cursor: pointer;
}
.handbook-admin-view .handbook-data .handbook-edit-color .color-selection-container .color-selection-content .color-selection-item:hover {
  background: lightgrey;
}
.handbook-admin-view .handbook-data .handbook-edit-description {
  width: 75%;
  display: flex;
  align-items: flex-start;
}
.handbook-admin-view .handbook-data .handbook-edit-description span {
  flex: 1;
}
.handbook-admin-view .handbook-data .handbook-edit-description textarea {
  border: thin solid lightgrey;
  border-radius: 3px;
  flex: 2;
}
.handbook-admin-view .handbook-data .handbook-edit-type {
  display: flex;
  align-items: center;
  width: 75%;
}
.handbook-admin-view .handbook-data .handbook-edit-type > span {
  flex: 1;
}
.handbook-admin-view .handbook-data .handbook-edit-type > div {
  flex: 2;
}
.handbook-admin-view .handbook-data .handbook-edit-type > div > select {
  width: 100%;
  border: thin solid lightgray;
  border-radius: 5px;
  height: 30px;
}
.handbook-admin-view .handbook-data .handbook-edit-link {
  display: flex;
  align-items: center;
  width: 75%;
}
.handbook-admin-view .handbook-data .handbook-edit-link > span {
  flex: 1;
}
.handbook-admin-view .handbook-data .handbook-edit-link > div {
  flex: 2;
}
.handbook-admin-view .handbook-data .handbook-edit-link > div input {
  border: thin solid lightgray;
  border-radius: 5px;
  height: 30px;
  width: 100%;
}
.handbook-admin-view .handbook-data .handbook-edit-attachment {
  width: 75%;
  display: flex;
  align-items: center;
}
.handbook-admin-view .handbook-data .handbook-edit-attachment span {
  flex: 1;
}
.handbook-admin-view .handbook-data .handbook-edit-attachment .attachment-file-selection {
  flex: 2;
  margin: 10px 0 10px 0;
}
.handbook-admin-view .handbook-data .handbook-edit-attachment .attachment-file-selection-functions {
  display: flex;
  justify-content: space-between;
}
.handbook-admin-view .handbook-data .handbook-edit-attachment .attachment-file-selection-functions .attachment-icon svg path {
  fill: lightgrey;
}
.handbook-admin-view .handbook-data .handbook-edit-attachment .attachment-file-selection-functions .attachment-name {
  max-width: 230px;
  overflow: hidden;
}
.handbook-admin-view .handbook-data .handbook-edit-attachment .attachment-file-selection-functions > div {
  display: flex;
}
.handbook-admin-view .handbook-data .handbook-edit-attachment .attachment-file-selection-functions svg {
  height: 20px;
  margin: 0 5px 0 0;
}
.handbook-admin-view .handbook-data .handbook-edit-attachment .attachment-file-selection-functions svg path {
  fill: RGB(226, 0, 10);
}
.handbook-admin-view .handbook-data .handbook-button-row {
  display: flex;
}
.handbook-admin-view .handbook-data .handbook-button-row button {
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
  padding: 5px;
  margin: 0 10px 0 0;
}
.handbook-admin-view .handbook-data .handbook-button-row button span {
  color: white;
}
.handbook-admin-view .handbook-children li {
  display: flex;
}
.handbook-admin-view .handbook-children .children-border-container {
  flex: 1;
  max-width: 30px;
  display: flex;
}
.handbook-admin-view .handbook-children .children-border-container .children-border-columnLeft {
  flex: 1;
}
.handbook-admin-view .handbook-children .children-border-container .children-border-columnRight {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.handbook-admin-view .handbook-children .children-border-container .children-border-columnRight .children-border-upper {
  flex: 1;
  border-left: thin solid lightgrey;
  border-bottom: thin solid lightgrey;
}
.handbook-admin-view .handbook-children .children-border-container .children-border-columnRight .children-border-lower {
  flex: 1;
  border-left: thin solid lightgrey;
}
.handbook-admin-view .handbook-children .children-border-container .children-border-columnRight .children-border-none {
  flex: 1;
}
.handbook-admin-view .handbook-children .handbook-admin-view {
  flex: 2;
  padding: 7px 0 7px 0;
}
.handbook-admin-view .black {
  color: black;
}
.handbook-admin-view .backgroundBlack {
  background: black;
}
.handbook-admin-view .green {
  color: RGB(40, 194, 18);
}
.handbook-admin-view .backgroundGreen {
  background: RGB(40, 194, 18);
}
.handbook-admin-view .lilac {
  color: RGB(193, 10, 239);
}
.handbook-admin-view .backgroundLilac {
  background: RGB(193, 10, 239);
}
.handbook-admin-view .blue {
  color: RGB(23, 49, 225);
}
.handbook-admin-view .backgroundBlue {
  background: RGB(23, 49, 225);
}
.handbook-admin-view .red {
  color: RGB(226, 0, 10);
}
.handbook-admin-view .backgroundRed {
  background: RGB(226, 0, 10);
}

.loading-box-container {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: RGBA(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
}
.loading-box-container .grid-item {
  flex: 1;
}
.loading-box-container .loading-box {
  display: flex;
}
.loading-box-container .loading-box #loading-animation {
  background: white;
  flex: 1;
  border: thick solid RGB(226, 0, 10);
  display: flex;
}
.loading-box-container .loading-box #loading-animation #animation {
  flex: 1;
  background: url("/images/loader.svg") center no-repeat;
  background-size: 100px;
}

.loading-indicator {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: RGB(226, 0, 10);
  font-size: 24pt;
}

.deletable-image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin: 5px;
}
.deletable-image-container img {
  max-width: 160px;
  max-height: 160px;
  margin: 5px;
}
.deletable-image-container .deletable-image-overlay {
  align-self: flex-start;
}
.deletable-image-container .close-button {
  color: RGB(226, 0, 10);
  font-weight: bold;
  cursor: pointer;
}

.knowledgebase-view {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.knowledgebase-view-loading {
  flex: 1;
}
.knowledgebase-view #knowledgebase-view-selection-area {
  display: flex;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .knowledgebase-view #knowledgebase-view-selection-area {
    flex-direction: column;
  }
}
.knowledgebase-view #knowledgebase-view-selection-area .item {
  flex: 1;
  margin: 5px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .knowledgebase-view #knowledgebase-view-selection-area .item-label {
    margin-bottom: 5px;
  }
}
.knowledgebase-view #knowledgebase-view-selection-area button {
  float: right;
  margin: auto;
}
.knowledgebase-view .category-title {
  color: RGB(226, 0, 10);
}
.knowledgebase-view .clickable {
  cursor: pointer;
}

.cooperation-view {
  flex: 1;
  background: white;
  font-size: 11pt;
}
.cooperation-view:hover .cooperation-view-content {
  transform: translate(0, -300px);
}
.cooperation-view:hover .cooperation-view-logo {
  transform: translate(0, -300px);
}
.cooperation-view > div {
  position: relative;
  border: thin solid RGB(226, 0, 10);
  width: 270px;
  height: 250px;
  margin: 5px;
  padding: 5px;
  overflow: hidden;
}
.cooperation-view > div .cooperation-view-logo {
  position: absolute;
  transition: transform 500ms;
  width: 250px;
  height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cooperation-view > div .cooperation-view-logo img {
  max-width: 100%;
  padding: 2px;
}
.cooperation-view > div .cooperation-view-content {
  position: absolute;
  top: 300px;
  width: 250px;
  height: 250px;
  padding: 0 10px 0 10px;
  transition: transform 500ms;
  font-size: 10pt;
  overflow-y: auto;
}
.cooperation-view > div .cooperation-view-content-header {
  display: flex;
  justify-content: space-between;
}
.cooperation-view > div .cooperation-view-content-header .cooperation-name {
  font-weight: bold;
}

.admin-header {
  max-width: 1264px;
  width: 100%;
  min-height: 70px;
  display: flex;
  justify-content: space-between;
  border-bottom: thin solid lightgrey;
}
.admin-header .admin-header-left {
  flex: 1;
  border-right: thin solid lightgrey;
  display: flex;
  justify-content: center;
}
.admin-header .admin-header-left img {
  max-height: 69px;
}
.admin-header .admin-header-right {
  flex: 4;
  display: flex;
}
.admin-header .admin-header-right .admin-title {
  flex: 4;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.3rem;
  font-weight: bold;
  color: dimgrey;
}
.admin-header .admin-header-right .admin-title-icon {
  width: 30px;
  height: 30px;
  margin: 0 15px 0 15px;
}
.admin-header .admin-header-right .admin-title-icon path {
  fill: grey;
}
.admin-header .admin-header-right .admin-exit {
  cursor: pointer;
  flex: 1;
  max-width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: thin solid lightgrey;
}
.admin-header .admin-header-right .admin-exit .admin-exit-icon {
  width: 30px;
  height: 30px;
}
.admin-header .admin-header-right .admin-exit .admin-exit-icon path {
  fill: RGB(226, 0, 10);
}

.admin-sidebar {
  border-right: thin solid lightgrey;
  flex: 1;
  color: RGB(85, 85, 85);
}
.admin-sidebar ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.admin-sidebar-item {
  height: 50px;
  display: flex;
  align-items: center;
}
.admin-sidebar-item:hover {
  cursor: pointer;
}
.admin-sidebar-item .sidebar-icon {
  max-width: 30px;
  flex: 1;
  margin: 0 10px 0 20px;
}
.admin-sidebar-item .sidebar-icon path {
  fill: RGB(197, 198, 201);
}
.admin-sidebar .selected {
  background: RGB(247, 248, 248);
  border-left: thick solid RGB(226, 0, 10);
}
.admin-sidebar .selected:hover {
  cursor: pointer;
}
.admin-sidebar .selected .sidebar-icon {
  margin: 0 10px 0 15px;
}
.admin-sidebar .selected .sidebar-icon path {
  fill: RGB(226, 0, 10);
}
.admin-sidebar #copyright {
  display: flex;
  font-size: 17px;
  font-weight: bold;
  padding-left: 25px;
  height: 30px;
  cursor: pointer;
}

.admin-search {
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border: thin solid grey;
  border-radius: 3px;
  height: 100%;
  min-height: 30px;
}
.admin-search .search-icon {
  margin: 0 0 0 5px;
}
.admin-search .search-icon svg {
  float: left;
  width: 20px;
  height: 20px;
}
.admin-search .search-icon svg path {
  fill: lightgrey;
}
.admin-search .search-input {
  border: none;
  flex: 1;
  height: 100%;
  display: flex;
}
.admin-search .search-input input {
  border: none;
  max-width: 100%;
}
.admin-search .close-icon {
  margin: 0 5px 0 0;
}
.admin-search .close-icon svg {
  float: right;
  width: 20px;
  height: 20px;
}
.admin-search .close-icon svg path {
  fill: lightgrey;
}

.table-row .text-center {
  text-align: center;
}
.table-row .text-left {
  text-align: left;
}
.table-row-data {
  height: 60px;
}
.table-row-functions .functions-container {
  height: 95%;
  padding: 7px 0 0 0;
  box-shadow: 0 0 10px -3px;
}
.table-row-functions .functions-container #open-icon svg {
  height: 15px;
}
.table-row-functions td {
  height: 60px;
  padding: 0 !important;
}
.table-row-functions .hover-row-entry {
  float: left;
  height: 30px;
  min-width: 150px;
  padding: 10px 0 10px 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.table-row-functions .hover-row-entry-border {
  border-left: thin solid RGB(233, 232, 230);
  height: 20px;
  margin: 0 10px 0 0;
}
.table-row-functions .hover-row-entry i {
  color: RGB(226, 0, 10);
  margin-left: 10px;
}
.table-row-functions .hover-row-entry span {
  color: RGB(226, 0, 10);
  flex: 2;
}
.table-row-functions .hover-row-entry svg {
  flex: 1;
  width: 20px;
  height: 20px;
  margin: 0 5px 0 5px;
}
.table-row-functions .hover-row-entry svg path {
  fill: RGB(226, 0, 10);
}
.table-row-functions .hover-row-entry svg circle {
  fill: RGB(226, 0, 10);
}
.table-row-body {
  margin: 15px;
}

.date-picker {
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 30px;
  max-width: 120px;
  margin: 0 5px 0 5px;
  cursor: pointer;
}
.date-picker input {
  border: none !important;
  float: left;
  width: 85px;
  margin: 4px 0 4px 5px;
  background: white;
}
.date-picker svg {
  margin: 5px 5px 5px 0;
  float: right;
  height: 20px;
  width: 20px;
}
.date-picker svg path {
  fill: RGB(226, 0, 10);
}

.news-edit-picture {
  display: flex;
  height: 100%;
  margin: 5px;
  min-height: 140px;
}
.news-edit-picture #thumbnail {
  flex: 1;
  background: RGB(239, 239, 239);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0 10px 0;
}
.news-edit-picture #thumbnail svg {
  height: 40px;
}
.news-edit-picture #thumbnail svg path {
  fill: white;
}
.news-edit-picture #thumbnail img {
  max-width: 133px;
}
.news-edit-picture #upload-area {
  flex: 2;
  padding: 5px 10px 5px 10px;
  display: flex;
  flex-direction: column;
}
.news-edit-picture #upload-area > span {
  flex: 1;
  font-weight: bold;
}
.news-edit-picture #upload-area #image-selection {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.news-edit-picture #upload-area #image-selection input {
  flex: 2;
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 35px;
}
.news-edit-picture #upload-area #image-selection button {
  min-width: 80px;
  border-radius: 3px;
  max-height: 40px;
}
.news-edit-picture #upload-area #functionality-row {
  display: flex;
  flex: 1;
  margin: 10px 0 0 0;
  justify-content: flex-end;
}
.news-edit-picture #upload-area #functionality-row .function-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
  cursor: pointer;
}
.news-edit-picture #upload-area #functionality-row .function-item span {
  color: RGB(226, 0, 10);
}
.news-edit-picture #upload-area #functionality-row .function-item svg {
  height: 20px;
  margin: 0 5px 0 5px;
}
.news-edit-picture #upload-area #functionality-row .function-item svg path {
  fill: RGB(226, 0, 10);
}

.news-edit-youtube {
  display: flex;
  height: 100%;
  margin: 5px;
  min-height: 140px;
}
.news-edit-youtube #thumbnail {
  flex: 1;
  background: RGB(239, 239, 239);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0 10px 0;
}
.news-edit-youtube #thumbnail .thumbnail-container {
  flex: 1;
  height: 100%;
}
.news-edit-youtube #thumbnail .thumbnail-container #iframe-wrapper {
  position: relative;
  height: 100%;
}
.news-edit-youtube #thumbnail .thumbnail-container #iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news-edit-youtube #thumbnail svg {
  height: 40px;
}
.news-edit-youtube #thumbnail svg path {
  fill: white;
}
.news-edit-youtube #link-selector {
  flex: 1;
}
.news-edit-youtube #link-selector input {
  border: thin solid lightgrey;
  border-radius: 3px;
  width: 90%;
  height: 30px;
}
.news-edit-youtube #link-area {
  flex: 2;
  padding: 5px 10px 5px 10px;
  display: flex;
  flex-direction: column;
}
.news-edit-youtube #link-area > span {
  flex: 1;
  font-weight: bold;
}
.news-edit-youtube #link-area #functionality-row {
  display: flex;
  flex: 1;
}
.news-edit-youtube #link-area #functionality-row .function-item {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.news-edit-youtube #link-area #functionality-row .function-item span {
  color: RGB(226, 0, 10);
}
.news-edit-youtube #link-area #functionality-row .function-item svg {
  height: 20px;
  margin: 0 5px 0 5px;
}
.news-edit-youtube #link-area #functionality-row .function-item svg path {
  fill: RGB(226, 0, 10);
}

.news-edit-gallery {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 140px;
  margin: 5px;
}
.news-edit-gallery #functions-row {
  margin: 0 0 10px 0;
}
.news-edit-gallery #functions-row #functions-container {
  cursor: pointer;
  float: right;
}
.news-edit-gallery #functions-row #functions-container span {
  margin: 0 0 0 10px;
  float: right;
  color: RGB(226, 0, 10);
}
.news-edit-gallery #functions-row #functions-container svg {
  width: 25px;
  float: left;
}
.news-edit-gallery #functions-row #functions-container svg path {
  fill: RGB(226, 0, 10);
}
.news-edit-gallery #gallery {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.news-edit-gallery #gallery .gallery-item {
  flex: 1;
  display: flex;
  align-items: center;
  margin: 5px 0 0 0;
  min-height: 100px;
}
.news-edit-gallery #gallery .gallery-item #picture {
  width: 100px;
  max-height: 100px;
  float: left;
}
.news-edit-gallery #gallery .gallery-item #picture img {
  width: 100px;
  max-height: 100px;
}
.news-edit-gallery #gallery .gallery-item #name {
  flex: 1;
  text-align: center;
}
.news-edit-gallery #gallery .gallery-item:hover {
  background-color: RGB(247, 248, 248);
}
.news-edit-gallery #gallery .gallery-item:hover .gallery-item-functions {
  display: flex;
}
.news-edit-gallery #gallery .gallery-item-functions {
  flex: 1;
  display: none;
  justify-content: flex-end;
}
.news-edit-gallery #gallery .gallery-item #delete, .news-edit-gallery #gallery .gallery-item #up, .news-edit-gallery #gallery .gallery-item #down {
  margin: 0 2px;
  cursor: pointer;
}
.news-edit-gallery #gallery .gallery-item #delete svg, .news-edit-gallery #gallery .gallery-item #up svg, .news-edit-gallery #gallery .gallery-item #down svg {
  float: right;
  width: 25px;
}
.news-edit-gallery #gallery .gallery-item #delete svg path, .news-edit-gallery #gallery .gallery-item #up svg path, .news-edit-gallery #gallery .gallery-item #down svg path {
  fill: RGB(226, 0, 10);
}
.news-edit-gallery #gallery .gallery-item #up, .news-edit-gallery #gallery .gallery-item #down {
  display: none;
}

.hover-gallery {
  width: 160px;
  height: 160px;
  float: left;
  margin: 15px 20px 10px 0;
}
.hover-gallery .gallery {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: white;
  border: thin solid RGB(233, 232, 230);
  border-radius: 3px;
}
.hover-gallery .gallery .gallery-wrapper {
  flex: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 25px 0 0 0;
}
.hover-gallery .gallery .gallery-wrapper > div {
  text-align: center;
}
.hover-gallery .gallery .gallery-wrapper #image-counter {
  font-size: 11pt;
  color: grey;
}
.hover-gallery .gallery svg {
  margin: 0 0 10px 0;
  width: 60px;
}
.hover-gallery .gallery svg path {
  fill: RGB(209, 214, 214);
}
.hover-gallery .gallery input {
  border: thin solid lightgrey;
  border-radius: 3px;
  width: 80%;
  margin: 15px 0 0 0;
}
.hover-gallery .gallery .options-wrapper {
  width: 100%;
  height: 30px;
}
.hover-gallery .gallery .options-wrapper svg {
  height: 20px;
  margin: 0;
}
.hover-gallery .gallery .options-wrapper svg path {
  fill: white;
}
.hover-gallery .gallery .options-wrapper .options {
  float: right;
  background: RGB(226, 0, 10);
  color: white;
  text-align: center;
  margin: 0 10px 10px 0;
  width: 25px;
  height: 25px;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
.hover-gallery .gallery .options-wrapper .checkbox {
  float: left;
  margin: 0 0 10px 10px;
}
.hover-gallery .overlay {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background: white;
  border: thin solid RGB(233, 232, 230);
  border-radius: 3px;
}
.hover-gallery .overlay .close-icon-wrapper {
  position: relative;
  width: 100%;
  height: 15px;
  top: 0;
}
.hover-gallery .overlay .close-icon-wrapper .close-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 15px;
  cursor: pointer;
}
.hover-gallery .overlay .close-icon-wrapper .close-icon svg {
  height: 10px;
}
.hover-gallery .overlay .close-icon-wrapper .close-icon svg path {
  fill: grey;
}
.hover-gallery .overlay-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0 20px;
  cursor: pointer;
}
.hover-gallery .overlay-item span {
  color: RGB(226, 0, 10);
  margin: 0 0 0 10px;
}
.hover-gallery .overlay-item svg {
  width: 25px;
}
.hover-gallery .overlay-item svg path {
  fill: RGB(226, 0, 10);
}

.hover-picture {
  width: 135px;
  height: 170px;
  float: left;
  margin: 10px;
  text-align: center;
  overflow: hidden;
}
.hover-picture .edit-overlay {
  width: 135px;
  height: 135px;
  background: white;
  border: thin solid white;
  border-radius: 3px;
  box-shadow: 0 0 10px 1px;
}
.hover-picture .edit-overlay .close-icon-wrapper {
  position: relative;
  width: 100%;
  height: 15px;
  top: 0;
}
.hover-picture .edit-overlay .close-icon-wrapper .close-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 15px;
  cursor: pointer;
}
.hover-picture .edit-overlay .close-icon-wrapper .close-icon svg {
  height: 10px;
}
.hover-picture .edit-overlay .close-icon-wrapper .close-icon svg path {
  fill: grey;
}
.hover-picture .edit-overlay .functionality-item {
  max-height: 35px;
  margin: 15px 0 0 0;
  cursor: pointer;
}
.hover-picture .edit-overlay > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hover-picture .edit-overlay span {
  color: RGB(226, 0, 10);
}
.hover-picture .edit-overlay svg {
  width: 25px;
}
.hover-picture .edit-overlay svg path {
  fill: RGB(226, 0, 10);
}
.hover-picture .picture-container {
  width: 135px;
  height: 135px;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.hover-picture .picture-container .picture img {
  max-width: 125px;
  max-height: 125px;
}
.hover-picture .picture-container .overlay-wrapper {
  position: absolute;
  height: 125px;
  width: 125px;
}
.hover-picture .picture-container .overlay-wrapper .checkbox {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 5px;
  left: 5px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.hover-picture .picture-container .overlay-wrapper .checkbox svg {
  width: 15px;
}
.hover-picture .picture-container .overlay-wrapper .checkbox svg path {
  fill: white;
}
.hover-picture .picture-container .overlay-wrapper .inactive {
  background: white;
  border: thin solid lightgrey;
}
.hover-picture .picture-container .overlay-wrapper .active {
  background: green;
  border: thin solid green;
}
.hover-picture .picture-container .overlay-wrapper .options {
  position: absolute;
  width: 20px;
  height: 20px;
  color: white;
  background-color: RGB(226, 0, 10);
  bottom: 5px;
  right: 5px;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
  cursor: pointer;
}
.hover-picture #name-label {
  overflow: hidden;
  max-width: 135px;
}
.hover-picture #name-label input {
  max-width: 135px;
  border: thin solid lightgrey;
  border-radius: 3px;
}

.picture-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: RGBA(124, 124, 124, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 4;
}
.picture-upload-container {
  background: white;
  display: flex;
  flex-direction: column;
  padding: 15px;
  border: thin solid white;
  border-radius: 3px;
}
.picture-upload-container input {
  border: thin solid lightgrey;
  border-radius: 3px;
}
.picture-upload-container div {
  flex: 1;
}
.picture-upload-container #title {
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  margin-bottom: 10px;
}
.picture-upload-container .upload-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.picture-upload-container .upload-row #file-selector {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.picture-upload-container .upload-row #file-selector .file-selector {
  display: flex;
  align-items: center;
  justify-content: center;
}
.picture-upload-container .upload-row #file-selector button {
  height: 30px;
}
.picture-upload-container .upload-row span {
  flex: 1;
  font-size: 13pt;
}
.picture-upload-container .upload-row > div {
  flex: 2;
}
.picture-upload-container .upload-row input {
  flex: 2;
  height: 25px;
}
.picture-upload-container #button-row {
  display: flex;
  justify-content: flex-end;
}
.picture-upload-container #button-row button {
  float: left;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  cursor: pointer;
}
.picture-upload-container #button-row button span {
  color: white;
}
.picture-upload-container #button-row button svg {
  width: 25px;
  margin: 0 5px 0 0;
}
.picture-upload-container #button-row button svg path {
  fill: white;
}

.file-selector {
  width: 100%;
  height: 100%;
  display: flex;
}
.file-selector #file-name span {
  text-wrap: none;
  overflow: hidden;
}
.file-selector input {
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 100%;
  margin: 0 0 5px;
}
.file-selector button {
  border-radius: 3px;
  padding: 5px;
}

.inline-error {
  background: RGB(254, 242, 243);
  border: thin solid RGB(253, 211, 215);
  border-radius: 3px;
  padding: 5px;
  height: 50px;
  margin: 15px 0 15px 0;
}
.inline-error svg {
  width: 30px;
  float: left;
}
.inline-error svg path {
  fill: RGB(226, 0, 10);
}
.inline-error span {
  float: left;
  color: RGB(226, 0, 10);
  font-weight: bold;
  margin: 5px 0 0 15px;
}
.inline-error > div {
  float: right;
}
.inline-error > div svg {
  width: 25px;
  float: right;
  margin: 5px 0 0 0;
}

.pagination-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 10px;
  margin: 10px 0 0 0;
  background-color: white;
}
.pagination-filter #pages-indicator {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.pagination-filter #pages {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.pagination-filter #pages .page {
  color: grey;
  border-radius: 10px;
  min-width: 22px;
  min-height: 22px;
  text-align: center;
  cursor: pointer;
  margin: 0 2px 0 2px;
}
.pagination-filter #pages #active {
  background: RGB(226, 0, 10);
  color: white;
}
.pagination-filter #pages .arrow {
  width: 10px;
  height: 10px;
  margin: 0 5px 0 0;
  cursor: pointer;
  border-bottom: 2px solid lightgrey;
}
.pagination-filter #pages #left {
  border-left: 2px solid lightgrey;
  transform: rotate(45deg);
}
.pagination-filter #pages #right {
  border-right: 2px solid lightgrey;
  transform: rotate(-45deg);
}
.pagination-filter #pages #start {
  display: flex;
  margin: 0 10px 0 0;
  cursor: pointer;
}
.pagination-filter #pages #start > div {
  width: 9px;
  height: 9px;
  border-left: 2px solid lightgrey;
  border-bottom: 2px solid lightgrey;
  transform: rotate(45deg);
}
.pagination-filter #pages #end {
  display: flex;
  margin: 0 0 0 10px;
  cursor: pointer;
}
.pagination-filter #pages #end > div {
  width: 9px;
  height: 9px;
  border-right: 2px solid lightgrey;
  border-bottom: 2px solid lightgrey;
  transform: rotate(-45deg);
}
.pagination-filter #items-selection {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.pagination-filter #items-selection #dropdown #dropdown-wrapper {
  float: right;
  position: relative;
  border: thin solid lightgrey;
  border-radius: 3px;
  padding: 5px;
  margin: 5px;
  text-align: center;
}
.pagination-filter #items-selection #dropdown #dropdown-wrapper #dropdown-icon {
  height: 10px;
  width: 10px;
  border-left: 2px solid RGB(188, 190, 192);
  border-bottom: 2px solid RGB(188, 190, 192);
  float: right;
  transform: rotate(-45deg);
  margin: 3px 5px 4px 10px;
}
.pagination-filter #items-selection #dropdown #dropdown-wrapper #dropdown-content {
  position: absolute;
  z-index: 1;
  display: none;
  background: white;
  margin: 5px 0 0 0;
  padding: 5px 0 5px 0;
  border: thin solid lightgrey;
  border-radius: 3px;
  left: 0;
  right: 0;
}
.pagination-filter #items-selection #dropdown #dropdown-wrapper #dropdown-content .dropdown-item {
  text-align: center;
  cursor: pointer;
  margin: 2px;
  min-height: 25px;
  border: thin solid transparent;
  border-radius: 3px;
}
.pagination-filter #items-selection #dropdown #dropdown-wrapper #dropdown-content .dropdown-item:hover {
  background: lightgrey;
}
.pagination-filter #items-selection #dropdown #dropdown-wrapper:hover #dropdown-content {
  display: block;
}
.pagination-filter #items-selection > div {
  flex: 1;
  margin: 5px;
}

.admin-index-title {
  margin: 5px 0 10px 0;
  padding: 0 0 15px 0;
  border-bottom: thin solid lightgrey;
}
.admin-index-title span {
  color: RGB(226, 0, 10);
  font-weight: bold;
  font-size: 14pt;
}

.progress-bar-container {
  width: 200px;
  height: 20px;
  border: thin solid lightgrey;
  border-radius: 3px;
  position: relative;
}
.progress-bar-container .percentage-info-dark {
  position: absolute;
  z-index: 1;
  left: 90px;
}
.progress-bar-container-info {
  height: 18px;
  border-radius: 3px;
  background: RGB(226, 0, 10);
  overflow: hidden;
  position: absolute;
  z-index: 2;
}
.progress-bar-container-info .percentage-info-white {
  position: absolute;
  color: white;
  left: 90px;
}
.progress-bar-container-info svg {
  height: 15px;
  width: 15px;
  position: absolute;
  left: 50%;
  margin: 2px;
}
.progress-bar-container-info svg path {
  fill: white;
}
.progress-bar-container-complete {
  height: 18px;
  border-radius: 3px;
  background: green;
  overflow: hidden;
  position: absolute;
  z-index: 2;
}
.progress-bar-container-complete svg {
  height: 15px !important;
  width: 15px !important;
  position: absolute !important;
  left: 50% !important;
  margin: 2px !important;
}
.progress-bar-container-complete svg path {
  fill: white !important;
}

.password-check ul {
  padding: 0 0 0 10px;
}
.password-check svg {
  height: 20px;
}
.password-check li {
  display: flex;
}
.password-check-passed svg path {
  fill: green;
}
.password-check-failed svg path {
  fill: grey;
}

.cookie-manager {
  max-width: 1264px;
  font-size: 10pt;
  position: fixed;
  bottom: 0;
  z-index: 200;
}
.cookie-manager #banner {
  border-top: thin solid RGB(226, 0, 10);
  background: white;
  display: flex;
  align-items: center;
  padding: 4px;
  height: 85px;
}
.cookie-manager #banner > button {
  border-radius: 3px;
  margin: 20px 0 0 20px;
}
.cookie-manager #banner-close {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.cookie-manager #settings {
  position: fixed;
  bottom: 95px;
  left: 25%;
  right: 25%;
  background: white;
  border: 2px solid RGB(226, 0, 10);
  border-radius: 5px;
  padding: 15px;
}
.cookie-manager #settings span {
  font-style: italic;
}
.cookie-manager #settings #header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cookie-manager #settings #header > div {
  font-size: 12pt;
  font-weight: bold;
}
.cookie-manager #settings #buttons {
  display: flex;
  justify-content: flex-end;
}
.cookie-manager #settings #buttons > button {
  border-radius: 3px;
  height: 23px;
}

.showWarning {
  transform: translate(0, 100%);
}

.hideWarning {
  transform: translate(0, 0);
}

@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .frontpage-actions {
    margin-bottom: 10px;
  }
}
.frontpage-actions a {
  text-decoration: none;
}
.frontpage-actions-content-entry {
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
  margin: 5px 3px;
  padding: 3px;
  cursor: pointer;
}
.frontpage-actions-content-entry h3 {
  margin: 3px 0 3px 0;
}

.check-box {
  display: flex;
}
.check-box-border {
  width: 20px;
  height: 20px;
  border: thin solid RGB(226, 0, 10);
  cursor: pointer;
}
.check-box-border svg {
  max-width: 100%;
  max-height: 100%;
}
.check-box-text {
  margin: 0 0 0 10px;
}

.participant-list {
  margin: 10px 0;
}

.user-select {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: thin solid RGB(226, 0, 10);
}
.user-select-header > h4 {
  margin: 10px 0;
}
.user-select-content {
  display: flex;
  margin: 5px 0;
}
.user-select-content > span {
  margin: 0 5px 0 0;
}
.user-select-content > div {
  flex: 1;
  padding: 0 4px 0 0;
  display: flex;
}
.user-select-content > div > div {
  margin: 0 4px;
}
.user-select-content > div > input {
  margin: 0 5px;
}
.user-select-content > div > select {
  margin: 0 4px;
}
.user-select-content #reset-icon {
  cursor: pointer;
  margin: 0 0 0 10px;
}
.user-select svg {
  height: 20px;
}
.user-select svg path {
  fill: RGB(226, 0, 10);
}

.contact-show {
  display: flex;
  flex-direction: column;
  margin: 3px;
}
.contact-show > div {
  display: flex;
}
.contact-show-data {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-show-name {
  font-style: italic;
}
.contact-show-info {
  flex: 1;
  font-size: 11pt;
}
.contact-show-info p {
  margin: 5px 0 5px 0;
}
.contact-show-info p span:last-child {
  word-wrap: break-word;
}
.contact-show-profile-picture {
  flex: 1;
  height: 110px;
  margin: 5px;
  display: flex;
  justify-content: center;
}
.contact-show-profile-picture img {
  height: 104px;
  max-width: 104px;
  padding: 4px;
  border: thin solid RGB(226, 0, 10);
}
.contact-show-container {
  margin: 5px;
}
.contact-show-info-mail {
  position: relative;
}
.contact-show-info-mail a {
  text-decoration: none;
  color: RGB(226, 0, 10);
  white-space: nowrap;
}

.downloads-table-header-row {
  display: flex;
  height: 30px;
  width: 100%;
}
.downloads-table-header-row > div {
  background-color: RGB(226, 0, 10);
  color: white;
  display: flex;
  justify-content: center;
  border-left: thin solid white;
  font-size: 13pt;
}
.downloads-table-body {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .downloads-table-body .downloads-table-description, .downloads-table-body .downloads-table-date, .downloads-table-body .downloads-table-size {
    font-size: 9pt;
  }
  .downloads-table-body .downloads-table-type > svg {
    width: 30px;
    height: 30px;
  }
}
.downloads-table-row {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 5px 0 5px 5px;
}
.downloads-table-row:nth-child(even) {
  background-color: RGB(196, 196, 196);
}
.downloads-table-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11pt;
}
.downloads-table-description {
  flex: 1;
  word-break: break-word;
}
.downloads-table-type {
  width: 47px;
  justify-content: center;
}
.downloads-table-date {
  width: 94px;
  justify-content: center;
}
.downloads-table-size {
  width: 60px;
  justify-content: center;
}
.downloads-table-function {
  width: 135px;
  justify-content: center;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .downloads-table-function {
    width: 40px;
  }
}
.downloads-table-function > button > i {
  width: auto;
  margin-right: 0;
}
.downloads-table svg path {
  fill: RGB(226, 0, 10);
}

.handbook-mobile-view-content {
  display: flex;
  margin-top: 5px;
}
.handbook-mobile-view-content-title {
  padding-left: 5px;
}
.handbook-mobile-view-content .withDownload {
  color: RGB(226, 0, 10);
  cursor: pointer;
}
.handbook-mobile-view-content .black {
  color: black;
}
.handbook-mobile-view-content .backgroundBlack {
  background: black;
}
.handbook-mobile-view-content .green {
  color: RGB(40, 194, 18);
}
.handbook-mobile-view-content .backgroundGreen {
  background: RGB(40, 194, 18);
}
.handbook-mobile-view-content .lilac {
  color: RGB(193, 10, 239);
}
.handbook-mobile-view-content .backgroundLilac {
  background: RGB(193, 10, 239);
}
.handbook-mobile-view-content .blue {
  color: RGB(23, 49, 225);
}
.handbook-mobile-view-content .backgroundBlue {
  background: RGB(23, 49, 225);
}
.handbook-mobile-view-chapters {
  padding-left: 10px;
}

.district-mail-export {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(1, 1, 1, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.district-mail-export-body {
  background: white;
  border-radius: 8px;
  padding: 15px;
  max-width: 400px;
}
.district-mail-export-body-header {
  font-weight: bold;
  margin-bottom: 20px;
}
.district-mail-export-body-selection {
  display: flex;
  flex-wrap: wrap;
}
.district-mail-export-body-selection-entry {
  display: flex;
  margin-right: 10px;
  margin-bottom: 15px;
  min-width: 170px;
}
.district-mail-export-body-actions {
  display: flex;
  justify-content: space-between;
}
.district-mail-export-body-actions > div {
  color: white;
  background: RGB(226, 0, 10);
  padding: 10px;
  cursor: pointer;
}

.mail-status-info {
  background-color: #FFEEAA;
  border: thin solid lightgray;
  border-radius: 7px;
  padding: 8px;
}

.resend-mail-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.resend-mail-popup-background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.resend-mail-popup-body {
  width: 500px;
  height: 600px;
  background: white;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
}
.resend-mail-popup-body-header {
  font-size: 15pt;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid RGB(226, 0, 10);
  padding: 8px 0;
}
.resend-mail-popup-body-content {
  padding: 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.resend-mail-popup-body-content-mail-count {
  margin: 5px 0;
  font-weight: bold;
}
.resend-mail-popup-body-content-list {
  flex: 1;
}
.resend-mail-popup-body-content textarea {
  width: 100%;
  height: 100%;
  resize: none;
  border-color: grey;
}
.resend-mail-popup-body-actions {
  height: 50px;
  display: flex;
  justify-content: flex-end;
  padding: 5px 0;
}

.header {
  height: 120px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .header {
    height: auto;
  }
}

.bb-header {
  max-width: 1264px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .bb-header {
    flex: none;
  }
}
.bb-header-upper {
  height: 120px;
  color: RGB(85, 85, 85);
  padding: 0 0 20px 20px;
  background-color: white;
  overflow: hidden;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .bb-header-upper {
    padding: 0 5px;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.bb-header-upper .bb-header-navigation {
  float: left;
  height: 40%;
  display: inline;
  margin: 40px 50px 0 0;
  background: url("/images/header-upper-border.svg") bottom repeat-x;
}
.bb-header-upper .bb-header-navigation-item {
  height: 100%;
  font-size: 14pt;
  font-weight: bold;
  margin: 0 50px 0 0;
  float: left;
  display: flex;
}
.bb-header-upper .bb-header-navigation-item .active {
  color: RGB(226, 0, 10);
  border-bottom: none;
  background: url("/images/nav-menu-active.svg") bottom no-repeat;
}
.bb-header-upper .bb-header-navigation-item a {
  text-decoration: none;
  color: RGB(85, 85, 85);
}
.bb-header-upper .bb-header-navigation-item a:hover {
  color: RGB(226, 0, 10);
}
.bb-header-upper .bb-header-navigation #last-navigation-item {
  margin: 0;
}
.bb-header-upper .bb-header-navigation-mobile {
  flex: 1;
  height: 100%;
}
.bb-header-upper .bb-header-navigation-mobile-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 80%;
  background: white;
  box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.1);
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.bb-header-upper .bb-header-navigation-mobile-menu-background {
  z-index: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.bb-header-upper .bb-header-navigation-mobile-menu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100px;
  font-size: 40pt;
}
.bb-header-upper .bb-header-navigation-mobile-menu-close {
  height: 80px;
  display: flex;
  justify-content: flex-end;
  padding: 20px 30px;
  font-size: 22pt;
}
.bb-header-upper .bb-header-navigation-mobile-menu-items {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
  overflow-y: auto;
}
.bb-header-upper .bb-header-navigation-mobile-menu-entry {
  height: 50px;
  width: 100%;
  font-size: 18pt;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bb-header-upper .bb-header-navigation-mobile-menu-entry-sub-items {
  padding-left: 15px;
}
.bb-header-upper .bb-header-navigation-mobile-menu-entry-sub-items > div {
  height: 30px;
}
.bb-header-upper .bb-header-navigation-mobile-menu-entry-sub-items > div a {
  text-decoration: none;
  color: RGB(85, 85, 85);
}
.bb-header-upper .bb-header-navigation-mobile-menu-entry-sub-items > div a:hover {
  color: RGB(226, 0, 10);
}
.bb-header-upper .bb-header-navigation-mobile-menu-entry-sub-items > div .active {
  color: RGB(226, 0, 10);
}
.bb-header-upper .bb-header-navigation-mobile-menu-entry a {
  text-decoration: none;
  color: RGB(85, 85, 85);
}
.bb-header-upper .bb-header-navigation-mobile-menu-entry a:hover {
  color: RGB(226, 0, 10);
}
.bb-header-upper .bb-header-navigation-mobile-menu-entry .active {
  color: RGB(226, 0, 10);
}
.bb-header-upper #user-profile-area {
  float: left;
  height: 100%;
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 10px 0 0 0;
}
.bb-header-upper #user-profile-area #bb-profile-initials {
  width: 45px;
  height: 45px;
  border: thick solid RGB(226, 0, 10);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.bb-header-upper #user-profile-area #bb-profile-initials span {
  color: RGB(226, 0, 10);
  font-weight: bold;
  padding: 7px 0 0 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .bb-header-upper #user-profile-area {
    float: none;
    flex: 1;
    margin: 0;
  }
}
.bb-header-upper #bb-header-logo {
  float: right;
  width: 20%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0 0 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .bb-header-upper #bb-header-logo {
    float: none;
    height: 100%;
    width: none;
    margin: 0 20px 0 0;
    flex: 1;
    display: flex;
    justify-content: flex-end;
  }
  .bb-header-upper #bb-header-logo > img {
    max-width: 180px;
  }
}
.bb-header-lower {
  width: 100%;
  overflow: hidden;
}
.bb-header-lower .header-animation-fade {
  height: 200px;
}

.bb-search-row {
  height: 70px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 10px 0 20px;
  background: white;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .bb-search-row {
    height: 60px;
  }
}

.bb-content {
  flex: 2 0 0;
  max-width: 1264px;
  width: 100%;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .bb-content {
    display: flex;
    flex-direction: column;
  }
}
.bb-content .bb-page-content {
  padding: 0 10px 0 20px;
  display: flex;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .bb-content .bb-page-content {
    flex: 1;
    padding: 0 10px;
    flex-direction: column;
  }
  .bb-content .bb-page-content .view-content {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
.bb-content .bb-page-content-outlet {
  flex: 3;
}
.bb-content .bb-admin-content {
  display: flex;
  height: 100%;
}
.bb-content .bb-admin-content-outlet {
  flex: 4;
  background-color: RGB(247, 248, 248);
}

.bb-footer {
  flex: 1;
  max-width: 1264px;
  width: 100%;
  background-color: RGB(233, 232, 230);
  border-top: 5px solid RGB(226, 0, 10);
  height: 80px;
  max-height: 80px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .bb-footer {
    margin-top: 10px;
  }
}
.bb-footer .bb-footer-content {
  padding: 0 15px 0 15px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  height: 75px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .bb-footer .bb-footer-content {
    flex-direction: column;
  }
}
.bb-footer .bb-footer-content a, .bb-footer .bb-footer-content span {
  text-decoration: none;
  color: RGB(226, 0, 10);
  cursor: pointer;
}
.bb-footer .bb-footer-content #footer-links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 11pt;
  height: 100%;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .bb-footer .bb-footer-content #footer-links {
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
  }
}
.bb-footer .bb-footer-content #copyright-content {
  height: 100%;
  display: flex;
  font-size: 11pt;
  flex-direction: column;
  justify-content: center;
  color: RGB(226, 0, 10);
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .bb-footer .bb-footer-content #copyright-content {
    align-items: center;
  }
}

#home-view {
  display: flex;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #home-view {
    flex-direction: column;
  }
}
#home-view .frontpage-column-left {
  flex: 2;
  margin: 0 20px 0 0;
}
#home-view .frontpage-column-right {
  flex: 1;
  margin: 0 0 0 20px;
}
#home-view .frontpage-title {
  top: 0;
  border-bottom: thin solid RGB(226, 0, 10);
  width: 100%;
}
#home-view .frontpage-title span {
  color: black;
  font-size: 20pt;
  margin: 0 0 0 20px;
}
#home-view .frontpage-title-icon {
  width: 30px;
}

#login-view {
  width: 100%;
  height: 80%;
  display: flex;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #login-view {
    flex-direction: column;
    padding: 0 15px;
  }
}
#login-view .login-input {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#login-view .login-input .login-form-container {
  display: flex;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #login-view .login-input .login-form-container {
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
  }
}
#login-view .login-input #upper-text {
  margin: 5px 0 5px 0;
  font-size: 14pt;
  font-weight: bold;
}
#login-view .login-input #lower-text {
  margin: 5px 0 0 0;
}
#login-view #reset-row span {
  color: RGB(226, 0, 10);
  cursor: pointer;
}
#login-view .login-feedback {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #login-view .login-feedback {
    padding: 20px 0;
  }
}
#login-view .login-feedback-content {
  text-align: center;
  background-color: RGB(226, 0, 10);
  padding: 25px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #login-view .login-feedback-content {
    flex: 1;
    padding: 5px 15px;
  }
}
#login-view .login-feedback-content p {
  color: white;
}
#login-view #login-input-username, #login-view #login-input-password {
  flex: 1;
  margin: 0 5px 0 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #login-view #login-input-username, #login-view #login-input-password {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #login-view #login-input-username > span, #login-view #login-input-password > span {
    align-self: flex-start;
  }
}
#login-view #login-input-username div, #login-view #login-input-password div {
  height: 60px;
}
#login-view #login-input-username div input, #login-view #login-input-password div input {
  height: 50px;
  font-size: 12pt;
}
#login-view #login-input-button {
  flex: 1;
  align-self: flex-end;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #login-view #login-input-button {
    align-self: center;
    width: 50%;
  }
}
#login-view #login-input-button button {
  width: 80%;
  height: 60px;
}

#news-show-view {
  width: 100%;
  height: 100%;
}
#news-show-view #button-row {
  margin: 0 0 10px 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #news-show-view #button-row {
    display: flex;
    justify-content: space-between;
  }
}
#news-show-view #button-row button, #news-show-view #button-row a {
  border: transparent;
  border-radius: 3px;
  padding: 5px;
  margin: 0;
}
#news-show-view #button-row button svg, #news-show-view #button-row a svg {
  height: 15px;
}
#news-show-view #button-row button span, #news-show-view #button-row a span {
  color: white;
}
#news-show-view #button-row > a {
  background: RGB(226, 0, 10);
  color: white;
  text-decoration: none;
}
#news-show-view .news-show-url {
  color: RGB(226, 0, 10);
}
#news-show-view .news-show-content {
  display: flex;
  justify-content: center;
  margin: 0 0 20px 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #news-show-view .news-show-content {
    display: flex;
    flex-direction: column;
  }
}
#news-show-view .news-show-content .news-show-title-image {
  float: left;
  margin: 0 10px 0 0;
}
#news-show-view .news-show-content .news-show-title-image img {
  max-width: 250px;
  max-height: 200px;
  height: auto;
}
#news-show-view .news-show-content .news-show-abstract {
  border-bottom: thin solid RGB(226, 0, 10);
  margin: 0 0 15px 0;
}
#news-show-view .news-show-content .youtube-container {
  margin: 10px 0 10px 0;
}
#news-show-view .news-show-content .youtube-container #iframe-wrapper {
  display: flex;
  justify-content: center;
}
#news-show-view .news-show-title {
  width: 100%;
  height: 40px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #news-show-view .news-show-title {
    height: auto;
    display: flex;
    flex-direction: column;
  }
}
#news-show-view .news-show-title h3 {
  float: left;
  margin: 0;
  padding: 0;
}
#news-show-view .news-show-title span {
  float: right;
  margin: 0 5px 0 0;
  font-weight: bold;
}
#news-show-view .news-content {
  min-width: 60%;
  align-self: center;
}
#news-show-view #btnEdit {
  margin: 0;
}
#news-show-view .news-content-additional {
  flex: 3;
  left: 0;
  bottom: 0;
  overflow: auto;
  padding: 0 10px 0 0;
}
#news-show-view .news-content-additional .youtube-container .iframe-wrapper {
  display: flex;
  justify-content: center;
}
#news-show-view .additional-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  float: right;
  border-left: thin solid RGB(226, 0, 10);
  padding: 0 0 0 10px;
}
#news-show-view .additional-content-header {
  height: 20%;
  color: RGB(226, 0, 10);
  font-weight: bold;
}
#news-show-view .additional-content .downloads-area #downloads-title {
  height: 30px;
  font-size: 16pt;
  color: RGB(226, 0, 10);
  border-bottom: thin solid RGB(226, 0, 10);
}
#news-show-view .additional-content .downloads-area ul li {
  color: RGB(226, 0, 10);
  cursor: pointer;
  margin: 3px 0 3px 0;
}
#news-show-view .additional-content .gallery-row .gallery-area {
  height: 80%;
}

#search-result-view {
  width: 100%;
  height: 100%;
}
#search-result-view .search-header {
  font-size: 16pt;
  font-weight: bold;
}
#search-result-view .category-header {
  width: 100%;
  display: flex;
  align-items: flex-end;
  margin: 0 0 20px 0;
}
#search-result-view .category-header > h3 {
  color: RGB(226, 0, 10);
  margin: 0 15px 0 0;
  font-size: 16pt;
  cursor: pointer;
}
#search-result-view .category-header > span {
  color: RGB(226, 0, 10);
  padding: 0 0 2px 0;
}
#search-result-view .category-header .waiting-icon svg {
  width: 20px;
  height: 20px;
  animation: spin 5s linear 0s infinite;
}
#search-result-view .category-header .waiting-icon svg path {
  fill: RGB(226, 0, 10);
}
#search-result-view .result-list {
  margin: 0 0 15px 0;
}
#search-result-view .result-list > ul {
  list-style: none;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #search-result-view .result-list > ul {
    padding-left: 0;
  }
}
#search-result-view .result-list-item {
  display: flex;
  align-items: flex-start;
  margin: 5px 0 5px 0;
}
#search-result-view .result-list-item .file-icon {
  position: relative;
}
#search-result-view .result-list-item .file-icon:hover .tooltip {
  display: block;
}
#search-result-view .result-list-item .file-icon .tooltip {
  position: absolute;
  background: lightyellow;
  z-index: 1;
  display: none;
  top: 0;
  padding: 5px;
}
#search-result-view .result-list-item .file-icon svg path {
  fill: RGB(226, 0, 10);
}
#search-result-view .result-list-item-date {
  font-weight: bold;
  margin-right: 15px;
  flex: 1;
  display: flex;
  max-width: 100px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #search-result-view .result-list-item-date {
    margin-right: 5px;
  }
}
#search-result-view .result-list-item-date .private-field {
  margin-right: 10px;
  width: 15px;
  height: 15px;
  color: RGB(226, 0, 10);
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #search-result-view .result-list-item-date .private-field {
    margin-right: 5px;
  }
}
#search-result-view .result-list-item-title {
  margin-left: 15px;
  text-align: left;
  cursor: pointer;
  flex: 4;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #search-result-view .result-list-item-title {
    margin-left: 5px;
  }
}
#search-result-view .result-list-item-title .highlights-table > li > span svg {
  height: 20px;
}
#search-result-view .result-list-item-title .highlights-table > li > span svg path {
  fill: RGB(226, 0, 10);
}
#search-result-view .result-list .more-btn {
  color: RGB(226, 0, 10);
  cursor: pointer;
}

#search-result-category-view {
  width: 100%;
  height: 100%;
}
#search-result-category-view .category-search-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#search-result-category-view .category-search-header .back-button-container {
  display: flex;
  align-items: center;
  font-size: 16pt;
  font-weight: bold;
}
#search-result-category-view .category-search-header #back-button {
  float: left;
  margin: 0 10px 0 0;
  display: flex;
  align-items: center;
}
#search-result-category-view .category-search-header #back-button > svg {
  height: 15px;
}
#search-result-category-view .category-search-header #back-button > svg path {
  fill: RGB(226, 0, 10);
}
#search-result-category-view .category-search-header .timeframe-container {
  position: relative;
  min-width: 140px;
}
#search-result-category-view .category-search-header .timeframe-container:hover .timeframe-content {
  display: block;
}
#search-result-category-view .category-search-header .timeframe-container .selected-timeframe {
  display: flex;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
#search-result-category-view .category-search-header .timeframe-container .selected-timeframe-name {
  flex: 1;
  padding: 0 0 0 2px;
}
#search-result-category-view .category-search-header .timeframe-container .selected-timeframe-icon {
  margin: 0 2px 0 2px;
}
#search-result-category-view .category-search-header .timeframe-container .timeframe-content {
  display: none;
  margin: 2px 0 0 0;
  border: thin solid lightgrey;
  border-radius: 3px;
  position: absolute;
  width: 100%;
}
#search-result-category-view .category-search-header .timeframe-container .timeframe-content-item {
  padding: 0 0 0 2px;
  cursor: pointer;
}
#search-result-category-view .category-search-header .timeframe-container .timeframe-content-item:hover {
  background: lightgrey;
}
#search-result-category-view .category-header {
  width: 100%;
  display: flex;
  align-items: flex-end;
  margin: 20px 0 20px 0;
}
#search-result-category-view .category-header > h3 {
  color: RGB(226, 0, 10);
  margin: 0 15px 0 0;
  font-size: 16pt;
  cursor: pointer;
}
#search-result-category-view .category-header > span {
  color: RGB(226, 0, 10);
  padding: 0 0 2px 0;
}
#search-result-category-view .category-header .waiting-icon svg {
  width: 20px;
  height: 20px;
  animation: spin 5s linear 0s infinite;
}
#search-result-category-view .category-header .waiting-icon svg path {
  fill: RGB(226, 0, 10);
}
#search-result-category-view .result-list {
  margin: 0 0 15px 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #search-result-category-view .result-list {
    margin: 0;
  }
}
#search-result-category-view .result-list > ul {
  list-style: none;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #search-result-category-view .result-list > ul {
    padding: 0;
  }
}
#search-result-category-view .result-list-item {
  display: flex;
  align-items: flex-start;
  margin: 5px 0 5px 0;
}
#search-result-category-view .result-list-item .file-icon {
  position: relative;
}
#search-result-category-view .result-list-item .file-icon:hover .tooltip {
  display: block;
}
#search-result-category-view .result-list-item .file-icon .tooltip {
  position: absolute;
  background: lightyellow;
  z-index: 1;
  display: none;
  top: 0;
  padding: 5px;
}
#search-result-category-view .result-list-item .file-icon svg path {
  fill: RGB(226, 0, 10);
}
#search-result-category-view .result-list-item-date {
  font-weight: bold;
  margin-right: 15px;
  flex: 1;
  max-width: 100px;
  display: flex;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #search-result-category-view .result-list-item-date {
    margin-right: 5px;
  }
}
#search-result-category-view .result-list-item-date .private-field {
  margin-right: 10px;
  width: 15px;
  height: 15px;
  color: RGB(226, 0, 10);
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #search-result-category-view .result-list-item-date .private-field {
    margin-right: 5px;
  }
}
#search-result-category-view .result-list-item-title {
  margin-left: 15px;
  text-align: left;
  cursor: pointer;
  flex: 4;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #search-result-category-view .result-list-item-title {
    margin-left: 5px;
  }
}
#search-result-category-view .result-list-item-title .highlights-table > li > span svg {
  height: 20px;
}
#search-result-category-view .result-list-item-title .highlights-table > li > span svg path {
  fill: RGB(226, 0, 10);
}

#organization-index-view {
  width: 100%;
  height: 100%;
}
#organization-index-view #image-film {
  display: flex;
  justify-content: center;
  max-width: 925px;
  padding: 0 25px 25px 25px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #organization-index-view #image-film {
    padding: 0;
  }
}
#organization-index-view #image-film video {
  max-width: 854px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #organization-index-view #image-film video {
    max-width: 100%;
  }
}

#organization-organigram-view #organigramm {
  flex: 1;
  margin: 25px 0;
  display: flex;
  justify-content: center;
}
#organization-organigram-view .area:hover .bar:hover ~ .bar2 {
  fill: #ffffff;
  opacity: 1;
  color: white;
}
#organization-organigram-view .bar:hover {
  fill: #e3000b;
  opacity: 1;
}
#organization-organigram-view .bar2:hover {
  pointer-events: none;
}
#organization-organigram-view h4 {
  margin: 10px 0 0 0;
}
#organization-organigram-view p {
  margin: 0 0 5px 0;
}
#organization-organigram-view .highlight {
  animation: colorchange 0.5s;
}
@keyframes colorchange {
  0% {
    background: #e3000b;
  }
  100% {
    background: white;
  }
}

#confirm-account-view #input-row {
  display: flex;
  flex-direction: column;
  width: 50%;
}
#confirm-account-view #input-row > div {
  display: flex;
  margin: 5px 0 5px 0;
}
#confirm-account-view #input-row span {
  flex: 1;
}
#confirm-account-view #input-row input {
  flex: 2;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#confirm-account-view button {
  border-radius: 3px;
  margin: 15px 0 0 0;
}
#confirm-account-view button span {
  color: white;
}

#profile-edit-view .info-field {
  background: lightyellow;
  min-height: 40px;
  border: thin solid lightgrey;
  border-radius: 3px;
  margin: 5px 0 10px 0;
  display: flex;
  align-items: center;
}
#profile-edit-view .info-field span {
  margin: 0 0 0 10px;
}
#profile-edit-view .button-row {
  display: flex;
}
#profile-edit-view .button-row button {
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
  padding: 5px;
  margin: 10px 10px 10px 0;
}
#profile-edit-view .button-row button span {
  color: white;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #profile-edit-view #user-information {
    display: flex;
    flex-direction: column;
  }
}
#profile-edit-view #profile-checkbox-row {
  flex: 2;
  display: flex;
  align-items: center;
}
#profile-edit-view #profile-checkbox-row > div {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  margin: 0 10px 0 0;
}

#profile-password-view {
  display: flex;
  flex-direction: column;
}
#profile-password-view #input-form {
  margin: 10px 0 10px 0;
}
#profile-password-view #input-form > div {
  width: 50%;
  display: flex;
  margin: 5px 0 5px 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #profile-password-view #input-form > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }
}
#profile-password-view #input-form > div > span {
  flex: 1;
}
#profile-password-view #input-form input {
  flex: 2;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#profile-password-view .button-row {
  margin: 0;
  display: flex;
}
#profile-password-view .button-row button {
  margin: 0 10px 0 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #profile-password-view .button-row button {
    margin-bottom: 20px;
  }
}
#profile-password-view .button-row button > span {
  color: white;
}

#profile-guest-view #guest-edit {
  display: flex;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #profile-guest-view #guest-edit {
    flex-direction: column;
  }
}
#profile-guest-view #guest-edit .edit-row {
  flex: 1;
}
#profile-guest-view #guest-edit .edit-row-item {
  display: flex;
  margin: 5px 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #profile-guest-view #guest-edit .edit-row-item {
    flex-direction: column;
  }
}
#profile-guest-view #guest-edit .edit-row-item > span {
  flex: 1;
}
#profile-guest-view #guest-edit .edit-row-item > div {
  flex: 2;
}
#profile-guest-view #guest-edit .edit-row-item input {
  border: thin solid lightgrey;
  border-radius: 3px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #profile-guest-view #guest-edit .edit-row-item input {
    width: 100%;
  }
}
#profile-guest-view #guest-edit .edit-row-item #guest-role-info {
  position: relative;
  flex: 1;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #profile-guest-view #guest-edit .edit-row-item #guest-role-info {
    flex: none;
  }
}
#profile-guest-view #guest-edit .edit-row-item #guest-role-info > div {
  display: none;
  flex-direction: column;
  position: absolute;
  left: -200px;
  z-index: 3;
  width: auto;
  border: thin solid lightgrey;
  background: white;
  padding: 10px;
}
#profile-guest-view #guest-edit .edit-row-item #guest-role-info > div > span {
  flex: 1;
  margin: 3px 0 3px 0;
}
#profile-guest-view #guest-edit .edit-row-item #guest-role-info:hover > div {
  display: flex;
}
#profile-guest-view #guest-edit .edit-row-item #guest-role-info svg {
  height: 25px;
  margin: 0 0 0 10px;
}
#profile-guest-view #guest-edit .edit-row-item #guest-role-info svg path {
  fill: lightgrey;
}
#profile-guest-view #guest-edit #guest-role-select .role-select {
  position: relative;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #profile-guest-view #guest-edit #guest-role-select .role-select {
    display: flex;
  }
}
#profile-guest-view #guest-edit #guest-role-select .role-select:hover .role-select-content {
  display: block;
}
#profile-guest-view #guest-edit #guest-role-select .role-select-selected {
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 20px;
  display: flex;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #profile-guest-view #guest-edit #guest-role-select .role-select-selected {
    flex: 1;
  }
}
#profile-guest-view #guest-edit #guest-role-select .role-select-selected-name {
  flex: 1;
}
#profile-guest-view #guest-edit #guest-role-select .role-select-selected-icon {
  flex: 0;
  margin: 0 5px 0 0;
}
#profile-guest-view #guest-edit #guest-role-select .role-select-content {
  position: absolute;
  z-index: 1;
  background: white;
  width: 100%;
  border: thin solid lightgrey;
  display: none;
}
#profile-guest-view #guest-edit #guest-role-select .role-select-content-item {
  cursor: pointer;
}
#profile-guest-view #guest-edit #guest-role-select .role-select-content-item:hover {
  background: lightgrey;
}
#profile-guest-view #edit-buttons {
  display: flex;
}
#profile-guest-view #edit-buttons button {
  border-radius: 3px;
  padding: 5px;
  margin: 10px 10px 0 0;
}
#profile-guest-view #edit-buttons button span {
  color: white;
}
#profile-guest-view #guest-functions-row {
  margin: 10px 0 10px 0;
}
#profile-guest-view #guest-functions-row #add-button {
  display: flex;
  align-items: center;
}
#profile-guest-view #guest-functions-row #add-button svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#profile-guest-view #guest-functions-row #add-button svg path {
  fill: RGB(226, 0, 10);
}
#profile-guest-view #guest-functions-row #add-button > span {
  color: RGB(226, 0, 10);
  cursor: pointer;
}
#profile-guest-view #guests-table {
  width: 100%;
  margin: 5px;
}
#profile-guest-view #guests-table #guests-functions {
  display: flex;
}
#profile-guest-view #guests-table svg {
  width: 25px;
}
#profile-guest-view #info-container {
  float: right;
  position: relative;
}
#profile-guest-view #info-container:hover #info-container-text {
  display: flex;
}
#profile-guest-view #info-container svg {
  height: 25px;
}
#profile-guest-view #info-container svg path {
  fill: lightgrey;
}
#profile-guest-view #info-container-text {
  display: none;
  flex-direction: column;
  position: absolute;
  left: -200px;
  z-index: 3;
  width: auto;
  border: thin solid lightgrey;
  background: white;
  padding: 10px;
}
#profile-guest-view #info-container-text > span {
  flex: 1;
  margin: 3px 0 3px 0;
}
#profile-guest-view .guest-active svg path {
  fill: green;
}
#profile-guest-view .guest-invited svg path {
  fill: RGB(255, 127, 39);
}
#profile-guest-view .guest-expired svg path {
  fill: RGB(226, 0, 10);
}

#profile-bav-now-view {
  padding: 15px 0;
  display: flex;
  flex-direction: column;
}
#profile-bav-now-view-add {
  padding: 10px 0;
}
#profile-bav-now-view-add > button {
  margin-left: 0;
}
#profile-bav-now-view-error {
  margin: 10px 0;
  color: RGB(226, 0, 10);
}
#profile-bav-now-view-new {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #profile-bav-now-view-new-input {
    display: flex;
    flex-direction: column;
  }
  #profile-bav-now-view-new-input > label {
    margin-bottom: 10px;
  }
}
#profile-bav-now-view-new > div:last-of-type {
  display: flex;
  margin: 10px 0;
}
#profile-bav-now-view-new > div:last-of-type > button:first-of-type {
  margin-left: 0;
}
#profile-bav-now-view-subscriptions {
  display: flex;
  flex-direction: column;
}
#profile-bav-now-view-subscriptions > div:first-of-type {
  font-weight: bold;
  margin: 10px 0;
}
#profile-bav-now-view-subscriptions .subscriptions-list {
  display: flex;
  flex-direction: column;
  width: 200px;
}
#profile-bav-now-view-subscriptions .subscriptions-list-row {
  display: flex;
  justify-content: space-between;
  flex: 1;
  margin-bottom: 5px;
}
#profile-bav-now-view-subscriptions .subscriptions-list-row i {
  color: RGB(226, 0, 10);
  margin-left: 10px;
  cursor: pointer;
}

#reset-password-view #input-row {
  display: flex;
  flex-direction: column;
}
#reset-password-view #input-row > div {
  margin: 10px 0 10px;
}
#reset-password-view #input-row input {
  border: thin solid lightgrey;
  border-radius: 3px;
}
#reset-password-view .button-row {
  margin: 10px 0 0 0;
}
#reset-password-view .button-row button {
  margin: 0;
  color: white;
  border-radius: 3px;
}
#reset-password-view .button-row button svg {
  margin: 0 5px 0 0;
}

#password-reset-view #input-row {
  display: flex;
  flex-direction: column;
  width: 50%;
}
#password-reset-view #input-row > div {
  display: flex;
  margin: 10px 0 10px 0;
}
#password-reset-view #input-row > div input {
  border: thin solid lightgrey;
  border-radius: 3px;
  flex: 2;
}
#password-reset-view #input-row > div span {
  flex: 1;
}
#password-reset-view .button-row {
  display: flex;
  padding: 0;
}
#password-reset-view .button-row > button {
  padding: 3px 5px 3px 3px;
  color: white;
  border-radius: 3px;
  margin: 5px 10px 0 0;
}

#profile-newsletter-view #category-view .category {
  display: flex;
  margin: 10px 0 10px 0;
}
#profile-newsletter-view #category-view .category-name {
  margin: 0 0 0 10px;
}
#profile-newsletter-view #button-row {
  display: flex;
  margin: 15px 0 10px 0;
}
#profile-newsletter-view #button-row button {
  border-radius: 3px;
  margin: 0 10px 0 0;
}
#profile-newsletter-view .info-field {
  background: lightyellow;
  min-height: 40px;
  border: thin solid lightgrey;
  border-radius: 3px;
  margin: 5px 0 5px 0;
  display: flex;
  align-items: center;
}
#profile-newsletter-view .info-field span {
  margin: 0 0 0 10px;
}

#newsletter-unsubscribe-view #button-row {
  display: flex;
  margin: 10px 0 0 0;
}
#newsletter-unsubscribe-view #button-row button {
  border-radius: 3px;
  margin: 0 10px 0 0;
}

#profile-vba-infos {
  padding-top: 15px;
  display: flex;
  flex-direction: column;
}
#profile-vba-infos-input {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
}
#profile-vba-infos-input label {
  font-weight: bold;
}
#profile-vba-infos-input div {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
#profile-vba-infos-error {
  margin: 10px 0;
  color: RGB(226, 0, 10);
}
#profile-vba-infos-active-subscription i {
  margin-left: 10px;
  color: RGB(226, 0, 10);
}

#user-center-view {
  width: 100%;
  padding: 30px;
}
#user-center-view #tab-navigation {
  height: 50px;
  width: 100%;
}
#user-center-view #tab-navigation-outlet {
  width: 100%;
  padding: 8px;
  background: white;
  border-right: thin solid lightgrey;
  border-bottom: thin solid lightgrey;
  border-left: thin solid lightgrey;
  border-radius: 3px;
}

#user-index-view {
  width: 100%;
  height: 100%;
}
#user-index-view .search-row {
  display: flex;
  justify-content: flex-start;
  margin: 10px 0 20px 0;
  padding: 20px 0 20px 0;
}
#user-index-view .search-row > select {
  padding: 5px;
  margin: 0 0 0 5px;
}
#user-index-view .search-row #refresh-button {
  margin: 3px 0 0 10px;
  float: left;
}
#user-index-view .search-row #refresh-button svg {
  width: 25px;
}
#user-index-view .search-row #refresh-button svg path {
  fill: RGB(226, 0, 10);
}
#user-index-view .search-row .animate svg {
  animation: spin 5s linear 0s infinite;
}
#user-index-view #functions {
  color: RGB(226, 0, 10);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#user-index-view #functions svg {
  width: 25px;
}
#user-index-view #functions svg path {
  fill: RGB(226, 0, 10);
}
#user-index-view #functions > div {
  float: right;
  margin: 5px;
}
#user-index-view #user-table {
  width: 100%;
  box-shadow: none;
}
#user-index-view #user-table .user-retail-cell {
  display: flex;
  justify-content: center;
  align-items: center;
}
#user-index-view #user-table .user-retail-cell svg {
  height: 25px;
  margin: 10px 0 0 0;
}
#user-index-view #user-table .user-retail-cell svg path {
  fill: green;
}

#user-edit-view, #profile-edit-view-form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 5px;
  padding: 5px;
}
#user-edit-view #user-information, #profile-edit-view-form #user-information {
  flex: 1;
  display: flex;
}
#user-edit-view #user-information .checkbox, #profile-edit-view-form #user-information .checkbox {
  margin: 0 15px 0 0;
  border-color: grey;
}
#user-edit-view #user-information #user-retail-selector, #profile-edit-view-form #user-information #user-retail-selector {
  flex: 2;
  display: flex;
  align-items: center;
}
#user-edit-view #user-information input, #profile-edit-view-form #user-information input {
  border: thin solid grey;
  border-radius: 3px;
}
#user-edit-view #user-information .user-edit-column, #profile-edit-view-form #user-information .user-edit-column {
  display: flex;
  flex-direction: column;
}
#user-edit-view #user-information .user-edit-column > div, #profile-edit-view-form #user-information .user-edit-column > div {
  flex: 1;
  margin: 5px;
  display: flex;
}
#user-edit-view #user-information .user-edit-column > div > span, #profile-edit-view-form #user-information .user-edit-column > div > span {
  flex: 1;
}
#user-edit-view #user-information .user-edit-column > div > input, #profile-edit-view-form #user-information .user-edit-column > div > input {
  flex: 2;
  min-height: 20px;
}
#user-edit-view #user-information .user-edit-column .multi-row, #profile-edit-view-form #user-information .user-edit-column .multi-row {
  display: flex;
}
#user-edit-view #user-information .user-edit-column .multi-row > span, #profile-edit-view-form #user-information .user-edit-column .multi-row > span {
  flex: 1;
}
#user-edit-view #user-information .user-edit-column .multi-row > div, #profile-edit-view-form #user-information .user-edit-column .multi-row > div {
  flex: 2;
  display: flex;
  height: 100%;
}
#user-edit-view #user-information .user-edit-column .multi-row > div > div, #profile-edit-view-form #user-information .user-edit-column .multi-row > div > div {
  flex: 1;
  text-align: center;
}
#user-edit-view #user-information .user-edit-column .multi-row > div > div > input, #profile-edit-view-form #user-information .user-edit-column .multi-row > div > div > input {
  width: 100%;
  height: 100%;
  min-height: 20px;
}
#user-edit-view #user-information .user-edit-column #reset-password-btn, #user-edit-view #user-information .user-edit-column #remove-vba-subscription, #user-edit-view #user-information .user-edit-column #remove-district-mail-subscription, #profile-edit-view-form #user-information .user-edit-column #reset-password-btn, #profile-edit-view-form #user-information .user-edit-column #remove-vba-subscription, #profile-edit-view-form #user-information .user-edit-column #remove-district-mail-subscription {
  flex: 2;
  border-radius: 3px;
  min-height: 25px;
}
#user-edit-view #user-information #user-data, #profile-edit-view-form #user-information #user-data {
  flex: 2;
  margin: 0 5px 0 5px;
}
#user-edit-view #user-information #user-adresse, #profile-edit-view-form #user-information #user-adresse {
  flex: 2;
  margin: 0 5px 0 5px;
}
#user-edit-view #user-information #user-picture, #profile-edit-view-form #user-information #user-picture {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 0 0 0 5px;
  border-radius: 3px;
}
#user-edit-view #user-information #user-picture img, #profile-edit-view-form #user-information #user-picture img {
  max-width: 160px;
}
#user-edit-view #user-information #user-picture #profile-picture-container, #profile-edit-view-form #user-information #user-picture #profile-picture-container {
  background: lightgrey;
  display: flex;
  flex-direction: column;
  max-width: 160px;
  border-left: thin solid lightgrey;
  border-right: thin solid lightgrey;
  border-top: thin solid lightgrey;
  border-radius: 3px;
}
#user-edit-view #user-information #user-picture #profile-picture-container #profile-picture-placeholder, #profile-edit-view-form #user-information #user-picture #profile-picture-container #profile-picture-placeholder {
  display: flex;
  flex-direction: column;
}
#user-edit-view #user-information #user-picture #profile-picture-container #profile-picture-placeholder svg path, #profile-edit-view-form #user-information #user-picture #profile-picture-container #profile-picture-placeholder svg path {
  fill: white;
}
#user-edit-view #user-information #user-picture #profile-picture-functions, #profile-edit-view-form #user-information #user-picture #profile-picture-functions {
  margin: 10px 0 0 0;
  max-width: 160px;
}
#user-edit-view #user-information #user-picture #profile-picture-functions svg, #profile-edit-view-form #user-information #user-picture #profile-picture-functions svg {
  float: right;
  height: 20px;
  margin: 0 0 0 5px;
  cursor: pointer;
}
#user-edit-view #user-information #user-picture #profile-picture-functions svg path, #profile-edit-view-form #user-information #user-picture #profile-picture-functions svg path {
  fill: RGB(226, 0, 10);
}
#user-edit-view #user-information #user-picture .user-edit-mail-info-row, #profile-edit-view-form #user-information #user-picture .user-edit-mail-info-row {
  margin-top: 10px;
  height: 30px;
  font-size: 10pt;
}
#user-edit-view #user-roles, #profile-edit-view-form #user-roles {
  flex: 2;
  display: flex;
}
#user-edit-view #user-roles .column, #profile-edit-view-form #user-roles .column {
  display: flex;
  flex-direction: column;
}
#user-edit-view #user-roles > div, #profile-edit-view-form #user-roles > div {
  display: flex;
  flex-direction: column;
}
#user-edit-view #user-roles #arrow-column, #profile-edit-view-form #user-roles #arrow-column {
  display: flex;
  flex-direction: column;
  margin: 0 5px 0 5px;
}
#user-edit-view #user-roles #arrow-column .placeholder, #profile-edit-view-form #user-roles #arrow-column .placeholder {
  flex: 0.5;
}
#user-edit-view #user-roles #arrow-column #arrow-container, #profile-edit-view-form #user-roles #arrow-column #arrow-container {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#user-edit-view #user-roles #arrow-column svg, #profile-edit-view-form #user-roles #arrow-column svg {
  cursor: pointer;
  flex: 1;
  width: 25px;
}
#user-edit-view #user-roles #arrow-column svg path, #profile-edit-view-form #user-roles #arrow-column svg path {
  fill: RGB(226, 0, 10);
}
#user-edit-view #user-roles p, #profile-edit-view-form #user-roles p {
  font-weight: bold;
  font-size: 14pt;
  flex: 0.5;
}
#user-edit-view #user-roles .role-container, #profile-edit-view-form #user-roles .role-container {
  flex: 3;
  border: thin solid grey;
  border-radius: 3px;
  min-width: 220px;
  height: 400px;
  max-height: 400px;
  overflow: auto;
}
#user-edit-view #user-roles .role-container ul, #profile-edit-view-form #user-roles .role-container ul {
  list-style: none;
  padding: 5px;
  margin: 0;
}
#user-edit-view #user-roles .role-container ul li, #profile-edit-view-form #user-roles .role-container ul li {
  margin: 5px;
  padding: 5px;
  font-weight: bold;
}
#user-edit-view #user-roles .role-container ul li:hover, #profile-edit-view-form #user-roles .role-container ul li:hover {
  background: RGB(226, 0, 10);
  color: white;
  cursor: pointer;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
#user-edit-view #user-roles .role-container ul .active, #profile-edit-view-form #user-roles .role-container ul .active {
  background: RGB(226, 0, 10);
  color: white;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
#user-edit-view #button-row, #profile-edit-view-form #button-row {
  flex: 1;
  display: flex;
  margin: 15px 0 0 0;
}
#user-edit-view #button-row button, #profile-edit-view-form #button-row button {
  margin: 0 10px 0 0;
  padding: 5px;
  border: thin solid transparent;
  border-radius: 3px;
}
#user-edit-view #button-row button svg, #profile-edit-view-form #button-row button svg {
  margin: 0 5px 0 0;
}

#user-import-view #action-row {
  border-top: thin solid lightgrey;
  border-bottom: thin solid lightgrey;
  margin: 10px 0 20px 0;
  padding: 20px 0 20px 0;
}
#user-import-view #action-row #functions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#user-import-view #action-row #functions > div {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  color: RGB(226, 0, 10);
  cursor: pointer;
}
#user-import-view #action-row #functions > div span {
  color: RGB(226, 0, 10);
}
#user-import-view #action-row #functions #file-select {
  flex: 2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#user-import-view #action-row #functions #file-select > input {
  flex: 2;
}
#user-import-view #action-row #functions #file-select > span {
  flex: 1;
  display: flex;
  align-items: center;
}
#user-import-view #action-row #functions #action-select {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#user-import-view #action-row #functions #action-select > div {
  margin: 5px 0;
}
#user-import-view #action-row #functions #action-select #role-select {
  flex: 1;
  display: flex;
}
#user-import-view #action-row #functions #action-select #role-select > span {
  flex: 1;
  min-width: 120px;
}
#user-import-view #action-row #functions #action-select #role-select > select {
  max-width: 150px;
}
#user-import-view #action-row svg {
  height: 25px;
  margin: 0 5px 0 0;
}
#user-import-view #action-row svg path {
  fill: RGB(226, 0, 10);
}
#user-import-view table tr:nth-child(2) {
  background: white;
}
#user-import-view table tr {
  height: 50px;
  padding: 5px 0 5px 0;
}
#user-import-view table #error-header,
#user-import-view table #success-header,
#user-import-view table #total-header {
  min-width: 80px;
}
#user-import-view table #duplicate-header {
  min-width: 120px;
}
#user-import-view table svg {
  height: 20px;
  margin: 5px 0 0 5px;
}
#user-import-view table svg path {
  fill: grey;
}
#user-import-view table .error-log {
  display: flex;
  align-items: center;
  padding: 10px 0 0 10px;
}

#user-export-view .single-role-selection {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
#user-export-view .single-role-selection > div:first-of-type {
  margin-right: 10px;
}
#user-export-view .single-role-selection > select {
  border-color: RGB(226, 0, 10);
  padding: 4px;
}

#roles-index-view {
  width: 100%;
  height: 100%;
}
#roles-index-view .title-row {
  display: flex;
  justify-content: space-between;
  margin: 15px 0 15px 0;
}
#roles-index-view .title-row svg {
  width: 25px;
}
#roles-index-view .title-row svg path {
  fill: RGB(226, 0, 10);
}
#roles-index-view .title-row #add-button {
  display: flex;
  height: 30px;
  cursor: pointer;
}
#roles-index-view .title-row #add-button svg {
  height: 20px;
}
#roles-index-view .title-row #add-button span {
  color: RGB(226, 0, 10);
}
#roles-index-view #role-counter {
  font-weight: bold;
  font-size: 14pt;
  color: RGB(226, 0, 10);
}
#roles-index-view #role-counter span {
  color: RGB(226, 0, 10);
}
#roles-index-view #roles-table {
  width: 100%;
}

#roles-edit-view {
  width: 100%;
  height: 100%;
}
#roles-edit-view #role-data {
  padding: 15px;
  margin: 0 15px;
  display: flex;
  border-bottom: thin solid lightgrey;
}
#roles-edit-view #role-data input {
  border: thin solid lightgrey;
  border-radius: 3px;
  min-height: 30px;
}
#roles-edit-view #role-data span {
  font-size: 13pt;
  font-weight: bold;
  margin: 0 10px 0 0;
}
#roles-edit-view #role-data div {
  flex: 1;
}
#roles-edit-view #permission-select {
  margin: 20px 0 20px 0;
  padding: 10px;
  height: 100%;
  display: flex;
}
#roles-edit-view #permission-select .permission-column {
  flex: 1;
}
#roles-edit-view #permission-select #category-name {
  font-weight: bold;
  font-size: 15pt;
  margin: 5px 0 5px 0;
}
#roles-edit-view #permission-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#roles-edit-view #permission-select ul .list-right-item {
  display: flex;
  align-items: center;
  margin: 10px 0 10px 5px;
  max-height: 40px;
}
#roles-edit-view #permission-select .checkbox-active {
  height: 20px;
  width: 20px;
  padding: 2px;
  border: thin solid lightgrey;
  border-radius: 3px;
  background: green;
  margin: 0 5px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#roles-edit-view #permission-select .checkbox-active svg {
  height: 16px;
}
#roles-edit-view #permission-select .checkbox-active svg path {
  fill: white;
}
#roles-edit-view #permission-select .checkbox-inactive {
  height: 20px;
  width: 20px;
  border: thin solid lightgrey;
  border-radius: 3px;
  margin: 0 5px 0 0;
}
#roles-edit-view #button-row {
  margin-bottom: 5px;
  display: flex;
}
#roles-edit-view #button-row button {
  border: thin solid transparent;
  border-radius: 3px;
  padding: 5px;
}
#roles-edit-view #button-row button span {
  color: white;
  margin: 0 0 0 5px;
}

#permission-index-view {
  width: 100%;
  height: 100%;
}
#permission-index-view #permissions-table {
  margin: 15px 0 0 0;
  width: 100%;
}
#permission-index-view #permissions-table tr {
  height: 30px;
}
#permission-index-view #permissions-table tr:nth-child(even) {
  background-color: white;
}

#download-center-view {
  width: 100%;
  padding: 15px;
}
#download-center-view #tab-navigation {
  height: 50px;
}
#download-center-view #tab-navigation-outlet {
  width: 100%;
  background-color: white;
  padding: 15px;
  border-right: thin solid lightgrey;
  border-bottom: thin solid lightgrey;
  border-left: thin solid lightgrey;
  border-radius: 3px;
}

#downloads-index-view {
  width: 100%;
  height: 100%;
}
#downloads-index-view #search-area {
  top: 70px;
  height: 50px;
  width: 100%;
  padding: 5px;
}
#downloads-index-view #search-area #clear-selection-button {
  float: right;
}
#downloads-index-view #search-area .animate svg {
  animation: spin 5s linear 0s infinite;
}
#downloads-index-view #search-area .tag-input-area {
  float: left;
}
#downloads-index-view #search-area .section-select-container {
  float: left;
  width: 60%;
  margin: 0 0 0 15px;
}
#downloads-index-view #functions-row {
  width: 100%;
  height: 30px;
}
#downloads-index-view #functions-row span {
  color: RGB(226, 0, 10);
  margin: 0 0 0 5px;
}
#downloads-index-view #functions-row svg {
  height: 25px;
}
#downloads-index-view #functions-row svg path {
  fill: RGB(226, 0, 10);
}
#downloads-index-view #functions-row #create-download-button {
  float: right;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 5px;
}
#downloads-index-view #functions-row #submit-selection-button {
  cursor: pointer;
  float: right;
  display: flex;
  align-items: center;
  margin: 5px;
}
#downloads-index-view #functions-row #cancel-selection-button {
  cursor: pointer;
  float: right;
  display: flex;
  align-items: center;
  margin: 5px;
}
#downloads-index-view .downloads-table {
  width: 100%;
}
#downloads-index-view .downloads-table-index {
  width: 25px;
}
#downloads-index-view .downloads-table-description {
  width: 450px;
}
#downloads-index-view .downloads-table-type {
  width: 40px;
}
#downloads-index-view .downloads-table-size {
  width: 75px;
}
#downloads-index-view .downloads-table-date {
  width: 90px;
}
#downloads-index-view .downloads-table-counter {
  width: 110px;
}
#downloads-index-view .downloads-table-public {
  width: 100px;
}
#downloads-index-view .downloads-table svg path {
  fill: RGB(226, 0, 10);
}
#downloads-index-view .downloads-table .selection-wrapper {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  align-items: center;
  justify-content: center;
}
#downloads-index-view .downloads-table .selection-wrapper .selection-container {
  width: 20px;
  height: 20px;
  border: thin solid lightgrey;
  display: flex;
  align-items: center;
  justify-content: center;
}
#downloads-index-view .downloads-table .selection-wrapper .selection-container svg {
  width: 15px;
  height: 15px;
}
#downloads-index-view .downloads-table .selection-wrapper .selection-container svg path {
  fill: white;
}
#downloads-index-view .downloads-table .selection-wrapper .active {
  background: green;
}
#downloads-index-view .downloads-table .download-public {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 7px 0 0 0;
}
#downloads-index-view .downloads-table .download-public svg {
  height: 30px;
}
#downloads-index-view .downloads-table .download-public svg path {
  fill: RGB(176, 179, 181);
}

#download-edit-view {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
#download-edit-view #download-file {
  display: flex;
  align-items: center;
  margin: 10px 0 10px 0;
}
#download-edit-view #download-file span {
  color: RGB(226, 0, 10);
  font-size: 14pt;
  font-weight: bold;
  margin: 0 10px 0 0;
}
#download-edit-view #download-file svg {
  cursor: pointer;
  width: 25px;
}
#download-edit-view #download-file svg path {
  fill: RGB(226, 0, 10);
}
#download-edit-view #download-data-container {
  display: flex;
}
#download-edit-view #download-data-container #download-data {
  flex: 3;
  display: flex;
  flex-direction: column;
}
#download-edit-view #download-data-container #download-data .data-row {
  margin: 5px;
  display: flex;
  min-height: 30px;
}
#download-edit-view #download-data-container #download-data .data-row > span {
  flex: 1;
}
#download-edit-view #download-data-container #download-data .data-row input {
  flex: 4;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#download-edit-view #download-data-container #download-data #visibility-row {
  display: flex;
  margin: 5px;
  min-height: 30px;
}
#download-edit-view #download-data-container #download-data #visibility-row > span {
  flex: 1;
}
#download-edit-view #download-data-container #download-data #visibility-row .date-picker {
  margin: 0 0 0 0;
}
#download-edit-view #download-data-container #download-data #visibility-row > div {
  flex: 4;
  display: flex;
}
#download-edit-view #download-data-container #download-data #visibility-row > div > span {
  margin: 0 10px 0 10px;
  font-size: 14pt;
  color: grey;
}
#download-edit-view #download-data-container #download-data #visibility-row > div > div {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
}
#download-edit-view #download-data-container #download-data #access-row, #download-edit-view #download-data-container #download-data #reset-row, #download-edit-view #download-data-container #download-data #counter-row {
  margin: 5px 0;
  display: flex;
  flex: 1;
  align-items: center;
}
#download-edit-view #download-data-container #download-data #access-row > input, #download-edit-view #download-data-container #download-data #reset-row > input, #download-edit-view #download-data-container #download-data #counter-row > input {
  flex: 4;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#download-edit-view #download-data-container #download-data #access-row > #selectors, #download-edit-view #download-data-container #download-data #reset-row > #selectors, #download-edit-view #download-data-container #download-data #counter-row > #selectors {
  flex: 4;
  display: flex;
}
#download-edit-view #download-data-container #download-data #access-row > #selectors > div, #download-edit-view #download-data-container #download-data #reset-row > #selectors > div, #download-edit-view #download-data-container #download-data #counter-row > #selectors > div {
  display: flex;
  margin: 0 20px 0 0;
}
#download-edit-view #download-data-container #download-data #access-row span, #download-edit-view #download-data-container #download-data #reset-row span, #download-edit-view #download-data-container #download-data #counter-row span {
  flex: 1;
}
#download-edit-view #download-data-container #download-data #media-row {
  display: flex;
  flex: 1;
  margin: 5px 0;
}
#download-edit-view #download-data-container #download-data #media-row span {
  flex: 1;
}
#download-edit-view #download-data-container #download-data #media-row select {
  flex: 4;
}
#download-edit-view #download-data-container .checkbox-selector {
  flex: 1;
}
#download-edit-view #download-data-container .checkbox-selector-inactive {
  background: white;
  margin: 0 15px 0 0;
  height: 16px;
  width: 16px;
  padding: 2px;
  border: thin solid grey;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#download-edit-view #download-data-container .checkbox-selector-inactive svg {
  height: 16px;
}
#download-edit-view #download-data-container .checkbox-selector-inactive svg path {
  fill: white;
}
#download-edit-view #download-data-container .checkbox-selector-active {
  background: green;
  margin: 0 15px 0 0;
  height: 16px;
  width: 16px;
  border: thin solid green;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#download-edit-view #download-data-container .checkbox-selector-active svg {
  width: 20px;
}
#download-edit-view #download-data-container .checkbox-selector-active svg path {
  fill: white;
}
#download-edit-view #download-data-container #placeholder {
  flex: 1;
}
#download-edit-view #download-sections {
  display: flex;
}
#download-edit-view #download-sections .column {
  display: flex;
  flex-direction: column;
}
#download-edit-view #download-sections .column p {
  flex: 0.5;
}
#download-edit-view #download-sections .column > div {
  flex: 3;
}
#download-edit-view #download-sections #arrow-column {
  display: flex;
  flex-direction: column;
  margin: 0 5px 0 5px;
}
#download-edit-view #download-sections #arrow-column p {
  flex: 0.5;
}
#download-edit-view #download-sections #arrow-column #arrow-container {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#download-edit-view #download-sections #arrow-column svg {
  cursor: pointer;
  flex: 1;
  width: 25px;
}
#download-edit-view #download-sections #arrow-column svg path {
  fill: RGB(226, 0, 10);
}
#download-edit-view #download-sections p {
  font-weight: bold;
  font-size: 14pt;
}
#download-edit-view #download-sections .section-container {
  border: thin solid grey;
  border-radius: 3px;
  height: 100%;
  min-width: 200px;
  max-height: 400px;
  overflow: auto;
}
#download-edit-view #download-sections .section-container > ul {
  list-style: none;
  padding: 5px;
  margin: 0;
}
#download-edit-view #download-sections .section-container > ul li {
  margin: 5px;
  padding: 5px;
  font-weight: bold;
  border: thin solid transparent;
  border-radius: 3px;
}
#download-edit-view #download-sections .section-container > ul li:hover {
  background: RGB(226, 0, 10);
  color: white;
  cursor: pointer;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
#download-edit-view #download-sections .section-container > ul > ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
}
#download-edit-view #download-sections .section-container > ul > ul li {
  font-weight: normal;
}
#download-edit-view #download-sections .section-container > ul .active {
  background: RGB(226, 0, 10);
  color: white;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
#download-edit-view #button-row {
  display: flex;
  margin: 20px 0 0 0;
}
#download-edit-view #button-row button {
  border: thin solid transparent;
  border-radius: 3px;
  margin: 0 10px 0 0;
  padding: 8px;
}
#download-edit-view #button-row button svg {
  margin: 0 5px 0 0;
}

#sections-index-view #sections-table {
  width: 100%;
}

#sections-edit-view {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#sections-edit-view #section-edit-data {
  flex: 2;
  display: flex;
}
#sections-edit-view #section-edit-data > div {
  flex: 2;
}
#sections-edit-view #section-edit-data #section-name-row {
  display: flex;
  align-items: center;
}
#sections-edit-view #section-edit-data #section-name-row span {
  font-weight: bold;
  flex: 1;
}
#sections-edit-view #section-edit-data #section-name-row > div {
  flex: 2;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#sections-edit-view #section-edit-data #section-name-row > div > div {
  padding: 5px;
}
#sections-edit-view #section-edit-data #section-sub-row {
  display: flex;
  align-items: flex-start;
}
#sections-edit-view #section-edit-data #section-sub-row > span {
  flex: 1;
  font-weight: bold;
  margin: 5px 0 0 0;
}
#sections-edit-view #section-edit-data #section-sub-row > div {
  flex: 2;
}
#sections-edit-view #section-edit-data #section-sub-row #new-section-row {
  display: flex;
  flex: 2;
  margin: 10px 0 0 0;
}
#sections-edit-view #section-edit-data #section-sub-row #new-section-row input {
  border: thin solid lightgrey;
  border-radius: 3px;
}
#sections-edit-view #section-edit-data #section-sub-row #new-section-row button {
  flex: 1;
  border: thin solid transparent;
  border-radius: 3px;
}
#sections-edit-view #section-edit-data #subsection-container {
  border: thin solid lightgrey;
  border-radius: 3px;
  margin: 10px 0 0 0;
  padding: 5px;
  font-size: 13pt;
}
#sections-edit-view #section-edit-data .subsection {
  min-height: 30px;
  display: flex;
  align-items: center;
}
#sections-edit-view #section-edit-data .subsection #input-container {
  flex: 1;
}
#sections-edit-view #section-edit-data .subsection #input-container input {
  border: thin solid lightgrey;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  min-height: 30px;
  font-size: 13pt;
}
#sections-edit-view #section-edit-data .subsection span {
  flex: 1;
}
#sections-edit-view #section-edit-data .subsection #rename {
  display: none;
}
#sections-edit-view #section-edit-data .subsection #delete {
  display: none;
}
#sections-edit-view #section-edit-data .subsection:hover #rename {
  display: block;
}
#sections-edit-view #section-edit-data .subsection:hover #delete {
  display: block;
}
#sections-edit-view #section-edit-data .subsection:hover #section-name {
  color: RGB(226, 0, 10);
  font-weight: bold;
}
#sections-edit-view #section-edit-data .subsection svg {
  width: 25px;
}
#sections-edit-view #section-edit-data .subsection svg path {
  fill: RGB(226, 0, 10);
}
#sections-edit-view #section-edit-data #add-button {
  cursor: pointer;
  margin: 10px 0 0 0;
  padding: 5px;
}
#sections-edit-view #section-edit-data #add-button span {
  color: RGB(226, 0, 10);
}
#sections-edit-view #section-edit-data #add-button svg {
  width: 20px;
  margin: 0 5px 0 0;
}
#sections-edit-view #section-edit-data #add-button svg path {
  fill: RGB(226, 0, 10);
}
#sections-edit-view #section-edit-data #button-row {
  display: flex;
}
#sections-edit-view #section-edit-data #button-row button {
  margin: 10px 5px 0 0;
  border: thin solid transparent;
  border-radius: 3px;
}
#sections-edit-view #section-edit-data #button-row button span {
  color: white;
}
#sections-edit-view #section-edit-data #button-row button svg {
  margin: 0 3px 0 0;
}
#sections-edit-view #section-edit-data #button-row #back-button {
  padding: 5px;
}
#sections-edit-view #section-edit-data #button-row #back-button svg {
  margin: 0 7px 0 0;
}
#sections-edit-view #placeholder {
  flex: 1 !important;
}

#news-center-index-view {
  width: 100%;
  height: 100%;
  padding: 30px;
}
#news-center-index-view #news-counter {
  font-size: 14pt;
  font-weight: bold;
}
#news-center-index-view #news-counter span {
  color: RGB(226, 0, 10);
}
#news-center-index-view #functions-row {
  height: 70px;
}
#news-center-index-view #functions-row #category-filter {
  flex: 1;
  border-radius: 3px;
  margin: 0 0 0 10px;
}
#news-center-index-view #functions-row #category-filter:hover .category-filter-content {
  display: block;
}
#news-center-index-view #functions-row #category-filter #category-filter-wrapper {
  position: relative;
  background: white;
  height: 30px;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#news-center-index-view #functions-row #category-filter #category-filter-wrapper #selected-category-field {
  min-height: 30px;
}
#news-center-index-view #functions-row #category-filter #category-filter-wrapper #selected-category-field > div {
  float: left;
  text-indent: 5px;
  font-weight: bold;
  padding: 5px 0 0 0;
}
#news-center-index-view #functions-row #category-filter #category-filter-wrapper #selected-category-field #dropdown-icon {
  border-left: 2px solid lightgrey;
  border-bottom: 2px solid lightgrey;
  float: right;
  height: 10px;
  width: 10px;
  margin: 5px 10px 5px 0;
  transform: rotate(-45deg);
}
#news-center-index-view #functions-row #category-filter .category-filter-content {
  position: absolute;
  z-index: 1;
  width: 100%;
  border: thin solid lightgrey;
  border-radius: 3px;
  display: none;
}
#news-center-index-view #functions-row #category-filter .category-filter-content-item {
  background: white;
  cursor: pointer;
  padding: 4px;
}
#news-center-index-view #functions-row #category-filter .category-filter-content-item:hover {
  background: lightgrey;
}
#news-center-index-view #functions-row #refresh-button {
  margin: 3px 0 0 10px;
  float: left;
}
#news-center-index-view #functions-row #refresh-button svg {
  width: 25px;
  height: 25px;
}
#news-center-index-view #functions-row #refresh-button svg path {
  fill: RGB(226, 0, 10);
}
#news-center-index-view #functions-row #date-filter {
  display: flex;
  align-items: center;
  margin: 0 3px;
}
#news-center-index-view #functions-row #date-filter i {
  color: RGB(226, 0, 10);
}
#news-center-index-view #functions-row .animate svg {
  animation: spin 5s linear 0s infinite;
}
#news-center-index-view .news-table {
  top: 70px;
  width: 100%;
  margin: 20px 0 0 0;
}
#news-center-index-view .news-table-index {
  width: 50px;
}
#news-center-index-view .news-table-category {
  width: 120px;
}
#news-center-index-view .news-table-created {
  width: 100px;
}
#news-center-index-view .news-table-visibility {
  width: 115px;
}
#news-center-index-view .news-table-counter {
  width: 140px;
}
#news-center-index-view .news-table-counter-entry {
  text-align: center;
}
#news-center-index-view .news-table i {
  color: RGB(226, 0, 10);
}
#news-center-index-view .admin-input {
  border: thin solid lightgrey;
}

#news-edit-view {
  height: 100%;
  width: 100%;
  padding: 30px;
}
#news-edit-view #summary-row {
  display: flex;
}
#news-edit-view #summary-row #summary-section {
  flex: 2;
  background: white;
  padding: 15px;
  box-shadow: 0 0 10px -1px;
  text-align: left;
}
#news-edit-view #summary-row #summary-section #visibility-end-time-selector {
  height: 25px;
  display: flex;
  align-items: center;
  margin: 2px 0 0 0;
}
#news-edit-view #summary-row #summary-section #visibility-end-time-selector > svg {
  height: 15px;
  margin: 1px 0 0 1px;
}
#news-edit-view #summary-row #summary-section #visibility-end-time-selector > svg path {
  fill: white;
}
#news-edit-view #summary-row #summary-section #visibility-end-time-selector #checkbox-active {
  height: 20px;
  width: 20px;
  border: thin solid lightgrey;
  border-radius: 3px;
  background: green;
  cursor: pointer;
}
#news-edit-view #summary-row #summary-section #visibility-end-time-selector #checkbox-inactive {
  height: 20px;
  width: 20px;
  border: thin solid lightgrey;
  border-radius: 3px;
  cursor: pointer;
}
#news-edit-view #summary-row #summary-section #visibility-end-time-selector #visibility-selector-label {
  width: 145px;
}
#news-edit-view #summary-row #summary-section .article-counters > div:first-of-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#news-edit-view #summary-row #category-section {
  flex: 1;
  background: white;
  margin: 0 0 0 20px;
  padding: 15px;
  box-shadow: 0 0 10px -1px;
}
#news-edit-view #media-row {
  display: flex;
}
#news-edit-view #media-row #media-title {
  margin: 10px 0 0 20px;
  padding: 0 5px 5px 5px;
}
#news-edit-view #media-row #media-title span {
  font-weight: bold;
  font-size: 14pt;
  color: RGB(226, 0, 10);
}
#news-edit-view #media-row #media-section {
  flex: 1;
  background: white;
  padding: 5px 0 5px 0;
  box-shadow: 0 0 10px -1px;
  margin: 20px 0 0 0;
}
#news-edit-view #media-row #download-section {
  flex: 1;
  background: white;
  margin: 20px 0 0 20px;
  padding: 5px;
  box-shadow: 0 0 10px -1px;
}
#news-edit-view #media-row #download-section #downloads-title {
  margin: 10px;
  border-bottom: thin solid lightgrey;
  padding: 0 0 15px 0;
}
#news-edit-view #media-row #download-section #downloads-title span {
  font-weight: bold;
  font-size: 14pt;
  color: RGB(226, 0, 10);
}
#news-edit-view #media-row #download-section #downloads-title .add-button {
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  color: RGB(226, 0, 10);
  cursor: pointer;
}
#news-edit-view #media-row #download-section #downloads-title .add-button svg {
  width: 25px;
  margin: 0 5px 0 0;
}
#news-edit-view #media-row #download-section #downloads-title .add-button svg path {
  fill: RGB(226, 0, 10);
}
#news-edit-view #media-row #download-section #downloads-container .download {
  background: RGB(247, 248, 248);
  height: 40px;
  padding: 5px;
  margin: 5px;
  border: thin solid RGB(247, 248, 248);
  border-radius: 3px;
}
#news-edit-view #media-row #download-section #downloads-container .download-filename {
  font-weight: bold;
  float: left;
  margin: 0 0 0 10px;
}
#news-edit-view #media-row #download-section #downloads-container .download-remove {
  float: right;
}
#news-edit-view #media-row #download-section #downloads-container .download-remove svg {
  width: 25px;
}
#news-edit-view #media-row #download-section #downloads-container .download-remove svg path {
  fill: RGB(226, 0, 10);
}
#news-edit-view #media-row #download-section #downloads-container .download > svg {
  width: 20px;
  float: left;
}
#news-edit-view #media-row #download-section #downloads-container .download > svg path {
  fill: RGB(228, 231, 231);
}
#news-edit-view .news-edit-title {
  border-bottom: thin solid lightgrey;
  padding: 0 0 10px 0;
}
#news-edit-view .news-edit-title > span {
  font-weight: bold;
  font-size: 14pt;
  color: RGB(226, 0, 10);
}
#news-edit-view .row {
  margin: 10px 0 10px 0;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#news-edit-view .row-item {
  flex: 3;
  display: flex;
}
#news-edit-view .row-item span {
  text-align: center;
  padding: 5px;
}
#news-edit-view .row > span {
  flex: 1;
}
#news-edit-view .row > input[type=text] {
  flex: 3;
  height: 30px;
  margin: 0 15px 0 15px;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#news-edit-view .row #action-check {
  flex: 3;
  margin: 0 15px 0 15px;
  height: 30px;
}
#news-edit-view .row #action-check > input[type=checkbox] {
  transform: scale(1.5);
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 100%;
  padding: 0;
  margin: 0;
}
#news-edit-view .edit-tab-navigation {
  display: flex;
  justify-content: center;
  margin: 10px 0 0 0;
}
#news-edit-view .edit-tab-navigation #picture-tab-title {
  border-left: thin solid lightgrey;
  border-right: thin solid lightgrey;
  border-top: thin solid lightgrey;
  border-radius: 3px 0 0 0;
}
#news-edit-view .edit-tab-navigation #youtube-tab-title {
  border-top: thin solid lightgrey;
}
#news-edit-view .edit-tab-navigation #gallery-tab-title {
  border-left: thin solid lightgrey;
  border-right: thin solid lightgrey;
  border-top: thin solid lightgrey;
  border-radius: 0 3px 0 0;
}
#news-edit-view .edit-tab-navigation .navigation-border {
  border-bottom: thin solid lightgrey;
  width: 5%;
}
#news-edit-view .edit-tab-navigation-item {
  flex: 1;
  padding: 5px 15px 5px 15px;
  color: RGB(191, 194, 195);
  text-align: center;
  cursor: pointer;
  background: RGB(248, 248, 248);
  border-bottom: thin solid lightgrey;
}
#news-edit-view .edit-tab-navigation .active {
  color: RGB(226, 0, 10);
  font-weight: bold;
  background: white;
  border-bottom: none;
}
#news-edit-view .navigation-container {
  min-height: 140px;
  padding: 10px 10px 10px 20px;
}
#news-edit-view #abstract-row {
  background: white;
  box-shadow: 0 0 10px -1px;
  margin: 20px 0 0 0;
  padding: 15px;
}
#news-edit-view #abstract-row #abstract-editor {
  margin: 15px 0 0 0;
}
#news-edit-view #text-row {
  background: white;
  box-shadow: 0 0 10px -1px;
  margin: 20px 0 0 0;
  padding: 15px;
}
#news-edit-view #text-row #text-editor {
  margin: 15px 0 0 0;
}
#news-edit-view #button-row {
  display: flex;
  margin: 10px 0 0 0;
}
#news-edit-view #button-row button {
  padding: 5px;
  margin: 10px 10px 0 0;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
#news-edit-view .counter-reset-background {
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#news-edit-view .counter-reset-popup {
  z-index: 2;
  background: white;
  width: 350px;
  height: 150px;
  display: flex;
  flex-direction: column;
  padding: 15px;
  border-radius: 8px;
}
#news-edit-view .counter-reset-popup-title {
  font-weight: bold;
  font-size: 13pt;
}
#news-edit-view .counter-reset-popup-check-boxes {
  flex: 1;
  align-items: center;
}
#news-edit-view .counter-reset-popup > div {
  display: flex;
  justify-content: space-between;
}
#news-edit-view .counter-reset-popup > div > button {
  border-radius: 8px;
  height: 30px;
}

#image-center-view {
  height: 100%;
  width: 100%;
  padding: 30px;
}
#image-center-view .image-center-header {
  padding: 5px 0 10px 5px;
  height: 50px;
  margin: 0 0 0 0;
  font-size: 14pt;
  font-weight: bold;
  border-bottom: thin solid lightgrey;
}
#image-center-view .image-center-header span {
  color: RGB(226, 0, 10);
}
#image-center-view .image-center-header .function-icon {
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px;
  cursor: pointer;
}
#image-center-view .image-center-header .function-icon span {
  font-size: medium;
  font-weight: normal;
  color: RGB(226, 0, 10);
  margin: 0 0 0 5px;
}
#image-center-view .image-center-header .function-icon svg {
  width: 25px;
}
#image-center-view .image-center-header .function-icon svg path {
  fill: RGB(226, 0, 10);
}

#gallery-show-view {
  height: 100%;
  width: 100%;
  padding: 30px;
}
#gallery-show-view .gallery-show-header {
  height: 70px;
  margin: 0 5px 0 0;
  padding: 15px 0 0 5px;
  width: 100%;
  font-size: 14pt;
  font-weight: bold;
  border-bottom: thin solid lightgrey;
}
#gallery-show-view .gallery-show-header #back-button {
  float: left;
  margin: 10px 10px 0 0;
}
#gallery-show-view .gallery-show-header #back-button svg {
  fill: lightgrey;
  width: 25px;
}
#gallery-show-view .gallery-show-header #gallery-information {
  display: flex;
  flex-direction: column;
  float: left;
  color: RGB(226, 0, 10);
}
#gallery-show-view .gallery-show-header #gallery-information #gallery-name {
  color: RGB(226, 0, 10);
}
#gallery-show-view .gallery-show-header #gallery-information #gallery-pictures {
  font-size: 11pt;
}
#gallery-show-view .gallery-show-header .functionality {
  float: right;
  display: flex;
  align-items: center;
  margin: 10px 10px 0 0;
  cursor: pointer;
}
#gallery-show-view .gallery-show-header .functionality span {
  color: RGB(226, 0, 10);
  font-weight: normal;
  font-size: 12pt;
  margin: 0 0 0 5px;
}
#gallery-show-view .gallery-show-header .functionality svg {
  width: 25px;
}
#gallery-show-view .gallery-show-header .functionality svg path {
  fill: RGB(226, 0, 10);
}
#gallery-show-view .gallery-show-picture-container {
  margin: 10px 0 0 0;
}

#contact-center-view {
  width: 100%;
  padding: 30px;
}
#contact-center-view #tab-navigation {
  height: 50px;
}
#contact-center-view #tab-navigation-outlet {
  width: 100%;
  background-color: white;
  padding: 15px;
  border-right: thin solid lightgrey;
  border-bottom: thin solid lightgrey;
  border-left: thin solid lightgrey;
  border-radius: 3px;
}

#contact-person-edit-view {
  height: 100%;
  width: 100%;
  padding: 15px;
}
#contact-person-edit-view #input-area {
  display: flex;
  min-height: 300px;
}
#contact-person-edit-view #input-area .contact-information {
  flex: 2;
  display: flex;
  flex-direction: column;
}
#contact-person-edit-view #input-area .contact-information-item {
  flex: 1;
  display: flex;
  margin: 5px 0 5px 0;
}
#contact-person-edit-view #input-area .contact-information-item span {
  flex: 1;
}
#contact-person-edit-view #input-area .contact-information-item input {
  flex: 2;
}
#contact-person-edit-view #input-area .contact-information-title {
  flex: 1;
}
#contact-person-edit-view #input-area .contact-information-name {
  flex: 1;
  margin: 5px 0 5px 0;
  min-height: 20px;
  display: flex;
}
#contact-person-edit-view #input-area .contact-information-name > div {
  flex: 1;
  display: flex;
}
#contact-person-edit-view #input-area .contact-information-name > div > input {
  flex: 1;
  width: 60px;
}
#contact-person-edit-view #input-area .contact-information-name > div > span {
  flex: 1;
}
#contact-person-edit-view #input-area .contact-information-name > span {
  flex: 1;
}
#contact-person-edit-view #input-area .contact-adress {
  flex: 2;
  display: flex;
  flex-direction: column;
  margin: 0 5px 0 20px;
}
#contact-person-edit-view #input-area .contact-adress-item {
  flex: 1;
  display: flex;
  margin: 5px 0 5px 0;
}
#contact-person-edit-view #input-area .contact-adress-item span {
  flex: 1;
}
#contact-person-edit-view #input-area .contact-adress-item input {
  flex: 2;
}
#contact-person-edit-view #input-area .contact-adress-zip {
  flex: 1;
  display: flex;
  margin: 5px 0 5px 0;
}
#contact-person-edit-view #input-area .contact-adress-zip #zip {
  flex: 1;
}
#contact-person-edit-view #input-area .contact-adress-zip #container {
  flex: 2;
  display: flex;
}
#contact-person-edit-view #input-area .contact-adress-zip #container #zip-input {
  flex: 1;
}
#contact-person-edit-view #input-area .contact-adress-zip #container #zip-input input {
  width: 100%;
  height: 100%;
}
#contact-person-edit-view #input-area .contact-adress-zip #container #city-label {
  flex: 1;
  text-align: center;
}
#contact-person-edit-view #input-area .contact-adress-zip #container #city-input {
  flex: 2;
}
#contact-person-edit-view #input-area .contact-adress-zip #container #city-input input {
  width: 100%;
  height: 100%;
}
#contact-person-edit-view #input-area .contact-picture {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 0 0 0 5px;
  border-radius: 3px;
}
#contact-person-edit-view #input-area .contact-picture img {
  max-width: 160px;
}
#contact-person-edit-view #input-area .contact-picture #profile-picture-container {
  background: lightgrey;
  display: flex;
  flex-direction: column;
  max-width: 160px;
  border-left: thin solid lightgrey;
  border-right: thin solid lightgrey;
  border-top: thin solid lightgrey;
  border-radius: 3px;
}
#contact-person-edit-view #input-area .contact-picture #profile-picture-container #profile-picture-placeholder {
  display: flex;
  flex-direction: column;
}
#contact-person-edit-view #input-area .contact-picture #profile-picture-container #profile-picture-placeholder svg path {
  fill: white;
}
#contact-person-edit-view #input-area .contact-picture #profile-picture-functions {
  margin: 10px 0 0 0;
  max-width: 160px;
}
#contact-person-edit-view #input-area .contact-picture #profile-picture-functions svg {
  float: right;
  height: 20px;
  margin: 0 0 0 5px;
  cursor: pointer;
}
#contact-person-edit-view #input-area .contact-picture #profile-picture-functions svg path {
  fill: RGB(226, 0, 10);
}
#contact-person-edit-view #input-area input {
  border: thin solid lightgrey;
  border-radius: 3px;
  min-height: 15px;
}
#contact-person-edit-view #button-row {
  flex: 1;
  display: flex;
  margin: 15px 0 0 0;
}
#contact-person-edit-view #button-row button {
  padding: 5px;
  margin: 0 10px 0 0;
  border: thin solid RGB(226, 0, 10);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#contact-person-edit-view #button-row span {
  color: white;
}

#contact-index-view {
  width: 100%;
  padding: 15px;
}
#contact-index-view #button-row {
  margin: 5px 0 15px 0;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#contact-index-view #button-row #search-field {
  display: flex;
  justify-content: center;
  align-items: center;
}
#contact-index-view #button-row #add-button {
  float: right;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#contact-index-view #button-row #add-button span {
  color: RGB(226, 0, 10);
}
#contact-index-view #button-row #add-button svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#contact-index-view #button-row #add-button svg path {
  fill: RGB(226, 0, 10);
}
#contact-index-view #button-row i {
  margin: 0 3px;
  color: RGB(226, 0, 10);
}
#contact-index-view #refresh-button {
  margin: 3px 0 0 10px;
  float: left;
}
#contact-index-view #refresh-button svg {
  width: 25px;
}
#contact-index-view #refresh-button svg path {
  fill: RGB(226, 0, 10);
}
#contact-index-view .animate svg {
  animation: spin 5s linear 0s infinite;
}
#contact-index-view #contact-persons-table {
  width: 100%;
}

#contact-area-index-view #button-row {
  margin: 5px 0 15px 0;
  height: 30px;
}
#contact-area-index-view #button-row button {
  float: right;
  margin: 5px 0 5px 0;
}
#contact-area-index-view #button-row #search-field {
  float: left;
}
#contact-area-index-view #button-row #add-button {
  float: right;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#contact-area-index-view #button-row #add-button span {
  color: RGB(226, 0, 10);
}
#contact-area-index-view #button-row #add-button svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#contact-area-index-view #button-row #add-button svg path {
  fill: RGB(226, 0, 10);
}
#contact-area-index-view #button-row #refresh-button {
  margin: 3px 0 0 10px;
  float: left;
}
#contact-area-index-view #button-row #refresh-button svg {
  width: 25px;
}
#contact-area-index-view #button-row #refresh-button svg path {
  fill: RGB(226, 0, 10);
}
#contact-area-index-view #button-row .animate svg {
  animation: spin 5s linear 0s infinite;
}
#contact-area-index-view #contact-area-table {
  width: 100%;
}

#contact-area-edit-view {
  padding: 15px;
  display: flex;
}
#contact-area-edit-view form {
  flex: 3;
}
#contact-area-edit-view .placeholder {
  flex: 2;
}
#contact-area-edit-view input {
  border: thin solid lightgrey;
  border-radius: 3px;
}
#contact-area-edit-view #information-area {
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#contact-area-edit-view #information-area > div {
  display: flex;
  margin: 5px 0 5px 0;
  flex: 1;
}
#contact-area-edit-view #information-area > div span {
  flex: 1;
  margin: 5px 0 0 0;
}
#contact-area-edit-view #information-area > div > div {
  flex: 2;
}
#contact-area-edit-view #information-area > div input {
  height: 100%;
  width: 100%;
}
#contact-area-edit-view #reciver-area #add-button {
  flex: 4;
  height: 25px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#contact-area-edit-view #reciver-area #add-row {
  display: flex;
}
#contact-area-edit-view #reciver-area #add-row .placeholder {
  flex: 1;
}
#contact-area-edit-view #reciver-area svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#contact-area-edit-view #reciver-area svg path {
  fill: RGB(226, 0, 10);
}
#contact-area-edit-view #reciver-area .reciver {
  display: flex;
  align-items: center;
  margin: 10px 0 10px 0;
}
#contact-area-edit-view #reciver-area .reciver span {
  flex: 1;
}
#contact-area-edit-view #reciver-area .reciver input {
  flex: 3;
  height: 27px;
}
#contact-area-edit-view #reciver-area .reciver div {
  flex: 1;
}
#contact-area-edit-view #reciver-area .reciver div svg {
  margin: 3px 0 0 10px;
}
#contact-area-edit-view #button-row {
  display: flex;
  margin: 15px 0 0 0;
}
#contact-area-edit-view #button-row button {
  margin: 0 15px 0 0;
  padding: 5px;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
#contact-area-edit-view #button-row button span {
  color: white;
}

#contact-requests-edit-view #function-row {
  margin: 0 0 10px 0;
}
#contact-requests-edit-view #function-row > div {
  width: 10%;
  display: flex;
  cursor: pointer;
}
#contact-requests-edit-view #function-row > div svg {
  height: 20px;
}
#contact-requests-edit-view #function-row > div svg path {
  fill: RGB(226, 0, 10);
}
#contact-requests-edit-view #function-row > div span {
  font-weight: bold;
  margin: 0 0 0 5px;
}
#contact-requests-edit-view #request-information {
  width: 50%;
  display: flex;
  flex-direction: column;
}
#contact-requests-edit-view #request-information > div {
  display: flex;
  justify-content: space-between;
}
#contact-requests-edit-view #request-information > div span {
  flex: 1;
}
#contact-requests-edit-view #request-information > div span:first-child {
  font-weight: bold;
}
#contact-requests-edit-view #request-information > div span:nth-child(2) {
  text-align: left;
}
#contact-requests-edit-view #request-text {
  margin: 20px 0 0 0;
}
#contact-requests-edit-view #request-text > span {
  font-weight: bold;
}
#contact-requests-edit-view #button-row {
  margin: 10px 0 0 0;
}
#contact-requests-edit-view #button-row button {
  border-radius: 3px;
  margin: 0;
  padding: 3px;
}

#homepage-now-index-view {
  padding: 30px;
}
#homepage-now-index-view #homepage-now-header {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: thin solid lightgrey;
}
#homepage-now-index-view #homepage-now-header > div {
  color: RGB(226, 0, 10);
  font-size: 14pt;
  font-weight: bold;
}
#homepage-now-index-view #homepage-now-header > div span {
  color: RGB(226, 0, 10);
  font-weight: bold;
}
#homepage-now-index-view #button-row {
  height: 50px;
  margin: 15px 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: thin solid lightgrey;
}
#homepage-now-index-view #button-row .admin-search {
  float: left;
}
#homepage-now-index-view #button-row #category-selection-container {
  float: left;
  margin: 0 0 0 10px;
  position: relative;
  width: 130px;
}
#homepage-now-index-view #button-row #category-selection-container #selected-category-info {
  background: white;
  border: thin solid grey;
  border-radius: 3px;
  height: 30px;
  padding: 3px 0 0 2px;
}
#homepage-now-index-view #button-row #category-selection-container #selected-category-info #placeholder {
  color: grey;
}
#homepage-now-index-view #button-row #category-selection-container #selected-category-info #dropdown-icon {
  float: right;
  width: 10px;
  height: 10px;
  margin: 3px 5px 0 0;
  border-right: 2px solid lightgrey;
  border-bottom: 2px solid lightgrey;
  transform: rotate(45deg);
}
#homepage-now-index-view #button-row #category-selection-container:hover #category-selection-content {
  display: block;
}
#homepage-now-index-view #button-row #category-selection-container #category-selection-content {
  position: absolute;
  z-index: 1;
  width: 100%;
  border: thin solid lightgrey;
  display: none;
}
#homepage-now-index-view #button-row #category-selection-container #category-selection-content .dropdown-item {
  background: white;
  height: 25px;
  cursor: pointer;
}
#homepage-now-index-view #button-row #category-selection-container #category-selection-content .dropdown-item:hover {
  background: lightgrey;
}
#homepage-now-index-view #button-row #refresh-button {
  margin: 3px 0 0 10px;
  float: left;
}
#homepage-now-index-view #button-row #refresh-button svg {
  width: 25px;
}
#homepage-now-index-view #button-row #refresh-button svg path {
  fill: RGB(226, 0, 10);
}
#homepage-now-index-view #button-row .animate svg {
  animation: spin 5s linear 0s infinite;
}
#homepage-now-index-view #button-row #add-button {
  float: right;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#homepage-now-index-view #button-row #add-button svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#homepage-now-index-view #button-row #add-button svg path {
  fill: RGB(226, 0, 10);
}
#homepage-now-index-view #button-row #add-button span {
  color: RGB(226, 0, 10);
}
#homepage-now-index-view #homepage-now-table {
  width: 100%;
  margin: 30px 0 0 0;
}

#highlights-edit-view {
  padding: 15px;
}
#highlights-edit-view #highlight-edit-form {
  background: white;
  border: thin solid lightgrey;
  border-radius: 3px;
  padding: 15px;
}
#highlights-edit-view #highlight-time-range {
  width: 75%;
  display: flex;
  margin: 5px 0;
  height: 30px;
}
#highlights-edit-view #highlight-time-range > div {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
#highlights-edit-view #highlight-time-range > div > input {
  margin: 0 7px 0 0;
  border: thin solid lightgray;
  border-radius: 3px;
}
#highlights-edit-view #highlight-content-selection {
  width: 75%;
  display: flex;
  height: 30px;
  align-items: center;
}
#highlights-edit-view #highlight-content-selection > span {
  flex: 1;
}
#highlights-edit-view #highlight-content-selection #content-selection-container {
  flex: 3;
  display: flex;
}
#highlights-edit-view #highlight-content-selection #content-selection-container #highlight-category-select {
  flex: 1;
  border: thin solid lightgrey;
  border-radius: 3px;
  position: relative;
  height: 25px;
  margin: 0 5px 0 0;
}
#highlights-edit-view #highlight-content-selection #content-selection-container #highlight-category-select #category-content-container {
  height: 100%;
}
#highlights-edit-view #highlight-content-selection #content-selection-container #highlight-category-select #category-content-container #selected-category-info {
  height: 100%;
}
#highlights-edit-view #highlight-content-selection #content-selection-container #highlight-category-select #category-content-container:hover #category-selection-container {
  display: block;
}
#highlights-edit-view #highlight-content-selection #content-selection-container #highlight-category-select #category-content-container #category-selection-container {
  position: absolute;
  display: none;
  width: 100%;
  z-index: 1;
  background: white;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#highlights-edit-view #highlight-content-selection #content-selection-container .dropdown-icon {
  float: right;
  width: 10px;
  height: 10px;
  margin: 3px 5px 0 0;
  border-bottom: 2px solid lightgrey;
  border-left: 2px solid lightgrey;
  transform: rotate(-45deg);
}
#highlights-edit-view #highlight-content-selection #content-selection-container .dropdown-item {
  height: 25px;
  margin: 0 0 0 2px;
  max-width: 400px;
  padding: 2px 0;
  overflow: hidden;
}
#highlights-edit-view #highlight-content-selection #content-selection-container .dropdown-item:hover {
  background: lightgrey;
  cursor: pointer;
}
#highlights-edit-view #highlight-content-selection #highlight-target-select {
  flex: 3;
  border: thin solid lightgrey;
  border-radius: 3px;
  position: relative;
}
#highlights-edit-view #highlight-content-selection #highlight-target-select > input {
  border: none;
  width: 100%;
}
#highlights-edit-view #highlight-content-selection #highlight-target-select #selected-target-info {
  padding: 0 0 0 2px;
}
#highlights-edit-view #highlight-content-selection #highlight-target-select #selected-target-info input {
  border: none;
  height: 25px;
  width: 95%;
}
#highlights-edit-view #highlight-content-selection #highlight-target-select:hover #target-selection-container {
  display: block;
}
#highlights-edit-view #highlight-content-selection #highlight-target-select #target-selection-container {
  margin: 2px 0 0 0;
  position: absolute;
  z-index: 1;
  display: none;
  min-width: 100%;
  background: white;
  border: thin solid lightgrey;
  border-radius: 3px;
  white-space: nowrap;
}
#highlights-edit-view #clear-button {
  width: 15px;
  margin: 5px 0 0 5px;
}
#highlights-edit-view #clear-button svg path {
  fill: RGB(226, 0, 10);
}
#highlights-edit-view #highlight-title {
  width: 75%;
  height: 30px;
  display: flex;
  margin: 10px 0 10px 0;
}
#highlights-edit-view #highlight-title span {
  flex: 1;
  margin: 3px 0 0 0;
}
#highlights-edit-view #highlight-title > div {
  flex: 3;
}
#highlights-edit-view #highlight-title > div input {
  border: thin solid lightgrey;
  border-radius: 3px;
  width: 100%;
  height: 100%;
}
#highlights-edit-view #button-row {
  display: flex;
  margin: 15px 0 0 0;
}
#highlights-edit-view #button-row button {
  margin: 0 10px 0 0;
  padding: 5px;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
#highlights-edit-view #button-row button span {
  color: white;
}
#highlights-edit-view #button-row button svg {
  height: 20px;
}

.poll-center-index-view {
  width: 100%;
  height: 100%;
  padding: 30px;
}
.poll-center-index-view #poll-title {
  font-size: 14pt;
  font-weight: bold;
  border-bottom: thin solid lightgrey;
  padding: 0 0 15px 0;
}
.poll-center-index-view #poll-title span {
  color: RGB(226, 0, 10);
}
.poll-center-index-view #search-row {
  height: 70px;
  padding-top: 15px;
}
.poll-center-index-view #search-row #search {
  float: left;
}
.poll-center-index-view #search-row #add-button {
  float: right;
  display: flex;
  align-items: center;
  margin: 2px 0 2px 0;
  cursor: pointer;
}
.poll-center-index-view #search-row #add-button svg {
  height: 20px;
  margin: 0 5px 0 0;
}
.poll-center-index-view #search-row #add-button svg path {
  fill: RGB(226, 0, 10);
}
.poll-center-index-view #search-row #add-button span {
  color: RGB(226, 0, 10);
}
.poll-center-index-view #search-row #refresh-button {
  margin: 3px 0 0 10px;
  float: left;
}
.poll-center-index-view #search-row #refresh-button svg {
  width: 25px;
}
.poll-center-index-view #search-row #refresh-button svg path {
  fill: RGB(226, 0, 10);
}
.poll-center-index-view #search-row .animate svg {
  animation: spin 5s linear 0s infinite;
}
.poll-center-index-view #polls-table {
  width: 100%;
}

.poll-center-edit-view {
  width: 100%;
  height: 100%;
  padding: 15px;
}
.poll-center-edit-view #content {
  padding: 30px;
  background-color: white;
  border: thin solid lightgrey;
  border-radius: 3px;
  width: 100%;
}
.poll-center-edit-view #poll-data {
  display: flex;
  flex-direction: column;
}
.poll-center-edit-view #poll-data > div {
  flex: 1;
  display: flex;
  margin: 10px 0 10px 0;
}
.poll-center-edit-view #poll-data > div span {
  font-weight: bold;
  margin: 0 10px 0 0;
  flex: 0.5;
}
.poll-center-edit-view #poll-data > div .poll-date-selection {
  flex: 3;
}
.poll-center-edit-view #poll-data > div > input {
  flex: 2;
  border: thin solid lightgrey;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-height: 30px;
}
.poll-center-edit-view #poll-data > div #placeholder {
  flex: 1;
}
.poll-center-edit-view #poll-data > div .date-picker {
  margin: 0;
}
.poll-center-edit-view #poll-options #add-button {
  display: flex;
  margin: 10px 0 10px 25px;
  cursor: pointer;
}
.poll-center-edit-view #poll-options #add-button svg {
  height: 20px;
  margin: 0 5px 0 0;
}
.poll-center-edit-view #poll-options #add-button svg path {
  fill: RGB(226, 0, 10);
}
.poll-center-edit-view #poll-options #add-button span {
  color: RGB(226, 0, 10);
}
.poll-center-edit-view #poll-options .poll-option {
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
}
.poll-center-edit-view #poll-options .poll-option-index {
  height: 100%;
  font-size: 18pt;
  font-weight: bold;
  padding: 5px 0 0 0;
  margin: 0 5px 0 0;
}
.poll-center-edit-view #poll-options .poll-option-index span {
  color: grey;
}
.poll-center-edit-view #poll-options .poll-option-text {
  flex: 2;
  margin: 0 10px 0 10px;
  display: flex;
  padding: 0 15px 0 0;
}
.poll-center-edit-view #poll-options .poll-option-text input {
  border: thin solid lightgrey;
  border-radius: 3px;
  width: 100%;
  height: 25px;
}
.poll-center-edit-view #poll-options .poll-option-counter {
  flex: 1;
}
.poll-center-edit-view #poll-options .poll-option-counter span {
  float: left;
  width: 15%;
  margin: 2px;
  font-weight: bold;
}
.poll-center-edit-view #poll-options .poll-option-counter input {
  float: right;
  width: 50%;
  height: 25px;
  border: thin solid lightgrey;
  border-radius: 3px;
  padding: 2px;
}
.poll-center-edit-view #poll-options .poll-option-delete {
  flex: 1;
  margin: 0 0 0 10px;
}
.poll-center-edit-view #poll-options .poll-option-delete svg {
  height: 25px;
}
.poll-center-edit-view #poll-options .poll-option-delete svg path {
  fill: RGB(226, 0, 10);
}
.poll-center-edit-view #poll-options .poll-option-placeholder {
  flex: 1;
}
.poll-center-edit-view #button-row {
  display: flex;
}
.poll-center-edit-view #button-row button {
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
  padding: 8px;
  margin: 0 10px 0 0;
}
.poll-center-edit-view #button-row button span {
  color: white;
}

#seminar-center-index-view {
  width: 100%;
  padding: 30px;
}
#seminar-center-index-view #seminar-table .public-registration-cell svg {
  height: 20px;
  margin: 0 0 0 15px;
}
#seminar-center-index-view #seminar-table .public-registration-cell svg path {
  fill: lightgrey;
}
#seminar-center-index-view #button-row {
  margin: 10px 0 10px 0;
  min-height: 50px;
  border-bottom: thin solid lightgrey;
  padding: 5px 0 10px 0;
}
#seminar-center-index-view #button-row #search-field {
  float: left;
  display: flex;
}
#seminar-center-index-view #button-row #search-field select {
  margin: 0 10px;
}
#seminar-center-index-view #button-row #add-button {
  float: right;
  display: flex;
  cursor: pointer;
}
#seminar-center-index-view #button-row #add-button span {
  color: RGB(226, 0, 10);
}
#seminar-center-index-view #button-row #add-button svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#seminar-center-index-view #button-row #add-button svg path {
  fill: RGB(226, 0, 10);
}

#seminar-edit-view {
  background: white;
  margin: 10px;
  border: thin solid lightgrey;
}
#seminar-edit-view #seminar-data {
  display: flex;
  min-height: 300px;
  margin: 5px 0 0 0;
}
#seminar-edit-view #seminar-data .column {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 20px 0 20px;
}
#seminar-edit-view #seminar-data .column-item {
  flex: 1;
  display: flex;
  align-items: center;
  margin: 5px 0;
}
#seminar-edit-view #seminar-data .column-item span {
  flex: 1;
}
#seminar-edit-view #seminar-data .column-item input {
  flex: 2;
  border: thin solid lightgrey;
  border-radius: 3px;
  width: 100%;
  height: 100%;
}
#seminar-edit-view #seminar-data .column-item div {
  flex: 2;
}
#seminar-edit-view #seminar-data .column-item #file-selector-container {
  height: 100%;
}
#seminar-edit-view #seminar-data .column-item #file-selector-container input {
  min-height: 25px;
}
#seminar-edit-view #seminar-data .column-item #file-selector-container #filename-container {
  display: flex;
  height: 100%;
}
#seminar-edit-view #seminar-data .column-item #file-selector-container #filename-container #filename-container-name {
  flex: 4;
  border: thin solid lightgrey;
  border-radius: 3px;
  overflow: hidden;
  white-space: nowrap;
}
#seminar-edit-view #seminar-data .column-item #file-selector-container #filename-container > div {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
}
#seminar-edit-view #seminar-data .column-item #file-selector-container #filename-container svg {
  height: 20px;
}
#seminar-edit-view #seminar-data .column-item #file-selector-container #filename-container svg path {
  fill: RGB(226, 0, 10);
}
#seminar-edit-view #seminar-data .column-hours {
  display: flex;
  margin: 0 0 3px 0;
}
#seminar-edit-view #seminar-data .column-hours > span {
  flex: 1;
}
#seminar-edit-view #seminar-data .column-hours > div {
  flex: 2;
  display: flex;
}
#seminar-edit-view #seminar-data .column-hours > div > div {
  flex: 2;
}
#seminar-edit-view #seminar-data .column-hours > div input {
  border: thin solid lightgrey;
  border-radius: 3px;
  width: 100%;
  height: 100%;
}
#seminar-edit-view #seminar-data .column-hours > div > span {
  flex: 1;
  text-align: center;
}
#seminar-edit-view #seminar-data .column-date {
  flex: 1;
  display: flex;
  margin: 5px 0 5px 0;
}
#seminar-edit-view #seminar-data .column-date span {
  flex: 1;
}
#seminar-edit-view #seminar-data .column-date > div {
  flex: 2;
}
#seminar-edit-view #seminar-data .column-date > div .date-picker {
  margin: 0;
  max-width: 127px;
}
#seminar-edit-view #seminar-data .column-timespan {
  flex: 1;
  display: flex;
  margin: 5px 0 10px 0;
}
#seminar-edit-view #seminar-data .column-timespan > span {
  flex: 1;
}
#seminar-edit-view #seminar-data .column-timespan > div {
  flex: 2;
  display: flex;
}
#seminar-edit-view #seminar-data .column-timespan > div span {
  margin: 0 15px 0 15px;
}
#seminar-edit-view #seminar-data .column-timespan > div .date-picker {
  margin: 0;
}
#seminar-edit-view #seminar-data .column #district-selection {
  flex: 2;
  display: flex;
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 100%;
}
#seminar-edit-view #seminar-data .column #district-selection #district-selection-container {
  position: relative;
  width: 100%;
}
#seminar-edit-view #seminar-data .column #district-selection #district-selection-container:hover #district-selection-content {
  display: block;
}
#seminar-edit-view #seminar-data .column #district-selection #district-selection-container #selected-district-label {
  padding: 3px;
  height: 100%;
}
#seminar-edit-view #seminar-data .column #district-selection #district-selection-container #selected-district-label #dropdown-icon {
  border-bottom: 2px solid lightgrey;
  border-left: 2px solid lightgrey;
  width: 10px;
  height: 10px;
  float: right;
  transform: rotate(-45deg);
  margin: 3px 5px 0 0;
}
#seminar-edit-view #seminar-data .column #district-selection #district-selection-container #district-selection-content {
  position: absolute;
  z-index: 1;
  background: white;
  width: 100%;
  border: thin solid lightgrey;
  border-radius: 3px;
  margin: 3px 0 0 0;
  display: none;
}
#seminar-edit-view #seminar-data .column #district-selection #district-selection-container #district-selection-content div {
  margin: 2px 0 2px 0;
}
#seminar-edit-view #seminar-data .column #district-selection #district-selection-container #district-selection-content div:hover {
  background-color: lightgrey;
  cursor: pointer;
}
#seminar-edit-view #seminar-data #online-registration-flag {
  flex: 1;
  display: flex;
  align-items: center;
}
#seminar-edit-view #seminar-data #online-registration-flag #registration-placeholder {
  flex: 1;
}
#seminar-edit-view #seminar-data #online-registration-flag #registration-container {
  flex: 2;
  display: flex;
}
#seminar-edit-view #seminar-data #online-registration-flag #registration-container #checkbox {
  margin: 0 15px 0 0;
  height: 20px;
  width: 20px;
  border-radius: 3px;
  border: thin solid transparent;
}
#seminar-edit-view #seminar-data #online-registration-flag #registration-container #checkbox .public-selector-inactive {
  background: white;
  border-radius: 3px;
  padding: 1px;
  display: flex;
  border: thin solid lightgrey;
  align-items: center;
  justify-content: center;
}
#seminar-edit-view #seminar-data #online-registration-flag #registration-container #checkbox .public-selector-inactive svg {
  height: 16px;
}
#seminar-edit-view #seminar-data #online-registration-flag #registration-container #checkbox .public-selector-inactive svg path {
  fill: white;
}
#seminar-edit-view #seminar-data #online-registration-flag #registration-container #checkbox .public-selector-active {
  background: green;
  border-color: green;
  display: flex;
  padding: 1px;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}
#seminar-edit-view #seminar-data #online-registration-flag #registration-container #checkbox .public-selector-active svg {
  height: 16px;
}
#seminar-edit-view #seminar-data #online-registration-flag #registration-container #checkbox .public-selector-active svg path {
  fill: white;
}
#seminar-edit-view #seminar-data #type-select {
  flex: 1;
  display: flex;
}
#seminar-edit-view #seminar-data #type-select > span {
  flex: 1;
}
#seminar-edit-view #seminar-data #type-select > div {
  flex: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
#seminar-edit-view #seminar-text > h3 {
  margin: 10px 0 10px 10px;
}
#seminar-edit-view #seminar-text #seminar-text-editor {
  padding: 10px;
  min-height: 400px;
}
#seminar-edit-view #button-row {
  display: flex;
}
#seminar-edit-view #button-row button {
  margin: 10px;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
  padding: 5px;
}
#seminar-edit-view #button-row button svg {
  width: 20px;
}
#seminar-edit-view #button-row button span {
  color: white;
}

#seminar-participants-show-view {
  width: 100%;
  padding: 15px;
  max-width: 1010px;
}
#seminar-participants-show-view #header {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 5px 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: thin solid lightgrey;
}
#seminar-participants-show-view #header svg {
  height: 18px;
  margin: 0 10px 0 0;
}
#seminar-participants-show-view #header svg path {
  fill: RGB(175, 178, 179);
}
#seminar-participants-show-view #header #seminar-name {
  font-size: 14pt;
  font-weight: bold;
  margin: 0 0 5px 0;
  color: RGB(226, 0, 10);
}
#seminar-participants-show-view #information-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 10px 0 15px 0;
  border-bottom: thin solid lightgrey;
  padding: 10px 0 20px 0;
}
#seminar-participants-show-view #information-row svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#seminar-participants-show-view #information-row svg path {
  fill: RGB(175, 178, 179);
}
#seminar-participants-show-view #information-row svg circle {
  fill: RGB(175, 178, 179);
}
#seminar-participants-show-view #information-row div {
  display: flex;
  align-items: center;
  margin: 0 10px 0 0;
}
#seminar-participants-show-view #information-row #participants {
  border-right: thin solid lightgrey;
  padding: 0 15px 0 0;
}
#seminar-participants-show-view #information-row #timespan {
  border-right: thin solid lightgrey;
  padding: 0 15px 0 0;
}
#seminar-participants-show-view #information-row #clearParticipants {
  margin: 0;
  color: RGB(226, 0, 10);
  cursor: pointer;
}
#seminar-participants-show-view #information-row #clearParticipants svg {
  margin: 0 5px 0 0;
}
#seminar-participants-show-view #information-row #clearParticipants svg path {
  fill: RGB(226, 0, 10);
}
#seminar-participants-show-view #participants-table .participant-comment {
  position: relative;
  overflow: visible;
}
#seminar-participants-show-view #participants-table .participant-comment svg {
  width: 20px;
}
#seminar-participants-show-view #participants-table .participant-comment svg path {
  fill: RGB(175, 178, 179);
}
#seminar-participants-show-view #participants-table .participant-comment:hover .participant-comment-content {
  display: block;
}
#seminar-participants-show-view #participants-table .participant-comment-content {
  position: absolute;
  display: none;
  z-index: 6;
  background: white;
  border: thin solid transparent;
  border-radius: 3px;
  right: 0;
}
#seminar-participants-show-view #participants-table .participant-comment-content textarea {
  border: thin solid lightgrey;
  border-radius: 3px;
  font-style: italic;
}

#handbook-center-index-view {
  padding: 30px;
}
#handbook-center-index-view #button-row {
  height: 40px;
  margin: 10px 0 15px 0;
  border-bottom: thin solid lightgrey;
}
#handbook-center-index-view #button-row > span {
  font-size: 14pt;
  font-weight: bold;
  color: RGB(226, 0, 10);
}
#handbook-center-index-view #button-row #add-button {
  display: flex;
  align-items: center;
  float: right;
}
#handbook-center-index-view #button-row #add-button svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#handbook-center-index-view #button-row #add-button svg path {
  fill: RGB(226, 0, 10);
}
#handbook-center-index-view #button-row #add-button span {
  color: RGB(226, 0, 10);
}
#handbook-center-index-view #handbook-table {
  width: 100%;
  margin: 25px 0 0 0;
}
#handbook-center-index-view #handbook-table button {
  border: thin solid transparent;
  border-radius: 3px;
}

#handbook-center-edit-view {
  height: 100%;
  padding: 15px;
}
#handbook-center-edit-view #handbook-edit-content {
  display: flex;
  flex-direction: column;
  background: white;
  padding: 15px;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#handbook-center-edit-view #handbook-title-data {
  display: flex;
  flex-direction: column;
}
#handbook-center-edit-view #handbook-title-data .handbook-title-data-row {
  display: flex;
  margin: 5px 0 5px 0;
}
#handbook-center-edit-view #handbook-title-data .handbook-title-data-row > span {
  flex: 1;
  margin: 5px 0 0 0;
}
#handbook-center-edit-view #handbook-title-data .handbook-title-data-row > input {
  flex: 3;
  height: 30px;
  border: thin solid lightgrey;
}
#handbook-center-edit-view #handbook-title-data .handbook-title-data-row > div {
  flex: 3;
}
#handbook-center-edit-view #handbook-title-data .handbook-title-data-row > div .file-selector {
  max-height: 30px;
}
#handbook-center-edit-view #handbook-title-data #sections {
  flex: 1;
  display: flex;
  margin: 5px 0 5px 0;
}
#handbook-center-edit-view #handbook-title-data #sections .column {
  display: flex;
  flex-direction: column;
}
#handbook-center-edit-view #handbook-title-data #sections .column p {
  flex: 0.5;
}
#handbook-center-edit-view #handbook-title-data #sections .column > div {
  flex: 3;
}
#handbook-center-edit-view #handbook-title-data #sections #arrow-column {
  display: flex;
  flex-direction: column;
  margin: 0 5px 0 5px;
}
#handbook-center-edit-view #handbook-title-data #sections #arrow-column p {
  flex: 0.5;
}
#handbook-center-edit-view #handbook-title-data #sections #arrow-column #arrow-container {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#handbook-center-edit-view #handbook-title-data #sections #arrow-column svg {
  cursor: pointer;
  flex: 1;
  width: 25px;
}
#handbook-center-edit-view #handbook-title-data #sections #arrow-column svg path {
  fill: RGB(226, 0, 10);
}
#handbook-center-edit-view #handbook-title-data #sections p {
  font-weight: bold;
  font-size: 14pt;
}
#handbook-center-edit-view #handbook-title-data #sections .section-container {
  border: thin solid grey;
  border-radius: 3px;
  height: 100%;
  min-width: 200px;
  max-height: 400px;
  overflow: auto;
  background: white;
}
#handbook-center-edit-view #handbook-title-data #sections .section-container > ul {
  list-style: none;
  padding: 5px;
  margin: 0;
}
#handbook-center-edit-view #handbook-title-data #sections .section-container > ul li {
  margin: 5px;
  padding: 5px;
  font-weight: bold;
  border: thin solid transparent;
  border-radius: 3px;
}
#handbook-center-edit-view #handbook-title-data #sections .section-container > ul li:hover {
  background: RGB(226, 0, 10);
  color: white;
  cursor: pointer;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
#handbook-center-edit-view #handbook-title-data #sections .section-container > ul > ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
}
#handbook-center-edit-view #handbook-title-data #sections .section-container > ul > ul li {
  font-weight: normal;
}
#handbook-center-edit-view #handbook-title-data #sections .section-container > ul .active {
  background: RGB(226, 0, 10);
  color: white;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
#handbook-center-edit-view #handbook-data-display {
  max-width: 75%;
  margin: 10px 0 0 0;
}
#handbook-center-edit-view #handbook-data-display #handbook-content-header {
  margin: 10px 0 10px 0;
}
#handbook-center-edit-view #handbook-data-display #handbook-content-header > span {
  font-size: 14pt;
  font-weight: bold;
}
#handbook-center-edit-view #handbook-data-display #handbook-content-header #add-main-button {
  display: flex;
  align-items: center;
  float: right;
  cursor: pointer;
}
#handbook-center-edit-view #handbook-data-display #handbook-content-header #add-main-button svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#handbook-center-edit-view #handbook-data-display #handbook-content-header #add-main-button svg path {
  fill: RGB(226, 0, 10);
}
#handbook-center-edit-view #handbook-data-display #handbook-content-header #add-main-button span {
  color: RGB(226, 0, 10);
}
#handbook-center-edit-view #handbook-data-display #handbook-chapters ul {
  list-style: none;
}
#handbook-center-edit-view #handbook-data-display #handbook-chapters > ul {
  list-style: none;
  padding: 0;
}
#handbook-center-edit-view #handbook-data-display #handbook-chapters .handbook-index {
  width: 40px;
  font-size: 14pt;
  font-weight: bold;
  color: grey;
  float: left;
  margin: 15px 0 0 0;
}
#handbook-center-edit-view #button-row {
  display: flex;
  margin: 10px 0 10px 0;
}
#handbook-center-edit-view #button-row button {
  padding: 5px;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
#handbook-center-edit-view #button-row button svg {
  margin: 0 5px 0 0;
}
#handbook-center-edit-view #button-row button span {
  color: white;
}

#knowledgebase-area-show-view {
  padding: 30px;
}
#knowledgebase-area-show-view #knowledgebase-header {
  width: 100%;
  height: 40px;
  border-bottom: thin solid lightgrey;
  padding: 0 0 15px 0;
}
#knowledgebase-area-show-view #knowledgebase-header #title {
  float: left;
}
#knowledgebase-area-show-view #knowledgebase-header #title span {
  color: RGB(226, 0, 10);
  font-size: 13pt;
  font-weight: bold;
}
#knowledgebase-area-show-view #knowledgebase-header #add-button {
  float: right;
  display: flex;
  align-items: center;
  margin: 0 5px 0 0;
  cursor: pointer;
}
#knowledgebase-area-show-view #knowledgebase-header #add-button span {
  color: RGB(226, 0, 10);
}
#knowledgebase-area-show-view #knowledgebase-header #add-button svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#knowledgebase-area-show-view #knowledgebase-header #add-button svg path {
  fill: RGB(226, 0, 10);
}
#knowledgebase-area-show-view #edit-row {
  margin: 10px 0 15px 0;
  border-bottom: thin solid lightgrey;
  display: flex;
  flex-direction: column;
  padding: 0 0 10px 0;
}
#knowledgebase-area-show-view #edit-row button {
  float: left;
  margin: 0 5px 0 5px;
  padding: 3px;
  border: thin solid transparent;
  border-radius: 3px;
}
#knowledgebase-area-show-view #edit-row button span {
  color: white;
}
#knowledgebase-area-show-view #knowledgebase-area-table {
  width: 100%;
  margin: 10px 0 0 0;
}

#knowledgebase-category-show-view {
  padding: 30px;
}
#knowledgebase-category-show-view #button-row {
  margin: 10px 0 15px 0;
  height: 40px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: thin solid lightgrey;
}
#knowledgebase-category-show-view #button-row .button {
  display: flex;
  align-items: center;
  cursor: pointer;
}
#knowledgebase-category-show-view #button-row .button svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#knowledgebase-category-show-view #button-row .button svg path {
  fill: RGB(226, 0, 10);
}
#knowledgebase-category-show-view #button-row .button span {
  color: RGB(226, 0, 10);
  font-size: 13pt;
  font-weight: bold;
}
#knowledgebase-category-show-view #button-row #add-button span {
  font-size: 12pt;
  font-weight: normal;
}
#knowledgebase-category-show-view #button-row #back-button svg path {
  fill: grey;
}
#knowledgebase-category-show-view #input-row {
  margin: 10px 0 10px 0;
  padding: 5px 0 15px 0;
  border-bottom: thin solid lightgrey;
  height: 40px;
}
#knowledgebase-category-show-view #input-row > span {
  float: left;
  margin: 0 5px 0 0;
  font-weight: bold;
}
#knowledgebase-category-show-view #input-row input {
  float: left;
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 25px;
}
#knowledgebase-category-show-view #input-row button {
  float: left;
  border: thin solid transparent;
  border-radius: 3px;
  margin: 0 5px 0 5px;
}
#knowledgebase-category-show-view #input-row button svg {
  width: 20px;
}
#knowledgebase-category-show-view #input-row button span {
  color: white;
}
#knowledgebase-category-show-view #category-show-table {
  margin: 10px 0 0 0;
  width: 100%;
}

#knowledgebase-entry-edit-view {
  width: 100%;
  height: 100%;
  padding: 15px;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form {
  padding: 15px;
  background: white;
  display: flex;
  flex-direction: column;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-data-row {
  display: flex;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-data-row .data-column {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-data-row .data-column .data-row {
  display: flex;
  align-items: center;
  margin: 10px 10px 10px 0;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-data-row .data-column .data-row span {
  flex: 1;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-data-row .data-column .data-row input {
  flex: 2;
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 30px;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-data-row .data-column #date-row {
  display: flex;
  align-items: center;
  margin: 10px 0 10px 10px;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-data-row .data-column #date-row span {
  flex: 1;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-data-row .data-column #date-row #date-picker {
  flex: 3;
  display: flex;
  justify-content: flex-start;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row {
  display: flex;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-attachment-column {
  flex: 1;
  display: flex;
  max-height: 30px;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-attachment-column > div {
  flex: 1;
  display: flex;
  align-items: center;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-attachment-column #file-selection {
  flex: 2;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-attachment-column #file-selection #entry-attachment-information {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 10px 0 0;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-attachment-column #file-selection #entry-attachment-information svg {
  height: 20px;
  margin: 0 5px 0 0;
  float: left;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-attachment-column #file-selection #entry-attachment-information svg path {
  fill: RGB(193, 196, 197);
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-attachment-column #file-selection #entry-attachment-information #entry-attachment-functions {
  display: flex;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-attachment-column #file-selection #entry-attachment-information #entry-attachment-functions svg path {
  fill: RGB(226, 0, 10);
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-picture-column {
  flex: 1;
  display: flex;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-picture-column #entry-title-image {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-picture-column #entry-title-image #entry-title-picture {
  max-width: 150px;
  max-height: 150px;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-picture-column #entry-title-image #image-placeholder {
  background: RGB(239, 239, 239);
  border: thin solid transparent;
  border-radius: 3px;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-picture-column #entry-title-image #image-placeholder svg {
  height: 30px;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-picture-column #entry-title-image #image-placeholder svg path {
  fill: white;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-picture-column #entry-image-selection {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0 10px;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-picture-column #entry-image-selection p {
  margin: 0 0 10px 10px;
  font-weight: bold;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-picture-column #entry-image-selection #titlePicture-functions-row {
  display: flex;
  align-items: center;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-picture-column #entry-image-selection #titlePicture-functions-row #remove-button {
  display: flex;
  align-items: center;
  cursor: pointer;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-picture-column #entry-image-selection #titlePicture-functions-row #upload-picture-button {
  display: flex;
  align-items: center;
  margin: 0 10px 0 0;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-picture-column #entry-image-selection #titlePicture-functions-row span {
  color: RGB(226, 0, 10);
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-picture-column #entry-image-selection #titlePicture-functions-row svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #entry-media-row #entry-picture-column #entry-image-selection #titlePicture-functions-row svg path {
  fill: RGB(226, 0, 10);
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #button-row {
  flex: 1;
  display: flex;
  margin: 10px 0 0 0;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #button-row button {
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
  padding: 5px;
  margin: 0 10px 0 0;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #button-row button span {
  color: white;
}
#knowledgebase-entry-edit-view #knowledgebase-entry-edit-form #button-row button svg {
  height: 20px;
}

#knowledgebase-entry-show-view {
  padding: 30px;
}
#knowledgebase-entry-show-view .button-row {
  display: flex;
  justify-content: space-between;
  border-bottom: thin solid lightgrey;
  margin: 10px 0 10px 0;
  padding: 0 0 15px 0;
}
#knowledgebase-entry-show-view .button-row .button {
  display: flex;
  align-items: center;
  cursor: pointer;
}
#knowledgebase-entry-show-view .button-row .button span {
  color: RGB(226, 0, 10);
}
#knowledgebase-entry-show-view .button-row .button svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#knowledgebase-entry-show-view .button-row .button svg path {
  fill: RGB(226, 0, 10);
}
#knowledgebase-entry-show-view .button-row #back-button span {
  font-size: 14pt;
  font-weight: bold;
}
#knowledgebase-entry-show-view .button-row #back-button svg path {
  fill: grey;
}
#knowledgebase-entry-show-view .button-row #add-button span {
  font-size: 12pt;
}
#knowledgebase-entry-show-view #entry-show-table {
  width: 100%;
}
#knowledgebase-entry-show-view #entry-show-table i {
  color: RGB(226, 0, 10);
}

#knowledgebase-area-edit-view {
  padding: 15px;
  margin: 15px;
  background: white;
  border-radius: 3px;
}
#knowledgebase-area-edit-view .edit-row .row {
  width: 45%;
  display: flex;
  justify-content: space-between;
}
#knowledgebase-area-edit-view .edit-row .row > span {
  margin: 5px 5px 0 0;
  font-weight: bold;
  flex: 1;
}
#knowledgebase-area-edit-view .edit-row .row input {
  flex: 2;
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 30px;
}
#knowledgebase-area-edit-view #pinned-entry {
  display: flex;
  margin: 5px 0 5px 0;
}
#knowledgebase-area-edit-view #pinned-entry #entry-selection {
  position: relative;
  flex: 2;
}
#knowledgebase-area-edit-view #pinned-entry #entry-selection:hover #entry-selection-content {
  display: flex;
}
#knowledgebase-area-edit-view #pinned-entry #entry-selection-search {
  border: thin solid lightgrey;
  border-radius: 3px;
  display: flex;
  height: 30px;
  align-items: center;
}
#knowledgebase-area-edit-view #pinned-entry #entry-selection-search input {
  border: none;
  height: 28px;
}
#knowledgebase-area-edit-view #pinned-entry #entry-selection-selected #selected-entry-name {
  border: thin solid lightgrey;
  border-radius: 3px;
  flex: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  padding: 2px;
}
#knowledgebase-area-edit-view #pinned-entry #entry-selection-selected #selected-entry-name > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 35px;
  margin: 0 3px 0 0;
}
#knowledgebase-area-edit-view #pinned-entry #entry-selection-selected .dropdown-icon {
  width: 10px;
  height: 10px;
  margin: 0 5px 0 0;
  border-bottom: 2px solid lightgrey;
  border-left: 2px solid lightgrey;
  transform: rotate(-45deg);
}
#knowledgebase-area-edit-view #pinned-entry #entry-selection-selected svg {
  margin: 7px 3px 0 0;
  height: 15px;
}
#knowledgebase-area-edit-view #pinned-entry #entry-selection-content {
  position: absolute;
  display: none;
  flex-direction: column;
  background: white;
  border: thin solid lightgrey;
  border-radius: 3px;
  max-height: 600px;
  overflow: auto;
  width: 400px;
}
#knowledgebase-area-edit-view #pinned-entry #entry-selection-content span {
  padding: 0 5px 0 5px;
  cursor: pointer;
  border-bottom: thin solid grey;
  margin: 2px 0 2px 0;
}
#knowledgebase-area-edit-view #pinned-entry #entry-selection-content span:hover {
  background: lightgrey;
}
#knowledgebase-area-edit-view #sections {
  display: flex;
  margin: 5px 0 5px 0;
}
#knowledgebase-area-edit-view #sections .column {
  display: flex;
  flex-direction: column;
}
#knowledgebase-area-edit-view #sections .column p {
  flex: 0.5;
}
#knowledgebase-area-edit-view #sections .column > div {
  flex: 3;
}
#knowledgebase-area-edit-view #sections #arrow-column {
  display: flex;
  flex-direction: column;
  margin: 0 5px 0 5px;
}
#knowledgebase-area-edit-view #sections #arrow-column p {
  flex: 0.5;
}
#knowledgebase-area-edit-view #sections #arrow-column #arrow-container {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#knowledgebase-area-edit-view #sections #arrow-column svg {
  cursor: pointer;
  flex: 1;
  width: 25px;
}
#knowledgebase-area-edit-view #sections #arrow-column svg path {
  fill: RGB(226, 0, 10);
}
#knowledgebase-area-edit-view #sections p {
  font-weight: bold;
  font-size: 14pt;
}
#knowledgebase-area-edit-view #sections .section-container {
  border: thin solid grey;
  border-radius: 3px;
  height: 100%;
  width: 400px;
  max-height: 400px;
  overflow: auto;
  background: white;
}
#knowledgebase-area-edit-view #sections .section-container > ul {
  list-style: none;
  padding: 5px;
  margin: 0;
}
#knowledgebase-area-edit-view #sections .section-container > ul li {
  margin: 5px;
  padding: 5px;
  font-weight: bold;
  border: thin solid transparent;
  border-radius: 3px;
}
#knowledgebase-area-edit-view #sections .section-container > ul li:hover {
  background: RGB(226, 0, 10);
  color: white;
  cursor: pointer;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
#knowledgebase-area-edit-view #sections .section-container > ul > ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
}
#knowledgebase-area-edit-view #sections .section-container > ul > ul li {
  font-weight: normal;
}
#knowledgebase-area-edit-view #sections .section-container > ul .active {
  background: RGB(226, 0, 10);
  color: white;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
#knowledgebase-area-edit-view #button-row {
  flex: 1;
  display: flex;
  margin: 15px 0 0 0;
}
#knowledgebase-area-edit-view #button-row button {
  margin: 0 10px 0 0;
  padding: 5px;
  border: thin solid transparent;
  border-radius: 3px;
}
#knowledgebase-area-edit-view #button-row button svg {
  margin: 0 5px 0 0;
}

#bav-now-center-index-view {
  padding: 15px;
}
#bav-now-center-index-view .mail-progress {
  display: flex;
  align-items: center;
  height: 60px;
}
#bav-now-center-index-view .bav-now-mail-refresh {
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-left: 20px;
}
#bav-now-center-index-view .bav-now-mail-refresh > svg > path {
  fill: RGB(226, 0, 10);
}
#bav-now-center-index-view .bav-now-loading {
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#bav-now-center-index-view > .mail-status-info {
  margin: 8px 0;
}
#bav-now-center-index-view #functions-row {
  display: flex;
  margin: 10px 0 15px 0;
  justify-content: space-between;
  border-bottom: thin solid lightgrey;
  padding: 0 0 10px 0;
}
#bav-now-center-index-view #functions-row > span {
  font-size: 14pt;
  color: RGB(226, 0, 10);
  font-weight: bold;
}
#bav-now-center-index-view #functions-row > div {
  display: flex;
  align-items: center;
  margin: 0 10px 0 0;
  color: RGB(226, 0, 10);
}
#bav-now-center-index-view #functions-row > div span {
  color: RGB(226, 0, 10);
}
#bav-now-center-index-view #functions-row-recipients {
  display: flex;
}
#bav-now-center-index-view #functions-row-recipients-export {
  margin-left: 10px;
  cursor: pointer;
}
#bav-now-center-index-view #functions-row > div:last-of-type {
  cursor: pointer;
}
#bav-now-center-index-view #functions-row svg {
  height: 15px;
  margin: 0 5px 0 0;
}
#bav-now-center-index-view #functions-row svg path {
  fill: RGB(226, 0, 10);
}

#bav-now-center-edit-view {
  margin: 15px;
  padding: 15px;
  border: transparent;
  border-radius: 3px;
  background: white;
}
#bav-now-center-edit-view #edit-row {
  display: flex;
  margin: 5px 0 5px 0;
  padding: 0 0 0 5px;
}
#bav-now-center-edit-view #edit-row > div {
  flex: 1;
}
#bav-now-center-edit-view #edit-row #description-input {
  display: flex;
  height: 100%;
}
#bav-now-center-edit-view #edit-row #description-input > span {
  flex: 1;
}
#bav-now-center-edit-view #edit-row #description-input > div {
  flex: 2;
}
#bav-now-center-edit-view #edit-row #description-input > div textarea {
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 100%;
  width: 100%;
}
#bav-now-center-edit-view #edit-row #category-select {
  display: flex;
  height: 30px;
}
#bav-now-center-edit-view #edit-row #category-select span {
  flex: 1;
  font-weight: bold;
}
#bav-now-center-edit-view #edit-row #category-select select {
  flex: 2;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#bav-now-center-edit-view #edit-row #date-select {
  display: flex;
  align-items: center;
  margin: 5px 0 5px;
}
#bav-now-center-edit-view #edit-row #date-select > span {
  flex: 1;
  font-weight: bold;
}
#bav-now-center-edit-view #edit-row #date-select > div {
  flex: 2;
}
#bav-now-center-edit-view #edit-row #date-select .date-picker {
  margin: 0;
}
#bav-now-center-edit-view .mail-jet-result-download {
  margin-top: 15px;
  display: flex;
}
#bav-now-center-edit-view .mail-jet-result-download > button {
  margin: 0;
  margin-left: 10px;
}
#bav-now-center-edit-view .actions-list {
  margin-top: 15px;
}
#bav-now-center-edit-view .actions-list-title {
  font-weight: bold;
}
#bav-now-center-edit-view .actions-list-row {
  display: flex;
  align-items: center;
}
#bav-now-center-edit-view .job-data-download {
  display: flex;
  align-items: center;
}
#bav-now-center-edit-view #title-input {
  display: flex;
  align-items: center;
  margin: 5px 0 5px 0;
}
#bav-now-center-edit-view #title-input span {
  flex: 1;
  font-weight: bold;
}
#bav-now-center-edit-view #title-input > div {
  flex: 2;
  height: 30px;
}
#bav-now-center-edit-view #title-input > div input {
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 100%;
}
#bav-now-center-edit-view #add-download-row {
  display: flex;
  align-items: center;
  font-weight: bold;
}
#bav-now-center-edit-view #add-download-row svg {
  fill: RGB(226, 0, 10);
  margin: 0 0 0 10px;
  height: 28px;
}
#bav-now-center-edit-view #bav-now-downloads {
  margin: 0 0 0 15px;
  width: 50%;
}
#bav-now-center-edit-view #bav-now-downloads svg {
  width: 25px;
}
#bav-now-center-edit-view #bav-now-downloads svg path {
  fill: RGB(226, 0, 10);
}
#bav-now-center-edit-view #bav-now-downloads .download-row {
  display: flex;
  justify-content: space-between;
  height: 30px;
  margin: 10px 0 10px 0;
}
#bav-now-center-edit-view #bav-now-downloads .download-row input {
  border: thin solid lightgrey;
  border-radius: 3px;
}
#bav-now-center-edit-view #bav-now-downloads #file-selection span {
  flex: 1;
}
#bav-now-center-edit-view #bav-now-downloads #file-selection > div {
  flex: 2;
  display: flex;
}
#bav-now-center-edit-view #bav-now-downloads #file-selection > div input {
  flex: 1;
}
#bav-now-center-edit-view #bav-now-downloads #file-selection > div svg {
  margin: 3px 0 0 10px;
}
#bav-now-center-edit-view #bav-now-downloads-description span {
  flex: 1;
}
#bav-now-center-edit-view #bav-now-downloads-description input {
  flex: 2;
}
#bav-now-center-edit-view #bav-now-downloads-buttons {
  display: flex;
}
#bav-now-center-edit-view #bav-now-downloads-buttons button {
  margin: 0 15px 0 0;
  border-radius: 3px;
}
#bav-now-center-edit-view #bav-now-downloads-buttons svg path {
  fill: white;
}
#bav-now-center-edit-view #add-item-row {
  height: 20px;
  margin: 10px 0 10px 0;
}
#bav-now-center-edit-view #add-item-row #add-item-button {
  float: right;
  display: flex;
  align-items: center;
  margin: 0 5px 0 0;
  cursor: pointer;
}
#bav-now-center-edit-view #add-item-row #add-item-button svg {
  height: 15px;
  margin: 0 5px 0 0;
}
#bav-now-center-edit-view #add-item-row #add-item-button svg path {
  fill: RGB(226, 0, 10);
}
#bav-now-center-edit-view #add-item-row #add-item-button span {
  color: RGB(226, 0, 10);
}
#bav-now-center-edit-view #bav-now-downloads-table {
  margin: 10px 0 10px 0;
}
#bav-now-center-edit-view #failed-mails-section-header {
  font-weight: bold;
}
#bav-now-center-edit-view #failed-mails-section-list {
  display: flex;
  flex-wrap: wrap;
}
#bav-now-center-edit-view #failed-mails-section-list .failed-mails-section-entry {
  margin-left: 5px;
}
#bav-now-center-edit-view #failed-mails-section-actions {
  display: flex;
}
#bav-now-center-edit-view #button-row {
  display: flex;
  margin: 10px 0 10px 0;
}
#bav-now-center-edit-view #button-row button {
  margin: 0 10px 0 0;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}

#bav-now-center-send-view {
  margin: 15px;
  padding: 15px;
  border-radius: 3px;
  background: white;
}
#bav-now-center-send-view-title {
  display: flex;
  margin: 10px 0;
}
#bav-now-center-send-view-title > div:first-of-type {
  font-weight: bold;
  margin-right: 10px;
}
#bav-now-center-send-view-text > div:first-of-type {
  font-weight: bold;
}
#bav-now-center-send-view-actions {
  display: flex;
  margin-top: 10px;
}
#bav-now-center-send-view-actions > button:first-of-type {
  margin-left: 0;
}

#cooperation-center-show-view {
  padding: 30px;
}
#cooperation-center-show-view #button-row {
  border-bottom: thin solid lightgrey;
  height: 40px;
  margin: 10px 0 20px 0;
  padding: 0 0 20px 0;
}
#cooperation-center-show-view #button-row #cooperation-index-counter {
  float: left;
  font-size: 14pt;
  color: RGB(226, 0, 10);
  font-weight: bold;
}
#cooperation-center-show-view #button-row #cooperation-index-counter span {
  font-weight: bold;
  color: RGB(226, 0, 10);
}
#cooperation-center-show-view #button-row #add-button {
  float: right;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#cooperation-center-show-view #button-row #add-button svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#cooperation-center-show-view #button-row #add-button svg path {
  fill: RGB(226, 0, 10);
}
#cooperation-center-show-view #button-row #add-button span {
  color: RGB(226, 0, 10);
}
#cooperation-center-show-view #cooperation-table {
  width: 100%;
}
#cooperation-center-show-view #cooperation-table .cooperation-logo {
  max-width: 80px;
  max-height: 50px;
}

#cooperation-center-edit-view {
  padding: 15px;
  display: flex;
  flex-direction: column;
}
#cooperation-center-edit-view #cooperation-edit-form {
  background: white;
  padding: 30px;
}
#cooperation-center-edit-view .cooperation-edit-logo {
  width: 50%;
  display: flex;
  margin: 0 0 15px 0;
}
#cooperation-center-edit-view .cooperation-edit-logo #cooperation-logo {
  flex: 1;
}
#cooperation-center-edit-view .cooperation-edit-logo #cooperation-logo img {
  height: 150px;
  max-width: 150px;
}
#cooperation-center-edit-view .cooperation-edit-logo #cooperation-logo #no-image-container {
  height: 150px;
  min-width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: RGB(239, 239, 239);
  border: thin solid RGB(239, 239, 239);
  border-radius: 3px;
}
#cooperation-center-edit-view .cooperation-edit-logo #cooperation-logo #no-image-container svg {
  width: 50px;
  height: 50px;
}
#cooperation-center-edit-view .cooperation-edit-logo #cooperation-logo #no-image-container svg path {
  fill: white;
}
#cooperation-center-edit-view .cooperation-edit-logo #cooperation-logo-selection {
  flex: 2;
  padding: 0 0 0 50px;
  display: flex;
  flex-direction: column;
}
#cooperation-center-edit-view .cooperation-edit-logo #cooperation-logo-selection h3 {
  border: none;
  margin: 5px 0 0 0;
  padding: 10px 0 0 0;
  flex: 2;
}
#cooperation-center-edit-view .cooperation-edit-logo #cooperation-logo-selection svg {
  height: 20px;
}
#cooperation-center-edit-view .cooperation-edit-logo #cooperation-logo-selection svg path {
  fill: lightgrey;
}
#cooperation-center-edit-view .cooperation-edit-logo #cooperation-logo-selection #file-selector {
  flex: 2;
  margin: 0 0 10px 0;
  max-height: 30px;
}
#cooperation-center-edit-view .cooperation-edit-logo #cooperation-logo-selection #function-row {
  flex: 1;
  display: flex;
  align-items: center;
}
#cooperation-center-edit-view .cooperation-edit-logo #cooperation-logo-selection #function-row svg {
  margin: 0 5px 0 0;
}
#cooperation-center-edit-view .cooperation-edit-logo #cooperation-logo-selection #function-row svg path {
  fill: RGB(226, 0, 10);
}
#cooperation-center-edit-view .cooperation-edit-logo #cooperation-logo-selection #function-row div {
  display: flex;
  align-items: center;
  margin: 0 5px 0 0;
}
#cooperation-center-edit-view .cooperation-edit-item {
  width: 50%;
  min-height: 30px;
  display: flex;
  justify-content: space-between;
  margin: 5px 0 5px 0;
}
#cooperation-center-edit-view .cooperation-edit-item span {
  margin: 3px 0 0 0;
  flex: 1;
  font-weight: bold;
}
#cooperation-center-edit-view .cooperation-edit-item input {
  flex: 2;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#cooperation-center-edit-view .cooperation-edit-item button {
  margin: 0;
}
#cooperation-center-edit-view .cooperation-edit-offer {
  width: 50%;
  min-height: 30px;
  display: flex;
  margin: 15px 0 15px 0;
}
#cooperation-center-edit-view .cooperation-edit-offer span {
  flex: 1;
  font-weight: bold;
  margin: 8px 0 0 0;
}
#cooperation-center-edit-view .cooperation-edit-offer svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#cooperation-center-edit-view .cooperation-edit-offer svg path {
  fill: RGB(226, 0, 10);
}
#cooperation-center-edit-view .cooperation-edit-offer #cooperation-offer-container {
  flex: 2;
  display: flex;
  justify-content: space-between;
}
#cooperation-center-edit-view .cooperation-edit-offer #cooperation-offer-container > div {
  display: flex;
}
#cooperation-center-edit-view .cooperation-edit-offer #cooperation-offer-container span {
  flex: 1;
}
#cooperation-center-edit-view .cooperation-edit-offer #attachment-selector {
  flex: 2;
}
#cooperation-center-edit-view h3 {
  border-bottom: thin solid lightgrey;
  padding: 0 0 10px 0;
}
#cooperation-center-edit-view .edit-function-item {
  cursor: pointer;
}
#cooperation-center-edit-view .edit-function-item span {
  color: RGB(226, 0, 10);
}
#cooperation-center-edit-view #button-row {
  display: flex;
  margin: 10px 0 0 0;
}
#cooperation-center-edit-view #button-row button {
  margin: 0 10px 0 0;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
  padding: 5px;
}
#cooperation-center-edit-view #button-row button span {
  color: white;
}
#cooperation-center-edit-view #button-row button svg {
  width: 20px;
  margin: 0 5px 0 0;
}

#circular-center-index-view {
  padding: 15px;
}
#circular-center-index-view #functions-row {
  display: flex;
  margin: 10px 0 15px 0;
  justify-content: space-between;
  border-bottom: thin solid lightgrey;
  padding: 0 0 10px 0;
}
#circular-center-index-view #functions-row > span {
  font-size: 14pt;
  color: RGB(226, 0, 10);
  font-weight: bold;
}
#circular-center-index-view #functions-row > div {
  display: flex;
  align-items: center;
  margin: 0 10px 0 0;
  cursor: pointer;
}
#circular-center-index-view #functions-row > div span {
  color: RGB(226, 0, 10);
}
#circular-center-index-view #functions-row svg {
  height: 15px;
  margin: 0 5px 0 0;
}
#circular-center-index-view #functions-row svg path {
  fill: RGB(226, 0, 10);
}

#circular-center-edit-view {
  margin: 15px;
  padding: 15px;
  border: transparent;
  border-radius: 3px;
  background: white;
}
#circular-center-edit-view #edit-row {
  display: flex;
  flex-direction: column;
  margin: 5px 0 5px 0;
  width: 50%;
  padding: 0 0 0 5px;
}
#circular-center-edit-view #edit-row #category-select {
  display: flex;
  height: 30px;
}
#circular-center-edit-view #edit-row #category-select span {
  flex: 1;
  font-weight: bold;
}
#circular-center-edit-view #edit-row #category-select select {
  flex: 2;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#circular-center-edit-view #edit-row #date-select {
  display: flex;
  align-items: center;
  margin: 5px 0 5px;
}
#circular-center-edit-view #edit-row #date-select > span {
  flex: 1;
  font-weight: bold;
}
#circular-center-edit-view #edit-row #date-select > div {
  flex: 2;
}
#circular-center-edit-view #edit-row #date-select .date-picker {
  margin: 0;
}
#circular-center-edit-view #edit-row #title-input {
  display: flex;
  align-items: center;
  margin: 5px 0 5px 0;
}
#circular-center-edit-view #edit-row #title-input span {
  flex: 1;
  font-weight: bold;
}
#circular-center-edit-view #edit-row #title-input > div {
  flex: 2;
  height: 30px;
}
#circular-center-edit-view #edit-row #title-input > div input {
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 100%;
}
#circular-center-edit-view #edit-row #add-download-row {
  display: flex;
  align-items: center;
  font-weight: bold;
}
#circular-center-edit-view #edit-row #add-download-row svg {
  fill: RGB(226, 0, 10);
  margin: 0 0 0 10px;
  height: 28px;
}
#circular-center-edit-view #edit-row #circular-downloads {
  margin: 0 0 0 15px;
}
#circular-center-edit-view #edit-row #circular-downloads svg {
  width: 25px;
}
#circular-center-edit-view #edit-row #circular-downloads svg path {
  fill: RGB(226, 0, 10);
}
#circular-center-edit-view #edit-row #circular-downloads .download-row {
  display: flex;
  justify-content: space-between;
  height: 30px;
  margin: 10px 0 10px 0;
}
#circular-center-edit-view #edit-row #circular-downloads .download-row input {
  border: thin solid lightgrey;
  border-radius: 3px;
}
#circular-center-edit-view #edit-row #circular-downloads #file-selection span {
  flex: 1;
}
#circular-center-edit-view #edit-row #circular-downloads #file-selection > div {
  flex: 2;
  display: flex;
}
#circular-center-edit-view #edit-row #circular-downloads #file-selection > div input {
  flex: 1;
}
#circular-center-edit-view #edit-row #circular-downloads #file-selection > div svg {
  margin: 3px 0 0 10px;
}
#circular-center-edit-view #edit-row #circular-downloads-description span {
  flex: 1;
}
#circular-center-edit-view #edit-row #circular-downloads-description input {
  flex: 2;
}
#circular-center-edit-view #edit-row #circular-downloads-buttons {
  display: flex;
}
#circular-center-edit-view #edit-row #circular-downloads-buttons button {
  margin: 0 15px 0 0;
  border-radius: 3px;
}
#circular-center-edit-view #edit-row #circular-downloads-buttons svg path {
  fill: white;
}
#circular-center-edit-view #add-item-row {
  height: 20px;
  margin: 10px 0 10px 0;
}
#circular-center-edit-view #add-item-row #add-item-button {
  float: right;
  display: flex;
  align-items: center;
  margin: 0 5px 0 0;
  cursor: pointer;
}
#circular-center-edit-view #add-item-row #add-item-button svg {
  height: 15px;
  margin: 0 5px 0 0;
}
#circular-center-edit-view #add-item-row #add-item-button svg path {
  fill: RGB(226, 0, 10);
}
#circular-center-edit-view #add-item-row #add-item-button span {
  color: RGB(226, 0, 10);
}
#circular-center-edit-view #circular-downloads-table {
  margin: 10px 0 10px 0;
}
#circular-center-edit-view #button-row {
  display: flex;
  margin: 10px 0 10px 0;
}
#circular-center-edit-view #button-row button {
  margin: 0 10px 0 0;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}

#circular-item-edit-view {
  margin: 30px;
  display: flex;
  flex-direction: column;
}
#circular-item-edit-view .edit-section-title {
  display: flex;
  padding: 5px 0 0 5px;
  margin: 0 0 5px 0;
}
#circular-item-edit-view .edit-section-title-content {
  flex: 1;
  padding: 0 0 0 5px;
  font-weight: bold;
  font-size: 14pt;
  color: RGB(226, 0, 10);
}
#circular-item-edit-view .edit-section-title-placeholder {
  flex: 3;
}
#circular-item-edit-view #data-input {
  background: white;
  box-shadow: 0 0 10px -1px;
  padding: 0 0 5px 0;
}
#circular-item-edit-view #data-input #title-input {
  width: 50%;
  display: flex;
  align-items: center;
  margin: 10px 0 5px 10px;
}
#circular-item-edit-view #data-input #title-input > span {
  flex: 1;
  font-weight: bold;
}
#circular-item-edit-view #data-input #title-input input {
  border: thin solid lightgrey;
  border-radius: 3px;
  flex: 2;
  height: 30px;
}
#circular-item-edit-view #data-input #category-select {
  display: flex;
  align-items: center;
  margin: 10px 0 5px 10px;
  height: 30px;
  width: 50%;
}
#circular-item-edit-view #data-input #category-select > span {
  flex: 1;
  font-weight: bold;
}
#circular-item-edit-view #data-input #category-select #category-select-container {
  flex: 2;
  position: relative;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#circular-item-edit-view #data-input #category-select #category-select-container:hover #category-select-content {
  display: block;
}
#circular-item-edit-view #data-input #category-select #category-select-container #selected-category {
  height: 30px;
  display: flex;
  align-items: center;
}
#circular-item-edit-view #data-input #category-select #category-select-container #selected-category > span {
  flex: 1;
  margin: 0 0 0 5px;
}
#circular-item-edit-view #data-input #category-select #category-select-container #selected-category svg {
  height: 20px;
  float: right;
  margin: 0 5px 0 0;
}
#circular-item-edit-view #data-input #category-select #category-select-container #category-select-content {
  position: absolute;
  z-index: 1;
  background: white;
  display: none;
  width: 100%;
  margin: 2px 0 0 0;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#circular-item-edit-view #data-input #category-select #category-select-container #category-select-content .category-select-item {
  cursor: pointer;
}
#circular-item-edit-view #data-input #category-select #category-select-container #category-select-content .category-select-item:hover {
  background: lightgrey;
}
#circular-item-edit-view #media-selection {
  display: flex;
  min-height: 120px;
}
#circular-item-edit-view #media-selection .picture-container {
  flex: 1;
  margin: 5px;
}
#circular-item-edit-view #media-selection .picture-container img {
  max-height: 100px;
  max-width: 140px;
}
#circular-item-edit-view #media-selection #title-picture-select {
  flex: 1;
  margin: 10px 5px 0 0;
  padding: 5px;
  box-shadow: 0 0 10px -1px;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 170px;
}
#circular-item-edit-view #media-selection #title-picture-select > div {
  display: flex;
  align-items: flex-end;
}
#circular-item-edit-view #media-selection #title-picture-select #picture-functions {
  flex: 2;
  display: flex;
  align-items: center;
}
#circular-item-edit-view #media-selection #title-picture-select #picture-functions #picture-name {
  flex: 1;
  border: thin solid lightgrey;
  border-radius: 3px;
  padding: 5px;
  min-height: 25px;
}
#circular-item-edit-view #media-selection #title-picture-select #picture-functions #title-picture-function-buttons {
  flex: 1;
}
#circular-item-edit-view #media-selection #title-picture-select #picture-functions #title-picture-function-buttons button {
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
}
#circular-item-edit-view #media-selection #title-picture-select #image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 100px;
  background: lightgrey;
  border: transparent;
  border-radius: 3px;
  margin: 0 15px 0 0;
}
#circular-item-edit-view #media-selection #title-picture-select #image-placeholder svg {
  height: 20px;
}
#circular-item-edit-view #media-selection #title-picture-select #image-placeholder svg path {
  fill: white;
}
#circular-item-edit-view #media-selection #picture-gallery-select {
  flex: 1;
  margin: 10px 0 0 5px;
  padding: 5px;
  background: white;
  box-shadow: 0 0 10px -1px;
  min-height: 170px;
}
#circular-item-edit-view #media-selection #picture-gallery-select > p {
  font-weight: bold;
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container {
  min-height: 120px;
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container #gallery-functions-row {
  height: 40px;
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container #add-gallery-picture {
  margin: 5px 0 5px 0;
  float: right;
  display: flex;
  cursor: pointer;
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container #add-gallery-picture span {
  color: RGB(226, 0, 10);
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container .gallery-picture {
  display: flex;
  align-items: center;
  height: 140px;
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container .gallery-picture:hover {
  background: RGB(247, 248, 248);
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container .gallery-picture:hover .gallery-picture-functions .remove-picture-button {
  display: block;
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container .gallery-picture-name {
  flex: 1;
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container .gallery-picture-functions {
  flex: 1;
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container .gallery-picture-functions .remove-picture-button {
  display: none;
  float: right;
  cursor: pointer;
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container .gallery-picture-functions .remove-picture-button > div {
  display: flex;
  align-items: center;
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container .gallery-picture-functions .remove-picture-button > div span {
  color: RGB(226, 0, 10);
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container .gallery-picture-functions .remove-picture-button > div svg {
  height: 30px;
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#circular-item-edit-view #media-selection #picture-gallery-select #gallery-container svg path {
  fill: RGB(226, 0, 10);
}
#circular-item-edit-view #content-editor {
  margin: 10px 0 0 0;
  padding: 0 10px 10px 10px;
  background: white;
  box-shadow: 0 0 10px -1px;
}
#circular-item-edit-view #button-row {
  display: flex;
  margin: 10px 0 10px 0;
  padding: 0 0 0 5px;
}
#circular-item-edit-view #button-row button {
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
  padding: 5px;
  margin: 0 10px 0 0;
}

#newsletter-center-index-view {
  width: 100%;
  height: 100%;
  padding: 15px;
}
#newsletter-center-index-view > div {
  padding: 15px;
}
#newsletter-center-index-view table tr {
  height: 40px;
}
#newsletter-center-index-view .newsletter-center-index-view-loading {
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#newsletter-center-index-view .newsletter-mail-refresh {
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-left: 20px;
}
#newsletter-center-index-view .newsletter-mail-refresh > svg > path {
  fill: RGB(226, 0, 10);
}
#newsletter-center-index-view > div > .mail-status-info {
  margin: 8px 0;
}
#newsletter-center-index-view .newsletter-progress {
  height: 40px;
  display: flex;
  max-width: fit-content;
  align-items: center;
}
#newsletter-center-index-view #button-row {
  height: 30px;
  border-bottom: thin solid lightgrey;
  margin: 5px 0 15px 0;
  padding: 0 0 5px 0;
}
#newsletter-center-index-view #button-row > span {
  float: left;
  font-size: 14pt;
  color: RGB(226, 0, 10);
  font-weight: bold;
}
#newsletter-center-index-view #button-row > div {
  float: right;
  display: flex;
  align-content: center;
  cursor: pointer;
}
#newsletter-center-index-view #button-row > div span {
  color: RGB(226, 0, 10);
}
#newsletter-center-index-view #button-row > div svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#newsletter-center-index-view #button-row > div svg path {
  fill: RGB(226, 0, 10);
}

#newsletter-center-edit-view {
  width: 100%;
  height: 100%;
  padding: 15px;
}
#newsletter-center-edit-view #edit-content {
  background: white;
  padding: 15px;
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 100%;
}
#newsletter-center-edit-view #actions-row {
  margin: 10px 0 10px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#newsletter-center-edit-view #actions-row #back-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
}
#newsletter-center-edit-view #actions-row #back-button svg {
  width: 20px;
  margin: 0 5px 0 0;
}
#newsletter-center-edit-view #actions-row #back-button svg path {
  fill: grey;
}
#newsletter-center-edit-view #actions-row #newsletter-recipients {
  display: flex;
  align-items: center;
}
#newsletter-center-edit-view #actions-row #newsletter-recipients .waiting-icon svg {
  width: 20px;
  height: 20px;
  animation: spin 5s linear 0s infinite;
}
#newsletter-center-edit-view #actions-row #newsletter-recipients .waiting-icon svg path {
  fill: RGB(226, 0, 10);
}
#newsletter-center-edit-view #actions-row #newsletter-recipients > button {
  border-radius: 3px;
}
#newsletter-center-edit-view-failed-mails-actions {
  display: flex;
}
#newsletter-center-edit-view .actions-list {
  margin-top: 15px;
}
#newsletter-center-edit-view .actions-list-title {
  font-weight: bold;
}
#newsletter-center-edit-view .actions-list-row {
  display: flex;
  align-items: center;
}
#newsletter-center-edit-view .category-header {
  margin: 5px 0 5px 0;
  font-size: 14pt;
  border-radius: 3px;
  padding: 5px 0 5px 2px;
  background-color: RGB(247, 248, 248);
}
#newsletter-center-edit-view .category-header .checkbox {
  width: 20px;
  height: 20px;
  float: left;
  margin: 2px 5px 0 4px;
}
#newsletter-center-edit-view .category-header .checkbox-partly {
  border: thin solid lightgrey;
  border-radius: 3px;
  width: 20px;
  height: 20px;
}
#newsletter-center-edit-view .category-header .checkbox-partly svg path {
  fill: green;
}
#newsletter-center-edit-view .category-header .extend-button {
  float: left;
  margin: 2px 5px 0 2px;
}
#newsletter-center-edit-view .category-header .extend-button svg {
  width: 20px;
}
#newsletter-center-edit-view .category-header .extend-button svg path {
  fill: RGB(85, 85, 85);
}
#newsletter-center-edit-view .category-content {
  display: none;
}
#newsletter-center-edit-view .category .item {
  margin: 5px 0 5px 30px;
  padding: 2px 5px 2px 5px;
  background: RGB(247, 248, 248);
  border-radius: 3px;
}
#newsletter-center-edit-view .category .item .checkbox {
  float: left;
}
#newsletter-center-edit-view .category .item .edit-button {
  width: 20px;
  height: 20px;
  margin: 0 0 0 5px;
  cursor: pointer;
}
#newsletter-center-edit-view .category .item .edit-button svg path {
  fill: RGB(85, 85, 85);
}
#newsletter-center-edit-view .category .item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
}
#newsletter-center-edit-view .category .item-header-select {
  display: flex;
  align-items: center;
}
#newsletter-center-edit-view .category .item-header-title {
  margin: 0 0 0 10px;
}
#newsletter-center-edit-view .category .item-header-date {
  margin-right: 20px;
}
#newsletter-center-edit-view .category .item h4 {
  font-weight: normal;
}
#newsletter-center-edit-view .category .item-content > div {
  display: none;
}
#newsletter-center-edit-view #edit-description {
  width: 100%;
}
#newsletter-center-edit-view #edit-description > div:first-of-type {
  font-weight: bold;
}
#newsletter-center-edit-view #edit-description textarea {
  width: 100%;
  border: thin solid lightgrey;
  border-radius: 3px;
}
#newsletter-center-edit-view-failed-mails-header {
  font-weight: bold;
}
#newsletter-center-edit-view-failed-mails-list {
  display: flex;
  flex-wrap: wrap;
}
#newsletter-center-edit-view-failed-mails-list .newsletter-center-edit-view-failed-mails-entry {
  margin-left: 5px;
}
#newsletter-center-edit-view #button-row {
  margin: 40px 0 10px 0;
  height: 30px;
}
#newsletter-center-edit-view #button-row input {
  border: thin solid lightgrey;
  border-radius: 3px;
  float: right;
  height: 30px;
}
#newsletter-center-edit-view #button-row button {
  border-radius: 3px;
  margin: 0;
  float: left;
  height: 30px;
}
#newsletter-center-edit-view #button-row #test-button {
  float: right;
  margin: 0 10px 0 5px;
  height: 30px;
}

.district-newsletter-index {
  padding: 15px;
  margin: 10px;
  border-radius: 7px;
  background: white;
  height: 100%;
}
.district-newsletter-index-loading {
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.district-newsletter-index-header {
  font-weight: bold;
  font-size: 14pt;
  color: RGB(226, 0, 10);
}
.district-newsletter-index > .mail-status-info {
  margin: 8px 0;
}
.district-newsletter-index .mail-progres {
  display: flex;
  align-items: center;
  height: 60px;
}
.district-newsletter-index .mail-progres-refresh {
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-left: 20px;
}
.district-newsletter-index .mail-progres-refresh > svg > path {
  fill: RGB(226, 0, 10);
}
.district-newsletter-index-actions {
  display: flex;
  justify-content: space-between;
}
.district-newsletter-index-actions > div {
  color: RGB(226, 0, 10);
  border-radius: 8px;
  cursor: pointer;
  padding: 8px 8px 8px 0;
}

.district-newsletter-edit {
  width: 100%;
  height: 100%;
  padding: 15px;
}
.district-newsletter-edit-district-selection {
  display: flex;
  flex-wrap: wrap;
}
.district-newsletter-edit-district-selection-entry {
  margin-right: 10px;
  margin-bottom: 10px;
  display: flex;
  min-width: 170px;
}
.district-newsletter-edit-header {
  font-weight: bold;
  margin: 5px 0;
  display: flex;
  justify-content: space-between;
}
.district-newsletter-edit-header-recipients {
  display: flex;
  align-items: center;
}
.district-newsletter-edit-header-recipients > button {
  border-radius: 3px;
}
.district-newsletter-edit #edit-content {
  background: white;
  padding: 15px;
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 100%;
}
.district-newsletter-edit .mailjet-download {
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.district-newsletter-edit .job-data-download {
  display: flex;
  align-items: center;
}
.district-newsletter-edit-failed-mails-actions {
  display: flex;
}
.district-newsletter-edit .actions-list {
  margin-top: 15px;
}
.district-newsletter-edit .actions-list-title {
  font-weight: bold;
}
.district-newsletter-edit .actions-list-row {
  display: flex;
  align-items: center;
}
.district-newsletter-edit #actions-row {
  margin: 10px 0 10px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.district-newsletter-edit #actions-row #back-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
}
.district-newsletter-edit #actions-row #back-button svg {
  width: 20px;
  margin: 0 5px 0 0;
}
.district-newsletter-edit #actions-row #back-button svg path {
  fill: grey;
}
.district-newsletter-edit .category-header {
  margin: 5px 0 5px 0;
  font-size: 14pt;
  border-radius: 3px;
  padding: 5px 0 5px 2px;
  background-color: RGB(247, 248, 248);
}
.district-newsletter-edit .category-header .checkbox {
  width: 20px;
  height: 20px;
  float: left;
  margin: 2px 5px 0 4px;
}
.district-newsletter-edit .category-header .checkbox-partly {
  border: thin solid lightgrey;
  border-radius: 3px;
  width: 20px;
  height: 20px;
}
.district-newsletter-edit .category-header .checkbox-partly svg path {
  fill: green;
}
.district-newsletter-edit .category-header .extend-button {
  float: left;
  margin: 2px 5px 0 2px;
}
.district-newsletter-edit .category-header .extend-button svg {
  width: 20px;
}
.district-newsletter-edit .category-header .extend-button svg path {
  fill: RGB(85, 85, 85);
}
.district-newsletter-edit .category-content {
  display: none;
}
.district-newsletter-edit .category .item {
  margin: 5px 0 5px 30px;
  padding: 2px 5px 2px 5px;
  background: RGB(247, 248, 248);
  border-radius: 3px;
}
.district-newsletter-edit .category .item .checkbox {
  float: left;
}
.district-newsletter-edit .category .item .edit-button {
  width: 20px;
  height: 20px;
  margin: 0 0 0 5px;
  cursor: pointer;
}
.district-newsletter-edit .category .item .edit-button svg path {
  fill: RGB(85, 85, 85);
}
.district-newsletter-edit .category .item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
}
.district-newsletter-edit .category .item-header-select {
  display: flex;
  align-items: center;
}
.district-newsletter-edit .category .item-header-title {
  margin: 0 0 0 10px;
}
.district-newsletter-edit .category .item-header-date {
  margin-right: 20px;
}
.district-newsletter-edit .category .item h4 {
  font-weight: normal;
}
.district-newsletter-edit .category .item-content > div {
  display: none;
}
.district-newsletter-edit #edit-description {
  width: 100%;
}
.district-newsletter-edit #edit-description > div:first-of-type {
  font-weight: bold;
}
.district-newsletter-edit #edit-description textarea {
  width: 100%;
  border: thin solid lightgrey;
  border-radius: 3px;
}
.district-newsletter-edit-failed-mails > div:first-of-type {
  font-weight: bold;
}
.district-newsletter-edit #button-row {
  margin: 40px 0 10px 0;
  height: 30px;
}
.district-newsletter-edit #button-row input {
  border: thin solid lightgrey;
  border-radius: 3px;
  float: right;
  height: 30px;
}
.district-newsletter-edit #button-row button {
  border-radius: 3px;
  margin: 0;
  float: left;
  height: 30px;
}
.district-newsletter-edit #button-row #test-button {
  float: right;
  margin: 0 10px 0 5px;
  height: 30px;
}

.district-mail-edit #edit-content {
  margin: 10px;
  background: white;
  padding: 10px;
  border-radius: 7px;
}
.district-mail-edit-actions-row {
  margin: 10px 0 10px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.district-mail-edit-actions-row #back-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
}
.district-mail-edit-actions-row #back-button svg {
  width: 20px;
  margin: 0 5px 0 0;
}
.district-mail-edit-actions-row #back-button svg path {
  fill: grey;
}
.district-mail-edit .actions-list {
  margin-top: 15px;
}
.district-mail-edit .actions-list-title {
  font-weight: bold;
}
.district-mail-edit .actions-list-row {
  display: flex;
  align-items: center;
}
.district-mail-edit-district-selection {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.district-mail-edit-district-selection > div {
  font-weight: bold;
}
.district-mail-edit-district-selection-districts {
  display: flex;
  flex-wrap: wrap;
}
.district-mail-edit-district-selection-districts-entry {
  margin-right: 10px;
  margin-bottom: 10px;
  display: flex;
  min-width: 170px;
}
.district-mail-edit-district-selection-recipients {
  display: flex;
  align-items: center;
}
.district-mail-edit-district-selection-recipients > button {
  border-radius: 3px;
}
.district-mail-edit #info-row {
  display: flex;
  margin: 5px 0 5px 0;
  padding: 0 0 10px 5px;
  border-bottom: thin solid lightgray;
}
.district-mail-edit #info-row-left, .district-mail-edit #info-row-right {
  flex: 1;
}
.district-mail-edit #info-row #date-select {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}
.district-mail-edit #info-row #date-select > span {
  flex: 1;
  font-weight: bold;
}
.district-mail-edit #info-row #date-select > div {
  flex: 2;
}
.district-mail-edit #info-row #date-select .date-picker {
  margin: 0;
}
.district-mail-edit #info-row #date-sent {
  display: flex;
}
.district-mail-edit #info-row #date-sent > span {
  font-weight: bold;
  flex: 1;
}
.district-mail-edit #info-row #date-sent > div {
  flex: 2;
}
.district-mail-edit #info-row #title-input {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.district-mail-edit #info-row #title-input span {
  flex: 1;
  font-weight: bold;
}
.district-mail-edit #info-row #title-input > div {
  flex: 2;
  height: 30px;
}
.district-mail-edit #info-row #title-input > div input {
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 100%;
}
.district-mail-edit #info-row #description-input {
  display: flex;
}
.district-mail-edit #info-row #description-input span {
  flex: 1;
  font-weight: bold;
}
.district-mail-edit #info-row #description-input > div {
  flex: 2;
}
.district-mail-edit #info-row #description-input > div textarea {
  border: thin solid lightgrey;
  border-radius: 3px;
}
.district-mail-edit #info-row .selected-downloads-title {
  font-weight: bold;
  margin-bottom: 5px;
}
.district-mail-edit #info-row .selected-downloads-entry {
  display: flex;
  align-items: center;
  height: 22px;
}
.district-mail-edit #info-row .selected-downloads-entry-date {
  width: 90px;
}
.district-mail-edit #info-row .selected-downloads-entry-name {
  flex: 1;
}
.district-mail-edit #info-row .selected-downloads-entry-remove {
  font-size: 17px;
  font-weight: bold;
  width: 20px;
  cursor: pointer;
}
.district-mail-edit #info-row .selected-downloads-entry-remove > i {
  color: RGB(226, 0, 10);
}
.district-mail-edit .mail-jet-result-download {
  margin-top: 15px;
  display: flex;
}
.district-mail-edit .mail-jet-result-download > button {
  margin: 0;
  margin-left: 10px;
}
.district-mail-edit .job-data-download {
  display: flex;
  align-items: center;
}
.district-mail-edit #download-selection-title-header {
  font-weight: bold;
}
.district-mail-edit #download-selection-title-search {
  margin-bottom: 10px;
}
.district-mail-edit #download-selection .download-select-row {
  height: 40px;
}
.district-mail-edit #failed-mails-section-header {
  font-weight: bold;
}
.district-mail-edit #failed-mails-section-list {
  display: flex;
  flex-wrap: wrap;
}
.district-mail-edit #failed-mails-section-list .failed-mails-list-entry {
  margin-left: 5px;
}
.district-mail-edit #failed-mails-section-actions {
  display: flex;
}
.district-mail-edit #button-row {
  display: flex;
}

.district-mail-index {
  padding: 15px;
  margin: 10px;
  border-radius: 7px;
  background: white;
  height: 100%;
}
.district-mail-index-loading {
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.district-mail-index-header {
  font-weight: bold;
  font-size: 14pt;
  color: RGB(226, 0, 10);
}
.district-mail-index > .mail-status-info {
  margin: 8px 0;
}
.district-mail-index .mail-progres {
  display: flex;
  align-items: center;
  height: 40px;
}
.district-mail-index .mail-progres-refresh {
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-left: 10px;
}
.district-mail-index .mail-progres-refresh > svg > path {
  fill: RGB(226, 0, 10);
}
.district-mail-index-filter {
  margin-bottom: 10px;
}
.district-mail-index-list-description {
  width: 200px;
}
.district-mail-index-list-status {
  font-size: 12pt;
  display: flex;
  align-items: center;
  height: 60px;
}
.district-mail-index-list-status .newsletter-mail-refresh {
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-left: 20px;
}
.district-mail-index-list-status .newsletter-mail-refresh > svg {
  width: 20px;
  height: 20px;
}
.district-mail-index-list-status .newsletter-mail-refresh > svg > path {
  fill: RGB(226, 0, 10);
}
.district-mail-index-actions {
  display: flex;
  justify-content: space-between;
}
.district-mail-index-actions > div {
  color: RGB(226, 0, 10);
  border-radius: 8px;
  cursor: pointer;
  padding: 8px 8px 8px 0;
}

#district-mail-send-view {
  margin: 15px;
  padding: 15px;
  border-radius: 3px;
  background: white;
}
#district-mail-send-view #info-row {
  display: flex;
}
#district-mail-send-view #info-row-left, #district-mail-send-view #info-row-right {
  flex: 1;
}
#district-mail-send-view #info-row .district-mail-downloads-title {
  font-weight: bold;
  margin-bottom: 5px;
}
#district-mail-send-view #info-row .district-mail-downloads-entry {
  display: flex;
  align-items: center;
  height: 22px;
}
#district-mail-send-view #info-row .district-mail-downloads-entry-date {
  width: 90px;
}
#district-mail-send-view #info-row .district-mail-downloads-entry-name {
  flex: 1;
}
#district-mail-send-view #info-row .district-mail-downloads-entry-remove {
  font-size: 17px;
  font-weight: bold;
  width: 20px;
  cursor: pointer;
}
#district-mail-send-view #info-row .district-mail-downloads-entry-remove > i {
  color: RGB(226, 0, 10);
}
#district-mail-send-view #district-mail-title, #district-mail-send-view #district-mail-send {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
#district-mail-send-view #district-mail-title > span, #district-mail-send-view #district-mail-send > span {
  font-weight: bold;
  flex: 1;
}
#district-mail-send-view #district-mail-title > div, #district-mail-send-view #district-mail-send > div {
  flex: 1;
}
#district-mail-send-view #district-mail-districts {
  justify-content: space-between;
  display: flex;
}
#district-mail-send-view #district-mail-districts > span {
  font-weight: bold;
  flex: 1;
}
#district-mail-send-view #district-mail-districts-list {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#district-mail-send-view #district-mail > div:first-of-type {
  font-weight: bold;
  margin-right: 10px;
}
#district-mail-send-view #district-mail-manual-upload {
  display: flex;
  align-items: center;
  margin: 10px 0;
  height: 30px;
}
#district-mail-send-view #district-mail-manual-upload > span {
  flex: 1;
  font-weight: bold;
}
#district-mail-send-view #district-mail-manual-upload > div {
  flex: 2;
}
#district-mail-send-view #district-mail-manual-upload svg {
  height: 30px;
}
#district-mail-send-view #district-mail-manual-upload svg path {
  fill: RGB(226, 0, 10);
}
#district-mail-send-view #district-mail-manual-upload-selected {
  display: flex;
}
#district-mail-send-view #district-mail-manual-upload-selected i {
  color: RGB(226, 0, 10);
  margin-left: 15px;
  cursor: pointer;
}
#district-mail-send-view-text > div:first-of-type {
  font-weight: bold;
}
#district-mail-send-view-actions {
  display: flex;
  margin-top: 10px;
}
#district-mail-send-view-actions > button:first-of-type {
  margin-left: 0;
}
#district-mail-send-view .info-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1);
}
#district-mail-send-view .info-popup-body {
  flex: 1;
  background: white;
  margin: 0 25%;
  border-radius: 8px;
  padding: 0 20px 20px 20px;
  z-index: 3;
}
#district-mail-send-view .info-popup-body > div:last-of-type {
  display: flex;
  justify-content: flex-end;
}

.campaign-center-index-view {
  background: white;
  padding: 15px;
  margin: 15px;
}
.campaign-center-index-view #button-row button {
  border-radius: 3px;
  margin: 15px 0 0 0;
}

#range-delete-view {
  padding: 10px;
  margin: 10px;
  border-radius: 3px;
  background: white;
}
#range-delete-view button {
  margin: 10px 0;
  border-radius: 3px;
}
#range-delete-view #deleted-table {
  width: 100%;
  text-align: center;
}

#range-delete-action {
  padding: 10px;
  margin: 10px;
  border-radius: 3px;
  background: white;
}
#range-delete-action-time {
  display: flex;
  align-items: center;
}
#range-delete-action-time > span {
  margin: 0 5px;
}
#range-delete-action-check {
  margin: 10px 0 10px 0;
}
#range-delete-action-check > div {
  margin: 5px 0;
}
#range-delete-action > h3 {
  display: flex;
  align-items: center;
}
#range-delete-action > h3 #refresh {
  margin: 0 5px;
}
#range-delete-action > h3 #refresh > svg {
  height: 18px;
  font-style: bold;
}
#range-delete-action > h3 #refresh > svg path {
  fill: RGB(226, 0, 10);
}
#range-delete-action-buttons {
  display: flex;
}
#range-delete-action-buttons button {
  margin: 0 10px 0 0;
  border-radius: 3px;
  padding: 2px 4px;
}

#vba-info-center-index-view {
  padding: 15px;
}
#vba-info-center-index-view .vba-info-center-index-view-loading {
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#vba-info-center-index-view-title {
  display: flex;
  margin: 10px 0 15px 0;
  justify-content: space-between;
  border-bottom: thin solid lightgrey;
  padding: 0 0 10px 0;
}
#vba-info-center-index-view-title > span {
  font-size: 14pt;
  color: RGB(226, 0, 10);
  font-weight: bold;
}
#vba-info-center-index-view-title > div {
  display: flex;
  align-items: center;
  color: RGB(226, 0, 10);
  margin: 0 10px 0 0;
}
#vba-info-center-index-view-title > div span {
  color: RGB(226, 0, 10);
}
#vba-info-center-index-view-title > div:last-of-type {
  cursor: pointer;
}
#vba-info-center-index-view-title svg {
  height: 15px;
  margin: 0 5px 0 0;
}
#vba-info-center-index-view-title svg path {
  fill: RGB(226, 0, 10);
}
#vba-info-center-index-view > .mail-status-info {
  margin: 8px 0;
}
#vba-info-center-index-view .mail-progres {
  display: flex;
  align-items: center;
  height: 60px;
}
#vba-info-center-index-view .mail-progres-refresh {
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-left: 20px;
}
#vba-info-center-index-view .mail-progres-refresh > svg > path {
  fill: RGB(226, 0, 10);
}

#vba-info-center-send-view {
  margin: 15px;
  padding: 15px;
  border-radius: 3px;
  background: white;
}
#vba-info-center-send-view #info-row {
  display: flex;
}
#vba-info-center-send-view #info-row-left, #vba-info-center-send-view #info-row-right {
  flex: 1;
}
#vba-info-center-send-view #info-row .vba-info-downloads-title {
  font-weight: bold;
  margin-bottom: 5px;
}
#vba-info-center-send-view #info-row .vba-info-downloads-entry {
  display: flex;
  align-items: center;
  height: 22px;
}
#vba-info-center-send-view #info-row .vba-info-downloads-entry-date {
  width: 90px;
}
#vba-info-center-send-view #info-row .vba-info-downloads-entry-name {
  flex: 1;
}
#vba-info-center-send-view #info-row .vba-info-downloads-entry-remove {
  font-size: 17px;
  font-weight: bold;
  width: 20px;
  cursor: pointer;
}
#vba-info-center-send-view #info-row .vba-info-downloads-entry-remove > i {
  color: RGB(226, 0, 10);
}
#vba-info-center-send-view #vba-info-title, #vba-info-center-send-view #vba-info-send {
  width: 50%;
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
#vba-info-center-send-view #vba-info-title > span, #vba-info-center-send-view #vba-info-send > span {
  font-weight: bold;
}
#vba-info-center-send-view #vba-info > div:first-of-type {
  font-weight: bold;
  margin-right: 10px;
}
#vba-info-center-send-view #vba-info-manual-upload {
  display: flex;
  align-items: center;
  margin: 10px 0;
  height: 30px;
}
#vba-info-center-send-view #vba-info-manual-upload > span {
  flex: 1;
  font-weight: bold;
}
#vba-info-center-send-view #vba-info-manual-upload > div {
  flex: 2;
}
#vba-info-center-send-view #vba-info-manual-upload svg {
  height: 30px;
}
#vba-info-center-send-view #vba-info-manual-upload svg path {
  fill: RGB(226, 0, 10);
}
#vba-info-center-send-view #vba-info-manual-upload-selected {
  display: flex;
}
#vba-info-center-send-view #vba-info-manual-upload-selected i {
  color: RGB(226, 0, 10);
  margin-left: 15px;
  cursor: pointer;
}
#vba-info-center-send-view-text > div:first-of-type {
  font-weight: bold;
}
#vba-info-center-send-view-actions {
  display: flex;
  margin-top: 10px;
}
#vba-info-center-send-view-actions > button:first-of-type {
  margin-left: 0;
}
#vba-info-center-send-view .info-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1);
}
#vba-info-center-send-view .info-popup-body {
  flex: 1;
  background: white;
  margin: 0 25%;
  border-radius: 8px;
  padding: 0 20px 20px 20px;
  z-index: 3;
}
#vba-info-center-send-view .info-popup-body > div:last-of-type {
  display: flex;
  justify-content: flex-end;
}

#vba-info-center-edit-view {
  margin: 15px;
  padding: 15px;
  border: transparent;
  border-radius: 5px;
  background: white;
}
#vba-info-center-edit-view #info-row {
  display: flex;
  margin: 5px 0 5px 0;
  padding: 0 0 10px 5px;
  border-bottom: thin solid lightgray;
}
#vba-info-center-edit-view #info-row-left, #vba-info-center-edit-view #info-row-right {
  flex: 1;
}
#vba-info-center-edit-view #info-row #date-select {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}
#vba-info-center-edit-view #info-row #date-select > span {
  flex: 1;
  font-weight: bold;
}
#vba-info-center-edit-view #info-row #date-select > div {
  flex: 2;
}
#vba-info-center-edit-view #info-row #date-select .date-picker {
  margin: 0;
}
#vba-info-center-edit-view #info-row #date-sent {
  display: flex;
}
#vba-info-center-edit-view #info-row #date-sent > span {
  font-weight: bold;
  flex: 1;
}
#vba-info-center-edit-view #info-row #date-sent > div {
  flex: 2;
}
#vba-info-center-edit-view #info-row #title-input {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
#vba-info-center-edit-view #info-row #title-input span {
  flex: 1;
  font-weight: bold;
}
#vba-info-center-edit-view #info-row #title-input > div {
  flex: 2;
  height: 30px;
}
#vba-info-center-edit-view #info-row #title-input > div input {
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 100%;
}
#vba-info-center-edit-view #info-row #description-input {
  display: flex;
}
#vba-info-center-edit-view #info-row #description-input span {
  flex: 1;
  font-weight: bold;
}
#vba-info-center-edit-view #info-row #description-input > div {
  flex: 2;
}
#vba-info-center-edit-view #info-row #description-input > div textarea {
  border: thin solid lightgrey;
  border-radius: 3px;
}
#vba-info-center-edit-view #info-row .selected-downloads-title {
  font-weight: bold;
  margin-bottom: 5px;
}
#vba-info-center-edit-view #info-row .selected-downloads-entry {
  display: flex;
  align-items: center;
  height: 22px;
}
#vba-info-center-edit-view #info-row .selected-downloads-entry-date {
  width: 90px;
}
#vba-info-center-edit-view #info-row .selected-downloads-entry-name {
  flex: 1;
}
#vba-info-center-edit-view #info-row .selected-downloads-entry-remove {
  font-size: 17px;
  font-weight: bold;
  width: 20px;
  cursor: pointer;
}
#vba-info-center-edit-view #info-row .selected-downloads-entry-remove > i {
  color: RGB(226, 0, 10);
}
#vba-info-center-edit-view .mailjet-download {
  margin-top: 15px;
  display: flex;
  align-items: center;
}
#vba-info-center-edit-view .actions-list {
  margin-top: 15px;
}
#vba-info-center-edit-view .actions-list-title {
  font-weight: bold;
}
#vba-info-center-edit-view .actions-list-row {
  display: flex;
  align-items: center;
}
#vba-info-center-edit-view #download-selection {
  padding-left: 5px;
}
#vba-info-center-edit-view #download-selection-title {
  margin-bottom: 10px;
}
#vba-info-center-edit-view #download-selection-title-header {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}
#vba-info-center-edit-view #download-selection thead {
  display: flex;
}
#vba-info-center-edit-view #download-selection td {
  max-width: none;
}
#vba-info-center-edit-view #download-selection .download-select-row {
  display: flex;
  padding: 10px 0;
}
#vba-info-center-edit-view #download-selection .download-select-row-check-box {
  width: 80px;
  display: flex;
  justify-content: center;
}
#vba-info-center-edit-view #download-selection .download-select-row-check-box i {
  font-size: 20px;
  cursor: pointer;
}
#vba-info-center-edit-view #download-selection .download-select-row-check-box .fa-plus {
  color: RGB(226, 0, 10);
}
#vba-info-center-edit-view #download-selection .download-select-row-name {
  flex: 1;
}
#vba-info-center-edit-view #download-selection .download-select-row-date {
  width: 100px;
}
#vba-info-center-edit-view #download-selection .download-select-row-description {
  flex: 2;
}
#vba-info-center-edit-view #failed-mails-section-header {
  font-weight: bold;
}
#vba-info-center-edit-view #failed-mails-section-list {
  display: flex;
  flex-wrap: wrap;
}
#vba-info-center-edit-view #failed-mails-section-list .failed-mails-list-entry {
  margin-left: 5px;
}
#vba-info-center-edit-view #button-row {
  margin-top: 10px;
  display: flex;
}

.admin-member-registrations {
  padding: 20px;
}
.admin-member-registrations h3 {
  margin-top: 0;
}
.admin-member-registrations-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: white;
  padding: 10px;
}
.admin-member-registrations-info button {
  max-width: 170px;
  margin-left: 0;
}
.admin-member-registrations-info-row {
  display: flex;
  width: 50%;
  margin: 10px 0;
}
.admin-member-registrations-info-row > div {
  flex: 1;
}
.admin-member-registrations-actions {
  margin: 10px 0;
  background: white;
  padding: 10px;
}
.admin-member-registrations-actions button:first-of-type {
  margin-left: 0;
}
.admin-member-registrations-actions-row {
  display: flex;
}
.admin-member-registrations-list {
  background: white;
  margin: 10px 0;
  padding: 10px;
}
.admin-member-registrations-search {
  width: 300px;
  padding: 10px 0;
}
.admin-member-registrations-table > thead > th {
  font-size: 11pt;
}
.admin-member-registrations-table-pharmacy {
  width: 170px;
}
.admin-member-registrations-table-check {
  width: 120px;
}
.admin-member-registrations-table-check > div {
  display: flex;
  justify-content: center;
}
.admin-member-registrations-table .checked {
  width: 20px;
  height: 20px;
}

.admin-view-copyrights {
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.admin-view-copyrights-entry {
  display: flex;
  flex-direction: column;
}
.admin-view-copyrights-entry-header {
  font-weight: bold;
}
.admin-view-copyrights-entry-licence {
  display: flex;
  flex-direction: row;
}
.admin-view-copyrights-entry-licence a {
  text-decoration: none;
  margin-left: 5px;
  cursor: pointer;
}

.test-mail-edit-view {
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.test-mail-edit-view .actions-list {
  margin-top: 20px;
}
.test-mail-edit-view .actions-list-row {
  display: flex;
  align-items: center;
}

.test-mails-index-view {
  margin: 15px;
}
.test-mails-index-view .newsletter-progress {
  display: flex;
  align-items: center;
  width: 100%;
}
.test-mails-index-view .newsletter-mail-refresh {
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-left: 20px;
}
.test-mails-index-view .newsletter-mail-refresh > svg > path {
  fill: RGB(226, 0, 10);
}

#press-spokesperson-view #expand-all-icons {
  color: RGB(226, 0, 10);
}
#press-spokesperson-view .district {
  margin: 10px 0 5px 0;
}
#press-spokesperson-view .district-header {
  margin: 5px 0 5px 0;
  color: RGB(226, 0, 10);
  font-size: 14pt;
  font-weight: bold;
  border: thin solid RGB(226, 0, 10);
  border-radius: 3px;
  padding: 0 0 0 2px;
  cursor: pointer;
}
#press-spokesperson-view .district-contacts {
  display: none;
}
#press-spokesperson-view .district-contact-entry td {
  word-wrap: break-word;
}
#press-spokesperson-view .district-functions {
  display: flex;
  justify-content: flex-end;
}
#press-spokesperson-view .district-functions-add {
  margin: 5px 0 5px 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#press-spokesperson-view .district-functions-add svg {
  height: 25px;
  margin: 0 5px 0 0;
}
#press-spokesperson-view .district-functions-add svg path {
  fill: RGB(226, 0, 10);
}
#press-spokesperson-view .district-functions-add span {
  color: RGB(226, 0, 10);
}
#press-spokesperson-view .district .contact-add {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#press-spokesperson-view .district .contact-add > div {
  flex: 1;
}
#press-spokesperson-view .district .contact-add-buttons {
  display: flex;
  justify-content: flex-end;
}
#press-spokesperson-view .district .contact-add .contact-selection {
  position: relative;
}
#press-spokesperson-view .district .contact-add .contact-selection:hover .contact-selection-content {
  display: block;
}
#press-spokesperson-view .district .contact-add .contact-selection-selected {
  border: thin solid lightgrey;
  border-radius: 3px;
  height: 20px;
}
#press-spokesperson-view .district .contact-add .contact-selection-selected input {
  border: none;
  float: left;
  width: 90%;
}
#press-spokesperson-view .district .contact-add .contact-selection-selected .dropdown-icon {
  float: right;
  margin: 0 5px 0 0;
}
#press-spokesperson-view .district .contact-add .contact-selection-selected-clear {
  float: right;
}
#press-spokesperson-view .district .contact-add .contact-selection-selected-clear svg {
  height: 15px;
  margin: 2px 2px 0 0;
}
#press-spokesperson-view .district .contact-add .contact-selection-selected-clear svg path {
  fill: RGB(226, 0, 10);
}
#press-spokesperson-view .district .contact-add .contact-selection-selected-name {
  float: left;
  width: 90%;
}
#press-spokesperson-view .district .contact-add .contact-selection-content {
  position: absolute;
  width: 100%;
  background: white;
  z-index: 2;
  border: thin solid lightgrey;
  border-radius: 3px;
  display: none;
}
#press-spokesperson-view .district .contact-add .contact-selection-content-item {
  cursor: pointer;
}
#press-spokesperson-view .district .contact-add .contact-selection-content-item:hover {
  background: lightgrey;
}
#press-spokesperson-view .district-contacts-table {
  margin: 5px 0 5px 0;
}
#press-spokesperson-view .district-contacts-table table {
  table-layout: fixed;
}
#press-spokesperson-view .district-contacts-table table .table-edit-row {
  background: white;
}
#press-spokesperson-view .district-contacts-table table .table-edit-row-name input {
  border: thin solid lightgrey;
  border-radius: 3px;
}
#press-spokesperson-view .district-contacts-table table .functions-table-row-item {
  margin: 0 10px 0 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}
#press-spokesperson-view .district-contacts-table table .functions-table-row-item span {
  color: RGB(226, 0, 10);
}
#press-spokesperson-view .district-contacts-table table .functions-table-row svg {
  height: 20px;
  margin: 0 5px 0 0;
}
#press-spokesperson-view .district-contacts-table table .functions-table-row svg path {
  fill: RGB(226, 0, 10);
}
#press-spokesperson-view .district-contacts-table .withoutFunctions {
  table-layout: fixed;
}
#press-spokesperson-view .district-contacts-table .withoutFunctions td {
  word-break: break-all;
}
#press-spokesperson-view .district-contacts-table .withoutFunctions .city-name {
  width: 200px;
}
#press-spokesperson-view .district-contacts-table .withoutFunctions .name {
  width: 200px;
}
#press-spokesperson-view .district-contacts-table .withoutFunctions .phone {
  width: 130px;
}
#press-spokesperson-view .district-contacts-table .withoutFunctions .mail {
  width: 410px;
}
#press-spokesperson-view .district-contacts-table .withFunctions {
  table-layout: fixed;
}
#press-spokesperson-view .district-contacts-table .withFunctions td {
  word-break: break-all;
}
#press-spokesperson-view .district-contacts-table .withFunctions .city-name {
  width: 180px;
}
#press-spokesperson-view .district-contacts-table .withFunctions .name {
  width: 200px;
}
#press-spokesperson-view .district-contacts-table .withFunctions .phone {
  width: 120px;
}
#press-spokesperson-view .district-contacts-table .withFunctions .mail {
  width: 370px;
}
#press-spokesperson-view .district-contacts-table .withFunctions .functions-table-row {
  width: 120px;
}
#press-spokesperson-view #press-downloads-table #press-downloads-table-description {
  width: 580px;
}
#press-spokesperson-view #press-downloads-table #press-downloads-table-type {
  width: 47px;
}
#press-spokesperson-view #press-downloads-table #press-downloads-table-date {
  width: 94px;
}
#press-spokesperson-view #press-downloads-table #press-downloads-table-size {
  width: 60px;
}
#press-spokesperson-view #press-downloads-table #press-downloads-table-function {
  width: 135px;
}
#press-spokesperson-view #press-downloads-table svg path {
  fill: RGB(226, 0, 10);
}

.press-releases-view h2 {
  border-bottom: thin solid RGB(226, 0, 10);
}
.press-releases-view-no-releases {
  font-size: 13pt;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .press-releases-view-no-releases {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

#press-media-service-view #download-section {
  padding: 0 5px 0 5px;
}
#press-media-service-view #download-section .section-select {
  margin: 5px 0 10px 0;
  width: 50%;
}
#press-media-service-view #download-section svg path {
  fill: RGB(226, 0, 10);
}
#press-media-service-view h2 {
  display: flex;
  align-items: center;
}
#press-media-service-view h2 > div {
  margin: 0 0 0 30px;
  font-weight: normal;
  font-size: 12pt;
}
#press-media-service-view table {
  width: 100%;
}
#press-media-service-view #press-downloads-table .press-downloads-table-description {
  width: 580px;
}
#press-media-service-view #press-downloads-table .press-downloads-table-type {
  width: 47px;
}
#press-media-service-view #press-downloads-table .press-downloads-table-date {
  width: 94px;
}
#press-media-service-view #press-downloads-table .press-downloads-table-size {
  width: 60px;
}
#press-media-service-view #press-downloads-table .press-downloads-table-function {
  width: 135px;
}
#press-media-service-view #press-downloads-table .press-downloads-table-function > button > i {
  width: auto;
  margin-right: 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #press-media-service-view #press-downloads-table tbody .press-downloads-table-description, #press-media-service-view #press-downloads-table tbody .press-downloads-table-date, #press-media-service-view #press-downloads-table tbody .press-downloads-table-size {
    font-size: 9pt;
  }
  #press-media-service-view #press-downloads-table tbody .press-downloads-table-type > svg {
    width: 30px;
    height: 30px;
  }
}

#press-background-view #download-section {
  padding: 0 5px 0 5px;
}
#press-background-view #download-section .section-select {
  margin: 5px 0 10px 0;
  width: 50%;
}
#press-background-view #download-section svg path {
  fill: RGB(226, 0, 10);
}
#press-background-view table {
  width: 100%;
}
#press-background-view #press-downloads-table .press-downloads-table-description {
  width: 580px;
}
#press-background-view #press-downloads-table .press-downloads-table-type {
  width: 47px;
}
#press-background-view #press-downloads-table .press-downloads-table-date {
  width: 94px;
}
#press-background-view #press-downloads-table .press-downloads-table-size {
  width: 60px;
}
#press-background-view #press-downloads-table .press-downloads-table-function {
  width: 135px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #press-background-view #press-downloads-table tbody .press-downloads-table-description, #press-background-view #press-downloads-table tbody .press-downloads-table-date, #press-background-view #press-downloads-table tbody .press-downloads-table-size {
    font-size: 9pt;
  }
  #press-background-view #press-downloads-table tbody .press-downloads-table-type {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
  }
  #press-background-view #press-downloads-table tbody .press-downloads-table-type svg {
    width: 25px;
    height: 25px;
  }
  #press-background-view #press-downloads-table tbody .press-downloads-table-function > button {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #press-background-view #press-downloads-table tbody .press-downloads-table-function i {
    margin-right: 0;
  }
}

#press-review-view #download-section {
  padding: 0 5px 0 5px;
}
#press-review-view #download-section .section-select {
  margin: 5px 0 10px 0;
  width: 50%;
}
#press-review-view #download-section svg path {
  fill: RGB(226, 0, 10);
}
#press-review-view table {
  margin: 15px 0;
  width: 100%;
}
#press-review-view #press-downloads-table #press-downloads-table-description {
  width: 580px;
}
#press-review-view #press-downloads-table #press-downloads-table-type {
  width: 47px;
}
#press-review-view #press-downloads-table #press-downloads-table-date {
  width: 94px;
}
#press-review-view #press-downloads-table #press-downloads-table-size {
  width: 60px;
}
#press-review-view #press-downloads-table #press-downloads-table-function {
  width: 135px;
}

#member-downloads-index-view #download-filter {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #member-downloads-index-view #download-filter {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }
}
#member-downloads-index-view #download-filter #download-search {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
#member-downloads-index-view #download-filter #download-search > span {
  margin-right: 10px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #member-downloads-index-view #download-filter #download-search {
    width: 100%;
    justify-content: flex-start;
    height: 30px;
    flex: none;
    align-items: center;
  }
  #member-downloads-index-view #download-filter #download-search input {
    height: 100%;
    flex: 1;
  }
}
#member-downloads-index-view .section-select {
  margin: 10px 0 10px 0;
  flex: 3;
}

#member-board-view #tab-navigation {
  margin: 20px 0;
}
#member-board-view #member-board-title {
  font-size: 15pt;
  font-weight: bold;
}
#member-board-view .council-title {
  font-weight: bold;
  font-size: 12pt;
  margin: 5px 0 0 0;
}
#member-board-view .district-subtitle {
  display: flex;
}
#member-board-view .district-subtitle > span {
  font-weight: bold;
}
#member-board-view h3 {
  margin-bottom: 8px;
}

#member-handbook-view #handbook-selection-header {
  margin: 10px 0 10px 0;
}
#member-handbook-view #handbook-selection-area {
  padding: 10px 0 20px 0;
  display: flex;
  border-bottom: thin solid RGB(226, 0, 10);
}
#member-handbook-view #handbook-selection-area .handbook-selection-item {
  color: RGB(226, 0, 10);
  margin: 0 0 5px 0;
  cursor: pointer;
}
#member-handbook-view #handbook-display-area {
  max-width: 987px;
}
#member-handbook-view #handbook-display-area ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
#member-handbook-view #handbook-display-area ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}
#member-handbook-view #handbook-display-area ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #member-handbook-view #handbook-display-area ol > li:before {
    padding-right: 0;
  }
}
#member-handbook-view #handbook-display-area li ol > li {
  margin: 0;
}
#member-handbook-view #handbook-display-area li ol > li:before {
  content: counters(item, ".") " ";
}
#member-handbook-view #handbook-display-area #active-handbook-display {
  float: left;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #member-handbook-view #handbook-display-area #active-handbook-display li {
    margin: 5px 0;
    word-break: break-all;
  }
  #member-handbook-view #handbook-display-area #active-handbook-display li span {
    padding-left: 3px;
  }
}

#member-cooperation-view {
  overflow: hidden;
}
#member-cooperation-view #cooperation-view-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: white;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #member-cooperation-view #cooperation-view-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
  }
}

.member-news-view h2 {
  border-bottom: thin solid RGB(226, 0, 10);
}

#member-knowledgebase-view #button-row button {
  margin: 10px 0 10px 0;
}
#member-knowledgebase-view .knowledgebase-view-attachment {
  color: RGB(226, 0, 10);
  cursor: pointer;
}
#member-knowledgebase-view .knowledgebase-view-title-picture {
  display: flex;
  justify-content: center;
  align-items: center;
}
#member-knowledgebase-view .knowledgebase-view-title-picture img {
  max-width: 200px;
  max-height: 200px;
}

#member-circular-index-view .circular-selection {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #member-circular-index-view .circular-selection {
    flex-direction: column;
    align-items: flex-start;
  }
}
#member-circular-index-view .circular-selection-circular, #member-circular-index-view .circular-selection-fax {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 10px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #member-circular-index-view .circular-selection-circular, #member-circular-index-view .circular-selection-fax {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
  #member-circular-index-view .circular-selection-circular > div, #member-circular-index-view .circular-selection-fax > div {
    flex: 1;
  }
}
#member-circular-index-view .circular-selection-fax {
  justify-content: flex-end;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #member-circular-index-view .circular-selection-fax {
    justify-content: space-between;
  }
}
#member-circular-index-view .circular-selection .selection-title {
  font-size: 13pt;
  font-weight: bold;
  margin: 0 10px 0 0;
}
#member-circular-index-view .circular-selection .selection-container {
  position: relative;
  height: 20px;
  width: 25%;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #member-circular-index-view .circular-selection .selection-container {
    width: 100%;
  }
}
#member-circular-index-view .circular-selection .selection-container:hover .circular-selection-content {
  display: block;
}
#member-circular-index-view .circular-selection .selection-container .selected-circular {
  border: thin solid RGB(226, 0, 10);
  height: 100%;
  cursor: pointer;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #member-circular-index-view .circular-selection .selection-container .selected-circular {
    height: 20px;
  }
}
#member-circular-index-view .circular-selection .selection-container .selected-circular-name {
  width: 85%;
  float: left;
  padding: 0 0 0 3px;
}
#member-circular-index-view .circular-selection .selection-container .selected-circular-icon {
  width: 10%;
  height: 100%;
  float: right;
  margin: 0 3px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#member-circular-index-view .circular-selection .selection-container .circular-selection-content {
  position: absolute;
  width: 100%;
  display: none;
  border: thin solid lightgrey;
  background: white;
  z-index: 1;
  max-height: 150px;
  overflow: auto;
}
#member-circular-index-view .circular-selection .selection-container .circular-selection-content-item {
  cursor: pointer;
}
#member-circular-index-view .circular-selection .selection-container .circular-selection-content-item:hover {
  background: lightgrey;
}
#member-circular-index-view .circular-content {
  margin: 20px 0 0 0;
  width: 100%;
}
#member-circular-index-view .circular-content-header-title {
  color: RGB(226, 0, 10);
  font-size: 14pt;
  font-weight: bold;
  margin: 5px 0 5px 0;
}
#member-circular-index-view .circular-content-header-download-label {
  font-size: 12pt;
  font-weight: bold;
  margin: 0 15px 0 0;
}
#member-circular-index-view .circular-content-header-download-name {
  color: RGB(226, 0, 10);
  cursor: pointer;
}
#member-circular-index-view .circular-content #circular-downloads-table {
  width: 100%;
}
#member-circular-index-view .circular-content #circular-downloads-table .circular-table-description {
  width: 580px;
}
#member-circular-index-view .circular-content #circular-downloads-table .circular-table-type {
  width: 47px;
}
#member-circular-index-view .circular-content #circular-downloads-table .circular-table-date {
  width: 94px;
}
#member-circular-index-view .circular-content #circular-downloads-table .circular-table-size {
  width: 60px;
}
#member-circular-index-view .circular-content #circular-downloads-table .circular-table-function {
  width: 135px;
}
#member-circular-index-view .circular-content #circular-downloads-table svg path {
  fill: RGB(226, 0, 10);
}
#member-circular-index-view .circular-content .category {
  margin: 20px 0 0 0;
}
#member-circular-index-view .circular-content .category .category-name {
  color: RGB(226, 0, 10);
  font-size: 13pt;
  font-weight: bold;
}
#member-circular-index-view .circular-content .category .circular-content-title {
  font-size: 14pt;
  font-weight: bold;
  color: RGB(226, 0, 10);
}
#member-circular-index-view .circular-content .category .circular-content-item {
  display: flex;
  margin: 5px 0 5px 20px;
}
#member-circular-index-view .circular-content .category .circular-content-item-date {
  margin: 0 20px 0 0;
  font-weight: bold;
}
#member-circular-index-view .circular-content .category .circular-content-item-title {
  cursor: pointer;
}

#member-circular-item-show {
  display: flex;
  flex-direction: column;
}
#member-circular-item-show #back-button {
  display: flex;
  align-items: center;
  margin: 5px 0 5px 0;
  cursor: pointer;
  float: left;
  width: 100px;
}
#member-circular-item-show #back-button svg {
  margin: 0 5px 0 0;
  width: 20px;
}
#member-circular-item-show #back-button svg path {
  fill: grey;
}
#member-circular-item-show #content-row {
  display: flex;
}
#member-circular-item-show #content-row #content {
  flex: 2;
}
#member-circular-item-show #content-row #content #item-titlePicture {
  display: flex;
  justify-content: center;
  margin: 5px 0 5px 0;
}
#member-circular-item-show #content-row #content #item-titlePicture img {
  max-height: 200px;
}
#member-circular-item-show #content-row #content #item-title {
  font-size: 13pt;
  font-weight: bold;
  color: RGB(226, 0, 10);
  margin: 10px 0 10px 0;
}
#member-circular-item-show #content-row #additional-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#member-circular-item-show #content-row #additional-content img {
  max-width: 100px;
  margin: 10px 0 10px 0;
}

.member-campaign-view {
  padding: 0 15px 15px 15px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .member-campaign-view {
    padding: 0;
  }
}
.member-campaign-view .campaign-content img {
  max-width: 926px;
  padding: 5px 40px;
}
.member-campaign-view .campaign-downloads h3 {
  margin: 19px 0 19px 5px;
}

#member-committees-view #tab-navigation {
  margin-top: 10px;
}
#member-committees-view .tab-navigation-link a {
  padding: 10px 5px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #member-committees-view .tab-navigation-link a {
    font-size: 12px;
  }
}

#member-vba-infos-view .vba-infos-selection {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 10px;
}
#member-vba-infos-view .vba-infos-selection .selection-title {
  font-size: 13pt;
  font-weight: bold;
  margin: 0 10px 0 0;
}
#member-vba-infos-view .vba-infos-selection .selection-container {
  position: relative;
  height: 20px;
  width: 25%;
}
#member-vba-infos-view .vba-infos-selection .selection-container:hover .vba-infos-selection-content {
  display: block;
}
#member-vba-infos-view .vba-infos-selection .selection-container .selected-vba-info {
  border: thin solid RGB(226, 0, 10);
  height: 100%;
  cursor: pointer;
}
#member-vba-infos-view .vba-infos-selection .selection-container .selected-vba-info-name {
  width: 85%;
  float: left;
  padding: 0 0 0 3px;
}
#member-vba-infos-view .vba-infos-selection .selection-container .selected-vba-info-icon {
  width: 10%;
  float: right;
  margin: 0 3px 0 0;
}
#member-vba-infos-view .vba-infos-selection .selection-container .vba-infos-selection-content {
  position: absolute;
  width: 100%;
  display: none;
  border: thin solid lightgrey;
  background: white;
  z-index: 1;
  max-height: 150px;
  overflow: auto;
}
#member-vba-infos-view .vba-infos-selection .selection-container .vba-infos-selection-content-item {
  cursor: pointer;
}
#member-vba-infos-view .vba-infos-selection .selection-container .vba-infos-selection-content-item:hover {
  background: lightgrey;
}
#member-vba-infos-view .vba-infos-content {
  margin: 20px 0 0 0;
  width: 100%;
}
#member-vba-infos-view .vba-infos-content-header-title {
  color: RGB(226, 0, 10);
  font-size: 14pt;
  font-weight: bold;
  margin: 5px 0 5px 0;
}
#member-vba-infos-view .vba-infos-content-header-download-label {
  font-size: 12pt;
  font-weight: bold;
  margin: 0 15px 0 0;
}
#member-vba-infos-view .vba-infos-content-header-download-name {
  color: RGB(226, 0, 10);
  cursor: pointer;
}
#member-vba-infos-view .vba-infos-content #vba-infos-downloads-table {
  width: 100%;
}
#member-vba-infos-view .vba-infos-content #vba-infos-downloads-table .vba-infos-table-description {
  width: 580px;
}
#member-vba-infos-view .vba-infos-content #vba-infos-downloads-table .vba-infos-table-type {
  width: 47px;
}
#member-vba-infos-view .vba-infos-content #vba-infos-downloads-table .vba-infos-table-date {
  width: 94px;
}
#member-vba-infos-view .vba-infos-content #vba-infos-downloads-table .vba-infos-table-size {
  width: 60px;
}
#member-vba-infos-view .vba-infos-content #vba-infos-downloads-table .vba-infos-table-function {
  width: 135px;
}
#member-vba-infos-view .vba-infos-content #vba-infos-downloads-table svg path {
  fill: RGB(226, 0, 10);
}
#member-vba-infos-view .vba-infos-content .category {
  margin: 20px 0 0 0;
}
#member-vba-infos-view .vba-infos-content .category .category-name {
  color: RGB(226, 0, 10);
  font-size: 13pt;
  font-weight: bold;
}
#member-vba-infos-view .vba-infos-content .category .circular-content-title {
  font-size: 14pt;
  font-weight: bold;
  color: RGB(226, 0, 10);
}
#member-vba-infos-view .vba-infos-content .category .circular-content-item {
  display: flex;
  margin: 5px 0 5px 20px;
}
#member-vba-infos-view .vba-infos-content .category .circular-content-item-date {
  margin: 0 20px 0 0;
  font-weight: bold;
}
#member-vba-infos-view .vba-infos-content .category .circular-content-item-title {
  cursor: pointer;
}

.member-member-meeting {
  padding-bottom: 15px;
}
.member-member-meeting-data {
  display: flex;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .member-member-meeting-data {
    flex-direction: column;
  }
}
.member-member-meeting-data-column {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.member-member-meeting-data-row {
  display: flex;
  align-items: center;
  margin: 8px 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .member-member-meeting-data-row {
    flex-direction: column;
    align-items: flex-start;
    font-size: 14pt;
  }
  .member-member-meeting-data-row #member-meeting-input {
    width: 100%;
  }
  .member-member-meeting-data-row input {
    width: 100%;
    font-size: 12pt;
    padding: 4px;
  }
}
.member-member-meeting-data-row > div {
  flex: 1;
  display: flex;
  align-items: center;
}
.member-member-meeting-data-row-companions input {
  width: 40px;
}
.member-member-meeting-data-actions {
  display: flex;
  flex: 1;
}
.member-member-meeting-data-actions > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 8px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .member-member-meeting-data-actions > div {
    align-items: flex-start;
    padding-left: 0;
  }
}
.member-member-meeting-data-actions > div > button {
  width: 100px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .member-member-meeting-data-actions > div > button {
    height: 35px;
    margin-left: 0;
  }
}
.member-member-meeting-summary-container {
  display: flex;
  padding-top: 15px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .member-member-meeting-summary-container {
    flex-direction: column;
    padding-top: 0px;
  }
}
.member-member-meeting-summary-container-column {
  flex: 1;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .member-member-meeting-summary-container-column {
    margin-top: 15px;
  }
}
.member-member-meeting-summary-actions {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .member-member-meeting-summary-actions {
    margin-top: 15px;
  }
  .member-member-meeting-summary-actions > button {
    height: 35px;
  }
}

#contact-request-view {
  margin: 15px 0 15px 0;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
#contact-request-view .contact-data {
  width: 100%;
  margin: 0 0 10px 0;
}
#contact-request-view .contact-data-text {
  float: left;
}
#contact-request-view .contact-data-image {
  float: right;
  height: 100%;
  width: auto;
}
#contact-request-view .contact-form {
  width: 100%;
}
#contact-request-view .contact-form #recipient-name {
  color: RGB(226, 0, 10);
  text-align: center;
  border: thin solid RGB(226, 0, 10);
}
#contact-request-view .contact-form .required input {
  border: thin solid RGB(226, 0, 10);
}
#contact-request-view .contact-form .dropdown-selection-item-name {
  font-weight: bold;
}
#contact-request-view .contact-form-row {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  width: 75%;
  margin: 5px;
}
#contact-request-view .contact-form-row-readonly {
  padding-left: 5px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #contact-request-view .contact-form-row {
    width: auto;
    margin: 15px 5px;
    flex-direction: column;
  }
}
#contact-request-view .contact-form-row span {
  flex: 1;
}
#contact-request-view .contact-form-row input {
  flex: 2;
  border: thin solid lightgrey;
}
#contact-request-view .contact-form-row textarea {
  flex: 2;
}
#contact-request-view .contact-form-row > div {
  flex: 2;
}
#contact-request-view .contact-form #submit-row {
  width: 60%;
  display: flex;
  margin: 5px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #contact-request-view .contact-form #submit-row {
    width: auto;
    flex-direction: column-reverse;
  }
  #contact-request-view .contact-form #submit-row button {
    margin-top: 20px;
    margin-left: 0;
    height: 35px;
  }
}
#contact-request-view .contact-form #submit-row > div {
  flex: 1;
}
#contact-request-view .contact-form #submit-row #question {
  flex: 2;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #contact-request-view .contact-form #submit-row #question {
    flex-direction: column;
  }
  #contact-request-view .contact-form #submit-row #question input {
    margin-top: 8px;
  }
}
#contact-request-view #accept-privacy {
  width: 60%;
  margin: 30px 0 30px 0;
  display: inline-block;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #contact-request-view #accept-privacy {
    width: auto;
  }
}
#contact-request-view #accept-privacy > input {
  float: left;
}
#contact-request-view #accept-privacy > label {
  cursor: pointer;
  display: block;
  margin: 0 0 0 24px;
}

#contact-approach-view {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#contact-approach-view #approach-content {
  margin: 10px 0 10px 0;
}
#contact-approach-view #approach-maps-container {
  margin: 10px 0 10px 0;
  display: flex;
  justify-content: center;
}
#contact-approach-view #approach-maps-container .g-map {
  height: 400px;
  width: 400px;
}
#contact-approach-view #approach-maps-container .g-map-canvas {
  width: 100%;
  height: 100%;
}
#contact-approach-view #maps-placeholder {
  height: 400px;
  width: 400px;
  background: RGB(235, 238, 242);
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  padding: 25px;
  margin: 0 0 20px 0;
}
#contact-approach-view #maps-placeholder #link {
  text-decoration: underline;
  cursor: pointer;
}

#contact-membership-view table {
  width: 100%;
  margin: 10px 0;
}
#contact-membership-view table span {
  color: RGB(226, 0, 10);
  cursor: pointer;
}
#contact-membership-view table .left-align {
  text-align: left;
}
#contact-membership-view table .right-align {
  text-align: right;
}
#contact-membership-view #downloads-table svg path {
  fill: RGB(226, 0, 10);
}
#contact-membership-view #downloads-table-description {
  width: 580px;
}
#contact-membership-view #downloads-table-table-type {
  width: 47px;
}
#contact-membership-view #downloads-table-date {
  width: 94px;
}
#contact-membership-view #downloads-table-size {
  width: 60px;
}
#contact-membership-view #downloads-table-function {
  width: 135px;
}

#seminar-index-view {
  margin: 0 0 10px 0;
}
#seminar-index-view h3 {
  margin: 10px 0 10px 0;
}
#seminar-index-view .seminar-entry {
  padding: 5px 0 0 0;
  margin: 0 0 5px 0;
  display: flex;
  flex-direction: column;
}
#seminar-index-view .seminar-entry-date {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #seminar-index-view .seminar-entry-date {
    justify-content: space-between;
  }
}
#seminar-index-view .seminar-entry-date-time {
  padding: 3px;
  background: RGB(226, 0, 10);
  color: white;
  margin: 0 5px 0 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #seminar-index-view .seminar-entry-date-time {
    margin: 0;
    font-size: 10.5pt;
  }
}
#seminar-index-view .seminar-entry-date-hours {
  display: flex;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #seminar-index-view .seminar-entry-date-hours {
    font-size: 10.5pt;
  }
}
#seminar-index-view .seminar-entry-date-place {
  font-weight: bold;
  margin-left: 30px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #seminar-index-view .seminar-entry-date-place {
    margin: 0;
    font-size: 10.5pt;
  }
}
#seminar-index-view .seminar-entry-date-free {
  margin-left: 30px;
}
#seminar-index-view .seminar-entry-date-free span:last-child {
  background: RGB(226, 0, 10);
  color: white;
  padding: 3px;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #seminar-index-view .seminar-entry-date-free span:last-child {
    margin-left: 5px;
  }
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #seminar-index-view .seminar-entry-date-free {
    display: flex;
    align-items: center;
    font-size: 10.5pt;
    margin: 0;
  }
}
#seminar-index-view .seminar-entry-date-closed {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin: 0 0 0 30px;
}
#seminar-index-view .seminar-entry-date-closed i {
  color: RGB(226, 0, 10);
  margin: 0 4px 0 0;
}
#seminar-index-view .seminar-data {
  margin: 3px 0 0 0;
}
#seminar-index-view .seminar-data .seminar-title {
  float: left;
}
#seminar-index-view .seminar-link {
  margin: 0 0 0 5px;
  text-decoration: none;
  font-weight: bold;
}
#seminar-index-view .service-seminar-title {
  width: 100%;
  border-bottom: thin solid RGB(85, 85, 85);
  margin: 0 0 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#seminar-index-view .service-seminar-title .time-frame-selector {
  min-width: 200px;
}

#seminar-show-view {
  margin: 0 0 10px 0;
}
#seminar-show-view .seminar-information-item span {
  font-weight: bold;
}
#seminar-show-view #button-row {
  margin: 10px 0;
}
#seminar-show-view #button-row button {
  margin: 0;
}
#seminar-show-view .seminar-show-header {
  font-weight: bold;
  margin: 5px 0 5px 0;
}
#seminar-show-view .seminar-show-information {
  padding: 10px 0 0 0;
  border-top: thin solid RGB(226, 0, 10);
}
#seminar-show-view .seminar-show-information #seminar-attachment-name {
  font-weight: normal;
  color: RGB(226, 0, 10);
}
#seminar-show-view .seminar-show-information #seminar-attachment-name:hover {
  cursor: pointer;
}
#seminar-show-view .seminar-show-information .seminar-information-item {
  margin: 0 0 5px 0;
}
#seminar-show-view .seminar-show-registration #seminar-show-online-register {
  color: RGB(226, 0, 10);
}
#seminar-show-view .seminar-show-registration #seminar-show-online-register:hover {
  cursor: pointer;
}
#seminar-show-view .seminar-show-registration #seminar-show-closed-registration {
  border: 2px solid RGB(226, 0, 10);
  width: 60%;
  margin: 10px auto 0 auto;
  padding: 5px;
  text-align: center;
}
#seminar-show-view .seminar-show-registration #seminar-show-closed-registration #closed-registration-header {
  font-weight: bold;
  background: rgba(226, 0, 10, 0.3);
}
#seminar-show-view .seminar-show-registration #seminar-show-closed-registration #closed-registration-footer {
  font-weight: bold;
}

.seminar-register-view {
  display: flex;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .seminar-register-view {
    flex-direction: column-reverse;
  }
}
.seminar-register-view #wizard-view {
  flex: 3;
}
.seminar-register-view #register-sidebar {
  flex: 2;
  display: flex;
  flex-direction: column;
  padding: 10px 0;
}
.seminar-register-view #register-sidebar img {
  margin: 20px 0;
}
.seminar-register-view #register-sidebar-list {
  margin: 20px 0 40px 0;
  padding: 0 0 10px 0;
  border-bottom: thin solid RGB(226, 0, 10);
  border-top: thin solid RGB(226, 0, 10);
}
.seminar-register-view #register-sidebar-list .participant-list {
  cursor: pointer;
}
.seminar-register-view-participants, .seminar-register-view-invoice, .seminar-register-view-summary {
  padding: 0 25px 0 0;
  margin: 0 0 30px 0;
}
.seminar-register-view-summary .content {
  display: flex;
  margin: 15px 0;
}
.seminar-register-view-summary .content > div {
  flex: 1;
}
.seminar-register-view-summary .content .registration-summary-invoice {
  border: thin solid RGB(226, 0, 10);
  padding: 20px 10px;
}
.seminar-register-view-summary .content .registration-summary-invoice-row {
  margin: 5px 0;
}
.seminar-register-view-summary .content .summary-participant {
  border: thin solid RGB(226, 0, 10);
  padding: 7px;
  margin: 15px 15px 15px 0;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.seminar-register-view-summary .content .summary-participant svg {
  height: 20px;
}
.seminar-register-view .registration {
  display: flex;
  flex-direction: column;
}
.seminar-register-view .registration-row {
  display: flex;
  margin: 8px 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .seminar-register-view .registration-row {
    flex-direction: column;
  }
}
.seminar-register-view .registration-row-text {
  flex: 1;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  .seminar-register-view .registration-row-text {
    margin-bottom: 5px;
  }
}
.seminar-register-view .registration-row-input {
  flex: 2;
}
.seminar-register-view .registration-row-input > select {
  border-color: RGB(226, 0, 10);
  padding: 10px;
  width: 100%;
}
.seminar-register-view .registration-row-input > input, .seminar-register-view .registration-row-input textarea {
  border-color: RGB(226, 0, 10);
  padding: 10px;
  width: 100%;
}
.seminar-register-view .registration-row-input #checkbox-row .check-box {
  float: left;
  margin: 0 25px 0 0;
}
.seminar-register-view .headline > div {
  margin: 15px 0 20px 0;
}
.seminar-register-view .headline-title {
  font-size: 14pt;
  font-weight: bold;
}
.seminar-register-view .headline-date {
  color: RGB(226, 0, 10);
}
.seminar-register-view .button-row {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
}
.seminar-register-view .button-row > button {
  flex: 2;
  height: 45px;
  margin: 0;
}
.seminar-register-view .button-row > div {
  flex: 1;
}
.seminar-register-view .error {
  color: red;
}

#district-show-view #button-row {
  margin: 20px 0;
}
#district-show-view #district-content {
  display: flex;
  flex-direction: column;
}
#district-show-view #district-content .district-show-mobile-navigation {
  display: flex;
  flex-direction: column;
}
#district-show-view #district-content .district-show-mobile-navigation-row {
  display: flex;
}
#district-show-view #district-content .district-show-mobile-navigation-row-item {
  flex: 1;
  padding: 10px;
  text-align: center;
  opacity: 0.5;
  border: thin solid lightgray;
}
#district-show-view #district-content .district-show-mobile-navigation-row-item[active] {
  opacity: 1;
  border: thin solid RGB(226, 0, 10);
}
#district-show-view #district-content .tab-navigation-link a {
  padding: 10px 0 10px 0;
}

#service-districts-index-view #districts-map {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
#service-districts-index-view #districts-map svg .h2 {
  opacity: 0;
}
#service-districts-index-view #districts-map svg .h3 {
  opacity: 0;
}
#service-districts-index-view #districts-map svg .h3 path {
  fill: #fff;
}
#service-districts-index-view #districts-map svg .re {
  opacity: 0;
}
#service-districts-index-view #districts-map svg .re path {
  fill: #fff;
}
#service-districts-index-view #districts-map svg path:hover {
  fill: #E2001A;
}
#service-districts-index-view #districts-map svg text {
  opacity: 1;
  font-size: 12px;
  fill: black;
  pointer-events: none;
}
#service-districts-index-view #districts-map svg path:hover ~ .h3 {
  opacity: 1;
  fill: #fff;
}
#service-districts-index-view #districts-map svg path:hover ~ .re {
  opacity: 1;
  fill: #E2001A;
}
#service-districts-index-view #districts-map svg path:hover ~ text {
  opacity: 0;
  fill: white;
}
#service-districts-index-view #districts-map svg path:hover ~ circle {
  opacity: 0;
}
#service-districts-index-view #districts-map svg path:hover ~ .h2 {
  opacity: 1;
}

#district-introduction-view #district-introduction-display {
  margin: 5px;
  overflow-y: hidden;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #district-introduction-view #district-introduction-display {
    display: flex;
    flex-direction: column;
  }
  #district-introduction-view #district-introduction-display img {
    object-fit: scale-down;
  }
}

#district-seminars-view {
  margin: 5px 0 0 0;
  display: flex;
  flex-direction: column;
}
#district-seminars-view #district-seminar-content {
  margin: 0 10px 0 0;
}
#district-seminars-view #district-seminar-information {
  margin: 0 0 0 10px;
  display: flex;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #district-seminars-view #district-seminar-information {
    flex-direction: column;
  }
}
#district-seminars-view #district-seminar-information #district-seminar-contact {
  flex: 1 0 0;
}
#district-seminars-view #district-seminar-information #district-seminar-contact > h4 {
  margin: 10px 0 0 0;
}
#district-seminars-view #district-seminar-information #district-seminar-contact-buttons {
  display: flex;
}
#district-seminars-view #district-seminar-information #district-seminar-container {
  flex: 2 0 0;
}
#district-seminars-view #district-seminar-information #district-seminar-container > h4 {
  margin: 10px 0 0 0;
}
#district-seminars-view .district-seminar-list {
  margin: 5px 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #district-seminars-view .district-seminar-list {
    display: flex;
    flex-direction: column;
  }
}
#district-seminars-view .district-seminar-list-date {
  font-size: 11pt;
  font-weight: bold;
}
#district-seminars-view .district-seminar-list-title {
  color: RGB(226, 0, 10);
  cursor: pointer;
}
#district-seminars-view #contact-search-field {
  margin: 5px 0 5px 0;
}
#district-seminars-view #contact-search-field input {
  float: right;
  width: 80%;
}
#district-seminars-view .contact-selection {
  display: flex;
  flex-direction: column;
}
#district-seminars-view .contact-selection #buttons {
  display: flex;
}
#district-seminars-view .contact-selection #buttons button {
  margin: 10px 10px 0 0;
}

#district-downloads-view #district-download-title {
  margin: 15px 0 10px 0;
  font-size: 12pt;
  font-weight: bold;
}
#district-downloads-view #upload-input-form {
  margin: 10px 0 10px 0;
}
#district-downloads-view #district-download-list li {
  cursor: pointer;
  color: RGB(226, 0, 10);
}
#district-downloads-view #district-download-upload-area-actions {
  display: flex;
}
#district-downloads-view #district-download-upload-area-actions > button:first-of-type {
  margin-left: 0;
}

#district-jobmarket-view {
  display: flex;
  flex-direction: column;
}
#district-jobmarket-view #district-jobmarket-information {
  flex: 2;
}
#district-jobmarket-view #district-jobmarket-information {
  margin: 5px 0;
  display: flex;
}
#district-jobmarket-view #district-jobmarket-contact {
  flex: 1;
}
#district-jobmarket-view #district-jobmarket-contact-buttons {
  display: flex;
}
#district-jobmarket-view #contact-search-field {
  margin: 5px 0 5px 0;
}
#district-jobmarket-view #contact-search-field input {
  float: right;
  width: 80%;
}
#district-jobmarket-view .contact-selection {
  display: flex;
  flex-direction: column;
}
#district-jobmarket-view .contact-selection #buttons {
  display: flex;
}
#district-jobmarket-view .contact-selection #buttons button {
  margin: 10px 10px 0 0;
}

#district-picture-gallery-view {
  display: flex;
  flex-direction: column;
}
#district-picture-gallery-view #picture-slideshow-container {
  flex: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
#district-picture-gallery-view #picture-slideshow-container-mobile {
  display: flex;
  flex-direction: column;
}
#district-picture-gallery-view #picture-slideshow-container-mobile > img {
  margin: 10px 0;
}
#district-picture-gallery-view .pagination-button > span {
  font-weight: bolder;
  font-size: 16pt;
  color: RGB(226, 0, 10);
}

#district-council-members-contacts {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #district-council-members-contacts {
    flex-direction: column;
  }
}
#district-council-members-contacts > div {
  flex: 1;
}
#district-council-members-contacts > div .contact-show {
  width: 100%;
}
#district-council-members-selection {
  width: 50%;
}
#district-council-members-selection > div {
  margin: 4px 0;
}
#district-council-members-selection > div #buttons {
  display: flex;
}
#district-council-members-selection > div #buttons button {
  margin: 5px 4px;
}

#service-abc-view-dropdown {
  width: 50%;
  margin: 5px 0;
}
@media screen and (max-width: 720px), screen and (max-height: 391px) {
  #service-abc-view-dropdown {
    width: 100%;
  }
}

#training-index-view {
  margin: 0 0 10px 0;
}
#training-index-view h3 {
  margin: 10px 0 10px 0;
}
#training-index-view .seminar-entry {
  padding: 5px 0 0 0;
  margin: 0 0 5px 0;
}
#training-index-view .seminar-date {
  float: left;
  padding: 0 5px 0 5px;
  margin: 0 8px 0 0;
  background: RGB(226, 0, 10);
  color: white;
}
#training-index-view .seminar-entry-place {
  font-weight: bold;
}
#training-index-view .seminar-data {
  margin: 3px 0 0 0;
}
#training-index-view .seminar-data .seminar-title {
  float: left;
}
#training-index-view .seminar-link {
  margin: 0 0 0 5px;
  text-decoration: none;
  font-weight: bold;
}
#training-index-view .service-seminar-title {
  width: 100%;
  border-bottom: thin solid RGB(85, 85, 85);
  margin: 0 0 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#training-index-view .service-seminar-title .time-frame-selector {
  min-width: 200px;
}

@media print {
  .hide-print {
    display: none !important;
  }
}
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Calibri, Arial, sans-serif !important;
  height: 100%;
  color: RGB(85, 85, 85);
}
body > svg {
  cursor: pointer;
}

html {
  height: 100%;
}

button {
  cursor: pointer;
}

a {
  color: inherit;
}

.application-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.sticky {
  background: white;
}

body > .ember-view {
  height: 100%;
}