/* Agenda opmaak */
/* Desktop */
#appCapsule>.section>.calendar {
  max-width: 1024px;
  width: 100%;
  height: 600px;
  margin: 10px auto 0px;
  text-align: center;
  border: solid 2px #4984d2;
  font-size: 18px;
}

/* Blue */
/* #appCapsule>.section>.calendar>tbody tr th {
  background: #4984d2;
  color: white;
  border-bottom: solid 2px white;
}

#appCapsule>.section>.calendar>tbody tr th a {
  color: white;
} */
/* /Blue */
/* White */
#appCapsule>.section>.calendar>tbody tr th {
  background: white;
  color: black;
}

#appCapsule>.section>.calendar>tbody tr th a {
  color: #4984d2;
}

/* /White */
#appCapsule>.section>.calendar>tbody tr td {
  background: #4984d2;
  color: white;
}

#appCapsule>.section>.calendar>tbody tr .day {
  background: white;
  color: black;
  /* border: solid 0.5px lightgray; */
  width: 128px;
  border-radius:
}

#appCapsule>.section>.section-title>.svg-inline--fa {
  color: white;
}

/* Mobile */
@media screen and (max-width: 766px) {
  #appCapsule>.section>.calendar {
    width: 95%;
    height: 400px;
  }
}

/* Iconen weer tonen */
#appHeader .svg-inline--fa {
  color: white;
}

/* Datum blauwe balk wit maken */
#appCapsule>.section>.section-title {
  color: white;
}

/* On-/offline header */
#offline-toast, #online-toast {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  margin-top: 56px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  line-height: 50px;
}

/* Add to home pop-up */
/* Android */
.android-add-to-home {
  z-index: 200000;
}

.android-add-to-home .modal-dialog {
  top: 0;
  bottom: auto;
  padding: 6px !important;
  transform: translate(0, -100%) !important;
  transition: .5s all !important;
}

.android-add-to-home.show .modal-dialog {
  transform: translate(0, 0) !important;
  top: 10px;
}

.android-add-to-home .modal-content {
  position: relative;
  z-index: 1;
  border-radius: 4px !important;
  background: #4984d2;
}

.android-add-to-home .modal-content:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 10px solid #4984d2;
  position: absolute;
  top: -7px;
  z-index: 10;
  right: 9px;
  transform: rotate(180deg);
  margin-left: -16px;
}

.android-add-to-home .modal-content .action-sheet-content {
  font-size: 13px;
  color: #fff;
  line-height: 1.5em;
}

.android-add-to-home .modal-content .action-sheet-content h4 {
  font-size: 15px;
  margin-bottom: 10px;
}

.android-add-to-home .modal-content .action-sheet-content .fa-ellipsis-v {
  font-size: 17px;
  margin-bottom: -4px;
  line-height: 19px;
  padding: 1px 2px;
  width: auto;
  height: 19px;
}

/* /Android */
/* IOS */
.ios-add-to-home .modal-content {
  position: relative;
  margin-bottom: 10px;
  z-index: 1;
  background: #4984d2;
}

.ios-add-to-home .modal-content:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 10px solid #4984d2;
  position: absolute;
  bottom: -7px;
  z-index: 10;
  left: 50%;
  margin-left: -16px
}
.ios-add-to-home .modal-content .action-sheet-content {
  font-size: 13px;
  color: #fff;
  line-height: 1.5em;
}

.ios-add-to-home .modal-content .action-sheet-content h4 {
  font-size: 15px;
  margin-bottom: 10px;
}

.ios-add-to-home .modal-content .action-sheet-content .fa-ellipsis-v {
  font-size: 17px;
  margin-bottom: -4px;
  line-height: 19px;
  padding: 1px 2px;
  width: auto;
  height: 19px;
}
/* /IOS */

.modal>.modal-dialog>.modal-content>.modal-header>.modal-title {
  color: #fff !important;
}

.modal>.modal-dialog>.modal-content>.modal-body>.action-sheet-content>.mb-1>.imaged {
  width: auto;
  height: 50px !important;
}

.modal>.modal-dialog>.modal-content>.modal-header>.close-button>.fa-times {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 17px;
  height: 38px;
  width: auto;
  color: #dee2e6;
}

/* /Add to home pop-up */
/* /tasks: positie "all tasks" filter */
#appCapsule>.section>.float-right>.dropdown {
  top: -4px;
}

#actionSheetFilter .modal-title, #actionSheetSort .modal-title, #actionSheetTaskowner .modal-title {
  color: #2c2c2c!important;
}

#actionSheetFilter, #actionSheetSort {
  color: #d44545!important;
}

#filter {
  padding: 3px 3px 3px 18px!important;
  cursor: pointer;
}

#sort {
  padding: 3px 3px 3px 18px!important;
  cursor: pointer;
}

#ownerHeader {
  padding-left: 0!important;
}

#prevFilter {
  color: grey!important;
}




/* Alert */
#appHeader > .left >.fa-exclamation-circle {
  position: fixed;
  top: 10px;
  left: 32px;
}

#accordionProcedures > .item > .accordion-header {
  display: flex;
}