.colouredBack {
  background-image: linear-gradient(to right, #f29528, #fbdba7);
  background-attachment: fixed;
}

.navbar-inverse {
  background-image: linear-gradient(to right, #f29528, #fbdba7);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
}

body > .orgaLocked .navbar-inverse {
  background-image: linear-gradient(to right, #ccc, #ccc);
}

body > .orgaSilent .navbar-inverse {
  background-image: linear-gradient(to right, #fbdba7, #fbdba7);
}

.loginButton input:hover {
  background-color: #f9ca88;
}

.loginButton input:active {
  background-color: orange;
}

.button,
.actions-btn {
  background-color: #f29528;
  color: #fff;
}

.logo[data-img-src="assets/pimtogo-webapp_de.png"] > img {
  height: 175%;
  position: relative;
  right: 1.1rem;
  bottom: 1.4rem;
}

.logo[data-img-src="assets/supplierportal-webapp_de.png"] > img {
  position: relative;
  right: 1.2rem;
}

.button:hover:enabled,
button:hover:enabled,
.actions-btn:hover:enabled {
  box-shadow: 0 0 10px #aaa;
}

.button:active:enabled,
.actions-btn:active:enabled {
  background-color: #e58d26;
}

.projectLanguageSel > .bootstrap-select > .dropdown-toggle {
  border-color: #f2952882;
}

body > .orgaLocked .projectLanguageSel > .bootstrap-select > .dropdown-toggle {
  border-color: #ccc;
}

/*########## START ########## niceCheckbox Color Settings ########## START ##########*/
input.niceCheckbox[type="checkbox"]:not(:checked) + span::after,
input.niceCheckbox[type="checkbox"]:checked + span::after {
  color: #f29528 !important;
}

span.checkboxSpan:hover::before {
  border: 1px solid #f29528 !important;
}
/*########### END ########### niceCheckbox Color Settings ########### END ###########*/

/*########## START ########## Configuration ########## START ##########*/

.importSetupWrapper > * {
  margin-top: 2rem;
}

/*########### END ########### Configuration ########### END ###########*/

.facetContainer {
  background-color: #f29528;
}

.searchClassificationClassInput {
  width: 30rem !important;
  display: none !important;
  margin-right: -0.4rem;
  border-radius: 0 !important;
  margin-left: 4rem;
  position: relative;
  top: 1px;
}

.searchClassificationClassButton {
  line-height: 1.6 !important;
  position: relative;
  bottom: 0.1rem;
  display: none !important;
}

.searchClassificationClassInput.show,
.searchClassificationClassButton.show {
  display: inline-block !important;
}

.searchClassificationClassResult {
  position: relative;
  margin-top: 1.5rem;
}

.classificationItemContext .bootstrap-select > .dropdown-toggle {
  width: initial;
}

.classificationClassOpener {
  text-align: left;
}

.classificationClassOpener:not(span) {
  width: calc(100% - 8rem) !important;
}

.classificationClassOpener.lastActiveResult {
  background-color: #49a1bc;
}

.classificationResultContext {
  border: 1px solid lightgray;
  margin-top: 0.3rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-radius: 4px;
  position: relative;
}

.manualClassificationClassSelect {
  margin-top: 5rem;
  border-top: 1px solid black;
}

.blandButton.iconButton {
  background-color: #555 !important;
  color: white;
}

.blandButton.iconButton.focus, .blandButton.iconButton:focus, .blandButton.iconButton:hover {
  background-color: #4a4a4a !important;
  color: white;
}

.blandButtonStyle{
  min-height: 2.8rem !important;
}

.editActionStyle{
  min-height: 2.5rem !important;
  font-size: 0px !important;
}

.datasheetStyle{
  min-height: 2.7rem !important;
}