/*.m-portlet.m-portlet--success.m-portlet--head-solid-bg {*/
/*background: #252b27;*/
/*border-color: #252b27; }*/
/*.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head {*/
/*background-color: #252b27 !important;*/
/*border-color: #252b27 !important;*/
/*}*/


:root {
  --company-primary: blue;
  --company-accent: #333;
  --company-primaryTwo: #ffe4d1;
}

.logoutButton {
  position: absolute;
  right: 15px;
  top: 25px;
  color: #d9dae3 !important;
}

.logoutButton :hover {
  cursor: pointer;
}

#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 2.5rem; /* Footer height */
}

#footer {
  position: relative;
  bottom: 0;
  /* width: 100%; */
  height: 2.5rem; /* Footer height */
}

.m-menu__link-text, .m-menu__link-icon {
  color: #FFFFFF !important;
}

.btn.btn-outline-primary {
  color: var(--company-primary) !important;
}

.btn-outline-primary {
  color: var(--company-primary) !important;
  background-color: transparent;
  background-image: none;
  border-color: var(--company-primary) !important;
}

.btn-outline-primary {
  color: var(--company-primary) !important;
  background-color: transparent;
  background-image: none;
  border-color: var(--company-primary) !important;
}

.btn-link {
  font-weight: 400;
  color: var(--company-primary) !important;
  background-color: transparent;
}

.bg-primary {
  background-color: var(--company-primary) !important;
}

.ngb-dp-weekday {
  color: var(--company-accent) !important;
}

.margin-bottom-5 {
  margin-bottom: 5vh;
}

.whiteSpace {
  white-space: break-spaces
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: var(--company-primary) !important;
}

.breakSpaces {
  white-space: break-spaces;
}

.deleteCross {
  float: right;
  cursor: pointer;
  font-size: 20px;
  color: red
}