@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.small {
  font-size: 12px;
}

.middle-text {
  font-size: 14px;
}

.margin-top-15 {
  margin-top: 15px;
}

.checkbox {
  margin: 4px 8px 0 0;
}

.ordertracking.content .fusion-layout-column,
.ordertracking.content .fusion-builder-row.fusion-row  {
  position: unset;
}

.ordertracking #schako-customer-table .like-a {
  color: #005b32 !important;
  background: none !important;
  border: none;
  text-transform: none;
  cursor: pointer;
  padding: 0;
  font-size: 12px !important;
}

.ordertracking #schako-customer-table .like-a:hover {
  color: #005b32 !important;
  background: none !important;
  text-transform: none;
  cursor: pointer;
  text-decoration: underline;
  font-size: 12px !important;
}

.ordertracking .fusion-button.floatleft {
  float: left;
}

.ordertracking .fusion-button.submit::before {
  float: left;
  margin-right: 10px;
  content: '\f101';
  font-weight: normal;
  font-family: 'FontAwesome';
  color: white;
  font-size: 19px;
}

.ordertracking .fusion-button.submit:hover {
  color: white;
}


.bold.green {
  font-weight: bold;
  color: #005b32;
}

#content.ordertracking .post-content .fusion-fullwidth:nth-of-type(2) {
  padding-top: 40px !important;
}

.ordertracking .tabs form {
  margin-bottom: 25px;
}

.small-info {
  font-size: 12px;
}

.ordertracking #slider {
  margin-bottom: 40px;
}

.ordertracking {
  padding-top: 40px;
}

.darkgreen.background.separator {
  width: 100%;
  height: 10px;
  position: absolute;
  left: 0;
}

.ordertracking.content button {
  display: flex;
}

.ordertracking.content button.close {
  display: block;
}

.responsive-table {
  overflow-x: auto;
}

/* TABS START */

.ordertracking .tabs.primary {
  display: flex;
  padding-left: 0;
  list-style: none;

  justify-content: space-between;
}

.ordertracking .w3-bar {
  min-height: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #005b32;
}

.ordertracking .w3-bar-item,
.ordertracking .logout-link {
  padding: 5px 35px;
  border: 0;
  font-weight: bold;
  cursor: pointer;
  color: #4c4c4c;
  line-height: 29px;
}


.ordertracking .w3-bar-item {
  background-color: transparent !important;
  font-size: 16px !important;
  color: #4c4c4c !important;
}

.ordertracking .w3-bar-item.active {
  background-color: #005b32 !important;
  color: #fff !important;
}

.registration-link {
  cursor: pointer;
}



/* TABS END */

/* SUCHFELD START */

.ordertracking details {
  margin-bottom: 40px;
  padding: 25px;
  background-color: #333;
  color: #fff;
}

.fieldset-wrapper {
  display: flex;
  flex-direction: row;

  flex-wrap: wrap;
}

.fieldset-wrapper .form-item {
  width: 49%;
  margin-bottom: 15px;
}

.fieldset-wrapper .form-item:nth-child(2n) {
  margin-left: 2%;
}

#ordertracking-filter-form {
  margin: 25px 0 5px 0 ;
}

#ordertracking-filter-form label {
  display: block;
}

#ordertracking-filter-form input,
#ordertracking-filter-form select,
#ordertracking-filter-form textarea {
  width: 100%;
}

#ordertracking-filter-form select {
  padding: 5px;
  border-radius: 0;
  font-size: 13px;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

#ordertracking-filter-form button {
  margin-top: 15px;
}

/* SUCHFELD END */

/* TABELLEN START */

.ordertracking table {
  width: 100%;
  border: 0;
}

.ordertracking table th {
  padding: 10px;
  background-color: #005b32;
  font-size: 12px;
  color: #fff;
}

.ordertracking #schako-customer-table th {
  padding: 5px 2px;
  font-size: 10px;
}

.ordertracking #schako-customer-table form {
  margin-bottom: 0;
}

#schako-customer-table .round.small {
  margin-left: 0;
}

.ordertracking table th a {
  color: #fff;
}

.ordertracking table td {
  padding: 10px;
  border-bottom: 1px solid #005b32;
  font-size: 14px;
}

.ordertracking #schako-customer-table td {
  padding: 5px 3px;
  font-size: 12px;
  max-width: 65px;
  word-wrap: break-word;
  word-break: break-all;
}

.ordertracking #schako-customer-table td.activate {
  max-width: 75px;
}

.sortable {
  cursor: pointer;
}

.sortable::after {
  float: left;
  margin-right: 10px;
  content: '\f0dc';
  font-size: 10px;
  font-family: 'FontAwesome';
}

.sortable.headerSortDown::after {
  content: '\f0dd';
}

.sortable.headerSortUp::after {
  content: '\f0de';
}

/* TABELLEN END */

/* LOGIN START */

#system-message-hidden {
  display: none;
}

#login {
  position: relative;
}

#login label,
#login .login-questions {
  font-size: 14px;
}

.forgottenpassword {
  position: absolute;
  width: 100%;
  top: 0;
  min-height: 400px;
  background: #fff;
}


.error.info {
  margin-bottom: 20px;
  color: #f18700;
}

.messages {
  margin: 25px 0;
  padding: 5px 15px;
  border: 2px solid #005b32;
}

.messages.error {
  border: 2px solid #f18700;
}

.load-symbol {
  display: flex;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 25%;
  background: rgba(0, 0, 0, .2);
  font-size: 40px;

  justify-content: center;
}


.load-symbol .fa-spinner {
  width: 40px;
  height: 40px;
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;

  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

body.page-template-page_ordertracking_content #content.ordertracking .fusion-fullwidth:nth-of-type(2) {
  min-height: 600px;
}


/* LOGIN END */

/* REGISTRIERUNG START */

.ordertracking label {
  display: block;
}

.ordertracking .one-row {
  display: flex;
  flex-direction: row;

  justify-content: space-between;
}

.ordertracking .information {
  width: 48%;
}

.ordertracking form button[type='submit'],
.ordertracking form a.button {
  float: right;
  margin: 45px 0 0 15px;
}

#wrapper .ordertracking .just-admin button {
  margin: 0px 0 40px 15px;
}

.ordertracking .fieldset-wrapper.just-admin{
  justify-content: flex-end;
}

.ordertracking .fieldset-wrapper.just-admin .form-item {
  width: 100%;
}

/*.ordertracking .salutation {
  margin-top: 25px;
}*/

.ordertracking h4 {
  margin-top: 25px;
}

/* REGISTRIERUNG END */

/* DETAIL START */

.logged-in-infos {
  text-align: right;
  font-size: 12px;
}

.ordertracking.adress {
  margin: 15px 0 55px 0;
}

.info.box.warning {
  display: flex;
  margin-top: 40px;
  padding: 20px;
  background-color: #f18700;
  font-size: 14px;
  color: #fff;

  align-items: center;
}

.info.box.warning i {
  margin-right: 20px;
  font-size: 24px;
}

.ordertracking .fusion-button {
  float: right;
}

/* DETAIL END */

/* REQUEST DETAIL START */

#request-search {
  display: flex;
  flex-direction: column;
}

#request-search button,
#ordertracking-filter-form button {
  margin: 0;
  margin: 15px 0 0 88%;
}

.legende {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  font-size: 12px;

  justify-content: flex-end;
}

.legende .legend-row {
  display: flex;

  align-items: center;
  justify-content: flex-end;
}

.round {
  width: 20px;
  height: 20px;
  border-radius: 10px;
}

.round.small {
  width: 10px;
  height: 10px;
  margin-left: 5px;
  border-radius: 5px;
}

.red.round {
  background-color: #f18700;
}

.green.round {
  background-color: #005b32;
}

#benutzerkonto .round {
  margin-bottom: 10px;
}

/* REQUEST DETAIL END */

/* STATISTIC START */

#statistik details {
  background-color: rgba(51,51,51,0.1);
  color: #333;
  border: 3px solid #333;
  padding: 15px;
}

#statistik details summary,
#statistik details td {
  cursor: pointer;
}

#statistik .schako-statistic-table {
  margin-top: 15px;
}

#layerback-order .modal-footer {
  min-height: 77px;
}

#layerback-order .detail-body ul {
  padding-left: 20px;
}

#layerback-order .detail-body li {
  font-size: 14px;
  border-bottom: 1px solid #005b32;
  padding: 5px 0;
}

#layerback-order .detail-body li i {
  margin-left: 15px;
  margin-right: 3px;
}

#layerback-order .detail-body li i:first-child {
  margin-left: 0px;
}

#layerback-order .fusion-button.download {
  margin-top: 40px;
}

#statistik .like-link {
  text-decoration: underline;
}

/* STATISTIC END */

.ordertracking-form textarea,
.ordertracking-form input:not([type=radio]):not([type=checkbox]),
.ordertracking-form textarea {
  width: 100%;
  margin-bottom: 8px;
}

.ordertracking-form label,
.ordertracking-form .small-text {
  font-size: 14px;
}

.ordertracking-form input:disabled {
  opacity: .5;
}

.ordertracking-form .optional {
  overflow: hidden;
  height: 0;
}

.ordertracking-form .optional.active {
  height: 200px;
  margin-bottom: 15px;
  padding: 20px;
  background-color: rgba(102, 102, 102, .1);
}

.grey.background.transparent-01 {
  background-color: rgba(102, 102, 102, .1);
}

@media screen and (max-width: 600px) {
  .ordertracking .one-row {
    flex-direction: column;
  }
  .ordertracking .information {
    width: 100%;
  }
}

@media screen and (max-width: 769px) {
  .ordertracking.content .w3-bar {
    border: 0px;
    min-height: auto;
  }

  .ordertracking.content .w3-bar a {
    width: 100%;
    float: left;
    text-align: center;
    border-bottom: 1px solid #005b32;
  }

  .ordertracking.content .w3-bar a:last-child {
    margin-bottom: 40px;
  }

  .ordertracking.content .tabs {
    width: 100%;
    float: left;
  }

  #request-search button,
  #ordertracking-filter-form button {
    margin: 0;
    width: auto;
  }
}


/* Password Stength Field START */

#firstpassword {
  position: relative;
  z-index: 1;
  background: transparent;
}

.strength_meter {
  display: flex;
  z-index: 0;
  width: 100%;
  height: 29px;
  margin-top: -37px;
  margin-bottom: 5px;
  background: transparent;
  font-size: 12px;
}

.strength_meter div {
  display: flex;
  width: 100%;
  height: 29px;
  padding-right: 15px;
  font-weight: bold;

  justify-content: flex-end;
  align-items: center;
}

.veryweak {
  background-color: #ffa0a0;
}
.weak {
  background-color: #ffb78c;
}
.medium {
  background-color: #ffec8b;
}
.strong {
  background-color: #61bf98;
}

.button_strength {
  display: none;
}


/* Password Stength Field END */