html, body { height: 100%; }

body {
    font-family: 'ProximaNova', sans-serif;
    font-weight: 400;
    padding: 0;
    margin: 0;
    position: relative;
    background: #f5f5f5;
}

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

.primary-button {
  background-color: #0A8AEE !important;
  color: #fff !important;
  font-family: 'Gilroy', sans-serif;
  font-weight: 700;
  border-radius: 4px;
  text-decoration: none !important;
}

.primary-button:hover, a.primary-button:hover {
  background: #0074C7;
  background-color: #0074C7 !important;
}

.primary-button:disabled, .secondary-button:disabled, input[type=button]:disabled, input[type=submit]:disabled, button:disabled {
  background: #DADADA !important;
  color: #B6B7B9 !important;
  cursor: default;
}

.secondary-button {
  background-color: #D3EAFC !important;
  color: #0A8AEE !important;
  border-radius: 4px;
  font-family: 'Gilroy', sans-serif;
  font-weight: 700;
  text-decoration: none !important;
}

.secondary-button:hover, a.secondary-button:hover {
  background-color: #0A8AEE !important;
  color: #fff !important;
}

.tertiary-button {
  background: transparent;
  background-color: transparent !important;
  font-family: 'Gilroy', sans-serif;
  font-weight: 700;
  text-decoration: none !important;
}

.tertiary-button:hover {
  background-color: #D3EAFC !important;
  color: #0A8AEE !important;
  border-radius: 4px;
}

.tertiary-button:disabled {
  background: transparent !important;
  color: #B6B7B9 !important;
  cursor: default;
}

.primary-button.small, .secondary-button.small, .tertiary-button.small {
  height: 30px;
  line-height: 30px;
  padding: 8px 16px;
}

.primary-button.medium, .secondary-button.medium, .tertiary-button.medium {
  height: 38px;
  padding: 0px 24px;
}

.primary-button i, .secondary-button i, .tertiary-button i { padding-right: 8px; }

input[type=submit].primary-button.small, input[type=submit].secondary-button.small, a.tertiary-button.small, a.secondary-button.small { padding: 0px 16px; }

a.primary-button.medium, a.secondary-button.medium, a.tertiary-button.medium { padding: 12px 24px; }

.primary-button.large {
  height: 46px;
  padding: 0px 32px;
}

.primary-button.warning, .secondary-button.warning, .tertiary-button.warning {
  background: transparent !important;
  background-color: transparent !important;
  color: #FF5A5F;
}

.primary-button.warning:hover, .secondary-button.warning:hover, .tertiary-button.warning:hover {
  background: #FF5A5F !important;
  background-color: #FF5A5F !important;
  color: #FFF !important;
}

a {
  color: #0a8aee;
  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;
}


/*#wrapper {
	position: absolute;
	top: 0;
	left: 0;
}*/

.container { height: 100%; }

.overlay .container {
  overflow: visible;
  position: absolute;
  top: 0 !important;
  bottom: 0;
}

.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;
  /*box-shadow: 0 0 1px rgba(0,0,0,.18);*/
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #FFF;
}

.page-content-inner {
  overflow-x: visible;
  height: 100%;
  z-index: 210;
}

#meBar {
  bottom: 0;
  border-style: solid;
  border-width: 0;
  position: fixed;
  z-index: 302;
  font-size: 14px;
}

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

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

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

#meBar #process {
    cursor: pointer;
}


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

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

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

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

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

#process:hover { background: #E1E4E6; }

.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: #0A8AEE !important;
  border-bottom-color: #0A8AEE !important;
  background-color: #0A8AEE !important;
}

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

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

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  border-color: #0A8AEE !important;
  background-color: #0A8AEE !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:before {
  content: '';
  display: block;
  border: 3px solid #BBBFBF;
  border-top: none;
  border-right: none;
  position: absolute;
  top: 50%;
  left: -11px;
  margin-top: -2px;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}*/

#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: 75px;
  padding-bottom: 250px;
  background: #f5f5f5;
  max-width: 100%;
}

.has-area-nav #contentBody { max-width: 1200px; }

/*#contentBodyInner {
  max-width:1000px;
  margin:0 auto;
}*/

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

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

.store-picker {

}

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

.store-picker-wrapper {
}

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

#contentHeader .store-picker, .overlay-header .store-picker { border-width: 1px 0; }

.ac-information {
  color: #888;
  line-height: 1.8em;
  font-size: 0.9em;
  margin: 1em 0;
}

.ac-information blockquote {
  font-size: 1em;
  font-style: italic;
}

.ac-information blockquote p { font-size: 1em; }

.ac-information .padded1 {
  padding-top: 1em;
  padding-bottom: 1em;
}

.ac-setting-container {
  /*border-top: 2px dashed #E8E8E8;
  margin-top: 1em;*/
  position: relative;
}

.ac-setting-container.no-border {
  border-top-width: 0;
  margin-top: 0;
}

.ac-setting-group {
  margin-bottom: 2em;
  background: #fff;
  padding: 2em;
  border: 1px solid #f2f3f4;
  border-radius: 4px;
  box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.ac-setting-group:after {
  display: block;
  clear: both;
  content: '';
}

.ac-setting-area {
  width: auto;
  float: none;
  margin-left: 0;
}

.ac-setting-area .row { margin-bottom: 6px; }

.ac-setting-advanced-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F3F3F3;
  border-radius: 2px 2px 2px 2px;
  text-align: center;
  padding: 15px 0;
  cursor: pointer;
}

.ac-setting-advanced-text + .padded1 { clear: both; }

.ac-setting-advanced-count {
  left: 250px;
  position: absolute;
}

.ac-setting-area.advanced .row { display: none; }

.ac-setting-advanced-text:after {
  content: '  Advanced Settings';
  font-family: 'Open Sans', sans-serif;
  color: #222;
  clear: both;
}

.ac-setting-area.advanced.on {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F3F3F3;
  border-radius: 2px 2px 2px 2px;
}

.ac-setting-area.advanced.on .row { display: block; }

.ac-setting-summary { padding: 0 0 24px; }

.ac-setting-summary, .ac-setting-summary a {
  color: #353535;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  float: none;
}

.ac-setting-summary a {
  background-color: #D3EAFC;
  color: #0A8AEE;
  border-radius: 4px;
  padding: 0 16px;
  overflow: visible;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 12px;
  margin: 1em 0;
  height: 30px;
  text-decoration: none;
  font-family: 'Gilroy', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 30px;
}

.ac-setting-summary a:hover {
  background: #0A8AEE;
  color: #fff;
  text-decoration: none;
}

.ac-setting-summary strong {
  font-family: 'Gilroy', sans-serif;
  font-weight: 700;
  font-size: 1.4em;
  line-height: 26px;
}

.ac-setting-summary p {
  margin: 0;
  padding: 0;
  line-height: 20px;
  font-size: 0.7em;
  font-weight: 300;
}

.ac-setting-summary .inner { padding-right: 2em; }

.ac-setting {
  margin-bottom: 16px;
  position: relative;
}

.row > .ac-setting { margin-bottom: 10px; }

.ac-setting .ph { }

.ac-setting.required label:after {
  content: " *";
  color: red;
}

.ac-setting label, .ac-setting label :not(.ac-toggle-switch) :not(.fa-question-circle) {
  vertical-align: middle;
  font-size: 1em;
  font-size: 0.9em;
  display: inline;
  line-height: 26px;
  cursor: default;
}

.ac-setting label.sub {
  font-weight: normal;
  display: block;
  margin-top: 10px;
  margin-bottom: 0;
}

.ac-setting .input-prepend, .ac-setting .input-append {
  display: block;
  margin-bottom: 0;
}

.ac-setting .in-context-dd { display: block; }

.in-context-dd select { width: 90% }

.in-context-dd .icon-edit, .in-context-dd .icon-grid { font-size: 20px; }

.in-context-dd .icon-edit:hover, .in-context-dd .icon-grid:hover { color: #0a8aee; }

.ac-setting input, .ac-setting select, .ac-setting textarea { margin-bottom: 0; }

.ac-setting .viewfield, input.viewfield, .ac-setting-area.viewfield input { cursor: default; }

.ac-setting input[type=checkbox] {
  vertical-align: middle;
  margin-top: 1px;
}

:not(.lt-ie9) .checkbox {
  width: 20px;
  position: relative;
  padding-left: 0;
  margin: 5px 0;
}

:not(.lt-ie9) .checkbox input[type=checkbox], :not(.lt-ie9) .radio input[type=radio] { display: none; }

:not(.lt-ie9) .checkbox label {
  cursor: pointer;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  border-radius: 3px;
  background: #FFF;
  border: 2px solid #B6B7B9;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:not(.lt-ie9) .checkbox label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  background: transparent;
  top: 3px;
  left: 3px;
  border: 3px solid #FFF;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.checkbox input[type=checkbox]:checked + label {
  background-color: #0A8AEE;
  border-color: #0A8AEE;
}

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

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

:not(.lt-ie9) .checkbox input[type=checkbox]:disabled + label,
:not(.lt-ie9) .checkbox input[type=radio]:disabled + label, :not(.lt-ie9) .checkbox [disabled=disabled] + label {
  background: #F4F4F4;
  cursor: not-allowed;
}

:not(.lt-ie9) .checkbox input[type=checkbox]:disabled + label:after,
:not(.lt-ie9) .checkbox input[type=radio]:disabled + label:after, :not(.lt-ie9) .checkbox [disabled=disabled] + label:after { border-color: #999; }

: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: #0a8aee;
  -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-setting-container table {
  margin-top: 2em;
  border-collapse: collapse;
  width: 100%;
}

.ac-setting-container .ac-setting:first-child table, .ac-setting-container table table { margin-top: 0; }

.ac-setting-container .ac-setting:first-child .ac-grid-header-layout { margin-top: 0 !important; }

.ac-setting-container table th, .GridHeader td, .BlackGlass td {
  cursor: default;
  border: 1px solid #D3D3D3 !important;
  width: auto !important;
  border-top: none;
  border-left: none;
  background: #efefef;
  color: #444;
}

.ac-setting-container table th:last-child { border: 1px solid #efefef; }

.ac-setting-container table td.cart-datagrid-cell { border-bottom: 1px solid #D3D3D3; }

.ac-setting-container table table td { border: none; }

.ac-setting-container table th, .ac-setting-container table td {
  font-size: 0.8em;
  padding: 0.5em 1em;
}

.ac-setting-container table table th, .ac-setting-container table table td { font-size: 1em; }

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

.ac-textarea > textarea, .ac-textarea > pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  line-height: 20px;
}

.ac-textarea > textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  resize: none;
}

.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"); }

.ac-setting-container h3 {
  position: relative;
  margin-left: 20px;
}

input.span2 { min-width: 65px; }

.ac-action-search-button.context-button {
  width: 65px;
  margin-bottom: 13px;
  font-weight: bold;
  padding: 4px 13px;
}

.ac-search-button { display: none; }

/*
.ac-product-search, .ac-action-search-box { display:none; }

.ac-action-search-box {padding:1px 5px 0;height:32px;width:202px;position:relative; }
input.ac-search-box, input.ac-search-box:focus { height:20px;line-height:20px;padding:3px 10px 3px 35px;outline:none;margin-top:-8px;margin-left:10px; }
input.ac-search-button { background:url(/store/i/a/actioncolumn.png) no-repeat -80px 0px;position:absolute;left: 20px;border:none;vertical-align:middle; }

.lt-ie9 input.ac-search-button 
{
    top:22px;
}

input.ac-search-button:hover { background:url(/store/i/a/actioncolumn_active.png) no-repeat -80px 0px; }

.ac-product-search 
{ 
  background-color: #F4F4F4; 
  border: 1px solid #CECECE; 
  height: 56px; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top:20px;
  margin-bottom:20px;
 }
.ac-action-search-button 
{
    border: 1px solid #D4D4D4; 
    background-color: #FFFFFF; 
    color: rgba(82, 168, 236, 0.8); 
    padding: 3px; 
    margin-top: -18px; 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.ac-action-search-button:hover 
{
    background-color:#EFFFFC;
}

.search_panel {display: inline;}
*/

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

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

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

#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%;
}

#contentHeaderInner, .overlay-header-inner { background-color: #FFF; }

.overlay-header-inner, .overlay-header-inner .padded1 { height: 100%; }

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

#contentHeader h2, .overlay-header h2 {
  position: absolute;
  font-size: 12px;
  margin-left: 36px;
  top: 24px;
  font-weight: 400;
  color: #888;
}

.page-subtitle {
    display: none;
}

.overlay-subtitle {
    left: 8px;
}

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

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

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

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

#contentBody, .overlay-body, .in-overlay #contentBody {
  padding-top: 64px;
  /*overflow:hidden;*/
}

.overlay-body, .in-overlay #contentBody {
  background: #f2f3f4;
  padding-bottom: 200px;
}

/*.overlay-padding {
  padding-bottom:150px !important;
}*/

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

.page-content-inner .page-help {

}

#overlayHeader .page-help {
    float: right;
    display: inline-flex;
    height: 100%;
    align-items: center;
}

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


.page-help .ph {
  width: 65px;
  position: relative;
}


.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;
  font-size: 13px;
  max-height: 335px;
  overflow: hidden;
}

#pageHelp .padded1 > h2 {
  text-align: center;
  font-size: 16px;
  margin: 0;
  font-weight: bold;
}

#pageHelp .ph-body {
  float: left;
  width: 63%;
  /*-webkit-column-count: 2; 
	-webkit-column-gap:20px; 
	-moz-column-count: 2; 
	-moz-column-gap:20px; 
	column-count: 2; 
	column-gap:20px;*/
}

#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%;
  margin-left: 3%;
  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 .close-page-level-help {
  display: none;
  color: #fff;
  background: #0A8AEE;
  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 { /*display:inline-block;*/
  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: #0A8AEE;
  border: 1px solid #0A8AEE;
  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: #0A8AEE;
  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 {
  width: 136px;
  height: 100%;
  display: inline-flex;
  align-items: center;
}

.primary-action-button {
  color: #FFF;
  background-color: #0A8AEE;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
  min-width: 64px;
  height: 46px;
  padding: 0px 32px;
  line-height: 100%;
  position: relative;
}

.primary-action-button:disabled, .primary-action-button:hover:disabled {
  color: #B6B7B9;
  background-color: #DADADA;
  cursor: default;
}


.primary-action-button:hover { background-color: #0074C7; }

.primary-action-button:focus { outline: 0; }

.primary-action-button.highlight { }

.more-actions-button {
  color: black;
  background-color: #fff;
  border: 2px solid #DADADA;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
  height: 40px;
  width: 136px;
  top: 50%;
  left: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 4px 12px;
}

.more-actions-button:hover, .more-actions-button:focus {
  background-color: #fff;
  color: black;
  outline: 0;
}

.more-actions-button.on {
  background-color: #FFF;
  color: #333;
  border-color: #E9E9E9;
  border-bottom-color: transparent;
}

.more-actions-button .arrow, #actionMenu .ac-menu-item .arrow, .ac-grid-header-button .arrow, .ac-grid-filter-container h3 .arrow, .ac-drop-down-menu .arrow {
  border: 4px solid transparent;
  border-top-color: #666;
  display: inline-block;
  margin-left: 4px;
  height: 4px;
  border-bottom-style: none;
  vertical-align: middle;
}

.lt-ie8 .more-actions-button .arrow {
  zoom: 1;
  *display: inline;
}

input[type=button], input[type=submit], button {
  background-color: #D3EAFC;
  color: #0A8AEE;
  border-radius: 4px;
  font-family: 'Gilroy', sans-serif;
  font-weight: 700;
  border-color: transparent;
  height: 30px;
  padding: 0 16px;
  outline: 0;
  margin: 2px;
}

input[type=button]:hover, input[type=submit]:hover, button:hover {
  background: #0A8AEE;
  color: #fff;
}

input[type=button]:first-of-type, input[type=submit]:first-of-type, button:first-of-type { margin-left: 0; }

input[type=button]:hover, input[type=submit]:not(.ThemeButton):not(.PredefinedThemeButton):hover, button:hover {
  background: #0A8AEE;
  color: #fff;
}

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

.overlay-panel { position: absolute; }

.ac-modal { position: fixed; }

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

.overlay-panel {
  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-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;
}

.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: 36px;
    color: #e1e1e1;
    height: 64px;
    width: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    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;
    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 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

/* Live Design Widget Overlays*/

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

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

.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 .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 .actions { padding-top: 60px !important; }

.widget-overlay-header .page-help {
  padding-top: 66px !important;
  display: none;
}

.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: #0A8AEE; }

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

.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 #0a8aee;
  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: #0A8AEE;
}

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

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

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

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

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

.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 { 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 {
    height: 19px;
    width: 20px;
    display: inline-block;
    /*grid-template-columns: auto auto;*/
    margin-left: 3px;
    vertical-align: middle;
    margin-top: 0px;
    cursor: pointer;
    color: #0A8AEE;
    font-weight: normal;
}

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

strong .ph {
    vertical-align: top;
}

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

.fa-question-circle { color: #0A8AEE; }

.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;
  display: flex;
  align-items: center;
  justify-content: center;
}

#spinnerBox, .spinnerBox {
  z-index: 2000000000;
  position: fixed;
}

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


.inner-page-grey-button {
  color: #545454;
  background-color: #F4F4F4;
  border-color: #C9C9C9;
  border-style: solid;
  border-width: 1px;
  font-size: 16px;
  border-radius: 2px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 32px;
  line-height: 32px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 0 6px;
  text-decoration: none;
  vertical-align: top;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  margin: 5px;
}

input.inner-page-grey-button { margin: 5px; }

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-category-chooser img {
  background-image: url(/store/i/a/browse-icon.png);
  width: 33px;
  height: 20px;
  cursor: pointer;
}

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

.ac-page-flow-toggle {
  background-color: #F3F3F3;
  border-radius: 2px;
  padding: 0.6em 0.4em 0.4em;
}

.ac-page-flow-toggle.row { margin-bottom: 0; }

.ac-page-flow-toggle > label {
  font-size: 1.1em;
  line-height: 26px;
  display: inline-block;
  font-weight: 400;
  color: #666;
  margin-top: -1em;
  margin-bottom: 0;
  margin-left: 0.25em;
}

.ac-page-flow-toggle > .radio { margin-top: -5px; }

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

/* Redactor stuff */

.redactor_toolbar li a.redactor_btn_mergecodes { background: url(/store/i/a/mergeCode.png) center center no-repeat; }

.redactor_box textarea, .redactor_box textarea:focus { width: 100% !important; }

div#redactor_modal_overlay {
  background-color: rgba(160, 160, 160, 0.4) !important;
  opacity: 1;
}

ul.redactor_toolbar {
  background: #F3F3F3 !important;
  border: none !important;
}

.redactor_toolbar li a:hover, .redactor_dropdown a:hover {
  background-color: #F4F4F4 !important;
  border-radius: 2px !important;
  color: #000;
}

.redactor_toolbar li a:active, .redactor_toolbar li a.redactor_act {
  background-color: #98D6FF !important;
  border-color: #98D6FF !important;
  border-radius: 3px;
}

.redactor_dropdown {
  padding: 5px !important;
  /* possibly meant to fix cutoff issues on the right but created cutoff issues on the left? */
  /*margin-left: -100px;*/
}

.redactor_box_fullscreen .redactor_dropdown { margin-left: 0; }

.redactor_dropdown a { padding: 5px !important; }

.redactor_dropdown a:hover { border-radius: 10px; }

.redactor_dropdown .redactor_separator_drop {
  padding: 0 !important;
  margin: 5px 0;
}

.redactor_editor, .redactor_editor:focus { max-height: 94%; }

.container .redactor_editor, .container .redactor_editor:focus { max-height: 600px; }

.redactor_separator { height: 31px !important; }

.redactor_box textarea, .redactor_box textarea:focus {
  z-index: 5 !important;
  background: inherit !important;
  color: inherit !important;
}

.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: #E6E9EB;
  position: absolute;
  left: -100%;
  bottom: 100%;
  width: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #4A4B4D;
}

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

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

#bg-process-list a { color: #ACB7B7; }

#bg-process-list .inner, #bg-process-message-container .inner {
  font-size: 13px;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

#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-progress {
  font-size: 12px;
  background-color: #FCFCFC;
  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;
}

.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: #cae8f8;
  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: 7px;
}

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

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

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

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

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

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

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

.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: 11px;
  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: #0A8AEE;
  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: #0A8AEE;
}

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

#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-item-price {
  font-size: 12px;
  text-align: right;
  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 {
  border-color: #0A8AEE;
  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; }


/* reset some redactor stuff */

.redactor_editor table, .redactor_editor table th, .redactor_editor table td {
  background: none;
  border: 1px solid #ddd;
  width: auto;
}


.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: #0A8AEE;
  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: #0A8AEE; }

.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 #0A8AEE;
  background: #0A8AEE;
  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;
}

.divNewButton {
  float: right;
  padding: 10px 0;
}

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;
  height: 1.5em;
}

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

.dd-item div.linkbox:hover {
  border: 1px solid #0A8AEE;
  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 */

#dvAddEditProductsContainer { position: relative; }

#dvAddEditProductsContainer i {
  position: absolute;
  height: 30px;
  line-height: 30px;
  z-index: 1;
  left: 10px;
}

#txtProductSearch { padding-left: 30px; }

#dvAddEditProductsContainer input { margin-top: 0; }

input.AddItemButton {
  color: #4DA0E2;
  font-weight: bold;
}

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

.ShoppingCart input[type=text], .ShoppingCartPrice input[type=text] {
  width: 50px;
  margin: 0;
  height: 36px;
}

.ShoppingCartTotals {
  text-align: right;
  font-weight: bold;
}

.ShoppingCartPrice {
  text-align: center;
  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;
}

.OrderEditCurrentPrice {
  top: 5px;
  position: relative;
}

.OrderEditOverridePrice {
  top: 15px;
  position: relative;
}

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

#tblCart {
  border: solid #999999;
  border-width: 0px 1px 1px 1px;
  width: 100%;
}

#tblCart td {
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 3px;
  padding-bottom: 3px;
}

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

.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: 0;
  left: 0;
  right: 0;
  font-size: 0;
  z-index: 10000;
}

.CartSummaryArea > div {
  display: inline-block;
  background: #0a8aee;
  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; }

.ShoppingCartItemInfoRow { margin: 0.4em 0; }

.ShoppingCartItemInfoLabel {
  text-align: right;
  padding-right: 0.4em;
}

/* End Order Edit Items */

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

.ac-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 {
  color: #EFEFEF;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
}

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

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

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

.ac-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, .copyright ~ .popover .arrow:after { display: none; }

.ac-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: #0A8AEE;
  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*/

.add-widget-box {
  margin-right: 6%;
  margin-bottom: 4.166666666666666%;
}

.add-widget-box:nth-of-type(3n) { margin-right: 0; }

.add-widget-box, .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;
}

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

.add-widget-box button, .choose-import-box a {
  position: absolute;
  bottom: 12px;
  left: 12px;
}

.choose-import-box a { border-radius: 2px 2px 2px 2px; }

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

.add-widget-box button:hover, .choose-import-box a:hover { text-decoration: none; }

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

.add-widget-box p, .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 {
  float: right;
  margin-top: 16px;
}

  .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: #0A8AEE;
    color: #fff;
  }

.import-text { float: left; }

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

.ac-setting-summary.imports {
  text-align: center;
  margin-bottom: 20px;
}

.ac-setting-group.imports { margin-top: 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: #0a8aee !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: #0074C7;
}

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: #0A8AEE;
  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: #0A8AEE;
  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 { 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; }

.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 {
  background-color: #F5F5F5;
  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 {
  box-shadow: 0px 0px 10px #c2c2c2;
  margin: 2% 2% 2% 2%;
  padding: 0px 0px 0px 0px;
}

.ac-payment-gateways-add > div { text-align: center; }

.ac-featured-gateway-our-logo { width: 50%; }

.ac-payment-settings-featured-gateway {
  box-shadow: 0px 0px 10px #c2c2c2;
  padding: 0px 0px 0px 0px;
}

.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-shared-ssl {
  background-color: #fff !important;
  height: 75px !important;
}

.ac-auto-ssl-image, .ac-shared-ssl-image { height: 100px; }

.ac-auto-ssl-header { padding-bottom: 0px !important; }

.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: 120px;
  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: #0A8AEE;
  border: 1px solid #0A8AEE;
  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-ssl-installed {
  position: relative;
  margin: -2em;
}

.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-purchase-ssl-vendor-logos {
  padding-left: 20px;
  margin-top: -40px;
}

.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-ssl-installed-content {
  color: #fff;
  background-color: #000;
  font-size: .9em;
  padding: 8px;
  position: absolute;
  top: 0;
  right: 0;
}

.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: #0A8AEE; }

.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: #0A8AEE; }

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

.ac-go-live-confirm-dns { margin-top: 25px; }

.ac-go-live-confirm-domain .confirm { color: #0A8AEE; }

.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: #0A8AEE;
  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: rgb(160, 160, 160) \9;
  filter: alpha(opacity=95) \9;
  background-color: rgba(160, 160, 160, 0.95);
  margin-left: -15px;
  margin-top: -280px;
  text-align: center;
  padding: 20px;
  height: 225px;
  width: 100%;
  font-size: 1.1em;
  line-height: 25px;
  color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.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: #0A8AEE; }

.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 { width: 20% }

.shipping-easy-logo img { max-width: 175px; }

.shipping-easy-logo p { font-size: .8em; }

.shipping-easy-setup-button {
  width: 20%;
  position: relative;
}

.shipping-easy-setup-button button {
  padding: .5em 1.6em .5em 1.6em;
  font-weight: bold;
  color: #fff;
  background-color: #0A8AEE;
  border: 1px solid #0A8AEE;
  min-width: 84px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-20%, -50%);
}

.shipping-easy-setup-button button:hover { background-color: #438ea3; }

.ac-shipping-easy-ad-text {
  width: 60%;
  font-weight: bold;
  color: #888;
  font-size: .9em;
  position: relative;
}

.ac-shipping-easy-ad-text p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.ac-avalara-ad {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: left;
  padding: 0 1.3em 1.3em 0;
}

.avalara-logo, .avalara-graphic { width: 20% }

.avalara-logo img {
  max-width: 175px;
  position: relative;
  top: 25%;
  padding-left: 10px;
}

.avalara-graphic img {
  max-width: 175px;
  margin-right: 10px;
  margin-left: 10px;
}

.avalara-logo p {
  font-size: .8em;
  background-color: #cac6c6;
  padding: 10px;
}

.avalara-setup-button {
  width: 20%;
  position: relative;
}

.avalara-setup-button button {
  min-width: 84px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-20%, -50%);
}

.ac-avalara-ad-text {
  width: 40%;
  color: #888;
  font-size: .9em;
  position: relative;
  margin-left: 10px;
}

.avalara-ad-text-title {
  font-weight: bold;
  margin-bottom: 10px;
}

.ac-avalara-ad-text p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

/* styling for App pages */

.ac-app-container {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #353535;
}

.ac-app-setting-group {
  margin-bottom: 2em;
  background: #fff;
  border: 1px solid #f2f3f4;
  border-radius: 4px;
  box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
}

.ac-app-subheader {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
}

.ac-app-setting-header {
  font-size: 14px;
  font-weight: normal;
}

.ac-app-setting-category, .ac-app-setting-price { padding-left: 20px; }

.ac-app-setting-right { text-align: right; }

.ac-app-setting-right span { font-size: 14px; }

ac-app-setting-store { padding-left: 20px; }

.ac-app-setting-store label i {
  color: #0A8AEEa8;
  padding-right: 5px;
}

.ac-app-setting-row {
  border-top: 1px solid #cfcece59;
  padding: 25px 50px;
}

.ac-app-setting-line {
  border-top: 1px solid #cfcece59;
  padding: 20px 35px;
}

.ac-app-overview-row {
  border-top: 1px solid #cfcece59;
  padding: 25px 35px;
}

.ac-app-link {
  padding-bottom: 10px;
  border-bottom: 1px solid #cfcece59;
}

.ac-app-header-overveiw {
  border-top: 1px solid #cfcece59;
  padding: 25px 10px 0px 10px;
}

.ac-app-tip {
  font-size: 12px;
  font-weight: 400;
  color: #8e8e8e;
  padding-top: 10px;
}

.ac-app-tip-text { font-size: 12px; }

.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-setting {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
}

.ac-app-logo { border-radius: 4px; }

.ac-app-info-setting { padding: 10px; }

.ac-app-overview-setting { padding-bottom: 10px; }

.ac-app-header-setting {
  font-size: 18px;
  font-weight: bold;
  padding: 25px;
}

.ac-app-header-text {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 20px;
}

.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-setting-label { padding-top: 10px; }

.ac-app-setting-right select, .ac-app-setting-right input { margin-bottom: 0px; }

.ac-app-grid { font-size: 18px; }

.ac-app-grid-container { padding: 0 35px 25px 35px; }

.pad-top-10 { padding-top: 10px; }

.pad-left-10 { padding-left: 10px; }

.pad-bottom-10 { padding-bottom: 10px; }

.pad-right-10 { padding-right: 10px; }

.pad-20 { padding: 20px; }

.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: #0A8AEE;
  font-weight: bold;
}

.ac-multistore-confirm-domain {
  color: #0A8AEE;
  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;
  float: right;
}

.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 */

/*avalara update*/

.avalara-logo { width: 30% !important; }

.avalara-logo p {
  width: 38% !important;
  padding: 12px 10px 12px 10px !important;
  text-align: center !important;
  font-size: 14px !important;
  background: #ddd !important;
  margin-top: 0; /*Remove If Break*/
}

.ac-avalara-ad {
  height: 185px !important;
  overflow: hidden !important;
  position: relative !important;
  padding-bottom: 0 !important;
}

.avalara-logo img {
  max-width: 100% !important;
  top: 21% !important;
  padding-left: 14% !important;
}

.avalara-graphic { width: 26% !important; }

.avalara-graphic img {
  max-width: 100% !important;
  position: absolute !important;
  top: -75px !important;
  width: 23% !important;
  left: 24% !important;
}

.ac-avalara-ad-text { width: 37% !important; }

.avalara-ad-text-title {
  color: #000 !important;
  font-size: 18px !important;
  margin-bottom: 15px !important;
  display: block !important;
}

.ac-avalara-ad-text p {
  color: #000 !important;
  line-height: 15px !important;
  margin-top: 10px !important;
}

.ac-avalara-ad-text br { display: none !important; }

.avalara-setup-button button {
  font-weight: 100 !important;
  font-size: 18px !important;
  transform: translate(-45%, -50%) !important;
  cursor: pointer;
}

@media (max-width: 1726px) {
  .avalara-graphic img {
    top: -22px !important;
    width: 23% !important;
    left: 27% !important;
  }

  .avalara-graphic { width: 39% !important; }

  .avalara-logo p { width: 63% !important; }
}

@media (max-width: 1594px) {
  .avalara-logo { width: 20% !important; }

  .avalara-logo p { width: 92% !important; }

  .avalara-graphic { width: 32% !important; }

  .avalara-graphic img {
    top: -14px !important;
    width: 23% !important;
    left: 22% !important;
  }

  .ac-avalara-ad-text { width: 32% !important; }
}

@media (max-width: 1509px) {
  .ac-avalara-ad {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    height: 206px !important;
  }

  .avalara-logo {
    width: 33.333% !important;
    height: 100%;
  }

  .avalara-graphic {
    width: 33.333% !important;
    height: 100%;
    position: relative;
  }

  .ac-avalara-ad-text {
    width: 32.333% !important;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .ac-avalara-ad-text p {
    position: initial !important;
    transform: translate(0, 0);
    margin-top: 20px !important;
    margin-left: 20px !important;
  }

  .avalara-setup-button {
    width: 100% !important;
    position: absolute;
    bottom: 27px;
    right: 0;
  }

  .avalara-logo p { width: 48% !important; }

  .avalara-graphic img {
    top: -31% !important;
    width: 100% !important;
    left: -3% !important;
  }

  .avalara-setup-button button { transform: translate(257%, -64%) !important; }
}

@media (max-width: 1480px) {
  .ac-avalara-ad {
    justify-content: flex-start !important;
    height: 193px !important;
  }

  .avalara-logo { width: 31.333% !important; }

  .avalra-logo img {
    padding-left: 5% !important;
    top: -19% !important;
  }

  .avalara-graphic { width: 27.333% !important; }

  .avalara-setup-button button {
    transform: translate(0, 0) !important;
    position: initial !important;
    float: right !important;
    margin-right: 2% !important;
  }

  .ac-avalara-ad-text { width: 37.333% !important; }

  .ac-avalara-ad-text p { padding-left: 10% !important; }
}

@media (max-width: 1334px) {
  .ac-avalara-ad {
    height: auto !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-right: 0;
  }

  .avalara-logo {
    width: 100% !important;
    height: auto !important;
  }

  .avalara-logo p {
    width: 20% !important;
    margin-bottom: 0 !important;
  }

  .avalara-logo div { height: auto !important; }

  .avalara-logo img {
    margin: 0 auto !important;
    display: block !important;
    padding: 0 !important;
  }

  .avalara-graphic {
    width: 100% !important;
    position: initial !important;
    display: block !important;
    height: auto !important;
  }

  .avalara-graphic img {
    position: initial !important;
    width: 27% !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .ac-avalara-ad-text {
    width: 100% !important;
    position: initial !important;
    display: block !important;
    transform: translate(0, 0) !important;
    height: auto !important;
    margin-left: 0 !important;
  }

  .ac-avalara-ad-text p {
    transform: translate(0, 0) !important;
    display: block !important;
    width: 70% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding-left: 0 !important;
  }

  .avalara-ad-text-title { display: block !important; }

  .avalara-setup-button {
    position: initial !important;
    margin-bottom: 20px;
  }

  .avalara-setup-button button {
    display: block !important;
    float: none !important;
    margin: 20px auto 0px auto !important;
    position: initial !important;
  }
}

@media (max-width: 1094px) {
  .ac-avalara-ad {
    height: auto !important;
    padding: 0 0 20px 0 !important;
  }
}

@media (max-width: 758px) {
  .avalara-logo p {
    width: 100% !important;
    margin-bottom: 35px !important;
  }
}

@media (max-width: 603px) {
  .avalara-logo p { width: 150px !important; }

  .avalara-logo img { padding-top: 20px !important; }

  .avalara-ad-text-title { line-height: 20px !important; }
}

@media (max-width: 500px) {
  .ac-avalara-ad-text p { width: 90% !important; }

  .ac-avalara-ad-text { margin-left: 0 !important; }

  .avalara-graphic img { width: 90% !important; }
}

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

#page-action-wrapper {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    float: right;
    transition-duration: 0.25s;
}

.page-action-wrapper-sticky {
    border-radius: 3px;
    box-shadow: 0px 3px 6px rgba(32, 33, 36, 0.1);
    padding-top: 8px;
    padding-bottom: 8px;
    background: #fff;
}

.ac-badge {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.ac-badge .ac-badge-wrapper {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
}