.gray-bg,
.bg-muted {
  background-color: #f3f3f4;
}
.hero-unit {
  background-color: #ffffff;
}
.hover {
  cursor: pointer;
}

.clear,
.clr {
  clear: both;
}
.left {
  display: block;
  float: left;
}
.right {
  display: block;
  float: right;
}

.pad5left {
  padding-left: 5px;
}
.pad5right {
  padding-right: 5px;
}
.pad5top {
  padding-top: 5px;
}
.pad8top {
  padding-top: 8px;
}
.pad15top {
  padding-top: 15px;
}

.dropdown-toggle {
  cursor: pointer;
}

.img-supply,
.img-360 {
  display: none;
}
.supplytheme {
  .img-supply {
    display: block;
  }
  .img-360 {
    display: none;
  }
}
.seko360theme {
  .nav-header {
    padding: 16px 52px;
  }
  .img-supply {
    display: none;
  }
  .img-360 {
    display: block;
  }
}
.img-radius {
  border-radius: 5px;
}

/* Menu */
#menu-left {
  .menu-disabled {
    display: none;
  }
}

#MyWindows {
  background: none !important;
  box-shadow: none !important;
  height: 100% !important;
  left: -200px !important;
  margin-left: 0 !important;
  min-height: 100% !important;
  opacity: 1 !important;
  top: 0 !important;
  z-index: 10001 !important;

  a {
    color: #a7b1c2 !important;
  }
  #MyWindowsTitle {
    color: #dfe4ed !important;
  }
}
#MyWindows.open {
  left: 0 !important;
  -webkit-transition: left ease-in 0.5s;
  transition: left ease-in 0.5s;
}

.contextMenu,
.contextMenu LI {
  width: 125px !important;
}

.navbar-static-side {
  margin-left: -200px;
  position: fixed;
  top: 0;
}
.navbar-static-side.open {
  margin-left: 0;
  -webkit-transition: left ease-in 0.5s;
  transition: left ease-in 0.5s;
}
body.mini-navbar .navbar-static-side {
  margin-left: -70px;
}
body.mini-navbar .navbar-static-side.open {
  margin-left: 0;
}

.menu-icon-minimized {
  display: none;
}

.logo-element .fa {
  cursor: pointer;
}

/* Top Bar */
#supply-top-navbar {
  margin-top: -50px;
  .navbar {
    box-shadow: 0px 2px 12px #333333;
    margin-bottom: 0;
    background: #ffffff;
  }
  .navbar-header {
    padding-left: 11px;
  }
  .navbar-logo {
    margin-top: 9px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: -1;
    img {
      height: 40px;
      width: auto;
    }
  }
  .badge {
    border: 1px solid #cccccc;
    border-radius: 8px;
    color: #444444;
    padding: 0 4px 2px 4px;
    position: absolute;
    top: 4px;
  }
  .btn-primary {
    background-color: @nav-bg !important;
    border-color: @nav-bg !important;
    color: #fff;
  }
}
#menu-left.collapse.in
  + #page-wrapper-default
  #supply-top-navbar
  .btn-primary.navbar-minimalize {
  background-color: lighten(@nav-bg, 15%) !important;
  outline: none;
}

#topBarIcons {
  float: right;
  height: 100% !important;
  padding: 8px 20px 6px 0;
  width: auto !important;

  #ssTopBar_Btn_Support,
  #ctl00_csPageContent_ucTopBar_ssTopBar_Btn_Personalisation,
  #ssTopBar_Btn_Search,
  #ssTopBar_Btn_Dashboard,
  #ctl00_csPageContent_ucTopBar_ssTopBar_Btn_Dashboard {
    background: none;
    margin-left: 0;
  }
  .ssTopBarBtnInt {
    display: block;
    float: right;
  }
  .fa-stack {
    cursor: pointer;
    margin: 4px 4px 0 0;
  }
  .dropdown {
    position: relative;
  }
  #ctl00_csPageContent_ucTopBar_lblFullName {
    cursor: pointer;
    font-weight: bold;
  }
  .top-bar-dropdown {
    .media-left {
      padding: 0 12px 0 8px;
    }
    .media-body {
      display: table-cell;
      padding-top: 6px;
      span {
        display: block;
        line-height: 16px;
      }
    }
  }
  .dropdown-menu {
    li {
      clear: both;
    }
    a {
      padding-left: 35px;
      position: relative;
    }
    a[data-icon='user']:before {
      content: '\f2c3';
      left: 10px;
    }
    a[data-icon='desktop']:before {
      content: '\f108';
      left: 10px;
    }
    a[data-icon='globe']:before {
      content: '\f0ac';
      left: 11px;
    }
    a[data-icon='sign-out']:before {
      content: '\f08b';
      left: 11px;
    }

    a[data-icon='user']:before,
    a[data-icon='desktop']:before,
    a[data-icon='globe']:before,
    a[data-icon='sign-out']:before {
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      font-size: 13px;
      position: absolute;
      text-align: center;
      top: 4px;
    }
  }
}
#topBarDetails {
  float: right;
  margin-right: 0 !important;
  padding: 14px 12px 6px 12px;
  position: relative !important;
}

.profile-element img {
  height: auto;
  width: 100%;
}
.profile-img {
  margin-left: 7px;

  a {
    color: #676a6c;
  }
  a:hover {
    color: #444444;
  }
  .dropdown-menu {
    left: auto;
    padding-top: 10px;
    padding-bottom: 6px;
    right: 12px;
    top: 45px;
    width: auto;
    min-width: 200px;
    max-width: 300px;
  }
  img {
    height: auto;
    margin-top: 1px;
    max-height: 40px;
    width: 40px;
  }
  .dropdown-arrow {
    font-weight: bold;
    padding: 14px 0 0 10px;
  }
}
.profile-img .dropdown-toggle img:hover {
  box-shadow: 2px 2px 6px #444444;
}

.language-select {
  min-height: 30px;
  min-width: 45px;
  padding: 2px 4px 5px;
}
.goog-te-menu-frame {
  height: 288px !important;
  top: 50px !important;
}
.goog-te-menu2 {
  height: 288px;
  max-width: 100%;
  overflow: scroll;
  width: 100% !important;
}
.goog-te-gadget-simple {
  background-color: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.goog-te-gadget-icon {
  display: none !important;
}
.goog-te-gadget-simple .goog-te-menu-value {
  color: #ffffff !important;
  .fa {
    font-size: 16px;
    margin-right: 6px;
    vertical-align: middle;
  }
}

.translate-button {
  color: #ffffff !important;
  .fa.fa-globe {
    font-size: 16px;
    margin: 1px 3px;
    vertical-align: middle;
  }
  .fa.fa-refresh {
    font-size: 14px;
    margin: 0 4px;
    vertical-align: middle;
  }
}
.translate-button:not(:hover) .fa.fa-spin-hover {
  animation: none;
}

.top-bar-name {
  font-weight: bold;
  margin-left: 14px;
  padding-top: 6px;
}

.message-icons {
  font-size: 13px;
  padding: 10px 10px 0 0;
}

/* Right Sidebar */
#right-sidebar {
  .nav-tabs {
    margin: 0;
  }
  .nav-tabs > li {
    margin-top: 0;
  }
  .nav-tabs > li > a {
    line-height: normal;
    min-width: 100%;
  }
  .sidebar-container {
    background: #f9f9f9;

    .sidebar-message > a > .pull-left {
      margin-left: 6px;
      .fa {
        margin-right: 4px;
      }
    }
  }
  .sidebar-title .fa {
    margin-right: 8px;
  }

  #dvUserManager .sidebar-message {
    padding: 5px 10px;
    > a {
      display: block;
      padding: 10px;
    }
  }
  #dvUserManager #page-wrapper {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
  }
}

.btn.btn-inverse.focus,
.btn.btn-inverse:focus,
.btn.btn-inverse:hover {
  color: #dedede;
  text-decoration: none;
}

.tour-open .nav-header {
  background-image: none;
}

.mini-navbar .nav.metismenu {
  overflow: visible !important;
}

/* buttons */
.btn-success,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success:visited {
  background-color: @nav-bg;
  background-image: none;
  border: 1px solid @nav-bg;
  -webkit-box-shadow: inset 0 1px 1px @nav-bg-light;
  -moz-box-shadow: inset 0 1px 1px @nav-bg-light;
  box-shadow: inset 0 1px 1px @nav-bg-light;
}
.btn-success:hover {
  background: @nav-bg-dark !important;
  box-shadow: none;
  border-color: @nav-bg-dark;
}
.btn-success.btn[disabled],
.btn-success:focus {
  background: @nav-bg-dark;
  border: 1px solid @nav-bg;
}

/* Kendo overrides */
.k-pager-numbers .k-state-selected {
  border-color: lighten(@nav-bg, 55%);
  background-color: lighten(@nav-bg, 55%);
  color: @nav-bg-light;
}
.k-grid tbody .k-button.k-button-icontext.k-grid-Delete {
  background-position: 0 0;
  background-image: none;
  color: @nav-bg;
  display: inline-block;
  font: normal normal normal 16px/1 FontAwesome;
  min-width: 100%;
  position: relative;
  top: -1px;
}
.k-grid tbody .k-button.k-button-icontext.k-grid-Delete:before {
  content: '\f1f8';
}

/* Responsive Queries */
@media (max-width: 960px) {
  #topBarDetails {
    clear: right;
    padding: 2px 12px 6px;
  }
}

@media (min-width: 769px) {
  .navbar-default.collapse {
    display: block !important;
  }
  #MyWindows {
    position: fixed !important;
  }
  #MyWindowsContextMenu {
    left: -20px;
  }
}

@media (max-width: 768px) {
  #MyWindows {
    background: #2f4050 !important;
    left: -290px !important;
    margin-left: 0 !important;
    padding-top: 0;
    z-index: 101 !important;
  }

  #topBarIcons .message-icons {
    bottom: 0;
    position: fixed;
    right: 12px;
  }
  .translate-dropdown .dropdown-menu {
    bottom: 42px;
    top: auto;
  }
}

@media (min-width: 641px) {
  .navbar-right {
    margin-right: 0;
    padding-right: 12px;
  }
}

@media (max-width: 640px) {
  .navbar-right {
    float: left;
  }
  .footer.navbar,
  .message-icons {
    display: none;
  }
  .body-content {
    margin-bottom: 0;
  }
}

@media (max-width: 479px) {
  #supply-top-navbar .navbar-logo {
    padding-left: 30px;
  }
}

@media (max-width: 360px) {
  #topBarDetails_loginname {
    .sstopBar_Dot:nth-child(2),
    #ctl00_csPageContent_ucTopBar_lblCompanyName {
      display: none;
    }
  }
}