.camButton {
  width: 300px !important;
}

.container-header nav {
  margin-top: 0px;
  margin-left: auto;
}
.fabrikEventModal {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}
.btn-close {
  --btn-close-bg: url("/media/com_fabrik/images/delete.png");
}
.col-sm-4 {
  font-weight: bold;
}
.modal-header { 
  margin-top: 20px;
}
.fa-expand {
  display: none;
}
.fabrik_visualization {
  max-width: 560px;
  margin: auto !important;
  font-size: 14px; 
}
.fabrikEvent.label {
  text-decoration: none !important;
  color: white;
}
#fullcalendar_addeventwin.modal {
  width: 560px !important;
}
.fc-event {
  font-size: .65em !important;
}
.fabrikGroup {
  margin:auto;
  width: 340px !important;
}
.fabrikElement {
  width: 340px;
}
.form-label {
  width: 340px;
  font-weight: bold;
  font-size: 13px;  
}
.fabrikinput {
  font-size: 13px;
}
.row  {
  --gutter-x:0.4em !important;  
}
.calendar-legend ul {
  font-size: 13px;
  display: flex;
}
.calendar-legend h3 {
  font-size: 18px;
}
#visualization_7_com_content_7 {
  font-size: 13px;
}
.fabrikDataContainer {
  font-size: 14px;
}
.modal {
  width: 378px;
  margin-top:10px;
  bottom: 30px;
}
.container-nav {
  margin-top: -85px !important;
  margin-bottom: 15px !important; 
}
.container-footer .grid-child {
  padding: 0.5em !important;
}
:root {
    --cassiopeia-color-primary: #2471B7;
    --cassiopeia-color-link: #2471B7;
    --link-color: #2471B7;
    --cassiopeia-color-hover: #FC924B;
    --link-hover-color: #FC924B;
}