/* general colors */
.orange {
  color: #e95d0e;
}
.warning {
  color: #e90e0e;
}
.green {
  color: #5cb85c;
}
.yellow {
  color: #eaee05;
}
.bg-orange {
  background-color: #e95d0e;
}
.bg-green {
  background-color: #5cb85c;
}
/* end general colors */

mat-paginator {
  background-color: transparent !important;
}

/* .mat-tab-body-content {
  height: 98% !important;
} */

/* dwaring / canvas / fabricjs */
.fabricjscanvas {
  /* display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important; */
  min-width: 80% !important;
  min-height: 80% !important;
}
.canvas-container {
  /* display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important; */
  min-width: 80% !important;
  min-height: 80% !important;
}
/* END dwaring / canvas / fabricjs */

/* ckeditor */
.ck-content {
  height: 250px !important;
}

/* end ckeditor */

.mat-select-panel {
  max-height: 400px !important;
}

/* map styles */

.map-container {
  width: unset !important;
}

.markerLabel {
  margin-top: 50px;
  font-size: 14px !important;
  color: black !important;
  font-weight: bold;

  background-color: white;

  /* border-style: solid;
  border-width: 2px;
  border-color: black;
  border-radius: 3px; */
  padding: 5px 5px 5px 5px;
}

/* end map styles */

/* document editor ckeditor 5 */
/* end document editor ckeditor 5 */

router-outlet {
  display: flex;
}

/* dialog */
@media only screen and (max-width: 600px) {
  .cdk-overlay-pane {
    /* width: 80vw !important; */
  }

  .mat-dialog-container {
    padding: 14px;
    margin: 4px;
  }
}
/* end dialog */

.cardPanel mat-expansion-panel-header {
  padding: 0px 32px;
}
.cardPanel mat-panel-title {
  font-size: 14px;
  width: auto;
  flex-grow: unset !important;
  align-self: center;
}
.cardPanel mat-panel-description {
  font-size: 12px;
  flex-direction: row;
  align-self: center;
}

/* fixes */
/* mat-button-toggle-group */
mat-button-toggle-group {
  flex-wrap: wrap;
}

.mat-step-label {
  flex: 1;
}

/* end fixes */

/* extentions icon */
.smallMatIcon {
  /* transform: scale(0.8); */
  /* font-size: 18px; */
  /* width: 10px; */
}

/* agenda */
.bg-ma {
  background-color: #0290ee !important;
  color: white;
}

.bg-di {
  background-color: #b81921 !important;
  color: white;
}

.bg-wo {
  background-color: #8b8188 !important;
  color: white;
}

.bg-do {
  background-color: #0e8b66 !important;
  color: white;
}

.bg-vr {
  background-color: #fb8c00 !important;
  color: white;
}

.bg-za {
  background-color: #02cbee !important;
  color: white;
}

.bg-zo {
  background-color: #cbee02 !important;
  color: white;
}

.bg-black {
  background-color: black !important;
  color: white;
}

.cal-week-view .cal-event {
  border: unset !important;
  background-color: unset !important;
  /* width: unset !important; */
}
.cal-day-column {
  padding-right: 10px;
}

.calendar-calendar .week-view .full div.single-day .inner,
.calendar-calendar .day-view .full div.single-day .inner {
  display: flex;
  justify-content: left;
}

.calendar-calendar .week-view div.single-day .view-item,
.calendar-calendar .day-view div.single-day .view-item {
  position: static;
}
.cal-week-view .cal-time-events .cal-event {
  line-height: unset !important;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  white-space: unset !important;
}
.cal-week-view .cal-event {
  font-size: 13px !important;
}

.isolatiespecialistBorder {
  border-left: 0.15rem solid #1e88e5 !important;
}

.isoCoatBorder {
  border-left: 0.15rem solid #fb8c00 !important;
}

.LeadTask {
  background-color: #baeca6 !important;
  border-radius: 6px !important;
  color: rgb(68, 68, 68) !important;
}
.ResourceTask {
  background-color: #a9cfe2 !important;
  border-radius: 6px !important;
  color: rgb(68, 68, 68) !important;
}
.OpnameTask {
  background-color: #ffed85c2 !important;
  border-radius: 6px !important;
  color: rgb(68, 68, 68) !important;
}
.TicketTask {
  background-color: #ff95328e !important;
  border-radius: 6px !important;
  color: rgb(68, 68, 68) !important;
}
/* #70ece2 */
.cal-week-view .cal-event {
  color: unset !important;
}
/* end agenda */

.low-form-field {
  height: 20px !important;
  padding: 0px;
}

.mat-form-field-infix {
  width: unset !important;
}

.mat-form-field-wrapper {
  padding-bottom: 1em !important;
}

.cdk-overlay-pane {
  max-width: 95vw !important;
}
/*.mat-dialog-content{
    padding: unset !important;
}*/

.mat-card-footer {
  margin: unset !important;
}

.brand-link {
  display: block;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: 0.8125rem 0.5rem;
  white-space: nowrap;
  text-decoration: unset !important;
}

.brand-link .brand-image {
  float: left;
  line-height: 0.8;
  /*margin-left: .8rem;*/
  /* margin-right: 0.5rem; */
  /* margin-top: -3px; */
  /* max-height: 33px; */
  /* width: auto; */
}

.fa {
  margin-right: 4px;
}

.mat-option:nth-child(even) {
  background: #fafafa;
  color: black;
}

.mat-option:nth-child(odd) {
  background: #d6d3d348;
  color: black;
}

mat-form-field {
  width: 100%;
}

read-only-field {
  width: 100%;
}

mat-icon {
  margin-bottom: 4px !important;
}

.mat-card-image {
  width: calc(100% + 28px) !important;
  margin: 0px -14px 16px -14px !important;
}

/*added fixing fxLayout=column responsive pagetoolbar*/
mat-toolbar {
  height: auto !important;
}