@import (reference) '../sprite-merged.less';
.sprites(@spritesheet-sprites);
.sprites(@spritesheet-cleanlarge-sprites);
//.sprites(@spritesheet-large-sprites);

#layoutContainer,
#LayoutContainer,
#aspnetForm {
  height: 100%;
}

@media (max-width: 1000px) {
  .welcome-message {
    display: none;
  }
}

body {
  background-image: none !important;
  background-color: #2f4050 !important;
  box-shadow: inset 10px 0px 10px -10px #333333;
  -moz-box-shadow: inset 10px 0px 10px -10px #333333;
  -webkit-box-shadow: inset 10px 0px 10px -10px #333333;
}

body.gridpage {
  background-color: transparent !important;
  overflow-y: auto;
}

#SSGridContainer {
  padding: 35px 15px;
}

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

.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: -220px !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: -440px;
  position: fixed;
  top: 0;
}
.navbar-static-side.open {
  margin-left: -220px;
  -webkit-transition: left ease-in 0.5s;
  transition: left ease-in 0.5s;
}
body.mini-navbar .navbar-static-side {
  margin-left: -140px;
}
body.mini-navbar .navbar-static-side.open {
  margin-left: -70px;
}

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

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

.icon-sourcing-active,
.icon-sourcing-hover,
.icon-sourcing-idle {
  margin-top: 3px;
}
.icon-purchasing-active,
.icon-purchasing-hover,
.icon-purchasing-idle {
  margin-top: 2px;
}

/* iFrame overrides */
.SSWindow {
  box-shadow: inset 10px 0px 10px -10px #333333 !important;
  -moz-box-shadow: inset 10px 0px 10px -10px #333333 !important;
  -webkit-box-shadow: inset 10px 0px 10px -10px #333333 !important;
  border: none;
  border-radius: 0;
  height: auto !important;
  left: 0 !important;
  max-width: 100% !important;
  min-height: 100%;
  top: 0 !important;
  width: 100% !important;

  .bodyIframe,
  iframe {
    left: 0% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  iframe {
    background-color: transparent;
    body {
      background-color: transparent;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
    }
    #aspnetForm {
      padding: 10px 15px;
    }
  }
  .header,
  .body,
  .footer,
  .header .content,
  .body .content,
  .footer .content {
    background-image: none !important;
    margin-right: 0 !important;
  }
  .header {
    height: 36px;
  }

  .body .content .bodyIframe {
    background-color: #ffffff !important;
    box-shadow: inset 10px 0px 10px -10px #333333;
    -moz-box-shadow: inset 10px 0px 10px -10px #333333;
    -webkit-box-shadow: inset 10px 0px 10px -10px #333333;
    margin: 0 !important;
  }

  .footer {
    background-color: transparent !important;
    border-top: none;
    bottom: -12px;
    padding: 0 !important;

    .content {
      height: 0 !important;
    }
    .dragCorner {
      bottom: 2px !important;
      height: 11px !important;
      right: 20px !important;
    }
  }
}

/* Top Bar */
#supply-top-navbar {
  .navbar {
    box-shadow: 0px 2px 12px #333333;
    margin-bottom: 0;
    background: #ffffff;
  }
  .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;
  }
}
#topBarIcons {
  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;
      }
    }
  }
}
#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;
}

/* 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;
}

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

@media (min-width: 769px) {
  #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;
  }
}

@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;
    }
  }
}