*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%; }
  @media screen and (max-width: 75em) {
    html {
      font-size: 56.25%; } }
  @media screen and (max-width: 56.25em) {
    html {
      font-size: 50%; } }

body {
  box-sizing: border-box; }
  @media screen and (max-width: 56.25em) {
    body {
      padding: 0; } }

.breadcrumb li {
  list-style-type: none;
  display: inline-block; }

#navigation li {
  list-style-type: none;
  display: inline-block; }

.site-name {
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0; }

.pager__item {
  display: inline; }
  .pager__item a {
    display: inline-block; }

/* .webpost_tabs,
.webpost_tabs2 {
  width: 100%; }
  .webpost_tabs__row,
  .webpost_tabs2__row {
    font-family: verdana;
    font-size: 1.2rem;
    height: 2.6rem;
    line-height: 2.8rem;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 0.5rem;
    position: relative; }
    @media screen and (max-width: 37.5em) {
      .webpost_tabs__row,
      .webpost_tabs2__row {
        height: auto;
        border-right: 1px solid gray; } }
    .webpost_tabs__row a,
    .webpost_tabs2__row a {
      color: #555;
      text-decoration: none; }
    .webpost_tabs__row::before,
    .webpost_tabs2__row::before {
      position: absolute;
      content: " ";
      width: 100%;
      bottom: 0;
      left: 0;
      border-bottom: 1px solid #aaa;
      z-index: 1; }
  .webpost_tabs__tab,
  .webpost_tabs2__tab {
    border: 1px solid #aaa;
    background: #d1d1d1;
    background: -o-linear-gradient(top, #ececec 50%, #d1d1d1 100%);
    background: -ms-linear-gradient(top, #ececec 50%, #d1d1d1 100%);
    background: -moz-linear-gradient(top, #ececec 50%, #d1d1d1 100%);
    background: -webkit-linear-gradient(top, #ececec 50%, #d1d1d1 100%);
    background: linear-gradient(top, #ececec 50%, #d1d1d1 100%);
    display: inline-block;
    position: relative;
    z-index: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #fff;
    text-shadow: 0 1px #fff;
    margin: 0 -0.5rem;
    padding: 0 2rem; }
    @media screen and (max-width: 37.5em) {
      .webpost_tabs__tab,
      .webpost_tabs2__tab {
        display: block; } }
    .webpost_tabs__tab::before, .webpost_tabs__tab::after,
    .webpost_tabs2__tab::before,
    .webpost_tabs2__tab::after {
      border: 1px solid #aaa;
      position: absolute;
      bottom: -1px;
      width: 0.5rem;
      height: 0.5rem;
      content: " "; }
    .webpost_tabs__tab::before,
    .webpost_tabs2__tab::before {
      left: -6px;
      border-bottom-right-radius: 6px;
      border-width: 0 1px 1px 0;
      box-shadow: 2px 2px 0 #d1d1d1; }
    .webpost_tabs__tab::after,
    .webpost_tabs2__tab::after {
      right: -6px;
      border-bottom-left-radius: 6px;
      border-width: 0 0 1px 1px;
      box-shadow: -2px 2px 0 #d1d1d1; }
    .webpost_tabs__tab:first-child::before,
    .webpost_tabs2__tab:first-child::before {
      border-bottom-right-radius: 0; }
    .webpost_tabs__tab--selected,
    .webpost_tabs2__tab--selected {
      background: #fff;
      color: #333;
      z-index: 2;
      border-bottom-color: #fff; }
      .webpost_tabs__tab--selected::before,
      .webpost_tabs2__tab--selected::before {
        box-shadow: 2px 2px 0 #fff; }
      .webpost_tabs__tab--selected::after,
      .webpost_tabs2__tab--selected::after {
        box-shadow: -2px 2px 0 #fff; }
  .webpost_tabs__content,
  .webpost_tabs2__content {
    width: 100%;
    padding: 1.2rem;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    position: relative;
    display: none; }
    .webpost_tabs__content ol,
    .webpost_tabs__content ul,
    .webpost_tabs2__content ol,
    .webpost_tabs2__content ul {
      margin-left: 1.6rem; }
    .webpost_tabs__content ul,
    .webpost_tabs2__content ul {
      list-style: disc inside; }
    .webpost_tabs__content ol,
    .webpost_tabs__content ol[type="1"],
    .webpost_tabs2__content ol,
    .webpost_tabs2__content ol[type="1"] {
      list-style: decimal inside; }
    .webpost_tabs__content ol[type="A"],
    .webpost_tabs2__content ol[type="A"] {
      list-style: upper-alpha inside; }
    .webpost_tabs__content li:not(:last-child),
    .webpost_tabs2__content li:not(:last-child) {
      margin-bottom: 2rem; }
    .webpost_tabs__content--selected,
    .webpost_tabs2__content--selected {
      display: block; }
  .webpost_tabs__heading,
  .webpost_tabs2__heading {
    font-weight: 700;
    font-style: italic;
    margin: 2rem 1rem; }
  .webpost_tabs__output,
  .webpost_tabs2__output {
    margin: 2rem 1rem; } */

form {
  margin: 0;
  padding: 0;
  /* padding-bottom: 2rem; */
}

fieldset:not(.fieldgroup) {
  background-color: #fcfcfa;
  border-radius: 2px;
  margin: 1.6rem 0;
  padding: 3rem 1.8rem 1.8rem;
  min-width: 0;
  position: relative; }

fieldset:not(.fieldgroup) > legend {
  font-size: 1.6rem;
  font-weight: bold;
  position: absolute;
  text-transform: uppercase;
  top: 1rem; }

.fieldgroup {
  min-width: 0; }

tr.odd .form-item,
tr.even .form-item {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem; }

td > .form-item:only-child {
  margin-top: 0;
  margin-bottom: 0; }

.form-type-checkbox {
  padding: 0; }

label {
  display: table;
  margin: 0 0 0.2rem;
  padding: 0;
  font-weight: bold; }

label.error {
  color: #a51b00; }

label[for] {
  cursor: pointer; }

.form-item label.option {
  text-transform: none; }

.form-item label.option input {
  vertical-align: middle; }

.form-disabled label {
  color: #686868; }

.form-disabled input.form-text,
.form-disabled input.form-tel,
.form-disabled input.form-email,
.form-disabled input.form-url,
.form-disabled input.form-search,
.form-disabled input.form-number,
.form-disabled input.form-color,
.form-disabled input.form-file,
.form-disabled textarea.form-textarea,
.form-disabled select.form-select {
  border-color: #d4d4d4;
  background-color: rgba(0, 0, 0, 0.08);
  box-shadow: none; }

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border-width: 1px;
  border-color: #e62600;
  background-color: #fdf4f2;
  box-shadow: inset 0 5px 5px -5px #b8b8b8;
  color: #a51b00; }

.form-item textarea.error + .cke {
  border-width: 1px;
  border-color: #e62600; }

.form-item input.error:focus,
.form-item textarea.error:focus,
.form-item select.error:focus {
  border-color: #e62600;
  outline: 0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0.8rem 1px #e62600;
  background-color: #fcf4f2; }

.form-required:after {
  background-size: 0.7rem 0.7rem;
  width: 0.7rem;
  height: 0.7rem; }

.form-item--error-message {
  margin-top: 0.7rem;
  color: #e32700; }

.fieldset-wrapper > .form-item--error-message {
  margin-top: 0; }

.text-format-wrapper .form-item--error-message {
  border: solid #ccc;
  border-width: 0 1px;
  margin: 0;
  padding: 0.4rem 1.2rem 0; }

/* Filter */
ul.tips,
div.description,
.form-item .description {
  margin: 0.3rem 0 0 0;
  color: #595959;
  font-size: 1.5rem; }

.form-item .description.error {
  margin-top: 0;
  color: #a51b00; }

ul.tips li {
  margin: 0.4rem 0 0.4rem 2.4rem;
  /* LTR */ }

[dir="rtl"] ul.tips li {
  margin: 0.4rem 2.4rem 0.4rem 0; }

.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4rem;
  /* LTR */ }

[dir="rtl"] .form-type-radio .description,
[dir="rtl"] .form-type-checkbox .description {
  margin-left: 0;
  margin-right: 2.4rem; }

.form-text,
.form-textarea {
  border-radius: 0.2rem;
  font-size: 1.6rem;
  line-height: normal; }

input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
input.form-file,
input.form-date,
input.form-time,
textarea.form-textarea {
  box-sizing: border-box;
  padding: 0.5rem 0.6rem 0.5rem 0.8rem;
  /* LTR */
  max-width: 100%;
  border: 1px solid #b8b8b8;
  border-top-color: #999;
  border-radius: 2px;
  background: #fcfcfa;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
  font-size: 1em;
  color: #595959;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s; }

[dir="rtl"] textarea.form-textarea {
  padding: 0.5rem 0.8rem 0.5rem 0.6rem; }

.form-text:focus,
.form-tel:focus,
.form-email:focus,
.form-url:focus,
.form-search:focus,
.form-number:focus,
.form-color:focus,
.form-file:focus,
.form-textarea:focus,
.form-date:focus,
.form-time:focus {
  border-color: #40b6ff;
  outline: 0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0.8rem #40b6ff;
  background-color: #fff; }

.confirm-parent,
.password-parent {
  overflow: visible;
  width: auto; }

.form-item-options-group-info-identifier,
.form-item-pass .description {
  clear: both; }

/**
 * Limits extra long instances of select elements to the max width allowed
 * to avoid breaking layouts.
 */
select {
  max-width: 100%; }

/**
 * Improve spacing of cancel link.
 */
#edit-cancel {
  margin-left: 1rem;
  /* LTR */ }

[dir="rtl"] #edit-cancel {
  margin-left: 0;
  margin-right: 1rem; }

/* Exceptions */
#diff-inline-form select,
div.filter-options select {
  padding: 0; }

table {
  width: 100%;
  margin: 0 0 1rem; }

caption {
  text-align: left;
  /* LTR */ }

[dir="rtl"] caption {
  text-align: right; }

th {
  text-align: left;
  /* LTR */
  padding: 1rem 1.2rem; }

[dir="rtl"] th {
  text-align: right; }

thead th {
  background: #f5f5f2;
  border: solid #bfbfba;
  border-width: 1px 0;
  color: #333;
  text-transform: uppercase; }

tr {
  border-bottom: 1px solid #e6e4df;
  padding: 0.2rem 0.8rem; }

thead > tr {
  border-bottom: 1px solid #000; }

tbody tr:hover,
tbody tr:focus {
  background: #f7fcff; }

/* See colors.css */
tbody tr.color-warning:hover,
tbody tr.color-warning:focus {
  background: #fdf8ed; }

tbody tr.color-error:hover,
tbody tr.color-error:focus {
  background: #fcf4f2; }

table.no-highlight tr.selected td {
  background: transparent; }

td,
th {
  vertical-align: middle;
  font-size: 1.4rem; }

td {
  padding: 1rem 1.2rem;
  text-align: left;
  /* LTR */ }

[dir="rtl"] td {
  text-align: right; }

th > a {
  position: relative;
  display: block; }

/* 1. Must match negative bottom padding of the parent <th> */
th > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: -1rem;
  left: 0;
  right: 0;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.1s;
  transition: all 0.1s; }

th.is-active > a {
  color: #004875; }

th.is-active img {
  position: absolute;
  right: 0;
  /* LTR */
  top: 50%; }

[dir="rtl"] th.is-active img {
  right: auto;
  left: 0; }

th.is-active > a:after {
  border-bottom-color: #004875; }

th > a:hover,
th > a:focus,
th.is-active > a:hover,
th.is-active > a:focus {
  color: #008ee6;
  text-decoration: none; }

th > a:hover:after,
th > a:focus:after,
th.is-active > a:hover:after,
th.is-active > a:focus:after {
  border-bottom-color: #008ee6; }

td .item-list ul {
  margin: 0; }

/* This is required to win over specificity of [dir="rtl"] .item-list ul */
[dir="rtl"] td .item-list ul {
  margin: 0; }

td.is-active {
  background: none; }

/* Force browsers to calculate the width of a 'select all' <th> element. */
th.select-all {
  width: 1px; }

/**
 * Captions.
 */
.caption {
  margin-bottom: 2rem; }

.spinner-modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.733);
  visibility: visible;
  opacity: 1;
  transition: all 1s; }
  .spinner-modal.finish {
    opacity: 0;
    visibility: hidden; }

.spinner-box {
  list-style-type: none;
  padding: 0;
  height: 15rem;
  width: 15rem;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }
  .spinner-box li {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 50%;
    width: 0;
    margin: auto;
    box-sizing: border-box;
    transform-origin: bottom; }
    .spinner-box li div {
      height: 50%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: auto;
      border: 0.5px solid #3d99cd;
      transform: translateX(50%);
      transform-origin: top;
      box-shadow: 0 0 0 rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.5);
      animation: rotate 1s linear infinite; }
      .spinner-box li div::before, .spinner-box li div::after {
        content: "";
        position: absolute;
        height: 5px;
        width: 5px;
        display: inline-block;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 50px;
        transform: translateX(-50%);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 0, 0, 0.5); }
      .spinner-box li div::before {
        top: -10px;
        background-color: #007cc3; }
      .spinner-box li div::after {
        bottom: 0;
        background-color: #005c90; }
  .spinner-box li:nth-child(1) {
    transform: rotate(20deg); }
    .spinner-box li:nth-child(1) div {
      animation-delay: 0.28s; }
  .spinner-box li:nth-child(2) {
    transform: rotate(40deg); }
    .spinner-box li:nth-child(2) div {
      animation-delay: 0.56s; }
  .spinner-box li:nth-child(3) {
    transform: rotate(60deg); }
    .spinner-box li:nth-child(3) div {
      animation-delay: 0.84s; }
  .spinner-box li:nth-child(4) {
    transform: rotate(80deg); }
    .spinner-box li:nth-child(4) div {
      animation-delay: 1.12s; }
  .spinner-box li:nth-child(5) {
    transform: rotate(100deg); }
    .spinner-box li:nth-child(5) div {
      animation-delay: 1.4s; }
  .spinner-box li:nth-child(6) {
    transform: rotate(120deg); }
    .spinner-box li:nth-child(6) div {
      animation-delay: 1.68s; }
  .spinner-box li:nth-child(7) {
    transform: rotate(140deg); }
    .spinner-box li:nth-child(7) div {
      animation-delay: 1.96s; }
  .spinner-box li:nth-child(8) {
    transform: rotate(160deg); }
    .spinner-box li:nth-child(8) div {
      animation-delay: 2.24s; }
  .spinner-box li:nth-child(9) {
    transform: rotate(180deg); }
    .spinner-box li:nth-child(9) div {
      animation-delay: 2.52s; }
  .spinner-box li:nth-child(10) {
    transform: rotate(200deg); }
    .spinner-box li:nth-child(10) div {
      animation-delay: 2.8s; }
  .spinner-box li:nth-child(11) {
    transform: rotate(220deg); }
    .spinner-box li:nth-child(11) div {
      animation-delay: 3.08s; }
  .spinner-box li:nth-child(12) {
    transform: rotate(240deg); }
    .spinner-box li:nth-child(12) div {
      animation-delay: 3.36s; }
  .spinner-box li:nth-child(13) {
    transform: rotate(260deg); }
    .spinner-box li:nth-child(13) div {
      animation-delay: 3.64s; }
  .spinner-box li:nth-child(14) {
    transform: rotate(280deg); }
    .spinner-box li:nth-child(14) div {
      animation-delay: 3.92s; }
  .spinner-box li:nth-child(15) {
    transform: rotate(300deg); }
    .spinner-box li:nth-child(15) div {
      animation-delay: 4.2s; }
  .spinner-box li:nth-child(16) {
    transform: rotate(320deg); }
    .spinner-box li:nth-child(16) div {
      animation-delay: 4.48s; }
  .spinner-box li:nth-child(17) {
    transform: rotate(340deg); }
    .spinner-box li:nth-child(17) div {
      animation-delay: 4.76s; }
  .spinner-box li:nth-child(18) {
    transform: rotate(360deg); }
    .spinner-box li:nth-child(18) div {
      animation-delay: 5.04s; }

@keyframes rotate {
  0%,
  100% {
    transform: translateX(-50%) rotate(-25deg); }
  50% {
    transform: translateX(-50%) rotate(25deg); } }

.spinner_working {
  position: fixed;
  clear: both;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  color: #2a9cde;
  text-transform: uppercase;
  font-size: 2.5rem;
  text-align: center;
  left: 50%;
  top: calc(50% + 11rem);
  transform: translate(-50%, -50%); }