:host {
  @apply flex flex-col w-full box-content relative;
  height: calc(100vh - 14rem);
}

shell-breadcrumb {
  @apply sticky z-sticky top-0 h-12 bg-white p-0;
  box-shadow: 0px 0px 10px rgba(220, 226, 233, 0.5);
  border-radius: 5px;
}

.filter {
  @apply font-sans flex items-center font-bold text-lg py-2 px-4 justify-center ml-3 h-14;
  width: 108px;
  background-color: #aeb7c1;
  box-shadow: 0px 0px 10px rgba(220, 226, 233, 0.5);
  border-radius: 5px;

  .label {
    @apply ml-2;
  }

  ui-icon {
    width: 18px;
  }

  &.active {
    @apply bg-active-branch text-white ml-px-5;
  }
}

.content-header {
  @apply grid items-center mt-4 shadow-input gap-1;
  height: 56px;
  grid-template-columns: 1fr 120px;
}

.content-container {
  @apply overflow-auto;
  max-height: calc(100vh - 267px);
  border-radius: 0px 0px 5px 5px;
}

:host ::ng-deep ui-calendar .navigation .title {
  margin-left: -140px;
}

:host ::ng-deep shell-breadcrumb .link-breadcrumb a {
  color: #596470 !important;
}

:host ::ng-deep shell-breadcrumb .link-back {
  @apply top-3 pl-4;
  color: #596470 !important;
}
