/* [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] */
/* Navbar on the LEFT */
.navbar-on-left.navbar-closed-margin .sub-navbar {
  width: calc(100% - 60px);
  margin-left: 60px;
  left: 0; }

.navbar-on-left .sub-navbar {
  background-color: #FFFFFF;
  border-bottom: 1px solid #E4E4E4;
  position: fixed;
  height: 50px;
  z-index: 3;
  transition-property: width, margin-left;
  transition-duration: 0.2s;
  width: calc(100% - 260px);
  margin-left: 260px;
  left: 0; }
  .navbar-on-left .sub-navbar__dropdown-toggle .sub-navbar__user-info {
    color: #343941; }
    .navbar-on-left .sub-navbar__dropdown-toggle .sub-navbar__user-info .sub-navbar__role {
      color: #A2A2A2; }
  .navbar-on-left .sub-navbar__dropdown-toggle .seeptrucker-sub-navbar__toggle-icon {
    color: #518A07; }
    .navbar-on-left .sub-navbar__dropdown-toggle .seeptrucker-sub-navbar__toggle-icon:hover {
      color: var(--primary-hover); }
    .navbar-on-left .sub-navbar__dropdown-toggle .seeptrucker-sub-navbar__toggle-icon:active {
      color: var(--primary-active); }
  .navbar-on-left .seeptrucker-sub-navbar__dropdown-menu .sub-navbar__dropdown-link.active {
    background-color: #518A07;
    color: #FFFFFF; }

/* Navbar on TOP */
.navbar-on-top .sub-navbar {
  height: 100%;
  margin-left: auto;
  width: 15rem;
  background-color: #518A07; }
  .navbar-on-top .sub-navbar__dropdown {
    height: inherit; }
    .navbar-on-top .sub-navbar__dropdown:not(.show):hover {
      background-color: var(--primary-hover); }
    .navbar-on-top .sub-navbar__dropdown-toggle .sub-navbar__user-info {
      color: #FFFFFF; }
    .navbar-on-top .sub-navbar__dropdown-toggle .seeptrucker-sub-navbar__toggle-icon {
      color: #FFFFFF; }
      .navbar-on-top .sub-navbar__dropdown-toggle .seeptrucker-sub-navbar__toggle-icon:hover {
        color: #FFFFFF; }
    .navbar-on-top .seeptrucker-sub-navbar__dropdown-menu {
      background-color: #518A07; }
      .navbar-on-top .seeptrucker-sub-navbar__dropdown-menu .sub-navbar__dropdown-link {
        color: rgba(255, 255, 255, 0.6); }
        .navbar-on-top .seeptrucker-sub-navbar__dropdown-menu .sub-navbar__dropdown-link:hover {
          background-color: var(--primary-hover); }
        .navbar-on-top .seeptrucker-sub-navbar__dropdown-menu .sub-navbar__dropdown-link.active {
          background-color: var(--primary-active);
          color: #FFFFFF; }

/* overall Sub-Navbar style */
.sub-navbar__dropdown {
  height: 100%;
  float: right; }
  .sub-navbar__dropdown.active {
    box-shadow: inset 0px -3px 0 rgba(255, 255, 255, 0.6); }
  .sub-navbar__dropdown:hover {
    cursor: pointer;
    background-color: transparent; }
  .sub-navbar__dropdown.show {
    background-color: transparent; }
  .sub-navbar__dropdown-toggle {
    display: flex;
    align-items: center;
    height: inherit;
    padding: 0 26px; }
    .sub-navbar__dropdown-toggle:after {
      display: none; }
    .sub-navbar__dropdown-toggle .sub-navbar__icon {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      height: 35px;
      width: 35px;
      margin-right: 10px; }
      .sub-navbar__dropdown-toggle .sub-navbar__icon--no-img {
        background-color: #ECECEC; }
      .sub-navbar__dropdown-toggle .sub-navbar__icon-initials {
        font-size: 1.3rem;
        color: #343941; }
      .sub-navbar__dropdown-toggle .sub-navbar__icon-img {
        width: 100%; }
    .sub-navbar__dropdown-toggle .sub-navbar__user-info {
      font-size: 10px;
      font-weight: 600;
      margin-right: 10px; }
      .sub-navbar__dropdown-toggle .sub-navbar__user-info .sub-navbar__full-name {
        display: block; }
  .seeptrucker-sub-navbar__dropdown-menu {
    left: auto !important;
    right: 0 !important;
    min-width: calc(100% - 2px);
    transform: translate3d(-2px, 50px, 0px) !important; }
    .seeptrucker-sub-navbar__dropdown-menu.show {
      top: -1px !important;
      padding: 0; }
    .seeptrucker-sub-navbar__dropdown-menu .sub-navbar__dropdown-link {
      display: block;
      width: 100%;
      color: #000000;
      border-bottom: none;
      padding: 0.25rem 1.5rem;
      text-decoration: none;
      font-weight: 500;
      white-space: nowrap; }
      .seeptrucker-sub-navbar__dropdown-menu .sub-navbar__dropdown-link:not([href]):hover, .seeptrucker-sub-navbar__dropdown-menu .sub-navbar__dropdown-link:hover {
        background-color: #518A07;
        color: #FFFFFF; }

.sub-navbar.sub-navbar__flex-align {
  display: flex;
  justify-content: flex-end;
  flex-direction: row; }
  .sub-navbar.sub-navbar__flex-align .sub-navbar-partial__center-items {
    height: auto;
    display: flex;
    width: auto;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: 1em; }