/* Custom styles for app page */

/* Styles for main app container */

div#appContent {
  background: white !important;
  margin: 0px auto;
  padding: 20px;
  max-width: 980px;
}

/* Styles for Back button */

.key-success-bg {
    background: #def3e7;
    padding: 5px;
  }
  
  .key-success {
    color: #007721;
  }

.content-control-menu-nav .horizontal-icolink {
  font-weight: 600;
}

.content-control-menu-nav {
  padding-left: 25px;
  padding-right: 24px;
  font-size: 16px;
  height: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  display: none;
}

/* Styles for edit product label page */

.edit-product-label {
  display: none;
}

.settings-page {
  background-color: #f0f2f4;
}

.fieldset .field .field-state--success {
  color: #37ba32;
  width: 22px;
  height: 22px;
}
.fieldset .field [class*="field-state"] {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 10px;
  right: 9px;
  opacity: 0;
  z-index: -1;
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
  transition: opacity 0.1s ease-out, color 0.1s ease-out;
}

element.style {
}
@media screen and (min-width: 768px) {
}
.settings-page__header,
.settings-page__body {
  padding-top: 24px;
}
.settings-page__header,
.settings-page__body {
  min-width: 290px;
  padding: 16px 0 0;
  padding-left: 8px;
  padding-right: 8px;
  overflow: hidden;
}
.settings-page * {
  box-sizing: border-box;
}

.settings-page__title {
  margin: 0 auto 8px;
}



.key-error-bg {
    background: #ffe3e3; 
    padding:5px;
}

.key-success-bg {
    background: #def3e7; 
    padding:5px;
    text-align: center;
}

.key-error {
     color: #e60000; 
}

.key-success {
     color: #007721; 
     text-align: center;
}