/* [KENDO THEME BUILDER] */
/* (end) [KENDO THEME BUILDER] */
/* [COLORS] */
/* [COLORS] Overall */
/* [COLORS] Buttons */
/* [COLORS] Navbar left */
/* [COLORS] Navbar top */
/* [COLORS] StaticBar / Breadcrumb */
/* [COLORS] - SubNavbar*/
/* [COLORS] - First pages */
/* [COLORS] - Inputs */
/* [COLORS] - Kendo */
/* [COLORS] - Grids */
/* [COLORS] - Other */
/* (end) [COLORS] */
/* [MEASURES] */
/* [MEASURES] Overall */
/* [MEASURES] - Inputs */
/* [MEASURES] - Buttons */
/* [Measures] - Grids */
/* [Measures] - Kendo */
/* [MEASURES] - Navbar left */
/* [MEASURES] - Navbar top */
/* [MEASURES] - Subnavbar */
/* [MEASURES] - First pages*/
/* [MEASURES] - Fonts */
/* [MEASURES] - StaticBar / Breadcrumb */
/* [MEASURES] - Other */
/* (end) [MEASURES] */
/* [SCROLLBAR] */
/* (end) [SCROLLBAR] */
/* [OTHER] */
/* (end) [OTHER] */
/* [KENDO THEME BUILDER] */
/* (end) [KENDO THEME BUILDER] */
/* [COLORS] */
/* [COLORS] Overall */
/* [COLORS] Buttons */
/* [COLORS] Navbar left */
/* [COLORS] Navbar top */
/* [COLORS] StaticBar / Breadcrumb */
/* [COLORS] - SubNavbar*/
/* [COLORS] - First pages */
/* [COLORS] - Inputs */
/* [COLORS] - Kendo */
/* [COLORS] - Grids */
/* [COLORS] - Other */
/* (end) [COLORS] */
/* [MEASURES] */
/* [MEASURES] Overall */
/* [MEASURES] - Inputs */
/* [MEASURES] - Buttons */
/* [Measures] - Grids */
/* [Measures] - Kendo */
/* [MEASURES] - Navbar left */
/* [MEASURES] - Navbar top */
/* [MEASURES] - Subnavbar */
/* [MEASURES] - First pages*/
/* [MEASURES] - Fonts */
/* [MEASURES] - StaticBar / Breadcrumb */
/* [MEASURES] - Other */
/* (end) [MEASURES] */
/* [SCROLLBAR] */
/* (end) [SCROLLBAR] */
/* [OTHER] */
/* (end) [OTHER] */
.body-container.navbar-on-top .content .static-bar,
.body-container.navbar-on-top .content .toolbar-wrapper,
.body-container.navbar-on-top .content .toolbar-wrapper.static-bar {
  margin-left: 0;
  width: 100%; }

.body-container .content ~ .content .static-bar {
  visibility: hidden; }

.body-container .content .static-bar {
  position: fixed;
  left: 0;
  top: 50px;
  width: calc(100% - 260px);
  margin-left: 260px;
  z-index: 2;
  height: 50px;
  transition-property: width, margin-left;
  transition-duration: 0.2s;
  background-color: #FFFFFF;
  box-shadow: none;
  border-bottom: 1px solid #E4E4E4;
  padding: 0 26px; }
  .body-container .content .static-bar .title-section {
    display: flex;
    align-items: center;
    height: 100%; }
    .body-container .content .static-bar .title-section .toolbar-form {
      display: flex;
      justify-content: flex-end; }
      .body-container .content .static-bar .title-section .toolbar-form .k-button {
        margin-right: 1rem; }
    .body-container .content .static-bar .title-section .main-title {
      overflow: hidden; }
    .body-container .content .static-bar .title-section .sub-title {
      overflow: hidden;
      padding: 0 5px; }
      .body-container .content .static-bar .title-section .sub-title span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .body-container .content .static-bar .title-section bread-crumb {
      flex: 1;
      overflow: hidden; }
      .body-container .content .static-bar .title-section bread-crumb .bread-crumb {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .body-container .content .static-bar .title-section bread-crumb .bread-crumb .seeptrucker-bread-crumb-path-link,
        .body-container .content .static-bar .title-section bread-crumb .bread-crumb .bread-crumb-path-divider {
          display: inline-block !important;
          height: 50px;
          line-height: 50px; }
        .body-container .content .static-bar .title-section bread-crumb .bread-crumb-path,
        .body-container .content .static-bar .title-section bread-crumb .bread-crumb-path *, .body-container .content .static-bar .title-section bread-crumb .bread-crumb-edit,
        .body-container .content .static-bar .title-section bread-crumb .bread-crumb-edit > *:not(.bread-crumb-edit-input-wrapper),
        .body-container .content .static-bar .title-section bread-crumb .bread-crumb-edit > *:not(.bread-crumb-edit-input-wrapper) * {
          display: inline;
          font-size: 1rem;
          font-weight: bold;
          color: #000000; }
        .body-container .content .static-bar .title-section bread-crumb .seeptrucker-bread-crumb-path-link {
          font-weight: bold;
          color: #518A07; }
          .body-container .content .static-bar .title-section bread-crumb .seeptrucker-bread-crumb-path-link:hover {
            color: var(--primary-hover); }
        .body-container .content .static-bar .title-section bread-crumb .bread-crumb-path-divider {
          font-weight: normal; }
        .body-container .content .static-bar .title-section bread-crumb .bread-crumb-edit .edit-name {
          color: #000000; }
        .body-container .content .static-bar .title-section bread-crumb .bread-crumb-edit-input-wrapper {
          display: inline-block;
          width: 20rem;
          font-weight: normal;
          color: inherit; }
          .body-container .content .static-bar .title-section bread-crumb .bread-crumb-edit-input-wrapper > * {
            display: inline-block !important;
            height: 50px;
            line-height: 50px; }
          .body-container .content .static-bar .title-section bread-crumb .bread-crumb-edit-input-wrapper .field__label,
          .body-container .content .static-bar .title-section bread-crumb .bread-crumb-edit-input-wrapper .field__helper-text {
            display: none; }
          .body-container .content .static-bar .title-section bread-crumb .bread-crumb-edit-input-wrapper .field {
            margin-bottom: 0; }
    .body-container .content .static-bar .title-section .form-buttons {
      display: flex;
      align-items: center; }
      .body-container .content .static-bar .title-section .form-buttons .k-button:not(:last-child) {
        margin-right: 1rem; }
      .body-container .content .static-bar .title-section .form-buttons ng-transclude .k-button {
        margin-right: 1rem; }

.body-container .content .toolbar-wrapper {
  display: flex;
  align-items: center;
  width: 100%; }
  .body-container .content .toolbar-wrapper--outside-grid {
    position: fixed;
    left: 0;
    top: 50px;
    margin-left: 260px;
    z-index: 2;
    height: 50px;
    transition-property: width, margin-left;
    transition-duration: 0.2s; }
  .body-container .content .toolbar-wrapper--inside-grid {
    min-height: 50px;
    padding: 0 26px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .body-container .content .toolbar-wrapper.static-bar {
    width: calc(100% - 260px);
    padding: 0 26px; }

.body-container .content .toolbar-content {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: space-between;
  transition-property: width, margin-left;
  transition-duration: 0.2s; }
  .body-container .content .toolbar-content > *:not(:last-child) {
    margin-right: 1rem; }
  .body-container .content .toolbar-content .toolbar-buttons {
    display: flex;
    align-items: center; }
    .body-container .content .toolbar-content .toolbar-buttons .seeptrucker-grid-custom-button:not(:last-child) {
      margin-right: 1rem; }
    .body-container .content .toolbar-content .toolbar-buttons .seeptrucker-grid-custom-button.disabled {
      opacity: .5;
      pointer-events: none; }
    .body-container .content .toolbar-content .toolbar-buttons .k-button:not(:last-child) {
      margin-right: 1rem; }

.context-menu {
  display: block;
  padding-left: 1rem; }
  .context-menu .context-button {
    height: 2.3rem;
    width: 2.3rem;
    margin-right: calc(-1.5rem / 2);
    display: flex;
    justify-content: center;
    align-items: center; }
    .context-menu .context-button .context-button-icon {
      font-size: 1.5rem;
      color: #518A07; }
    .context-menu .context-button:hover {
      text-decoration: none; }
      .context-menu .context-button:hover .context-button-icon {
        color: var(--primary-hover); }
    .context-menu .context-button:active .context-button-icon {
      color: var(--primary-active); }
  .context-menu .dropdown-menu {
    padding: 0;
    border-radius: 3px;
    border-color: #DDDDDD; }
    .context-menu .dropdown-menu .dropdown-item {
      padding: 0; }
      .context-menu .dropdown-menu .dropdown-item:first-child .context-action {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .context-menu .dropdown-menu .dropdown-item:last-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; }
      .context-menu .dropdown-menu .dropdown-item .context-action {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background: none;
        background-color: #FFFFFF;
        font-size: 1rem;
        color: #000000;
        width: 100%;
        padding: 0 1rem;
        border: none;
        border-radius: 0; }
        .context-menu .dropdown-menu .dropdown-item .context-action:hover {
          background-color: #518A07;
          color: #FFFFFF; }
        .context-menu .dropdown-menu .dropdown-item .context-action__icon {
          font-size: 1rem;
          margin-right: 1rem; }
          .context-menu .dropdown-menu .dropdown-item .context-action__icon.no-icon + .context-action__text {
            padding-left: calc(1rem + 1rem); }