#attrib-seofieldset .form-grid > .control-group > .control-label {
  display: none !important;
}

#attrib-seofieldset .form-grid > .control-group > .controls input {
  box-sizing: border-box;
  width: 100%;
  min-height: 28px;
}
#attrib-seofieldset .form-grid > .control-group > .controls input.input-xxlarge {
  min-height: 32px;
}
#attrib-seofieldset .form-grid > .control-group > .controls input.pwtseo-error {
  border: 1px solid red;
}

#attrib-seofieldset .form-grid > .control-group > .controls textarea {
  box-sizing: border-box;
  width: 100%;
}

#attrib-seofieldset .controls .input-prepend {
  display: table;
  width: 100%;
}
#attrib-seofieldset .controls .input-prepend .add-on,
#attrib-seofieldset .controls .input-prepend input,
#attrib-seofieldset .controls .input-prepend .btn {
  display: table-cell;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
#attrib-seofieldset .controls .input-prepend input {
  width: 76%;
}
#attrib-seofieldset .controls .input-prepend .btn {
  width: auto;
}

#attrib-seofieldset .form-grid > .control-group > .controls .control-label {
  max-width: 100%;
  overflow: hidden;
}
#attrib-seofieldset .form-grid > .control-group > .controls hr {
  width: 9999px;
  margin: 0;
}

#attrib-seofieldset .form-grid > .control-group > .controls > .control-group.field-spacer .control-label {
  width: auto;
}

#attrib-seofieldset .chzn-container {
  width: 100% !important;
}

#attrib-seofieldset .form-grid > .control-group > .controls > .control-group {
  width: 100%;
}
@media screen and (min-width: 760px) {
  #attrib-seofieldset .form-grid > .control-group > .controls > .control-group {
    box-sizing: border-box;
    float: left;
    width: 400px;
    padding-right: 24px;
    clear: left;
  }
}
@media screen and (min-width: 1020px) {
  #attrib-seofieldset .form-grid > .control-group > .controls > .control-group {
    width: 500px;
  }
}
@media screen and (min-width: 1280px) {
  #attrib-seofieldset .form-grid > .control-group > .controls > .control-group {
    width: 660px;
  }
}

.pseo-serp-wrapper {
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
@media screen and (min-width: 760px) {
  .pseo-serp-wrapper {
    float: right;
    /*width: calc(100% - 400px);*/
    padding: 0 20px 30px;
    margin-bottom: 0;
    border-bottom: none;
    border-left: 2px solid #ddd;
  }
}
@media screen and (min-width: 1020px) {
  .pseo-serp-wrapper {
    /*width: calc(100% - 500px);*/
  }
}
@media screen and (min-width: 1280px) {
  .pseo-serp-wrapper {
    /*width: calc(100% - 660px);*/
  }
}

.pseo-title {
  padding-right: 47px;
}

.pseo-title,
.pseo-override-title {
  display: inline-block;
}

.pseo-override-title {
  padding-right: 47px;
}

@media (prefers-color-scheme: dark) {
  #pwtseo-vue-wrapper {
    background: var(--body-bg);
  }
  .pseo-result-wrapper .pseo-score {
    background: var(--body-bg);
  }
  .pseo-heading {
    color: var(--white);
  }
}
.pseo-heading {
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25em;
  color: #333;
}
@media (prefers-color-scheme: dark) {
  .pseo-heading {
    color: var(--white);
  }
}

#pwtseo__totalscore,
.pseo-title-counter,
.pseo-meta-counter {
  box-sizing: border-box;
  display: inline-block;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 32px;
  color: white;
  text-align: center;
  background: #888;
  border-radius: 2px;
}

#pwtseo__totalscore.seoscore-0,
.pwtseo-color-red {
  background-color: #e33f2d;
}

#pwtseo__totalscore.seoscore-1,
.pwtseo-color-yellow {
  background-color: #f09200;
}

#pwtseo__totalscore.seoscore-2,
.pwtseo-color-green {
  background-color: #1fa74f;
}

.pseo-title-counter {
  padding-right: 0;
  padding-left: 0;
  line-height: 22px;
  vertical-align: top;
  width: auto;
  min-width: 44px;
  margin: 6px 0px 0px -50px;
  padding-top: 4px;
}

.pseo-meta-counter {
  margin-left: 8px;
  line-height: 18px;
  vertical-align: top;
}

.pseo-serp__title {
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #1a0dab;
  letter-spacing: 0;
  cursor: pointer;
}

.pseo-serp__title:hover,
.pseo-serp__title:focus {
  text-decoration: underline;
}

.pseo-serp__url {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #006621;
  letter-spacing: 0;
}
@media (prefers-color-scheme: dark) {
  .pseo-serp__url {
    color: var(--template-contrast);
  }
}

.pseo-serp__url::after {
  display: inline-block;
  margin-top: -1px;
  margin-left: 6px;
  vertical-align: middle;
  content: " ";
  border-top: 5px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.pseo-serp__description {
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #545454;
  letter-spacing: 0;
}

.pseo-result-wrapper {
  box-sizing: border-box;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.pseo-result-wrapper:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
@media screen and (min-width: 760px) {
  .pseo-result-wrapper {
    padding: 0 20px 30px;
    margin-bottom: 0;
    /*margin-left: 400px;*/
    clear: right;
    border-bottom: none;
    border-left: 2px solid #ddd;
  }
}
@media screen and (min-width: 1020px) {
  .pseo-result-wrapper {
    /*margin-left: 500px;*/
  }
}
@media screen and (min-width: 1280px) {
  .pseo-result-wrapper {
    /*margin-left: 660px;*/
  }
}

.pseo-score {
  background: white;
}

.pseo-score__content {
  position: relative;
  padding: 5px 5px 5px 10px;
  margin-bottom: 4px;
  background: #eeeeee;
}
@media (prefers-color-scheme: dark) {
  .pseo-score__content {
    background: var(--body-bg);
  }
}
.pseo-score__content::before {
  background: #888;
}

.pseo-score__content::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 4px;
  content: " ";
}

.score-0 .pseo-score__content {
  background: #fef8f8;
  border-bottom: #e33f2d 1px solid;
}
.score-0 .pseo-score__content::before {
  background: #e33f2d;
}
@media (prefers-color-scheme: dark) {
  .score-0 .pseo-score__content {
    background: var(--body-bg);
  }
}

.score-1 .pseo-score__content {
  background: #ffefd7;
}
@media (prefers-color-scheme: dark) {
  .score-1 .pseo-score__content {
    background: var(--body-bg);
  }
}
.score-1 .pseo-score__content::before {
  background: #f09200;
}

.score-2 .pseo-score__content {
  background: #e4faec;
}
@media (prefers-color-scheme: dark) {
  .score-2 .pseo-score__content {
    background: var(--body-bg);
  }
}
.score-2 .pseo-score__content::before {
  background: #1fa74f;
}

.pseo-score__content [class*=icon-] {
  width: 14px;
  margin-right: 0.25em;
}

.loading {
  display: block;
}

.loading::after {
  content: " ...";
  animation: dots 1s steps(5, end) infinite;
}

@keyframes dots {
  0%, 20% {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  80%, 100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
  }
}
.common-keywords {
  padding: 0;
  margin: 0;
}
.common-keywords li {
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  padding: 4px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
@media (prefers-color-scheme: dark) {
  .common-keywords li {
    background: var(--template-bg-dark-60);
  }
}
.common-keywords li:focus, .common-keywords li:hover {
  background: #f1f1f1;
}
@media (prefers-color-scheme: dark) {
  .common-keywords li:focus, .common-keywords li:hover {
    background: var(--template-bg-dark-70);
    border-color: var(--template-bg-dark-90);
  }
}
.common-keywords li.selected {
  color: #fff;
  background: #2980b9;
}
@media (prefers-color-scheme: dark) {
  .common-keywords li.selected {
    background: var(--template-bg-dark-70);
    border-color: var(--template-bg-dark-90);
  }
}