html, body {
  height: 100%;
}

  body.in-overlay {
    background-color: #FFF;
    background-image: none;
    overflow: auto;
  }

  body.overlay {
    background-color: #f2f3f4;
    background-image: none;
    overflow: hidden;
  }

  body.scroll-lock {
    -webkit-overflow-scrolling: auto !important;
  }

hr {
  margin: 0;
}

a {
  color: #005982;
  text-decoration: none;
}

  a:hover {
    text-decoration: underline;
  }

  a[class*=icon]:hover {
    text-decoration: none;
  }

  a:active, a:focus {
    outline: none;
  }

  a:active,
  a:focus,
  a:hover,
  input[type=submit],
  li:hover,
  div.nav-icon,
  button:hover,
  #pageHelp .close-page-level-help:hover,
  div.linkbox:hover {
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: .03s;
    -moz-transition-duration: .03s;
  }

.chip-light {
  padding: 4px 8px;
  background: #D3EAFC;
  color: #075C9D;
  border-radius: 4px;
  align-items: center;
  line-height: 22.4px;
}

.container {
  /* this one prevents scrolling in the primary admin container */
  /*position: fixed;*/
  left: 0;
  top: -1px;
  height: 1px !important;
  min-height: 1px !important;
  z-index: 203;
  right: 0px;
  width: auto !important;
}

.overlay .container {
  overflow: visible;
  position: absolute;
}

.touch .overlay .container {
  -webkit-overflow-scrolling: touch !important;
  overflow: scroll !important;
}

.container-inner {
  background-color: #FCFCFC;
  min-height: 100%;
}

#mainContent {
  position: absolute;
  top: 0;
  bottom: 0;
}

#pageContent {
  position: relative;
  overflow-x: visible;
  overflow-y: visible;
  min-height: 100%;
  height: 100%;
}

.scroll-lock #pageContent {
  overflow-y: visible;
}

#pageContentFiller {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #FFF;
}

  #meBar.zzz {
    z-index: 301 !important;
  }

  #meBar ul {
    list-style-type: none;
    margin: 0;
    font-size: 0;
    padding-inline-start: 0;
  }

  #meBar > ul > li {
    padding: 20px 0;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 33%;
  }

  #meBar ul > li.first {
    margin-top: 0px;
    padding-top: 20px;
  }

  #meBar ul > li.last {
    border-radius: 0 0 3px 0;
  }

  #meBar ul > li.on {
      color: #a8a8a8;
  }

.bgProcessCount {
  position: absolute;
  top: 5px;
  text-align: center;
  border-radius: 50px;
  background: #005982;
  color: #fff;
  font-size: 13px;
  min-width: 15px;
  height: 15px;
  transform: translateX(-50%);
  padding: 1px 2px;
}

#adminChat {
  position: absolute !important;
  top: 100%;
  background: #5b9ebe;
  margin-top: 15px;
  width: 90px;
  border-radius: 0 5px 5px 0;
}

  #adminChat.on {
    background: #444 !important;
  }

#divChatWindow {
  position: absolute;
  right: 100%;
  background: #444;
  top: 0;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#divChatInnerWidth {
  width: 420px;
}

div#divChatWindow .inner {
  padding: 10px;
}

#divChatWindow .inner h4 {
  margin-top: 0;
}

#adminChat .me-icon {
  color: #fff;
  font-size: 32px;
}

.inner-container {
  background: #fff;
  position: relative;
}

.chat-loading {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  text-align: center
}

  .chat-loading span {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: #565f6c;
    margin: 50px 5px;
    border-radius: 50%;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    animation: wind 2s infinite ease-in-out;
    -moz-animation: wind 2s infinite ease-in-out;
    -webkit-animation: wind 2s infinite ease-in-out
  }

@-webkit-keyframes wind {
  0%, 60%, 100% {
    background: rgba(86, 95, 108, 0.75);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
  }

  20% {
    background: rgba(86, 95, 108, 0.25);
    -webkit-transform: translate(13px, 0);
    -moz-transform: translate(13px, 0);
    -ms-transform: translate(13px, 0);
    -o-transform: translate(13px, 0)
  }

  40% {
    background: rgba(86, 95, 108, 0.25);
    -webkit-transform: translate(-13px, 0);
    -moz-transform: translate(-13px, 0);
    -ms-transform: translate(-13px, 0);
    -o-transform: translate(-13px, 0)
  }
}

@-moz-keyframes wind {
  0%, 60%, 100% {
    background: rgba(86, 95, 108, 0.75);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
  }

  20% {
    background: rgba(86, 95, 108, 0.25);
    -webkit-transform: translate(13px, 0);
    -moz-transform: translate(13px, 0);
    -ms-transform: translate(13px, 0);
    -o-transform: translate(13px, 0)
  }

  40% {
    background: rgba(86, 95, 108, 0.25);
    -webkit-transform: translate(-13px, 0);
    -moz-transform: translate(-13px, 0);
    -ms-transform: translate(-13px, 0);
    -o-transform: translate(-13px, 0)
  }
}

@-o-keyframes wind {
  0%, 60%, 100% {
    background: rgba(86, 95, 108, 0.75);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
  }

  20% {
    background: rgba(86, 95, 108, 0.25);
    -webkit-transform: translate(13px, 0);
    -moz-transform: translate(13px, 0);
    -ms-transform: translate(13px, 0);
    -o-transform: translate(13px, 0)
  }

  40% {
    background: rgba(86, 95, 108, 0.25);
    -webkit-transform: translate(-13px, 0);
    -moz-transform: translate(-13px, 0);
    -ms-transform: translate(-13px, 0);
    -o-transform: translate(-13px, 0)
  }
}

@keyframes wind {
  0%, 60%, 100% {
    background: rgba(86, 95, 108, 0.75);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
  }

  20% {
    background: rgba(86, 95, 108, 0.25);
    -webkit-transform: translate(13px, 0);
    -moz-transform: translate(13px, 0);
    -ms-transform: translate(13px, 0);
    -o-transform: translate(13px, 0)
  }

  40% {
    background: rgba(86, 95, 108, 0.25);
    -webkit-transform: translate(-13px, 0);
    -moz-transform: translate(-13px, 0);
    -ms-transform: translate(-13px, 0);
    -o-transform: translate(-13px, 0)
  }
}

.chat-loading span:nth-child(1) {
  animation-delay: 0s;
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s
}

.chat-loading span:nth-child(2) {
  animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-delay: .1s
}

.chat-loading span:nth-child(3) {
  animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-delay: .2s
}

.chat-loading span:nth-child(4) {
  animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-delay: .3s
}

.chat-loading span:nth-child(5) {
  animation-delay: .4s;
  -moz-animation-delay: .4s;
  -webkit-animation-delay: .4s
}

#divChatWindow iframe {
  position: relative;
  z-index: 10;
  background: #fff;
}

.me-icon {
  margin: 0 auto;
  font-size: 25px;
  color: #B6B7B9;
  transition: 0.25s;
  -moz-transition: 0.25s;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  text-align: center;
  height: 25px;
  cursor: pointer;
}

#meBar .badge {
  position: absolute;
  top: 15px;
  right: 15px;
  border-radius: 10px;
  background: #b64849;
  color: #fff;
  font-size: 13px;
  min-width: 20px;
  height: 20px;
  line-height: 19px;
  padding: 0 2px;
}

#process {
  position: relative;
}

#meBar ul > li#profileIcon {
  text-align: center;
  padding-bottom: 20px;
  position: relative;
}

.gsc-control-cse {
  border-color: #5E6466 !important;
  background-color: #5E6466 !important;
}

.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
  border-color: #ccc !important;
  background-color: #ccc !important;
}

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
  color: #1B7D93 !important;
}

.gsc-tabHeader.gsc-tabhActive {
  border-color: #005982 !important;
  border-bottom-color: #005982 !important;
  background-color: #005982 !important;
}

  .gsc-tabHeader.gsc-tabhActive:focus, .gsc-tabHeader.gsc-tabhActive {
    border-color: #005982 !important;
    border-bottom-color: #005982 !important;
    background-color: #005982 !important;
    box-shadow: none !important;
  }

.gsc-tabHeader:focus {
  border-color: #005982 !important;
  border-bottom-color: #005982 !important;
  background-color: #005982 !important;
  box-shadow: none !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  border-color: #005982 !important;
  background-color: #005982 !important;
  color: #fff !important;
}

.gsc-tabsArea {
  border-bottom: 1px solid #CCC !important;
}


input.gsc-input {
  border-color: #fff !important;
}

input.gsc-search-button-v2 {
  margin-top: 0px !important;
  height: 14px !important;
}

input.gsc-search-button {
  border-color: #AEB5B5 !important;
  background-color: #AEB5B5 !important;
}

#meBar .profile-menu {
  background: #EBEBEB;
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 0px;
  min-height: 70px;
  width: 200px;
}

  #meBar .profile-menu ul {
    list-style: none;
    text-align: left;
  }

    #meBar .profile-menu ul li {
      margin: 0;
      padding: 0;
      font-size: 14px;
      display: block;
    }

      #meBar .profile-menu ul li a {
        display: inline-block;
        padding: 9px 0px 9px 20px;
        width: 155px;
      }

      #meBar .profile-menu ul li:hover {
        color: #E1E4E5;
      }

      #meBar .profile-menu ul li:last-child:hover {
        border-radius: 0 0 5px 5px;
      }

      #meBar .profile-menu ul li:first-child:hover {
        border-radius: 5px 5px 0 0;
      }

#bg-process-list ul li:first-child:hover {
  background: none;
}

#meBar .profile-menu > ul > li > span {
  font-size: 20px;
  vertical-align: middle;
  padding-right: 5px;
}

#meBar .profile-menu ul li.sep {
  padding: 0;
  border-bottom: 1px solid #474949;
}

#meBar .profile-menu > ul li > a, #meBar .profile-menu > ul li > a span {
  color: #4A4B4D;
  text-decoration: none;
  font-size: 0.8em;
}

  #meBar .profile-menu > ul li > a span.icon-view-store {
    font-size: 18px;
    padding-right: 4px;
    top: 3px;
    position: relative;
  }

#meBar .profile-picture {
  display: block;
  margin: 0 auto;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}

  #meBar .profile-picture > img {
    height: 25px;
    width: 25px;
    border-radius: 2px;
  }

#pageContent hr {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #E8E8E8;
}

#contentBody hr {
  border-style: dashed;
}

#contentBody {
  padding-bottom: 250px;
  padding-left: 2em;
  background: #f5f5f5;
}

.has-area-nav #contentBody:not(.full-width-content) {
  max-width: 1200px;
}

.ac-grid-page div#contentBodyInner {
  max-width: 100%;
}

.on, .zzz {
  z-index: 300 !important;
}

.store-picker select {
  margin: 0;
  width: auto;
}

.has-store-picker .store-picker {
  margin-bottom: 0;
}

:not(.lt-ie9) .radio {
  width: 28px;
  height: 28px;
  padding: 0;
  position: relative;
}

  :not(.lt-ie9) .radio label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    left: 4px;
    top: 4px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#45484d', GradientType=0);
  }

    :not(.lt-ie9) .radio label:after {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      content: '';
      position: absolute;
      width: 12px;
      height: 12px;
      background: #005982;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
      top: 4px;
      left: 4px;
    }

html:not(.lt-ie9).no-touch .radio input[type=radio]:not(:checked) + label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}

:not(.lt-ie9) .radio input[type=radio]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.radio + label {
  font-size: 1.1em;
  margin-left: 0.25em;
  line-height: 26px;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

.ac-textarea {
  position: relative;
  margin-bottom: 10px;
}

  .ac-textarea > pre {
    background: transparent;
    display: block;
    visibility: hidden;
    border: 1px solid transparent;
    padding: 4px 6px;
    border: 0;
    margin: 0;
    outline: 0;
  }

.ac-setting-container.collapsed .ac-setting-group {
  display: none;
}

.ac-setting-container h3 .ac-collapsible {
  height: 16px;
  width: 16px;
  position: absolute;
  top: 6px;
  left: 2px;
  background: transparent url("/store/i/collapse_region.png") no-repeat;
  top: 15px;
  margin-left: -20px;
}

.ac-setting-container.collapsed h3 .ac-collapsible {
  background-image: url("/store/i/expand_region.png");
}

.shipping-label-service {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #005982;
}

.card-header-summary {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-top: 10px;
}
.divider {
  border-top: 1px solid #DADADA;
}

.tip {
  font-size: 0.8em;
  color: #888;
  margin-top: 7px;
}

.tip-top {
  font-size: 0.8em;
  color: #888;
  margin-bottom: 7px;
}

.ui-datepicker-trigger {
  margin-top: 7px;
}

.overlay-body iframe {
  height: 96vh;
  margin-top: 2em;
}

#contentHeader, .overlay-header {
  position: fixed;
  top: 0;
  /* z-index is 1 higher than areanav */
  z-index: 119;
}

.overlay-header {
  top: 0;
  left: 0;
  right: 0;
  z-index: 220;
  height: 64px;
}

#contentHeader {
  width: 100%;
  height: 64px;
  display: flex;
  box-shadow: 0px 4px 8px rgba(32, 33, 36, 0.1);
  background: #fff;
}

.ac-grid-page #contentHeader {
  max-width: none;
}

#contentHeaderInner {
  height: 100%;
  width: 100%;
}

#overlayHeader .pageTitle {
  display: flex;
  align-items: center;
  width: 50%;
}

#overlayHeader .overlay-action-wrapper {
  width: 50%;
  justify-content: flex-end;
}
#contentHeaderInner, .overlay-header-inner {
  background-color: #FFF;
  padding: 0 0.5rem 0;
}

#contentHeader h1, .overlay-header h1 {
  margin: 0;
  font-size: 24px;
  font-weight: lighter;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#contentHeader h2, .overlay-header .overlay-subtitle {
  position: absolute;
  font-size: 12px;
  bottom: -3px;
  font-weight: 400;
  color: #888;
  left: 5.2em;
}

.page-subtitle {
  display: none;
}

#contentHeader.frozen h2, .overlay-header.frozen h2 {
  bottom: -8px;
}

.lt-ie8 #contentHeader h1 {
  margin-bottom: -18px;
}

#contentHeader.has-alerts .pageTitle, .overlay-header.has-alerts .pageTitle,
#contentHeader.has-help .pageTitle, .overlay-header.has-help .pageTitle,
#contentHeader.frozen .pageTitle, .overlay-header.frozen .pageTitle,
#contentHeader.has-store-picker .pageTitle, .overlay-header.has-store-picker .pageTitle {
  border-width: 0;
}

#contentHeader .padded {
  padding-bottom: 0;
}


#contentHeader.frozen, .overlay-header.frozen {
  background-color: transparent;
}

  #contentHeader.frozen #contentHeaderInner, .overlay-header.frozen .overlay-header-inner {
    border-bottom: 1px solid #DDD;
  }

  #contentHeader.frozen h1, .overlay-header.frozen h1 {
    border: 0 none;
  }

#contentBodyInner .pageTitle {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.action-content {
  width: 100%;
  display: inline-flex;
  align-items: flex-end;
  flex-wrap: wrap;
  align-content: space-around;
  margin-left: auto;
  justify-content: flex-end;
}

.action-content-inner {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
    /*column-gap: 1.5rem;*/
    margin-right: 18px;
}

.action-content-inner .action-item {
    min-width: 48px;
    min-height: 48px;
    display: flex;
    align-content: space-between;
    justify-content: space-around;
    align-items: center;
}

.action-content-inner .action-item:has(.show) {
    background: #BBBCBD !important;
    border-radius: 4px;
}

.action-content-inner .action-item:hover {
    background: #F3F4F5;
    border-radius: 4px;
}

.pageTitle-text {
  font-family: 'Gilroy', sans-serif;
  font-weight: 700;
  font-size: 24px;
}

.pageTitle h1 {
    font-family: 'Gilroy';
    font-weight: bold;
}

.fullPageNavigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
}

.full-page-navigation-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 125px;
  padding-top: 8px;
  z-index: 50;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0px 3px 6px rgba(32, 33, 36, 0.1);
  padding-top: 8px;
  padding-bottom: 8px;
}

  .fullPageNavigation .fullPageTitleAndBadges {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 12px;
  }

  .fullPageNavigation .fullPagePreviousNext {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
  }

  .fullPageNavigation .nav-button {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 10px;
    width: 38px;
    height: 38px;
    border: 2px solid #DADADA;
    border-radius: 4px;
    align-content: center;
  }

  .fullPageNavigation .nav-button.disabled {
    cursor: default;
  }

  .fullPageNavigation .nav-button .nav-button-icon {
      color: #4A4B4D;
  }

.trial-countdown {
  color: #fff;
  text-align: center;
  background: #202124;
  display: block;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 14px;
  border-radius: 6px;
  margin-top: 24px;
}

.trial-pickaplan {
  margin-left: 12px;
}

/* Look at the abuse of the overlay-body class with a global search. bundling the offset of the overlay-content + overlay-body */
.overlay-content {
}

#contentBody {
  padding-top: 69px;
}

.overlay-body {
  overflow-y: auto;
  height: 100vh;
  background: #f2f3f4;
  padding: 75px 2em 100px 2em;
}

#contentBodyInner {
  padding-top: 2em;
}

.in-overlay #contentBody {
  padding-bottom: 0;
}

.in-overlay #contentBodyInner {
  padding-top: 0;
  padding-bottom: 50%;
}

#contentBody:after, .overlay-body:after {
  content: '';
  display: table;
  clear: both;
}

#contentHeader.has-store-picker + #contentBody, .overlay-header.has-store-picker + .overlay-body {
  padding-top: 120px;
}

#overlayHeader .page-help {
  display: inline-flex;
  align-self: center;
}

#contentHeader .right-content, #overlayHeader .right-content {
  padding: 45px 0 0 0;
  float: right;
}

.has-alerts .page-help .ph.on label:before {
  margin-top: -3px;
}

.has-alerts .page-help .ph.on label:after {
  margin-top: -2px;
}

.has-store-picker .page-help .ph.on label:before {
  margin-top: 39px;
}

.has-store-picker .page-help .ph.on label:after {
  margin-top: 40px;
}

.has-store-picker.has-alerts .page-help .ph.on label:before {
  margin-top: 80px;
}

.has-store-picker.has-alerts .page-help .ph.on label:after {
  margin-top: 81px;
}

.frozen .page-help .ph.on label:before, .frozen .page-help .ph.on label:after {
  display: none;
}

.page-help label {
  line-height: 19px;
  font-family: 'Gilroy', sans-serif;
  font-weight: 700;
}

#pageHelp {
  position: relative;
  z-index: 0;
  max-height: 335px;
  overflow: hidden;
}

  #pageHelp .ph-admin-edit {
    position: absolute;
    top: 0;
    right: 3em;
  }

  #pageHelp .row {
    max-height: 302px;
    overflow: hidden;
  }

  #pageHelp .ph-body * {
    padding-top: 0;
    padding-bottom: 10px;
    margin: 0;
    font-size: 12px;
    color: #222;
  }

  #pageHelp .overview {
    float: left;
    width: 48%;
  }

  #pageHelp .process {
    float: left;
    width: 48%;
    margin-left: 3%;
  }

  #pageHelp .single {
    width: auto;
    margin: 0;
    float: none;
  }

  #pageHelp .overview:before, #pageHelp .process:before, #pageHelp .ph-additional-reading:before {
    display: block;
    font-size: 14px;
    line-height: 60px;
    padding-left: 35px;
    margin-bottom: 0px;
    font-weight: bold;
    color: #444;
  }

  #pageHelp .overview:before {
    content: 'Overview';
    background: url(/store/admin/inc/images/ph-overview.png) left center no-repeat;
  }

  #pageHelp .process:before {
    content: 'Process';
    background: url(/store/admin/inc/images/ph-process.png) left center no-repeat;
  }

  #pageHelp .ph-additional-reading:before {
    content: 'Additional Reading';
    background: url(/store/admin/inc/images/AdditionalReading.png) left center no-repeat;
  }

  #pageHelp .ph-additional-reading {
    width: 31%;
    float: left;
    padding: 0;
    /* this gets rid of the text generated inside */
    font-size: 0;
    color: transparent;
  }

    #pageHelp .ph-additional-reading a {
      display: block;
      font-weight: normal;
      font-size: 12px;
    }

  #pageHelp .row .col {
    padding: 0 2em 2em 2em;
  }

  #pageHelp .close-page-level-help {
    display: none;
    color: #fff;
    background: #005982;
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    border-radius: 3px 3px 0 0;
  }

    #pageHelp .close-page-level-help:hover {
      background: #4CA9BF;
    }

    #pageHelp .close-page-level-help:before {
      content: "\00ab";
      display: inline-block;
      font-size: 30px;
      font-weight: normal;
      vertical-align: top;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      transform: rotate(90deg);
    }

  #pageHelp a {
    text-decoration: underline;
  }

.overlay-header .actions {
  float: right;
  margin: 0;
  list-style-type: none;
  height: 100%;
}

.page-content-inner .actions {
  margin: 0;
}

.overlay-body .permalink {
  float: right;
  margin: 0;
  position: relative;
  top: 10px;
}

.premium-link {
  float: right;
  margin: 0;
  position: relative;
  top: 15px;
  font-size: 13px;
  display: none;
}

  .premium-link a {
    color: #999 !important;
    font-family: 'Open Sans', sans-serif
  }

.ac-feature-tag-arrow-left {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 7px solid #f2f2f2;
  margin-left: 15px;
  display: inline-block;
  margin-top: 2px;
  vertical-align: central;
}

.ac-feature-tag {
  padding: 1px 7px 1px 7px;
  border: solid transparent 1px;
  background-color: #f2f2f2;
  color: #afafaf;
  font-size: 12px;
  display: inline-block;
}

.disabled-feature {
  position: relative;
  display: none;
}

  .disabled-feature .checkbox {
    float: left;
  }

.checkbox + .ac-feature-tag-container {
  float: left;
}

.ac-feature-tag-container {
  float: right;
}

.disabled-feature:after {
  content: ' ';
  clear: both;
  display: block;
}

.ac-setting-summary .ac-feature-tag-arrow-left {
  display: none;
}

.disabled-feature label {
  color: #afafaf !important;
}

.disabled-feature .ph {
  color: #afafaf !important;
}

.disabled-feature:hover .disabled-features-hover-content
display: block !important;
visibility: visible !important;
}

.disabled-features-hover-content {
  background-color: #202223;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  z-index: 100;
  position: absolute;
  top: 0;
  font-size: 16px;
  padding: 6% 12%;
  box-sizing: border-box;
}

  .disabled-features-hover-content > h5 {
    font-weight: bold;
    text-align: center;
    padding: 0 15px 15px;
    font-size: 16px;
  }

.disabled-features-text {
  text-align: center;
  line-height: 24px;
}

.disabled-features-button {
  margin: 0 auto;
  width: 174px;
  text-align: center;
  padding: 10px 25px;
  background-color: #005982;
  border: 1px solid #005982;
  border-radius: 2px;
  margin: 30px auto 20px;
}

  .disabled-features-button a {
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
  }

  .disabled-features-button:hover {
    background-color: #67C1D6;
  }

.disabled-features-link {
  text-align: center;
}

  .disabled-features-link a {
    color: #005982;
    text-decoration: underline;
  }

    .disabled-features-link a:hover {
      color: #67C1D6;
    }

.actions > li {
  float: left;
  line-height: 58px;
  margin-left: 10px;
  position: relative;
}

  .actions > li.primary-action {
    height: 100%;
    display: inline-flex;
    align-items: center;
  }

  .actions > li.more-actions {
    height: 100%;
    display: inline-flex;
    align-items: center;
  }

.context-button:disabled, .context-button:disabled:hover {
  background: #eee;
  color: #999;
  cursor: default;
}

.ac-grid-header-container .context-button {
  float: right;
  margin-bottom: 1em;
}

a.context-button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-decoration: none;
  line-height: 32px;
  margin: 0.2em;
}

.ac-modal {
  position: fixed;
}

.overlay-panel, .ac-modal {
  background-color: #FCFCFC;
  top: 0;
  bottom: 0;
  z-index: 170;
  box-sizing: content-box;
}

.overlay-panel {
  position: fixed;
  box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

  .overlay-panel > .filler {
    border: 0 none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

.overlay-sub-panel {
}

.overlay-sub-panel-large {
  width: 75%
}

.overlay-sub-panel-medium {
  width: 50%
}

.overlay-sub-panel-small {
  width: 40%;
}

.overlay-frame {
  width: 100%;
  height: 100%;
  border: 0 none;
  overflow: hidden;
}

#overlayMask, .ac-modal-mask {
  background-color: rgba(51, 51, 51, 0.67);
  filter: alpha(opacity=60) \9;
  z-index: 120;
  position: fixed;
  top: 64px;
  /* bottom: 0; */
  overflow: hidden;
  width: 100%;
}

.overlay-cover-mask {
  display: none;
  visibility: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(160, 160, 160, 0.3);
  z-index: 120;
}

.covered .overlay-cover-mask {
  display: block;
  visibility: visible;
}

.overlay {
}

.overlay-close {
  height: 64px;
}

.overlay-close, .ac-modal-close {
  position: absolute;
  font-size: 2em;
  left: 0.5em;
  top: 4px;
  color: #e1e1e1;
  font-weight: bold;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  z-index: 130;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

  .overlay-close:hover, .ac-modal-close:hover {
    color: #555;
  }

.covered .overlay-close {
  display: none;
}

.overlay.has-area-nav .overlay-content {
  bottom: 0;
  top: 10px;
  width: 85%;
  margin-left: 15%;
}

#action-block > li .btn-sm {
  white-space: nowrap;
}

/* Live Design Widget Overlays*/

.widget-overlay .container {
  width: auto !important;
  right: 0;
}

.widget-overlay.has-area-nav .overlay-header-inner {
  background: white;
  padding-top: 15px;
  margin-top: 62px;
}
.widget-overlay-header .actions {
  
}

.widget-overlay .overlay-body {
  padding-top: 75px;
}

.widget-overlay .overlay-header-inner {
  background: #1a1a1a;
}

.add-widget-overlay .overlay-header-inner {
  height: 75px;
}

.widget-overlay.has-area-nav .overlay-header-inner {
  background: #ffffff;
  padding-top: 15px;
}

.widget-overlay-header {
  width: auto !important;
  right: 0;
  left: 0;
}

.widget-overlay .page-action-row {
  top: 75px;
  padding-right: 3.2em;
}

.widget-overlay .permalink {
  display: none;
}

.widget-overlay .overlay-header h1 {
  font-weight: bold;
}

.add-widget-overlay .overlay-header h1 {
  color: #FFF;
  font-weight: bold;
}

.widget-overlay.overlay.has-area-nav .overlay-content {
  left: 0;
}

.widget-overlay .ac-setting label {
  color: #666;
}

.widget-overlay input, .widget-overlay select, .widget-overlay textarea {
  background: #EBECED;
  color: #333;
  border-color: #EBECED;
}

.widget-overlay-header .pageTitle {
  border-color: #333;
}

.widget-overlay-header.frozen .overlay-header-inner {
  border-color: #333;
}

.widget-overlay-header.frozen {
  padding-bottom: 0;
}

.widget-overlay-header h1 {
  font-size: 1em;
  padding-top: 50px !important;
  line-height: 70px !important;
  padding-bottom: 10px;
}

.add-widget-overlay .widget-overlay-header h1 {
  padding-top: 0px !important;
}

.widget-overlay:not(.has-area-nav) .widget-overlay-header h1 {
  padding-top: 0px;
}

.widget-overlay:not(.has-area-nav) .overlay-body {
  padding-top: 70px;
}

.widget-overlay-header h2 {
  top: 90px;
}

.widget-overlay-header .page-help {
  display: none;
}

.widget-overlay-header .pageTitle h1{
  padding: 0 0 0 1.4em !important;
  line-height: inherit !important;
}

.widget-overlay #pageHelp {
  display: none;
}

  .widget-overlay #pageHelp .ph-body * {
    color: inherit;
  }

.widget-overlay .page-help .ph.on label:before,
.widget-overlay .page-help .ph.on label:after {
  display: none;
}

.widget-overlay .add-widget-header {
  margin-left: 0;
  margin-top: 0;
  padding-top: 0;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
}

.widget-overlay h4.add-widget-header {
  margin: 20px 0;
  padding-top: 20px;
  border-top: 1px solid #F3F3F3;
  cursor: pointer;
}

  .widget-overlay h4.add-widget-header:before {
    content: '>';
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border: 1px solid #222;
    border-radius: 10px;
    text-align: center;
    margin-right: 10px;
  }

  .widget-overlay h4.add-widget-header.open:before {
    transform: rotate(90deg);
  }

.widget-overlay h4 + .all-widgets {
  display: none;
}

.widget-overlay h4.add-widget-header.open + .all-widgets {
  display: block;
}

#actionMenu, #actionMenu .ac-menu-branch, .ac-drop-down-menu {
  z-index: 120;
  position: fixed;
  background-color: #FFF;
  border: 1px solid #E9E9E9;
  border-top: 0 none;
  border-radius: 6px 0 6px 6px;
  box-shadow: 0 7px 7px 0 rgba(0, 0, 0, 0.05);
  font-size: 16px;
}

.ac-drop-down-menu {
  position: absolute;
  top: 100%;
  right: 0;
}

#actionMenu .ac-menu-branch {
  border-radius: 6px;
  border: 1px solid #E9E9E9 !important;
}

#actionMenu .top-right {
  float: right;
  height: 1px;
  width: 134px;
}

#actionMenu .top-left {
  margin-right: 134px;
  height: 1px;
  background-color: #E9E9E9;
}

#actionMenu .page-actions {
  float: right;
  width: 134px;
}

  #actionMenu .page-actions ul, .ac-drop-down-menu {
    list-style-type: none;
    padding: 6px;
    margin: 0;
  }

    #actionMenu .page-actions ul > li, .ac-drop-down-menu ul li {
      padding: 0;
      line-height: 26px;
    }

#actionMenu .delegated-actions {
  margin-right: 134px;
  min-width: 134px;
}

  #actionMenu .delegated-actions.no-margin {
    margin-right: 0;
  }

  #actionMenu .delegated-actions .ac-menu-root {
    padding: 6px 0;
    margin: 0 6px;
  }

    #actionMenu .delegated-actions .ac-menu-root > .ac-menu-item, #actionMenu .ac-menu-item, .ac-drop-down-menu li {
      padding: 0;
      line-height: 30px !important;
      font-size: 14px !important;
      position: relative;
      margin: 0 !important;
      text-align: left;
    }

      #actionMenu .page-actions a, #actionMenu .delegated-actions a, .ac-drop-down-menu li a {
        font-size: 14px;
        display: block;
        text-decoration: none;
        color: #545454;
        padding: 0 20px 0 6px;
      }

.action-menu a:hover, .page-actions a:hover {
  color: #005982;
}

#actionMenu .page-actions a:hover,
#actionMenu .delegated-actions a:hover,
#actionMenu .page-actions a:hover,
#actionMenu .delegated-actions .on > a,
.ac-drop-down-menu li a:hover,
.ac-drop-down-menu a.on {
  background-color: #F4F4F4;
  border-radius: 2px;
  color: #000;
}

#actionMenu .delegated-actions .ac-menu-item .ac-menu-branch {
  position: absolute;
  top: 100%;
  left: 25%;
  min-width: 100%;
  padding: 6px;
  white-space: nowrap;
}

#actionMenu .ac-menu-item .arrow, .ac-drop-down-menu .arrow {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -2px;
  border: 4px solid transparent;
  border-top-color: #666;
}

.ac-menu-item .checked, :not(.lt-ie9) .ac-menu-item .unchecked {
  display: inline-block;
  width: 16px;
  position: relative;
}

:not(.lt-ie9) .ac-menu-item .checked, :not(.lt-ie9) .ac-menu-item .unchecked, :not(.lt-ie9) .ac-grid-menu .checked {
  text-indent: -9999px;
}

  :not(.lt-ie9) .ac-menu-item .checked:after, :not(.lt-ie9) .ac-grid-menu .checked {
    display: block;
    position: absolute;
    width: 7px;
    height: 3px;
    top: 8px;
    left: 0;
    border: 2px solid #005982;
    border-top: none;
    border-right: none;
    content: '';
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: transparent;
  }

  :not(.lt-ie9) .ac-menu-item .unchecked:after {
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    top: 8px;
    left: 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    content: '';
  }

.validation-icon {
  margin-right: 6px;
  font-weight: bold;
  background-color: #999;
  color: #FFF;
  border-radius: 9px;
  cursor: pointer;
  font-family: "Times New Roman", Georgia, serif;
  width: 21px;
  text-align: center;
  line-height: 18px;
  display: inline-block;
}

  .validation-icon.warning {
    background: none;
    color: #FFA056;
  }

  .validation-icon.error {
    background: none;
    color: #FF5A5F;
  }

  .validation-icon.info {
    background: none;
    color: #005982;
  }

  .validation-icon.success {
    background: none;
    color: #41D3BD;
  }

  .validation-icon.inverse {
    background: none;
    color: #333;
  }

  .validation-icon.marketing {
    background: none;
    color: #005982;
  }

  .validation-icon.hidden {
    display: none;
  }

.validation-summary {
  margin: 0;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box; 
}

  .overlay.has-area-nav .overlay-header.has-alerts .validation-summary {
    margin-left: calc(25% - 12px);
  }

  /** Temporary style to fix alerts on overlay **/
  .overlay.has-area-nav .overlay-header.has-alerts .validation-summary {
    margin-left: calc(15% + 2em);
    margin-right: 2em;
    padding-left: 0;
  }
  /** End temporary styles */
  .validation-summary .alert {
    min-height: 42px;
    border-radius: 6px;
    margin: 0;
    border-width: 1px 0;
    padding-top: 0.4em !important;
    padding-bottom: 0.4em !important;
    display: grid;
    grid-template-columns: 40px 90% auto;
    align-items: center;
    box-shadow: 0px 3px 6px rgba(32, 33, 36, 0.1);
  }

  .validation-summary li {
    font-size: .9em;
    line-height: 26px;
  }

  .validation-summary .alert-close {
    font-weight: bold;
    cursor: pointer;
    text-align: right;
  }

  .validation-summary ul {
    margin: 0 16px 0 0;
    padding: 0;
    list-style-type: none;
  }

.control-group {
  margin: 0;
  padding: 0;
}

  .control-group.error input, .control-group.error textarea, .control-group.error select {
    background-color: #f2dede;
  }

  .control-group.success input, .control-group.success textarea {
    background-color: #dff0d8;
  }

  .control-group.info input, .control-group.info textarea {
    background-color: #d9edf7;
  }

  .control-group.warning input, .control-group.warning textarea {
    background-color: #fcf8e3;
  }

.ph {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  color: #005982;
  font-weight: normal;
  position: relative;
  white-space: nowrap;
}

label + .ph {
  margin-left: .4em;
}

label.page-help-label {
  display: inline-block;
  padding-left: 4px;
  margin-bottom: 0;
}

strong .ph {
  vertical-align: top;
}

.ac-setting label .ph {
  vertical-align: top;
}

.fa-circle-question {
  color: #005982;
}

.ph-additional-reading {
  padding-top: 9px;
  font-size: 0.85em;
}

.lt-ie8 .ph {
  zoom: 1;
  *display: inline;
}

#spinnerBoxWrapper, .spinnerBoxWrapper {
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  align-items: center;
  justify-content: center;
}

#spinnerBox, .spinnerBox {
  z-index: 2000000000;
  position: sticky;
  top: 0;
}

/* Overlay Widget Search*/
.search-action-row {
  position: -webkit-sticky;
  position: sticky;
  justify-content: center;
  top: 0;
  z-index: 99
}

.search-container {
  top: 65px;
  z-index: 999;
  height: 85px;
  position: fixed;
  width: 100%;
}

.search-panel-container {
  width: 95%;
}

#search-action-wrapper {
  padding: 8px;
  align-items: center;
  transition-duration: 0.25s;
  height: 80px;
  place-content: center;
}

.search-action-wrapper-sticky {
  border-radius: 3px;
  box-shadow: 0px 3px 6px rgb(32 33 36 / 10%);
  background: #f2f3f4;
}


.all-widgets {
  padding-top: 55px;
}

/* LOADING SPINNER BEGIN */
.skCircle {
  display: block;
  margin: 64px auto;
  position: relative;
  width: 150px;
  height: 150px;
}

  .skCircle.small {
    width: 50px;
    height: 50px;
  }

  .skCircle.large {
    width: 200px;
    height: 200px;
  }

  .skCircle .skChild {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

    .skCircle .skChild:before {
      content: "";
      display: block;
      margin: 0 auto;
      width: 15%;
      height: 15%;
      background-color: #0a8aee;
      border-radius: 100%;
      -webkit-animation: sk-circleBounceDelay 2.4s infinite ease-in-out both;
      animation: sk-circleBounceDelay 2.4s infinite ease-in-out both;
    }

  .skCircle .skCircle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
  }

  .skCircle .skCircle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
  }

  .skCircle .skCircle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .skCircle .skCircle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
  }

  .skCircle .skCircle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
  }

  .skCircle .skCircle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .skCircle .skCircle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
  }

  .skCircle .skCircle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
  }

  .skCircle .skCircle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  .skCircle .skCircle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
  }

  .skCircle .skCircle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
  }

  .skCircle .skCircle2:before {
    -webkit-animation-delay: -2.2s;
    animation-delay: -2.2s;
  }

  .skCircle .skCircle3:before {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
  }

  .skCircle .skCircle4:before {
    -webkit-animation-delay: -1.8s;
    animation-delay: -1.8s;
  }

  .skCircle .skCircle5:before {
    -webkit-animation-delay: -1.6s;
    animation-delay: -1.6s;
  }

  .skCircle .skCircle6:before {
    -webkit-animation-delay: -1.4s;
    animation-delay: -1.4s;
  }

  .skCircle .skCircle7:before {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
  }

  .skCircle .skCircle8:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
  }

  .skCircle .skCircle9:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
  }

  .skCircle .skCircle10:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
  }

  .skCircle .skCircle11:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
  }

  .skCircle .skCircle12:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
  }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* LOADING SPINNER END*/

/* stuff for autocomplete */

.ac_results, .ac-autocomplete .ui-autocomplete {
  padding: 0;
  overflow: hidden;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  background: #fefefe;
  z-index: 1000;
}

  .ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .ac_results iframe {
    display: none; /*sorry for IE5*/
    display /**/: block; /*sorry for IE5*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    filter: mask();
    width: 3000px;
    height: 3000px;
  }

  .ac_results li {
    margin: 0px;
    padding: 0.5em 1em;
    cursor: pointer;
    display: block;
    font: menu;
    font-size: 12px;
    overflow: hidden;
  }

.ac_additional-info {
  color: #808080;
}

.ac_loading {
  background: #fefefe url('/store/i/a/spinner.gif') right center no-repeat;
}

.ac_odd {
  background-color: #F7F7F7;
}

.ac_over {
  background-color: #C6E8F4;
}

.ac-autocomplete {
  z-index: 2000;
  position: relative;
  font-size: 12px;
}

  .ac-autocomplete .ui-autocomplete {
    border-radius: 0;
  }

  .ac-autocomplete .ui-state-focus {
    border: none !important;
    background: #C6E8F4 !important;
    border-radius: 0;
  }

/* end stuff for autocomplete */

/* Password Strength Checker */

ul.PasswordStrengthBar {
  background-color: transparent;
  margin: 0 0 2px 0;
  float: left;
  width: 187px;
  padding: 0;
}

  ul.PasswordStrengthBar > li.PasswordStrengthSegment {
    list-style-type: none;
    float: left;
    width: 35px;
    padding: 3px 0;
  }

ul.PasswordStrengthBarRight {
  background-color: transparent;
  margin: 0 0 2px 0;
  float: right;
  width: 187px;
  padding: 0;
}

  ul.PasswordStrengthBarRight > li.PasswordStrengthSegment {
    list-style-type: none;
    float: right;
    width: 35px;
    padding: 3px 0;
  }

li.PasswordStrengthSegment {
  border-collapse: collapse;
}

  li.PasswordStrengthSegment.PasswordPoor {
    background-color: #FF0000;
    border: 1px solid #CC0000;
  }

  li.PasswordStrengthSegment.PasswordWeak {
    background-color: #FF9900;
    border: 1px solid #CC6600;
  }

  li.PasswordStrengthSegment.PasswordAverage {
    background-color: #CCCC00;
    border: 1px solid #999900;
  }

  li.PasswordStrengthSegment.PasswordGood {
    background-color: #009900;
    border: 1px solid #006600;
  }

  li.PasswordStrengthSegment.PasswordStrong {
    background-color: #000099;
    border: 1px solid #000066;
  }

span.PasswordStrengthText {
  font-size: 0.8em;
  clear: left;
  display: block;
}

  span.PasswordStrengthText.PasswordPoor {
    color: #CC0000;
  }

  span.PasswordStrengthText.PasswordWeak {
    color: #CC6600;
  }

  span.PasswordStrengthText.PasswordAverage {
    color: #999900;
  }

  span.PasswordStrengthText.PasswordGood {
    color: #006600;
  }

  span.PasswordStrengthText.PasswordStrong {
    color: #000066;
  }

.ac-available-snapins {
  background-color: #F4F4F4;
  border: 1px solid #CECECE;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 5px 0 10px 0;
  text-align: center;
}

.RadEditor table, .RadEditor.reWrapper table td {
  margin-top: 0;
}

label.inline {
  display: inline;
}

.CodeMirror {
  background-color: transparent;
  height: auto;
}

.CodeMirror-scroll {
  overflow-x: auto;
  overflow-y: hidden;
}

.CodeMirror-gutters {
  background-color: transparent;
  border: 0 none;
}

.ac-view-container {
  background: #f7f7f7;
  margin: 24px 0 0;
  font-size: 0.8em;
}

.ac-view-header {
  padding: 1em;
  background: #efefef;
}

  .ac-view-header strong {
    font-weight: normal;
  }

.ac-view-area {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}

  .ac-view-area strong {
    padding-right: 0.5em;
  }

  .ac-view-area .inline .checkbox {
    display: inline;
  }

  .ac-view-area .row {
    padding: 0.25em 0;
  }

  .ac-view-area .largeText {
    font-size: 1.5em;
  }

  .ac-view-area .highlight {
    color: #98D6FF;
  }


.ac-grid {
  width: 100%;
  color: #666;
}

.wysiwyg .ac-textarea > pre {
  display: none;
}

.ac-editor-toggle {
  float: right;
  font-size: 0.8em;
}

#bg-process-message-container {
  display: none;
  top: 42px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 2px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, .2);
  position: absolute;
  width: 500px !important;
  color: #333;
}

#bg-process-list {
  background: #FFFFFF;
  position: fixed;
  top: 0;
  right: 0;
  min-width: 390px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #4A4B4D;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
}

#bg-process-list .bg-process-list-dialog-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 16px 24px;
  position: absolute;
  height: 64px;
  left: 0px;
  right: 0px;
  top: 0px;
  background: #FFFFFF;
  box-shadow: 0px 1px 10px 0px #0000001F, 0px 4px 5px 0px #00000024, 0px 2px 4px -1px #00000033;
}

#bg-process-list .bgpl-dialog-title-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /*width: 392px;*/
  height: 32px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

#bg-process-list .bgpl-dialog-title-content-text {
  font-family: "Museo Sans", Nunito;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.55px;
  display: grid;
  align-items: center;
  color: #202124;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

#bg-process-list .bgpl-dialog-title-content-actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0px;
  gap: 8px;
  margin: 0 auto;
  width: 196px;
  height: 32px;
  flex: none;
  order: 1;
  flex-grow: 1;
}

#bg-process-list .bgpl-dialog-title-content-actions-close {
  cursor: pointer;
}

  #bg-process-list .processes-content {
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 16px;
    gap: 8px;
    isolation: isolate;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 64px;
    box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12);
    z-index: 300;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 80px);
    word-break: break-word;
  }

#bg-process-list .processes-content::-webkit-scrollbar {
  width: 7px;
}

/* Track */
#bg-process-list .processes-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px transparent;
  border-radius: 10px;
}

/* Handle */
#bg-process-list .processes-content::-webkit-scrollbar-thumb {
  background: #a8a8a8;
  border-radius: 10px;
}

#bg-process-list > div {
  min-height: 64px;
  padding: 10px;
}



  #bg-process-list h3 {
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    margin: 0;
  }

  #bg-process-list .inner, #bg-process-message-container .inner {
    font-size: 13px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
  }

#bg-process-list .bg-progress .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 2px;
  width: 316px;
}

#bg-process-list .bg-progress .inner .progress-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px 0px 0px;
  gap: 16px;
  background: #FFFFFF;
  border-radius: 4px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  width: 316px;
}

#bg-process-list .bg-progress .inner .progress-item .progress-item-avatar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  isolation: isolate;
  width: 40px;
  height: 40px;
  flex: none;
  order: 0;
  flex-grow: 0;
}

#bg-process-list .bg-progress .inner .progress-actions {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px 0px 16px 46px;
  gap: 8px;
  flex: none;
  order: 1;
  align-self: end;
  flex-grow: 0;
  justify-content: center;
}

#bg-process-list .bg-progress .inner .progress-item .progress-item-details {
  display: block;
  padding: 0px;
  gap: 4px;
  width: 316px;
  line-height: 1.4em;
}

#bg-process-list .bg-progress-name {
    display: block;
}

#bg-process-message-container .inner {
  overflow: auto;
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  bottom: 0;
}

#bg-process-list .close, #bg-process-message-container .close {
  position: absolute;
  top: 6px;
  left: -16px;
  font-size: 28px;
  color: #FCFCFC;
  background-color: #606060;
  height: 32px;
  width: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.bg-process-view-all {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  font-family: Nunito, GilroyRegular, Arial, sans-serif;
  color: black;
}

.bg-progress {
  font-size: 12px;
  background-color: #FFFFFF;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.6em 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-top: 5px;
  border: 1px solid #DCDDDF;
  border-radius: 4px;
  width: 350px;
}

.bg-progress svg, .bg-process a {
  color: #005982;
}

.bg-process a {
  margin: 2px;
  border: 1px solid #005982;
}

.bg-progress-bar {
  width: 100%;
  height: 11px;
  border: 1px solid #98D6FF;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
}

.bg-progress-complete {
  background-color: #005982;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
}

.bg-progress-msg {
  font-size: 11px;
}

  .bg-progress-msg a {
    color: inherit !important;
  }

.bg-progress-error, .bg-progress-info {
  font-size: 11px;
}

.bg-progress-action {
  text-align: right;
  font-size: 11px;
  float: right;
  margin-left: 10px;
}

.bg-progress.complete {
  border: 1px solid #227145;
  border-radius: 4px;
}

.bg-progress.complete svg {
  color: #227145;
}

.complete .bg-progress-name {
  color: #468847;
}

.complete a {
  color: #468847 !important;
}

#bg-process-list .btnDownload {
  color: #005982 !important;
}

.complete .bg-progress-bar {
  border-color: #468847;
}

.complete .bg-progress-complete {
  background-color: #468847;
}

.complete .bg-progress-msg {
  color: #468847;
}

.bg-progress.error {
  border: 1px solid #AA150C;
  border-radius: 4px;
}

.bg-progress.error svg {
    color: #C52716
}

.error .bg-progress-name {
  color: #b94a48;
}

.error a {
  color: #b94a48 !important;
}

.error .bg-progress-bar {
  border-color: #b94a48;
}

.error .bg-progress-complete {
  background-color: #b94a48;
}

.error .bg-progress-msg {
  color: #b94a48;
}

.paused .bg-progress-bar {
  border-color: #666;
}

.paused .bg-progress-complete {
  background-color: #999;
}

#bg-process-list li {
  cursor: default !important;
}

  #bg-process-list li:hover a {
    color: #159CAA !important;
  }

#bg-process-list .queue {
  color: #888;
  font-size: 11px;
  padding: 8px 24px 0;
}

#bg-process-list #no-jobs {
  font-size: 16px;
  line-height: 2em;
  padding: 0;
}

.bg-process-message-error, .bg-process-message-info {
  padding: 0.6em 16px;
}

.not-my-ice-cream {
  background-image: url('/store/admin/inc/images/IceCream.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 190px;
}

.oops {
  padding-top: 80px;
}

  .oops h4 {
    color: #005982;
    font-family: 'Gilroy', sans-serif;
    font-weight: 700;
  }

  .oops h5 {
    color: #FF5A5F;
    font-family: 'Gilroy', sans-serif;
    font-weight: 700;
    font-size: 18px;
  }

  .oops i {
    font-size: 128px;
    color: #005982;
  }

  .oops .error-icon {
    text-align: center;
  }

  .oops h4 {
    font-size: 36px;
    font-weight: bold;
  }

  .oops h5 {
    font-weight: 600;
    margin: 20px 0 10px;
  }

  .oops p.description {
    line-height: 28px;
    font-size: 18px;
  }

  .oops .error-actions {
    margin-top: 20px;
  }

  .oops .feedback {
    background-color: #F3F3F3;
    border-color: #E8E8E8;
    border-style: solid;
    border-width: 1px;
    color: #999;
    margin-top: 60px;
    padding-top: 1em;
    padding-bottom: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }

    .oops .feedback > label {
      color: #666;
    }

  .oops .error-notes {
  }

  .oops .feedback-actions {
    float: right;
  }

  .oops .error-info-button {
    background-color: #FF5A5F;
    color: #fff;
  }

    .oops .error-info-button.zeroclipboard-is-hover {
      background-color: #d26561;
      border-color: #b94a48;
    }

#search_results_popup {
  position: absolute;
  z-index: 2000;
  background-color: #F0F0F0;
  display: none;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #E6E6E6;
  box-shadow: 0 3px 7px rgba(0, 0, 0, .2);
  overflow: hidden;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-left: 0.05rem;
  margin-right: 4.7rem;
}

#address_search_results_popup {
  position: absolute;
  z-index: 2000;
  background-color: #F0F0F0;
  display: none;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #E6E6E6;
  box-shadow: 0 3px 7px rgba(0, 0, 0, .2);
  overflow: hidden;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}


#search_results_header, #search_results_footer {
  height: 24px;
  color: #A9A9A9;
  font-size: 11px;
  line-height: 24px;
  text-align: center;
}

#search_results_title, #search_results_page {
  margin: 0 50px;
}

#search_results_prev a, #search_results_next a {
  color: #999;
}

  #search_results_prev a:hover, #search_results_next a:hover {
    color: #EE7716;
  }

#search_results_prev {
  float: left;
  margin-left: 8px;
  width: 42px;
}

#search_results_next {
  float: right;
  margin-right: 8px;
  width: 42px;
  text-align: right;
}

#search_results {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

  #search_results > a {
    display: block;
    width: 50%;
    height: 70px;
    float: left;
  }

.search-result-inner {
  cursor: pointer;
  font-size: 9px;
  background-color: #FFF;
  color: #333;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 2px;
  border: 1px solid #E6E6E6;
  overflow: hidden;
}

#search_results .search-result-img {
  float: left;
  height: 64px;
  width: 64px;
}

#search_results .search-result-text {
  margin-left: 68px;
}

  #search_results .search-result-text .inner {
    padding: 4px;
  }

#search_results .search-result-item-name {
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  height: 26px;
  overflow: hidden;
}

#search_results .search-result-item-number {
  font-size: 11px;
  color: #999;
  line-height: 13px;
  height: 13px;
}

#search_results .search-result-status-row {
  margin: 0;
  width: 100%;
}

#search_results .search-result-item-price {
  float:right;
  font-size: 12px;
  text-align: right;
  font-weight: bold;
  color: #A9A9A9;
  margin-top: 3px;
}

#search_results .search-result-item-status {
  float:left;
  font-size: 12px;
  text-align: left;
  font-weight: bold;
  color: #A9A9A9;
  margin-top: 3px;
}

#search_results_close {
  float: right;
  margin: 8px 8px 0 0;
  height: 11px;
  width: 13px;
  background-image: url(/store/i/a/cmnuClose.gif);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

#search_results > a.hover .search-result-inner {
  border-color: #cceef4;
  box-shadow: 0 0 5px #d9edf7;
  background-color: #d9edf7;
  -webkit-transition-property: border-color, box-shadow, background-color;
  -webkit-transition-duration: 250ms, 250ms;
  -webkit-transition-timing-function: linear, linear;
  -moz-transition-property: border-color, box-shadow, background-color;
  -moz-transition-duration: 250ms, 250ms;
  -moz-transition-timing-function: linear, linear;
  -o-transition-property: border-color, box-shadow, background-color;
  -o-transition-duration: 250ms, 250ms;
  -o-transition-timing-function: linear, linear;
  -ms-transition-property: border-color, box-shadow, background-color;
  -ms-transition-duration: 250ms, 250ms;
  -ms-transition-timing-function: linear, linear;
  transition-property: border-color, box-shadow, background-color;
  transition-duration: 250ms, 250ms;
  transition-timing-function: linear, linear;
}

#search_results > a.hover .search-result-item-name, #search_results > a.hover .search-result-item-number {
  color: #3a87ad;
  -webkit-transition: color 250ms linear;
  -moz-transition: color 250ms linear;
  -o-transition: color 250ms linear;
  -ms-transition: color 250ms linear;
  transition: color 250ms linear;
}

#search_results > a.hover .search-result-item-price {
  color: #3a87ad;
  -webkit-transition: color 250ms linear;
  -moz-transition: color 250ms linear;
  -o-transition: color 250ms linear;
  -ms-transition: color 250ms linear;
  transition: color 250ms linear;
}

.farbtastic-container {
  height: 195px;
  width: 195px;
  margin: 0 auto;
}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus, .uneditable-input:focus,
.RadMultiSelect.k-multiselect.k-state-focused .k-multiselect-wrap, .RadMultiSelect.k-multiselect.k-state-focused.k-state-hover .k-multiselect-wrap,
.input-group.input-group-blend-append .btn:focus, .input-group.input-group-blend-append input:focus + .input-group-append .btn {
  border-color: #005982;
  box-shadow: none;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}

.copyright {
  bottom: 16px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  padding-top: 70px;
  text-align: center;
  background: url(/store/admin/inc/images/made-in-texas.png) top center no-repeat;
}

.copyright-start {
  display: inline;
}

.copyright + .popover {
  z-index: 200;
}

.ac-setup-helper-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  line-height: 60px;
  background: #0079a8;
}

:not(.lt-ie9) .ac-setup-helper-controls .checkbox label {
  background: transparent;
  border-color: #9AD5E2;
}

.ac-setup-helper-controls .checkbox + label {
  font-weight: bold;
  padding-left: 10px;
}

.ac-setup-helper-prev {
  float: left;
  position: relative;
  z-index: 1;
  color: #fff;
}

.ac-setup-helper-next {
  float: right;
  position: relative;
  z-index: 1;
  color: #9AD5E2;
}

  .ac-setup-helper-prev, .ac-setup-helper-next a {
    font-size: 15px;
    font-weight: bold;
    padding: 0 20px;
    color: #fff;
  }

.ac-setup-helper-im-done {
  float: right;
  color: #9AD5E2;
}

.ac-setup-helper-close {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}

  .ac-setup-helper-close > div {
    width: 100px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
  }

    .ac-setup-helper-close > div > span {
      display: inline-block;
      color: #478CA8;
      background: #fff;
      height: 30px;
      width: 30px;
      line-height: 29px;
      font-size: 40px;
      border-radius: 15px;
      vertical-align: middle;
      margin-right: 10px;
    }



/* setup helper */

.ac-setup-helper {
  position: relative;
  z-index: 100 !important;
}

.ac-setup-helper-mask {
  position: absolute;
  left: 0 !important;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100% !important;
  z-index: -1;
}

.ac-setup-helper-inner {
  position: absolute;
  top: 0;
  left: 100%;
  width: 800px;
  z-index: 1000;
  padding: 50px 0px 60px;
  background: #005982;
  color: #313e4e;
  margin: 0 0 0 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  font-size: 14px;
  box-sizing: border-box;
}

  .ac-setup-helper-inner:before {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    left: -30px;
    border: 15px solid transparent;
    border-width: 10px 15px;
    border-right-color: #0079a8;
  }

.ac-setup-helper-scroll-area {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 25px;
  box-sizing: border-box;
}

.page-has-area-nav .ac-setup-helper-inner:before {
  left: 425px;
}

.ac-setup-helper-splash-screen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.77);
  text-align: center;
}

  .ac-setup-helper-splash-screen > div {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: 320px;
    width: 560px;
    color: #fff;
  }

  .ac-setup-helper-splash-screen h2 {
    font-size: 18px;
    font-weight: bold;
  }

  .ac-setup-helper-splash-screen button {
    background: #ff703e;
    margin-top: 30px;
    color: #fff;
    padding: 10px 25px;
    font-weight: bold;
  }

.ac-setup-helper-tab button {
  font-size: 14px;
  color: #a8a8a8;
  background: transparent;
  padding: 10px 20px;
  border-radius: 0;
  margin: 0;
  border-bottom: 1px solid #343536 !important;
  width: 100%;
  text-align: left;
  font-weight: 300;
  font-family: inherit;
}

  .ac-setup-helper-tab button:hover {
    color: #fff;
  }

    .ac-setup-helper-tab button:hover svg path {
      stroke: #fff;
    }

  .ac-setup-helper-tab button:active, .ac-setup-helper-tab button:focus {
    border: none;
    outline: none;
  }

  .ac-setup-helper-tab button svg {
    vertical-align: middle;
    margin-right: 20px;
  }

svg.ac-setup-helper-completion-icon {
  position: absolute;
  margin: 0;
  right: -7px;
  transform: rotate(-90deg);
}

  svg.ac-setup-helper-completion-icon circle {
    stroke: #343536;
    stroke-width: 3px;
  }

    svg.ac-setup-helper-completion-icon circle.progress {
      opacity: 0;
      stroke: #a8a8a8;
      stroke-dasharray: 66;
      stroke-dashoffset: 66;
      transition: stroke-dashoffset 1s, opacity 1s;
    }

.ac-setup-helper-tasks {
  text-align: center;
  margin-bottom: 1em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #0079a8;
}

  .ac-setup-helper-tasks ol {
    margin: 0;
    padding: 11px 25px;
    text-align: left;
    font-size: 0;
  }

  .ac-setup-helper-tasks li {
    padding: 0 25px 0 0 !important;
    list-style: none;
    counter-increment: task;
    font-weight: normal;
    cursor: pointer;
    position: relative;
    z-index: 1;
    color: #9AD5E2;
    text-align: left;
    font-size: 15px;
    padding-right: 30px;
    display: inline-block;
  }

    .ac-setup-helper-tasks li:before {
      content: counter(task);
      display: inline-block;
      border: 1px solid #9AD5E2;
      color: #9AD5E2;
      width: 20px;
      height: 20px;
      line-height: 20px;
      margin-right: 10px;
      border-radius: 10px;
      text-align: center;
    }

    .ac-setup-helper-tasks li:last-child:before {
      display: none;
    }

    .ac-setup-helper-tasks li svg {
      vertical-align: middle;
      margin-right: 6px;
      fill: #9AD5E2;
    }

    .ac-setup-helper-tasks li.active svg {
      fill: #fff;
    }

    .ac-setup-helper-tasks li svg path {
      stroke-width: 0;
    }

    .ac-setup-helper-tasks li.complete:before {
      background: #9AD5E2;
      color: #9AD5E2 !important;
    }

:not(.lt-ie9) .ac-setup-helper-tasks li.complete span {
  position: absolute;
  top: 4px;
  left: 8px;
  border: 3px solid #478CA8;
  border-width: 0px 2px 2px 0px;
  width: 5px;
  height: 10px;
  margin-right: 5px;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}

.ac-setup-helper-tasks li.active {
  color: #fff;
}

  .ac-setup-helper-tasks li.active:before {
    border-color: #fff;
    color: #fff;
  }

.ac-setup-helper-current-title {
  float: left;
  width: 125px;
  height: 150px;
  text-align: center;
}

  .ac-setup-helper-current-title img {
    max-width: 95%;
  }

.ac-setup-helper-content p {
  display: block;
  margin-left: 150px;
}

.ac-setup-helper-content hr {
  clear: both;
  margin: 0 -25px;
  border-top: 1px solid #0079a8;
  border-bottom: none;
  padding: 0;
}

.ac-setup-helper-content ol, .ac-setup-helper-content ul {
  min-height: 240px;
}

.ac-setup-helper-content ol, .ac-setup-helper-form {
  margin: 0;
  float: left;
  width: 59%;
  border-right: 1px solid #0079a8;
  color: #fff;
  padding-bottom: 40px;
}

.ac-setup-helper-form {
  padding-top: 25px;
}

.ac-setup-helper-content .ph {
  color: #fff;
  margin-top: -2px;
  margin-left: 6px;
}

.ac-setup-helper-content button {
  border: 1px solid #FFF;
  background: transparent;
  color: #FFF;
}

#btnSubmitGoLive[disabled=disabled] {
  opacity: .5;
}

.ac-setup-helper-content ol > strong, .ac-setup-helper-content ul > strong {
  color: #fff;
  display: block;
  padding: 25px;
}

.ac-setup-helper-content ol > strong {
  padding-left: 0;
}

.ac-setup-helper-content ol li {
  margin: 0 25px;
  padding: 10px 0 !important;
  text-align: left !important;
}

  .ac-setup-helper-content ol li a {
    color: #fff;
  }

.ac-setup-helper-content ul {
  margin: 0;
  float: left;
  border-left: 1px solid #0079a8;
  padding: 0 0 40px 0 !important;
  width: 39%;
  list-style: none;
  padding-bottom: 40px;
  margin-left: -1px !important;
}

  .ac-setup-helper-content ul li {
    padding: 0 !important;
    text-align: left !important;
  }

    .ac-setup-helper-content ul li a {
      display: block;
      padding: 10px 25px;
      color: #fff;
    }

.ac-setup-helper-complete {
  color: #005982;
}

  .ac-setup-helper-complete strong {
    display: block;
    font-size: 2.5em;
  }

  .ac-setup-helper-complete > div {
    border-left: 1px solid #e3e5e5;
  }

.ac-setup-helper-done label {
  font-weight: bold;
}

.ac-setup-helper-done .checkbox {
  width: 30px;
  height: 30px;
}

  .ac-setup-helper-done .checkbox label {
    width: 30px;
    height: 30px;
  }

    .ac-setup-helper-done .checkbox label:after {
      width: 30px;
      top: 0;
      height: 10px;
      border-width: 7px;
    }

.ac-setup-helper-domain-control-button a {
  background: #f74f39;
  border: 0;
  color: #fff;
  outline: 0;
  display: inline-block;
  padding: 15px;
  font-weight: 700;
  font-size: 1.2em;
  width: 55%;
  margin-top: 15%;
  text-decoration: none;
  border-radius: 3px;
  position: relative
}

  .ac-setup-helper-domain-control-button a span {
    position: relative;
    z-index: 10
  }

  .ac-setup-helper-domain-control-button a:after {
    background: #fd7a2c;
    background: -moz-linear-gradient(left, #fd7a2c 0%, #fc6047 100%);
    background: -webkit-linear-gradient(left, #fd7a2c 0%, #fc6047 100%);
    background: linear-gradient(to right, #fd7a2c 0%, #fc6047 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd7a2c', endColorstr='#fc6047', GradientType=1);
    border: 0;
    outline: 0;
    display: inline-block;
    border-radius: 3px;
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
    opacity: 1;
    transition: opacity .5s ease;
    backface-visibility: hidden;
  }

.ac-setup-helper-domain-control-button {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

  .ac-setup-helper-domain-control-button a:hover:after {
    opacity: 0;
    transition: opacity .5s ease;
    backface-visibility: hidden;
  }

.existing-gateway {
  font-size: 10px;
}

.launch-form .radio {
  margin-bottom: 5px;
}

.launch-form .registrar-notice {
  padding: 10px;
  background: #478CA8;
  display: inline-block;
  margin: 5px 60px 15px 27px;
  color: #EEE;
}

  .launch-form .registrar-notice.hidden {
    display: none;
  }

ol.ac-launch-list-payments {
  margin: 0;
  float: left;
  width: 59%;
  border-right: 1px solid #478CA8;
  color: #fff;
  padding-bottom: 40px;
  list-style: none;
}

.ac-featured-gateway-multi-owner-warning > img {
  float: left;
  margin-right: 10px;
  width: 70px;
}

.ac-featured-gateway-multi-owner-alert-image {
  margin-top: 20px;
}

.ac-featured-gateway-owner-list {
  margin-top: -10px;
}

.ac-featured-gateway-rates-gateway {
  float: right;
  margin-top: -65px;
  width: 24%;
  text-align: right;
}

.ac-featured-gateway-rates {
  color: black;
  margin-bottom: 0px;
}

.ac-featured-gateway-rates-row {
  padding: 20px 50px 20px 50px;
  font-size: .9em;
  display: flex;
  line-height: 20px;
}

.ac-featured-gateway-rates-note {
  font-size: 9px;
}

.ac-featured-gateway-rate-col-light {
  font-size: 12px;
  text-align: center;
  width: 25%;
  padding: 40px 10px 40px 10px;
  background-color: #f1f1f1;
}

.ac-featured-gateway-rate-col-dark {
  font-size: 12px;
  text-align: center;
  width: 25%;
  padding: 40px 10px 40px 10px;
  background-color: #e7e7e7;
}

.ac-rate-selected {
  border: solid;
  border-width: 2px;
  border-radius: 10px;
  border-color: #adadad;
  box-shadow: 0px 10px 10px #c2c2c2;
}

.ac-featured-gateway-rate-plan {
  font-size: 24px;
  font-weight: 400;
  color: #6e6969;
  padding-top: 10px;
}

.ac-featured-gateway-plan-note {
  padding-top: 20px;
  padding-bottom: 10px;
}

.ac-featured-gateway-rates p strong {
  color: #505050;
  font-size: 48px;
  font-weight: 500;
}

.ac-featured-gateway-custom {
  font-size: 28px;
  font-weight: 400;
}

.ac-featured-gateway-note-col {
  text-align: left;
  font-size: 10pt;
  width: 50%;
}

.ac-featured-gateway-note-row {
  padding: 20px 5% 20px 5%;
  font-size: 12pt;
  display: flex;
  line-height: 20px;
}

.ac-featured-gateway-note-lg-row {
  padding: 20px 5% 20px 12%;
  font-size: 12pt;
  display: flex;
  line-height: 20px;
}

.ac-featured-gateway-note-col1 {
  text-align: left;
  font-size: 9pt;
  width: 55%;
}

.ac-featured-gateway-note-col2 {
  text-align: left;
  font-size: 9pt;
  width: 45%;
}

.ac-featured-gateway-note-list {
  font-weight: 600;
  color: #6e6969;
}

.ac-featured-gateway-note-pre-list {
  color: #8BC34A;
  margin-right: 10px;
}

.ac-featured-gateway-terms {
  font-size: 10px;
}

.ac-featured-gateway-get-started {
  margin-top: 25px;
}

.ac-featured-gateway-multi-owner-warning {
  font-size: 13px;
}

.ac-featured-gateway-gateway-promo {
  float: none !important;
}

  .ac-featured-gateway-gateway-promo * button {
    background-color: #54b2cc !important;
    border: 1px solid #54b2cc !important;
  }

.ac-featured-gateway-nosetupfee {
  float: right;
}

.ac-featured-gateway-percent {
  font-size: 3em;
  margin-top: 15px;
  margin-bottom: 10px;
  float: right;
}

.ac-featured-gateway-setup-helper-logo {
  /*max-width:110px;*/
  padding-left: 5px;
  padding-bottom: 5px;
  /*margin-left:50px;   */
}

.ac-featured-gateway-logo {
  margin-top: -3px;
  padding-left: 5px;
  padding-bottom: 5px;
  margin-left: 15px;
  /*margin-left:50px;   */
}

.ac-featured-gateway-logo {
  max-width: 190px;
  margin-bottom: 15px;
  margin-top: 10px;
}

.ac-featured-gateway-signup {
  margin-top: 15px;
}

.ac-featured-gateway-optional-divider {
  margin-left: 0 !important;
  margin-bottom: 10px !important;
}

.ac-featured-gateway-optional-divider-gateway {
  margin-left: 0 !important;
  margin-bottom: 10px !important;
  margin-top: 50px !important;
}

.ac-payment-settings-featured-gateway .ac-featured-gateway-recommended-add-payment-gateway {
  width: 100%;
  color: #868686;
  padding-top: 35px;
  padding-bottom: 20px;
}

.ac-featured-gateway-recommended-add-payment-gateway {
  width: 100%;
  padding-top: 35px;
  padding-bottom: 20px;
}

  .ac-featured-gateway-recommended-add-payment-gateway strong {
    font-size: 1.5em;
    color: #c8c8c8;
  }

div.ac-featured-gateway-add-payment-gateway-logo img {
  width: 15%;
}

.ac-payment-settings-featured-gateway div.ac-featured-gateway-add-payment-gateway-logo img {
  width: 10%;
}


div.ac-featured-gateway-add-payment-gateway-logo {
  font-size: .7em;
  color: #c5c5c5;
}

.ac-featured-gateway-recommended-text {
  float: left;
}

.featured-gateway-gateway-list-logo {
  max-width: 110px;
  padding-left: 5px;
  padding-bottom: 5px;
  padding-top: 10px;
}

.featured-gateway-enroll-login {
  font-size: 13px;
  margin-left: 5px;
}

.featured-gateway-login-text h3 {
  font-size: 25.5px;
  margin-bottom: 35px;
  text-align: center;
}

.featured-gateway-login-text {
  margin-bottom: 10px;
}

.featured-gateway-login-button {
  color: #FFF;
  background-color: #28ae60 !important;
  border: 1px solid #28ae60 !important;
  font-size: 14px;
  font-weight: bold;
  border-radius: 2px;
  min-width: 115px;
  height: 36px;
  margin-top: 25px;
}

.featured-gateway-enrollment-not-started {
  text-align: center;
}

.featured-gateway-login-button:hover {
  background-color: #269956;
}

/* Menu Edit */

.dd-list {
  list-style-type: none;
  margin: 0;
}

  .dd-list .dd-list {
    margin-left: 25px;
  }

.dd-dragel {
  position: absolute;
  z-index: 99999;
  pointer-events: none;
  opacity: .6;
}

.dd-item a {
  text-decoration: none;
}

.dd-item.ui-sortable-handle {
  cursor: all-scroll;
}

.dd-dragel .dd-item.odd > div.linkbox, .dd-dragel .dd-item.even > div.linkbox {
  border: 1px solid #005982;
  background: #005982;
  color: #fff !important;
}

  .dd-dragel .dd-item.odd > div.linkbox .act-btn, .dd-dragel .dd-item.even > div.linkbox .act-btn, .dd-dragel .dd-item.odd .act-btn, .dd-dragel .dd-item.even .act-btn {
    color: #fff;
  }

.dd-dragel .dd-item.even .arrow.open, .dd-dragel .dd-item.odd .arrow.open {
  border-top: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.dd-placeholder:first-child {
  margin-top: 5px;
}

.dd-placeholder {
  background-color: #efefef;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 0 5px;
}

div.menuContainer {
  background-color: #f9f9f9;
  border: 1px solid #eeeeee;
  clear: right;
  min-height: 100px;
}

.dd-item div.linkbox {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 5px;
  margin: 5px;
}

.dd-item .act-btn {
  color: #777;
}

.dd-item div.linkbox:hover {
  border: 1px solid #005982;
  cursor: move;
}

.dd-item.odd > div.linkbox {
  border: 1px solid #e5e5e5;
  background-color: #e5e5e5;
}

  .dd-item.odd > div.linkbox:hover {
    background-color: #cae8f8;
    border-color: #3ba5bf;
  }

.dd-item.even > div.linkbox {
  border: 1px solid #f1f1f1;
  background-color: #f1f1f1;
}

  .dd-item.even > div.linkbox:hover {
    background-color: #cae8f8;
    border-color: #3ba5bf;
  }

.linkbox span.linktext {
  margin-left: 1em;
}

  .linkbox span.linktext img {
    max-height: 100%;
  }

.linkbox span.linktype {
  font-size: 0.7em;
  float: right;
  margin-right: 5px;
}

.currSel {
  border: 1px solid #98D6FF;
  background-color: #cae8f8 !important;
}

.dd-item div.arrow {
  float: left;
  width: 0px;
  height: 0px;
  margin-top: 8px;
  margin-left: 20px;
  margin-right: 4px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #888888;
  border-right: 8px solid transparent;
  cursor: pointer;
}

  .dd-item div.arrow:hover {
    border-left-color: #ff703e;
  }

  .dd-item div.arrow.open {
    float: left;
    width: 0px;
    height: 0px;
    margin-top: 12px;
    margin-left: 16px;
    margin-right: 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #888888;
    border-bottom: 8px solid transparent;
  }

  .dd-item div.arrow.none {
    margin-left: 2px;
    margin-right: 2px;
    border-left: 8px solid transparent;
  }

.dd-item .act-move {
  float: right;
}

.dd-item .act-edit, .dd-item .act-delete {
  margin: 8px 0px 0px 4px;
  float: left;
  font-size: 18px;
}

.ui-sortable-placeholder {
  border: 1px dotted black;
  visibility: visible !important;
  height: 1.5em !important;
}

  .ui-sortable-placeholder * {
    visibility: hidden;
  }

/* End Menu Edit */

/* Order Edit Items */


#txtProductSearch {
  padding-left: 30px;
}

#dvAddEditProductsContainer input {
  margin-top: 0;
}

.ShoppingCart {
  padding: 3px;
  text-align: center;
}

.CartItem input[type=text], .CartItem select, .CartTotalRow input[type=text], .CartTotalRow select {
  height: auto;
  vertical-align: top;
  margin: 0;
}

.CartItem > td {
  border: none !important;
  background: #f4f4f4;
}

.GroupParentRow .CartItem > td {
  background: #efefef;
}

.CartItem td td {
  background: transparent;
}

.CartItemTopRow > td, .Separator > td {
  border-top: 10px solid #fff !important;
  border-left: none !important;
  border-right: none !important;
}

.Separator > td {
  padding: 0;
  border-bottom: none !important;
}

.CartItem .icon-trash {
  font-size: 16px;
  line-height: 30px;
}

.ShoppingCartTotals {
  font-weight: bold;
}

.ShoppingCartPrice {
  font-weight: bold;
  border-left: 1px dotted #D3D3D3;
  white-space: nowrap;
}

  .ShoppingCartPrice .ShoppingCartCurrentPrice {
    display: block;
    text-decoration: line-through;
  }

.ShoppingCartCurrentPrice {
  color: #999999;
  font-size: .8em;
  line-height: 30px;
}

.ShoppingCartPrice input {
  width: 55px;
}

.ShoppingCartCost {
  text-align: center;
  font-weight: bold;
}

.ShoppingCartVariations {
  font-size: .8em;
}

.OrderEditCurrentPriceLabel {
  color: #999999;
  font-size: .8em;
  line-height: 30px;
  padding-top: 5px;
}

.Invisible {
  display: none;
}

.ErrorText {
  padding: 3px;
  color: red;
  font-weight: bold;
  font-size: .8em;
}

.TotalColumn {
  background-color: #efefef !important;
  text-align: center !important;
}

.CartHeaderText {
  text-align: center;
}

.RMACheck {
  position: absolute;
}

.RightColumnButtons {
  margin-left: 500px;
  padding-top: 28px;
  text-align: right;
  width: 460px;
}

.no-bottom-margin {
  margin-bottom: 0;
}

.ProductSearchOpener {
  color: #888;
  cursor: pointer;
  width: auto !important;
}

td.ItemThumbCell {
  width: 120px;
  padding: 0 !important;
}

.ItemThumbCell .checkbox {
  z-index: 2;
}

.dvShoppingCartThumbnail {
  width: 120px;
  z-index: 1;
  text-align: center;
  overflow: hidden;
  height: 100%;
  opacity: 0.75;
  position: relative;
}

  .dvShoppingCartThumbnail div {
    width: 300px;
    margin-left: -100px;
    text-align: center;
    height: 200px;
  }

  #tblCart .dvShoppingCartThumbnail div {
    width: auto;
    margin-left: 0;
  }

  .dvShoppingCartThumbnail.GroupParent div {
    width: 200px;
    height: 120px;
    margin-left: -50px;
  }

.IE .dvShoppingCartThumbnail {
  position: static;
  box-shadow: none;
}

  .IE .dvShoppingCartThumbnail:after {
    display: none;
  }

.dvShoppingCartThumbnail:after {
  box-shadow: 0px 0px 30px 30px #f4f4f4;
  content: '';
  display: block;
  height: 100%;
  top: 0;
  right: 0;
  position: absolute;
  z-index: 2;
}

.dvShoppingCartThumbnail.GroupParent:after {
  box-shadow: 0px 0px 30px 30px #efefef;
}

.ShoppingCartThumbnail {
  min-height: 100%;
  min-width: 120px;
  max-width: 1000px;
}

.GroupParent .ShoppingCartThumbnail {
  min-height: 100%;
  min-width: 120px;
  max-width: 1000px;
}

.IE .ShoppingCartThumbnail {
  max-width: 100%;
  height: auto;
}

td.RMA {
  width: 25px;
}

#tblCart {
  border: none;
  border-collapse: separate;
}

  #tblCart td, table.PaymentTable td {
    font-size: 12px;
  }

  #tblCart th, table.PaymentTable th {
    border: none;
    padding: 10px 5px;
    background: #efefef;
    font-size: 14px;
    font-weight: normal;
  }

table.PaymentTable th {
  padding-left: 10px;
  padding-right: 10px;
}

table.PaymentTable td {
  border: none;
  border-top: 1px solid #efefef;
}

#tblCart .CartTotalRow td {
  border: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

.CartTotalRowFirst > td {
  border-top: 1px solid #4DA0E2 !important;
}

.CartTotalRow > td:first-child {
  border-left: 1px solid #4DA0E2 !important;
}

.CartTotalRow > td:last-child {
  border-right: 1px solid #4DA0E2 !important;
}

.CartTotalRowLast > td {
  border-bottom: 1px solid #4DA0E2 !important;
}

.CartTotalRow.GridRow td {
  background: #efefef;
}

.CartTotalRow b {
  display: block;
  padding-bottom: 5px;
}

.CartSummaryArea {
  position: fixed;
  bottom: -6px;
  left: 0;
  right: 0;
  font-size: 0;
  z-index: 10000;
}

  .CartSummaryArea.FullPage {
    left: 235px;
    z-index: 119 /* 1 less than overlay */
  }

  .CartSummaryArea > div {
    display: inline-block;
    background: #d3eafc;
    line-height: 40px;
    color: #fff;
    border-right: 1px solid #fff;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
  }

    .CartSummaryArea > div > label {
      font-weight: normal;
      display: inline;
    }

.CartBalance.NotZero {
  background: #DA5038;
}

.ShoppingCartPrice .NotZero {
  color: #DA5038;
}

/* End Order Edit Items */

.slimScrollBar {
  z-index: 500 !important;
}

.ac-grid .popover,
.popover-grid .popover,
.copyright ~ .popover {
  background: #202223;
  color: #999;
  font-size: 12px;
}

  .copyright ~ .popover .popover-content {
    color: #585E60;
    font-size: 1em;
  }

  .copyright ~ .popover p {
    color: #7A8182;
    padding: 1em 0;
    border-bottom: 1px solid #585E60;
    font-size: 1.1em;
  }

  .copyright ~ .popover a {
    text-decoration: none;
  }

  .copyright ~ .popover p img {
    margin-bottom: 1em;
  }

  .ac-grid .popover .title,
  .popover-grid .popover .title {
    color: #EFEFEF;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
  }

  .ac-grid .popover table th,
  .popover-grid .popover table th {
    background: #343535 !important;
    color: #ddd;
    text-align: left;
    font-size: 12px;
    padding: 5px;
  }

  .ac-grid .popover table td,
  .popover-grid .popover table td {
    background: #2b2c2d;
    font-size: 12px;
    padding: 5px;
  }

  .ac-grid .popover table .alt td,
  .popover-grid .popover table .alt td {
    background: #222;
  }

  .ac-grid .popover .arrow,
  .popover-grid .popover .arrow {
    border-top-color: #202223 !important;
    border-width: 10px 20px 0 20px;
    margin-left: -20px;
    bottom: -10px !important;
  }

  .copyright ~ .popover .arrow {
    border-left-color: #202223 !important;
  }

  .ac-grid .popover .arrow:after,
  .popover-grid .popover .arrow:after,
  .copyright ~ .popover .arrow:after {
    display: none;
  }

  .ac-grid .popover .popover-content,
  .popover-grid .popover .popover-content {
    padding: 10px;
    font-size: 12px;
  }

.marketing-content header {
  text-align: center;
  margin: 40px 0;
}

.marketing-content hr {
  margin-bottom: 40px;
}

.marketing-content h1 {
  font-size: 1.6em;
}

.marketing-content h2 {
  font-size: 1.25em;
  margin: 0;
  padding: 0;
  line-height: 1.75em;
}

.marketing-content p, .marketing-content li {
  font-size: 0.9em;
  line-height: 1.6em;
}

.marketing-content header p {
  margin: 20px 0;
}

.marketing-content .row {
  margin-bottom: 40px;
}

.marketing-content a {
  text-decoration: none;
  font-weight: bold;
}

.marketing-content button, .marketing-content input[type=submit], .marketing-content-button {
  background-color: #005982;
  color: #FFF;
  font-weight: bold;
  font-size: 1em;
  padding: 0.5em 2em;
}

.marketing-content fieldset {
  background-color: #F3F3F3;
  border: 1px solid #E8E8E8;
  padding: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-radius: 2px;
}

.marketing-content input[type=text], .marketing-content textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 24px;
  font-size: 0.9em;
}

.marketing-content input[type=text] {
  height: 32px;
}

.marketing-content textarea {
  min-height: 96px;
}

.marketing-content .image-box {
  text-align: center;
  background-color: #F3F3F3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px;
  border-radius: 2px;
  border: 1px solid #E8E8E8;
}

.expert-service h2 {
  margin-top: 20px;
}

.expert-service img {
  max-height: 150px;
}

.expert-service .image-box {
  height: 174px;
  line-height: 150px;
}

/* Import Wizard styling*/

.choose-import-box {
  background-color: #F3F3F3;
  border: 1px solid #E8E8E8;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  padding: 12px;
  height: 200px;
  position: relative;
  margin-bottom: .5em;
}

  .choose-import-box h5 {
    font-weight: bold;
    color: #444;
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    margin: 0;
    line-height: 16px;
  }

  .choose-import-box a, .help-import-box a {
    position: absolute;
    bottom: 1em;
  }


.import-sample-files {
  background-color: #F3F3F3;
  border: 1px solid #E8E8E8;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  padding: 25px;
  position: relative;
  border-radius: 2px 2px 2px 2px;
}

  .import-sample-files h4 {
    margin: -10px 0 10px;
    text-align: center;
  }

  .import-sample-files a {
    text-align: center;
    display: block;
  }

  .import-sample-files li a {
    text-align: left;
    font-size: 14px;
  }

    .import-sample-files li a:hover {
      color: #005982;
    }

.choose-import-box a:hover {
  text-decoration: none;
}

.add-widget .row, .choose-import .row {
  margin-bottom: 20px;
}

.choose-import-box p {
  font-size: 12px;
  position: absolute;
  top: 45px;
  left: 12px;
  right: 12px;
}

.dashboard-no-orders {
  color: #888888;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}

.setup-wizard-clicker {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 202;
  cursor: pointer;
}


.steps {
}

  .steps > ul {
    list-style-type: none;
  }

    .steps > ul > li {
      float: left;
      color: #FFF;
      font-size: 14px;
      text-align: center;
      padding: 3px 9px;
      background-color: #DADADA;
      margin-left: 16px;
      border-radius: 20px;
      font-weight: 700;
      cursor: default;
      user-select: none;
    }

      .steps > ul > li:not(:last-child) {
        margin-right: 120px;
      }

        .steps > ul > li:not(:last-child):after {
          content: " ";
          position: absolute;
          margin-left: 17px;
          background-color: #BDBDBD;
          height: 1px;
          width: 120px;
          margin-top: 10px;
        }

      .steps > ul > li.active {
        background-color: #005982;
        color: #fff;
      }

.import-text {
  float: left;
}

  .import-text h3 {
    margin-left: 0;
  }

.import-map-list {
  margin: 0 auto;
}

.import-map-option {
  display: block;
  width: 30%;
  float: left;
  background-color: #FFF;
  margin: 0 1.49%;
  cursor: pointer;
  height: 280px;
  overflow: hidden;
  position: relative;
}

.graphic {
  height: 130px;
  position: relative;
  font-size: 100px;
  text-align: center;
  line-height: 130px !important;
  border: 1px solid #E8E8E8;
  color: #005982 !important;
}

.import-map-option p.tip {
  color: #888;
  margin: 0;
  font-size: 11px;
  text-align: center;
}


.import-map-option h4 {
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  text-align: center;
  color: #333;
}

a.import-map-option:hover {
  border-color: #3ba5bf;
  -webkit-transition-property: border-color, box-shadow;
  -webkit-transition-duration: 250ms, 250ms;
  -webkit-transition-timing-function: linear, linear;
  -moz-transition-property: border-color, box-shadow;
  -moz-transition-duration: 250ms, 250ms;
  -moz-transition-timing-function: linear, linear;
  -o-transition-property: border-color, box-shadow;
  -o-transition-duration: 250ms, 250ms;
  -o-transition-timing-function: linear, linear;
  -ms-transition-property: border-color, box-shadow;
  -ms-transition-duration: 250ms, 250ms;
  -ms-transition-timing-function: linear, linear;
  transition-property: border-color, box-shadow;
  transition-duration: 250ms, 250ms;
  transition-timing-function: linear, linear;
}

  a.import-map-option:hover .graphic {
    background-color: #D3EAFC;
    border-color: #003b57;
  }

  a.import-map-option:hover h4 {
    -webkit-transition: color 250ms linear;
    -moz-transition: color 250ms linear;
    -o-transition: color 250ms linear;
    -ms-transition: color 250ms linear;
    transition: color 250ms linear;
  }

.import-map-option .graphic .on {
  display: none;
}

.import-map-option.full {
  float: none;
  width: auto;
  height: 160px;
}

  .import-map-option.full .graphic {
    float: left;
    width: 250px;
  }

  .import-map-option.full .desc {
    margin-left: 255px;
  }

  .import-map-option.full h4 {
    text-align: left;
    line-height: 30px;
  }

  .import-map-option.full p.tip {
    text-align: left;
    margin: 5px 0;
  }

  .import-map-option.full .controls #CatalogSearch {
    font-size: 16px;
    width: 468px;
  }

a.import-map-option:hover {
  text-decoration: none;
}

.import-validate-text, .import-help-text {
  border: 1px solid #D0D0D0;
  background-color: #E0E0E0;
  padding: 10px 20px;
  border-radius: 3px;
  color: #333;
  left: 225px;
  top: 5px;
  height: 26px;
}

.import-validate-text {
  margin-bottom: 30px;
  font-size: 15px;
}

.import-arrow {
  position: relative;
  top: -3px;
  left: -36px;
  width: 0;
  height: 0;
  border-right: 15px solid #D0D0D0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.import-arrow-inner {
  position: relative;
  top: -33px;
  left: -34px;
  width: 0;
  height: 0;
  border-right: 15px solid #E0E0E0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.import-button {
  float: left;
}

  .import-button .primary-action-button {
    margin-top: 5px;
    position: inherit;
  }

  .import-button .context-button {
    height: 36px;
  }

/* End Import Wizard styling*/

.ac-profile-image {
  max-height: 52px;
  margin-right: 10px;
}

.ac-themestore-purchase-confirmation, .ac-new-mulitstore-confirmation {
  text-align: center;
}

.ac-themestore-purchase-header, .ac-new-multistore-header {
  color: #98D6FF;
}

.ac-themestore-edit-theme-button, .ac-view-dashboard-button, .ac-new-store-button {
  position: relative !important;
  margin-top: 10px !important;
}

.ac-themestore-install-graphic {
  background-image: url(/store/i/modal-loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  height: 60px;
}

.ac-payment-method-status {
  width: 20%;
}

  .ac-payment-method-status select {
    width: 100%;
  }

.ac-payment-type-name {
  width: 80%
}

.ac-loader,
.ac-loader:before,
.ac-loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}

.ac-loader {
  color: #005982;
  font-size: 6px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 30px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

  .ac-loader:before,
  .ac-loader:after {
    content: '';
    position: absolute;
    top: 0;
  }

  .ac-loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }

  .ac-loader:after {
    left: 3.5em;
  }

@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }

  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }

  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.ac-featured-gateway-plan {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  position: relative;
  margin-bottom: 30px;
}

  .ac-featured-gateway-plan:nth-of-type(odd) {
    padding: 0px 30px 0px 0;
  }

  .ac-featured-gateway-plan h5 {
    font-weight: bold;
    color: #444;
    font-size: 20px;
  }

  .ac-featured-gateway-plan input[type="submit"] {
    background-color: #005982;
    color: #FFF;
    font-weight: bold;
    padding: 0.5em 2em;
  }

    .ac-featured-gateway-plan input[type="submit"]:hover {
      background-color: #36A1B2 !important;
      text-decoration: none;
    }

  .ac-featured-gateway-plan input[disabled], .ac-featured-gateway-plan input[disabled]:hover {
    background-color: #eeeeee !important;
  }

.ac-featured-gateway-plan-inner {
  background-color: #F3F3F3;
  border: 1px solid #E8E8E8;
  border-radius: 2px;
  padding: 12px;
}

.ac-featured-gateway-change-plan-warnings div {
  text-align: center;
}

.ac-featured-gateway-plan-paid-thru, .ac-featured-gateway-plan-cant-change-back {
  margin-top: 15px;
}

.ac-featured-gateway-monthly-fee {
  font-weight: bold;
}

.ac-featured-gateway-plan-fees {
  font-size: 14px;
  margin-bottom: 15px;
}

  .ac-featured-gateway-plan-fees div {
    margin-bottom: 4px;
  }

.ac-create-multi-store-form {
  text-align: center;
  margin: 40px 0;
}

  .ac-create-multi-store-form .image-box {
    margin-top: 40px;
    margin-bottom: 15px;
  }

.ac-new-store-create-button input[disabled], .ac-new-store-create-button input[disabled]:hover {
  background-color: #eeeeee !important;
}

.in-overlay #mainNav, .in-overlay .ac-setup-helper, .in-overlay .ac-setup-helper-mask, .in-overlay .mobile-nav {
  display: none !important;
}

.in-overlay .content-offset {
  left: 0 !important;
  right: 0 !important;
}

.in-overlay #contentHeader, .in-overlay #contentBody {
  left: 0;
  top: 0 !important;
}

.theme-designer {
  color: #888888;
  font-size: 12px;
  font-weight: 400;
}

  .theme-designer label {
    display: inherit;
  }

.theme-name {
  color: #888888;
  font-weight: 400;
}

#aviary * {
  box-sizing: content-box;
}

.ui-datepicker {
  font-size: 14px;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: moz-none;
  -ms-user-select: none;
  user-select: none;
}

#ui-datepicker-div {
  z-index: 250 !important;
}

.alert-marketing a.see-more-link {
  margin-left: 10px;
  padding: 4px 10px;
  background-color: #1d8bae;
  font-weight: 600;
  font-size: 0.9em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.ssl-stores-step {
  margin: 0 -24px;
}

.ssl-step {
  width: 25%;
  float: left;
  text-align: center;
  background: #e2e6e7;
  padding: 10px 0px;
  font-size: .85em;
}

.ssl-stores-step:after {
  content: '';
  display: table;
  clear: both;
}

.ssl-step.step-complete {
  background: #14ba70;
  color: #fff;
}



input[type=submit].ssl-redeem-link,
button.ssl-redeem-link {
  background: #008bc2;
  padding: 15px 30px;
  margin: 30px auto 0;
  display: block;
  color: #fff;
}

.ssl-confirm-page {
  text-align: center;
  margin-top: 75px;
}

.admin-alert {
  background: #fff;
  padding: 25px;
  margin: 30px 0;
  border: 2px solid #313e4e;
  border-radius: 3px;
}

  .admin-alert.admin-alert-error {
    border-color: #DB3A35;
  }

  .admin-alert.admin-alert-warning {
    border-color: #F8BE47;
  }

  .admin-alert:before {
    float: left;
    margin-right: 15px;
    content: url('/store/admin/inc/images/admin-alert-icon.png');
    width: 62px;
    height: 62px;
    border-radius: 50%;
    text-align: center;
    line-height: 78px;
    background-color: #313e4e;
  }

  .admin-alert.admin-alert-error:before {
    background-color: #DB3A35;
  }

  .admin-alert.admin-alert-warning:before {
    background-color: #F8BE47;
  }

.admin-alert-text {
  float: left;
  width: calc(100% - 80px);
}

.admin-alert:after {
  content: '';
  clear: both;
  display: table;
}

.ViewOrderItemCustomizations {
  word-break: break-word;
}

.EditOrderItemVariations {
  word-break: break-word;
  white-space: pre-wrap;
}

.creditCardLogo {
  padding-left: 36px;
}

  .creditCardLogo span {
    display: none;
  }

.visaLogo, .VisaLogo {
  background: url(/Store/i/visa_33x22.jpg) no-repeat;
}

.amexLogo, .AmexLogo {
  background: url(/store/i/amex_33x22.jpg) no-repeat;
}

.discLogo, .DiscLogo {
  background: url(/store/i/discover_33x22.jpg) no-repeat;
}

.mcLogo, .MCLogo {
  background: url(/store/i/mastercard_33x22.jpg) no-repeat;
}

.jcbLogo, .JCBLogo {
  background: url(/store/i/jcb_33x22.jpg) no-repeat;
}

.dinersLogo, DCLogo {
  background: url(/store/i/diners_33x22.jpg) no-repeat;
}

.bankcardLogo {
  background: url(/store/i/bankcard_33x22.jpg) no-repeat;
}

/*  Align labels for radio buttons in custom field radiobuttonlist */

.span5 table tbody > tr > td > label {
  margin-left: 4px;
  vertical-align: -webkit-baseline-middle;
}

.ac-third-party-gateway {
  text-align: left;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  height: 0;
}

  .ac-third-party-gateway > div {
    height: 0;
    overflow: hidden;
  }

  .ac-third-party-gateway.show {
    visibility: visible;
    opacity: 1;
    padding: 1em 1em 1em 1em;
    height: auto;
  }

    .ac-third-party-gateway.show > div {
      height: auto;
    }

  .ac-third-party-gateway label {
    text-align: left;
  }

.ac-payment-gateways-add > div {
  text-align: center;
}

.ac-featured-gateway-our-logo {
  width: 50%;
}

.ac-payment-settings-featured-gateway > div {
  text-align: center;
}

.ac-payment-settings-featured-gateway .ac-featured-gateway-our-logo {
  width: 30%;
}

.ac-auto-ssl {
  margin-top: 10px;
}

.ac-auto-ssl > ul {
  padding-inline-start: 0 !important;
}

.ac-shared-ssl {
  background-color: #fff !important;
  height: 75px !important;
}

.ac-auto-ssl-image, .ac-shared-ssl-image {
  height: 100px;
  margin-top: 35px;
}

.ac-auto-ssl-header {
  padding-bottom: 0px !important;
  font-weight: bold;
  font-size: 1.1em;
}

.ac-install-your-own-ssl {
  height: 75px !important;
}

.ac-auto-ssl, .ac-shared-ssl, .ac-change-ssl-shared-ssl, .ac-install-your-own-ssl, .ac-purchase-your-own-ssl {
  height: 150px;
  padding: 20px;
  font-size: 0.7em;
  display: flex;
  justify-content: space-between;
  line-height: 20px;
}

.ac-change-ssl-shared-ssl {
  height: 85px !important;
}

.ac-purchase-your-own-ssl {
  height: 90px !important;
}

.ac-change-ssl-shared-ssl-header {
  margin-top: 15px;
}

.ac-change-ssl-vendor-logo {
  margin: 5px;
}

.ac-change-ssl-geotrust-logo {
  max-height: 22px;
}

.ac-change-ssl-comodo-logo {
  max-height: 13px;
}

.ac-change-ssl-symantec-logo {
  max-height: 30px;
}

.ac-purchase-ssl-button:not([disabled]), .ac-install-your-own-ssl-generate-button:not([disabled]), .ac-install-your-own-ssl-install-button:not([disabled]), .ac-change-ssl-shared-ssl-button:not([disabled]), .ac-change-ssl-auto-ssl-button:not([disabled]) {
  margin-top: 10px;
  background-color: #005982;
  border: 1px solid #005982;
  min-width: 84px;
  color: #fff;
}

.ac-purchase-ssl-button:hover:not([disabled]), .ac-install-your-own-ssl-generate-button:hover:not([disabled]), .ac-install-your-own-ssl-install-button:hover:not([disabled]), .ac-change-ssl-shared-ssl-button:hover:not([disabled]), .ac-change-ssl-auto-ssl-button:hover:not([disabled]) {
  background-color: #438ea3;
}

.ac-auto-ssl-left, .ac-purchase-your-own-ssl-left {
  width: 33%
}

.ac-auto-ssl-right, .ac-purchase-your-own-ssl-right {
  width: 33%;
}

.ac-auto-ssl-left, .ac-auto-ssl-right {
  font-size: 1.1em !important;
}

.ac-auto-ssl-price, .ac-shared-ssl-price, .ac-change-ssl-shared-ssl-price, .ac-install-your-own-ssl-price, .ac-purchase-ssl-price {
  width: 25%;
  text-align: center;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ac-install-your-own-ssl-price {
  height: 90px !important;
}

.ac-change-ssl-shared-ssl-price {
  height: 85px !important;
}

.ac-purchase-ssl-price {
  height: 95px !important;
}

.ac-shared-ssl-price {
  height: 75px !important;
  font-size: 1.3em;
}

.ac-purchase-ssl-header {
  margin-top: 15px;
}

.ac-purchase-ssl-header, .ac-install-your-own-ssl-header, .ac-change-ssl-shared-ssl-header {
  margin-bottom: 15px;
}

.ac-change-ssl-auto-ssl-button, .ac-change-ssl-shared-ssl-button, .ac-install-your-own-ssl-install-button, .ac-install-your-own-ssl-generate-button, .ac-purchase-ssl-button {
  margin-top: 10px !important;
}

.ac-auto-ssl-price-number, .ac-change-ssl-shared-ssl-price, .ac-install-your-own-ssl-price-number, .ac-purchase-ssl-price-number {
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 5px;
}

.ac-auto-ssl-checkbox, .ac-shared-ssl-checkbox {
  text-align: right;
  margin-top: 10px;
}

.ac-activate-auto-ssl-checkbox, .ac-activate-auto-ssl-p {
  text-align: center !important;
}

.ac-activate-auto-ssl-checkbox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 20px 0 15px 0 !important;
}

.ac-activate-auto-ssl-label {
  margin-top: 5px;
  width: 20%;
}

.ac-ssl-content {
  margin-top: 2em;
}

.ac-go-live-dns-instructions {
  background-color: #f2f3f4;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  font-size: 1.1em;
  line-height: 25px;
  margin-top: 25px;
}

.ac-go-live-dns-warning, .ac-go-live-naked-domain-warning {
  background-color: #fcf8e3;
  padding: 20px;
  font-size: 1.1em;
  line-height: 25px;
  margin-top: 25px;
}

  .ac-go-live-dns-warning strong, .ac-go-live-naked-domain-warning strong {
    color: #c09853;
  }

.ac-go-live-dns-cname, .ac-go-live-dns-a-record {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.ac-go-live-dns-cname-label, .ac-go-live-dns-root-label, .ac-domain-control-domain-label, .ac-domain-control-shared-domain-label {
  color: #005982;
}

.ac-go-live-dns-instructions-image {
  margin-top: 15px;
}

.ac-go-live-choose-auto-ssl-checkbox, .ac-go-live-choose-shared-ssl-checkbox {
  float: right;
}

  .ac-go-live-choose-auto-ssl-checkbox .checkbox, .ac-go-live-choose-shared-ssl-checkbox .checkbox {
    float: left;
    margin-top: 0;
    margin-right: 30px;
  }

.ac-go-live-dns-instructions-image {
  margin-top: 25px;
}

.ac-go-live-confirm-dns label {
  color: #005982;
}

.ac-go-live-ssl-options {
  font-size: .8em;
}

.ac-go-live-confirm {
  margin-top: 50px;
}

.ac-go-live-need-help {
  margin-top: 50px !important;
}

.ac-go-live-confirm-domain, .ac-go-live-confirm-dns {
  font-size: 1.5em;
  text-align: center;
  padding-top:15px;
  padding-bottom:15px;
}

.ac-go-live-confirm-dns {
  margin-top: 25px;
}

.ac-go-live-confirm-domain .confirm {
  color: #005982;
}

.ac-go-live-confirm-warning {
  text-align: left;
  margin-top: 20px;
}

.ac-go-live-confirm-configuring {
  margin: 50px 0 75px 0;
}

.ac-go-live-confirm-store-name {
  color: #005982;
  font-size: 1.5em;
}

.ac-go-live-confirm-warning:last-of-type {
  margin-bottom: 25px;
}

.ac-go-live-confirm-warning-header {
  font-weight: bold;
  font-size: 1.5em;
}

.ac-go-live-confirm-auto-ssl {
  margin-top: 15px;
}

.ac-go-live-final-step {
  font-size: 1.3em;
  margin-top: 15px;
}

.ac-domain-control-before-go-live {
  background-color: rgba(160, 160, 160, 0.90);
  text-align: center;
  padding: 20px;
  width: 100%;
  height: 100%;
  font-size: 1.4em;
  line-height: 25px;
  color: #FFF;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 5;
  position: absolute;
}

  .ac-domain-control-before-go-live > div {
    text-shadow: 1px 1px 2px #353535;
  }

  .ac-domain-control-before-go-live p {
    font-size: .9em;
  }

  .ac-domain-control-before-go-live input {
    margin-top: 35px;
  }

    .ac-domain-control-before-go-live input:hover {
      background-color: #ff4a0b;
    }

.ac-domain-control-button {
  margin-top: 38px !important;
}

.ac-domain-control-dns-warning {
  margin-bottom: 20px;
  font-size: .9em;
}

.ac-domain-control-dns-instructions {
  background-color: #fcf8e3;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  font-size: 1.1em;
  line-height: 25px;
  margin-bottom: 25px;
}

.ac-domain-control-warning-icon, .ac-domain-control-info-icon {
  margin-right: 5px;
}

.ac-domain-control-domain-label, .ac-domain-control-shared-domain-label {
  font-weight: bold;
}

.ac-domain-control-shared-domain {
  margin-top: 15px;
}

.ac-domain-control-ssl {
  display: flex;
  height: 115px;
  margin-top: 15px;
}

.ac-current-ssl-info {
  top: 10%;
  position: relative;
  line-height: 25px;
}

.ac-domain-control-ssl-button {
  margin-top: 75px !important;
}

.ac-domain-control-force-ssl-button {
  margin-top: 10px !important;
}

.ac-domain-control-force-ssl {
  font-style: italic;
  font-size: .8em;
}

.ac-domain-control-ssl-type {
  font-weight: bold;
}

.ac-domain-control-ssl-installed {
  color: #005982;
}

.ac-domain-control-ssl-expired {
  color: #b94a48;
  font-weight: bold;
}

.ac-domain-control-current-domain {
  margin-top: 15px;
  font-size: 1.1em;
}

.ac-shipping-easy-ad {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  padding: 1.3em;
}

.shipping-easy-logo img {
  max-width: 175px;
}

.ac-shipping-easy-ad-text {
  font-weight: bold;
  color: #888;
}


.featured-partner {
  width: 128px;
  padding: 12px 10px 12px 10px !important;
  text-align: center !important;
  font-size: 14px !important;
  background: #ddd !important;
  margin-top: 0;
  border-radius: 4px;
}

.ac-avalara-ad {
  padding-left: 20px;
  padding-top: 10px;
}

.avalara-ad-text-title {
  font-weight: bold;
  margin-bottom: 10px;
}

.ac-avalara-ad-text p {
  color: #000 !important;
  line-height: 15px !important;
  margin-top: 10px !important;
}


/* styling for App pages */
  .ac-app-tip-related-title {
  padding-top: 10px;
}

.ac-app-tip-link {
  font-size: 12px;
}

.ac-app-edit-help {
  font-size: 8px;
}

.ac-app-article {
  font-size: 14px;
  font-weight: 400;
  padding-left: 15px;
  color: #353535;
}

  .ac-app-article a {
    font-size: 14px;
    font-weight: 400;
  }

    .ac-app-article a i, .ac-app-tip-link a i {
      padding-right: 5px;
    }

.ac-app-logo {
  border-radius: 4px;
}

.ac-app-overview-setting {
  padding-bottom: 10px;
}

.ac-app-info-text {
  font-size: 14px;
  font-weight: 400;
  color: #8e8e8e;
}

.ac-app-overview-text {
  font-size: 14px;
  font-weight: 400;
  color: #8e8e8e;
}

.ac-app-feedback {
  font-size: 14px;
  background: #fff;
  padding: 20px;
  max-width: 500px;
  text-align: center;
  border-radius: 50px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1);
}

  .ac-app-feedback p {
    margin-bottom: 0;
  }

.ac-app-feedback-emoji {
  margin-right: 5px;
}

.ac-multistore-benefits {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

  .ac-multistore-benefits div {
    width: 33%;
  }

.ac-multistore-image {
  margin-top: 60px;
}

.ac-multistore-section {
  margin-top: 25px;
}

.ac-multistore-label {
  margin-top: -40px;
}

  .ac-multistore-label label {
    display: inline;
    color: #005982;
    font-weight: bold;
  }

.ac-multistore-confirm-domain {
  color: #005982;
  font-weight: bold;
}

.ac-multistore-checkbox {
  margin-top: 5px;
  width: 13%;
}

.ac-multistore-accept {
  margin-top: -25px;
}

.ac-full-width {
  width: 100%;
}

.ac-flex {
  display: flex;
}

.ac-flex-center {
  align-items: center;
  justify-content: center;
}

/* Toggle Switch */

.ac-toggle-switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 24px;
}

  .ac-toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

.ac-toggle-slider {
  position: absolute;
  cursor: pointer !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

  .ac-toggle-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

input:checked + .ac-toggle-slider {
  background-color: #2196F3;
}

input:focus + ac-toggle-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .ac-toggle-slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.ac-toggle-slider-round {
  border-radius: 34px;
}

  .ac-toggle-slider-round:before {
    border-radius: 50%;
  }
/* End Toggle Switch */


/*No Email css*/

.input-append.in-context-d {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

  .input-append.in-context-d .col-sm-4 {
    margin: 0 0 0 5px;
    height: 20px;
    width: 20px;
  }

.vertical-align {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-action-row {
  position: -webkit-sticky;
  position: sticky;
  top: 64px;
  z-index: 51;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 8px;
  padding-bottom: 8px;
}

#page-action-wrapper {
  padding: 8px 12px 8px 0;
  align-items: center;
  transition-duration: 0.25s;
  justify-content: end;
  margin-left: auto;
}

.page-action-wrapper-sticky {
  display: flex;
  border-radius: 3px;
  box-shadow: 0px 3px 6px rgba(32, 33, 36, 0.1);
  padding-top: 8px;
  padding-bottom: 8px;
  background: #fff;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  margin-right: -0.857rem;
  margin-left: -0.857rem;
}

.box-shadow-none {
  box-shadow: none !important;
}

.sticky-breadcrumb-wrapper {
  padding: 0 0 0 12px;
}

.ac-badge.ac-badge-left-align {
  justify-content: left;
}

.ac-badge .ac-badge-wrapper {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
}

/* ------ DASHBOARD SETUP WIZARD FIXES FOR .6 ------ */
.setupwizard.content {
  display: flex;
  flex-wrap: nowrap;
}

.setupwizard.contentImage.right {
  position: absolute;
  right: 40px;
}

.setupwizard.row {
  display: block;
  margin-left: 0;
  margin-right: 0;
  flex-wrap: nowrap;
}

.setupwizard p {
  margin: 5% 0 0 7%;
}

.setupwizard.contentText ol {
  margin: 2% 0 0 -3% !important;
}

.dashsetupwizard .setupwizard.contentText.rlist ol {
  margin-left: 0 !important;
  margin-top: 2.5em !important;
}

/* ------ DASHBOARD SETUP WIZARD FIXES END ------ */

.ac-multiselect-container {
  font-size: 14px;
  padding: 10px 0;
  margin: .2em 1em 0 0;
  display: flex;
  flex-wrap: wrap;
}


.ac-applied-multiselect {
  background-color: #D3EAFC;
  color: #005982;
  border-radius: 4px;
  padding: 8px;
  cursor: pointer;
  margin: 0 .3em .3em 0;
}

  .ac-applied-multiselect:hover {
    background-color: #005982;
    color: #fff !important
  }

    .ac-applied-multiselect:hover a {
      color: #fff !important
    }

  .ac-applied-multiselect a:link {
    text-decoration: none;
    color: #005982;
  }

  .ac-applied-multiselect a:hover {
    color: #fff !important;
  }

  .ac-applied-multiselect:hover input {
    background-color: #005982 !important;
    border-right: 1px solid #005982 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 0 !important;
    height: 30px !important;
    border-radius: 0px !important;
  }

  .ac-applied-multiselect .filter-icon {
    padding-left: 10px;
  }

  .OrderEditCartPrice {
    font-weight: bold;
    white-space: nowrap;
  }

.OrderEditCartPriceNormal {
  font-weight: normal !important;
  white-space: nowrap;
}

.OrderEditCartPriceInHeader {
  white-space: nowrap;
  font-size: 1rem !important;
  font-weight: normal !important;
}

.OrderEditCartPriceTitleInHeader {
  white-space: nowrap;
  font-size: 1rem !important;
}

.CardSectionWithoutBorder {
  padding-top: 10px;
  padding-bottom: 10px;
}

.OrderEditorCardSectionItem {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #f9f9f9;
}

.OrderEditorCardSectionAltItem {
  padding-top: 10px;
  padding-bottom: 10px;
}

.CardBodyWithoutPadding {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}


/*Overridding Jquery UI for the auto-complete drop downs*/
.ac-autocomplete .ui-autocomplete li.ui-menu-item > a.ui-state-hover, .ui-menu-item-wrapper.ui-state-active {
  background-color: transparent !important;
  color: #4DA0E2 !important;
  background-image: none !important;
  border: none !important;
}

/* ==========================================================================
   btn-brand
   ========================================================================== */
.btn-brand, .RadButton_Cart.btn-brand {
  padding: 8px 16px;
  color: #005982;
  border: 0;
  border-width: 0;
  font-family: 'Gilroy', Arial, sans-serif;
  font-weight: 700;
}

.btn-brand:hover {
  background-color: #D3EAFC;
  text-decoration: none;
}

.btn-brand:disabled, .btn-brand.disabled {
  color: #B6B7B9;
  pointer-events: none;
}


.feature-warning button {
  margin-left: 20px;
  text-indent: 0;
  text-decoration: none !important;
  background: #005982;
  border: none;
  border-radius: 5px;
  position: relative;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  text-indent: 0;
  cursor: pointer;
  top: -2px;
  float:right;
  margin-top:4px;
}

.feature-alert-button a {
    color: #fff !important;
}

.feature-alert-text {
    display:flex;
}

.feature-warning > button:active {
  box-shadow: 0 2px 0 0 rgba(0,0,0,.2);
  top: 1px
}

.feature-warning > button:hover {
  background: #003b57
}

.feature-warning > button:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-top: 20px solid #187dbc;
  border-bottom: 20px solid #187dbc;
  border-left: 16px solid transparent;
  border-right: 20px solid #187dbc;
  position: absolute;
  opacity: .6;
  right: 0;
  top: 0;
  border-radius: 0 5px 5px 0
}

.feature-warning > button.site:after {
  display: none
}

.feature-warning {
  color: #85532d;
  background-color: #ffecdd;
  border-color: #ffe4d0;
}

  .feature-warning i {
    color: #FFA056;
    line-height: 1.5em !important;
    margin-right: 10px;
  }

  .feature-warning li {
    font-size: .9em;
    line-height: 26px;
  }

  .feature-warning ul {
    margin: 0 16px 0 0;
    padding: 0;
    list-style-type: none;
  }

  .feature-warning .feature-alert {
    min-height: 42px;
    margin: 0;
    border-width: 1px 0;
    padding-top: 0.4em !important;
    padding-bottom: 0.4em !important;
    display: flex;
    align-items: center;
    box-shadow: 0px 3px 6px rgba(32,33,36,0.1);
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 2px solid transparent;
    border-radius: 0.286rem;
  }

.tokenex-validation-message {
  margin-top: 14px;
  color: #C22C30;
  display: block;
  font-weight: bold;
  margin-left: 2px;
}

.tokenex-validation-message-tall {
  margin-top: 35px !important;  
}