.mat-list-item-disabled {
  background-color: unset !important;
  pointer-events: unset !important;
}

mat-card-title {
  /* font-size: 32px !important; */
  color: #e95d0e !important;
}

mat-card {
  border-radius: 0px !important;
}

.mainContentContainer {
  margin-top: 2% !important;
  /* width: 98vw !important; */
}

@media only screen and (min-width: 800px) {
  .mainContentContainer {
    margin-top: 2% !important;
    margin-bottom: 2% !important;
    margin-left: 18% !important;
    margin-right: 18% !important;
    width: 62vw !important;
  }
}

body {
  font-family: raleway !important;
}

.bg-ma {
  background-color: #6002ee !important;
}

.bg-di {
  background-color: #61d800 !important;
}

.bg-wo {
  background-color: #df55f2 !important;
}

.bg-do {
  background-color: #ee0290 !important;
}

.bg-vr {
  background-color: #fa8100 !important;
}

.bg-za {
  background-color: #02cbee !important;
}

.bg-zo {
  background-color: #cbee02 !important;
}

.bg-black {
  background-color: black !important;
}

.cal-week-view .cal-event {
  background-color: unset !important;
}
.orange {
  color: #e95d0e !important;
}
.green {
  color: #5cb85c !important;
}
.blue {
  color: #009DE0 !important;
}
.bg-orange {
  background-color: #e95d0e !important;
  color: white !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}
.bg-orangeSimple {
  background-color: #e95d0e !important;
  color: white !important;
}
.bg-green {
  background-color: #00b900 !important;
  color: white !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}
.bg-blue {
  background-color: #009DE0 !important;
  color: white !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}
.bg-blueSimple {
  background-color: #009DE0 !important;
  color: white !important;
}
.bg-darkGreen {
  background-color: #00b900 !important;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #00b900 !important;
}

.mat-checkbox-background {
}

.mat-expansion-panel-header {
  font-weight: 600 !important;
}

.leadTask {
  background-color: #baeca6 !important;
  color: #3c763d !important;
}
.resourceTask {
  background-color: #a9cfe2 !important;
  color: #31708f !important;
}

.mat-form-field-appearance-legacy
  .mat-form-field-prefix
  .mat-icon-button
  .mat-icon,
.mat-form-field-appearance-legacy
  .mat-form-field-suffix
  .mat-icon-button
  .mat-icon {
  font-size: 20px !important;
}

.mat-form-field-wrapper {
  padding-bottom: 1em !important;
}

.cdk-overlay-pane {
  max-width: 95vw !important;
}
/*.mat-dialog-content{
    padding: unset !important;
}*/

.brand-link {
  display: block !important;
  font-size: 1.25rem !important;
  line-height: 1.5 !important;
  padding: 0.8125rem 0.5rem !important;
  white-space: nowrap !important;
  text-decoration: unset !important;
}

.brand-link .brand-image {
  float: left !important;
  line-height: 0.8 !important;
  /*margin-left: .8rem;*/
  margin-right: 0.5rem !important;
  margin-top: -3px !important;
  max-height: 33px !important;
  width: auto !important;
}

.fa {
  margin-right: 4px !important;
}

mat-form-field {
  width: 100% !important;
}

read-only-field {
  width: 100% !important;
}

mat-icon {
  margin-bottom: 4px !important;
}

.mat-card-image {
  width: calc(100% + 28px) !important;
  margin: 0px -14px 16px -14px !important;
}

mat-toolbar {
  height: auto !important;
}