@font-face {
  font-family: 'mango-regular';
  src: url("//st.mngbcn.com/static/assets/fonts/MangoSans-Regular.eot") format("embedded-opentype"), url("//st.mngbcn.com/static/assets/fonts/MangoSans-Regular.otf?#iefix") format("opentype"), url("//st.mngbcn.com/static/assets/fonts/MangoSans-Regular.woff") format("woff"), url("//st.mngbcn.com/static/assets/fonts/MangoSans-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'mango-light';
  src: url("//st.mngbcn.com/static/assets/fonts/MangoSans-Light.eot") format("embedded-opentype"), url("//st.mngbcn.com/static/assets/fonts/MangoSans-Light.otf?#iefix") format("opentype"), url("//st.mngbcn.com/static/assets/fonts/MangoSans-Light.woff") format("woff"), url("//st.mngbcn.com/static/assets/fonts/MangoSans-Light.ttf") format("truetype"); }
@font-face {
  font-family: 'mango-bold';
  src: url("//st.mngbcn.com/static/assets/fonts/MangoSans-Bold.eot") format("embedded-opentype"), url("//st.mngbcn.com/static/assets/fonts/MangoSans-Bold.otf?#iefix") format("opentype"), url("//st.mngbcn.com/static/assets/fonts/MangoSans-Bold.woff") format("woff"), url("//st.mngbcn.com/static/assets/fonts/MangoSans-Bold.ttf") format("truetype"); }
body {
  background-color: #fafafa;
  font-family: 'mango-regular';
  font-size: 15px; }

ul.alert li {
  list-style: none; }

.container {
  padding: 0;
  width: 100%; }
  .container nav.navbar {
    background-color: #fafafa;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 0; }
    .container nav.navbar .navbar-brand img {
      max-width: 100%;
      width: 130px; }
    .container nav.navbar .navbar-nav li a {
      color: #000000; }
      .container nav.navbar .navbar-nav li a:hover {
        color: #777; }
    .container nav.navbar .navbar-nav.navbar-right li {
      color: #bbbbbb; }
      .container nav.navbar .navbar-nav.navbar-right li .navbar-text {
        color: inherit; }
    .container nav.navbar .filters {
      font-family: mango-light; }
      .container nav.navbar .filters label {
        display: none; }
      .container nav.navbar .filters button {
        background: none;
        border: none;
        box-shadow: none;
        margin: 0;
        padding: 0; }
        .container nav.navbar .filters button img {
          margin-top: -5px;
          width: 22px; }
      .container nav.navbar .filters input {
        background: none;
        border: none;
        box-shadow: none;
        outline: none;
        width: 300px; }
  .container .itemlist {
    margin: 0 auto;
    width: 920px; }
    .container .itemlist.wider {
      width: 90vw; }
    .container .itemlist .buttontop {
      margin: 50px 0;
      text-align: center; }
      .container .itemlist .buttontop h1 {
        font-size: 1.4em;
        margin: 0 0 30px; }
      .container .itemlist .buttontop p {
        font-family: mango-light;
        margin-bottom: 20px; }
    .container .itemlist .filters {
      margin-bottom: 30px; }
      .container .itemlist .filters form {
        align-items: stretch;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin: 0 -10px; }
        .container .itemlist .filters form .inputwrap {
          flex: 0 1;
          padding: 0 10px;
          width: 100%; }
          .container .itemlist .filters form .inputwrap .alert {
            padding: 9px 15px;
            margin: 30px 0 0 0;
            white-space: nowrap; }
          .container .itemlist .filters form .inputwrap label {
            font-family: mango-light;
            font-size: 12px;
            font-weight: normal;
            margin-bottom: 10px;
            text-transform: uppercase; }
          .container .itemlist .filters form .inputwrap input {
            background: transparent;
            border: 1px solid #e9e9e9;
            box-shadow: none;
            color: #000000;
            font-family: mango-light;
            font-size: 12px;
            line-height: 12px;
            padding: 12px 20px; }
          .container .itemlist .filters form .inputwrap select {
            background: transparent;
            border: 1px solid #e9e9e9;
            box-shadow: none;
            color: #000000;
            font-family: mango-light;
            font-size: 12px;
            line-height: 12px;
            padding: 11px 30px 11px 20px; }
          .container .itemlist .filters form .inputwrap.buttonwrap {
            align-items: flex-end;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between; }
            .container .itemlist .filters form .inputwrap.buttonwrap button, .container .itemlist .filters form .inputwrap.buttonwrap a {
              background-color: #000000;
              border: 1px solid #000000;
              color: #ffffff;
              display: block;
              line-height: 38px;
              padding: 0 20px;
              text-align: center;
              text-decoration: none;
              transition: all .3s;
              white-space: nowrap; }
              .container .itemlist .filters form .inputwrap.buttonwrap button:hover, .container .itemlist .filters form .inputwrap.buttonwrap a:hover {
                background-color: #ffffff;
                color: #000000; }
              .container .itemlist .filters form .inputwrap.buttonwrap button[type=reset], .container .itemlist .filters form .inputwrap.buttonwrap button.inverted, .container .itemlist .filters form .inputwrap.buttonwrap a[type=reset], .container .itemlist .filters form .inputwrap.buttonwrap a.inverted {
                background-color: transparent;
                color: #000000; }
                .container .itemlist .filters form .inputwrap.buttonwrap button[type=reset]:hover, .container .itemlist .filters form .inputwrap.buttonwrap button.inverted:hover, .container .itemlist .filters form .inputwrap.buttonwrap a[type=reset]:hover, .container .itemlist .filters form .inputwrap.buttonwrap a.inverted:hover {
                  background-color: #dbdbdb;
                  color: #000000; }
    .container .itemlist table {
      width: 100%; }
      .container .itemlist table tr th {
        font-weight: normal;
        padding: 20px 0;
        text-transform: uppercase; }
        .container .itemlist table tr th:nth-child(1) {
          width: 10%; }
        .container .itemlist table tr th:nth-child(2) {
          width: 35%; }
        .container .itemlist table tr th:nth-child(3) {
          width: 35%; }
        .container .itemlist table tr th:nth-child(4) {
          width: 20%; }
      .container .itemlist table tr td {
        border-bottom: 1px solid #d8d8d8;
        color: #727272;
        font-family: mango-light;
        padding: 20px 0; }
        .container .itemlist table tr td a {
          color: inherit;
          text-decoration: none; }
        .container .itemlist table tr td.tools {
          font-size: 14px;
          line-height: 20px; }
          .container .itemlist table tr td.tools .editbtn {
            border-bottom: 1px solid #000000;
            color: #000000;
            display: inline-block;
            font-weight: bold;
            line-height: 22px;
            margin-right: 15px; }
            .container .itemlist table tr td.tools .editbtn:hover {
              border: none;
              padding-bottom: 1px; }
          .container .itemlist table tr td.tools .deletebtn {
            background-color: #e7e7e7;
            border-radius: 9px;
            display: inline-block;
            font-weight: bold;
            line-height: 22px;
            text-align: center;
            transition: all 0.3s;
            width: 80px; }
            .container .itemlist table tr td.tools .deletebtn:hover {
              background-color: #b71c1c;
              color: #ffffff; }
      .container .itemlist table.articletable tr th:nth-child(1) {
        width: 10%; }
      .container .itemlist table.articletable tr th:nth-child(2) {
        width: 35%; }
      .container .itemlist table.articletable tr th:nth-child(3) {
        width: 10%; }
      .container .itemlist table.articletable tr th:nth-child(4) {
        width: 10%; }
      .container .itemlist table.articletable tr th:nth-child(5) {
        width: 15%; }
      .container .itemlist table.tagtable tr th:nth-child(1) {
        width: 10%; }
      .container .itemlist table.tagtable tr th:nth-child(2) {
        width: auto; }
      .container .itemlist table.tagtable tr th:nth-child(3) {
        width: 20%; }
      .container .itemlist table.homestable tr th:nth-child(1) {
        width: initial; }
      .container .itemlist table.homestable tr th:nth-child(2) {
        width: initial; }
      .container .itemlist table.homestable tr th:nth-child(3) {
        width: initial; }
      .container .itemlist table.homestable tr th:nth-child(4) {
        width: initial; }
      .container .itemlist table.homestable tr th:nth-child(5) {
        width: initial; }
      .container .itemlist table.homestable tr th:nth-child(6) {
        width: initial; }
      .container .itemlist table.homestable tr th:nth-child(7) {
        width: initial; }
      .container .itemlist table.homestable tr th:nth-child(8) {
        width: initial; }
      .container .itemlist table.homestable tr th:nth-child(9) {
        width: initial; }
      .container .itemlist table.homestable tr th:nth-child(10) {
        width: initial; }
      .container .itemlist table.homestable tr.outdated td {
        background-color: #f9dfdf; }
      .container .itemlist table.homestable tr td, .container .itemlist table.homestable tr th {
        padding: 20px 10px; }
        .container .itemlist table.homestable tr td.tools, .container .itemlist table.homestable tr th.tools {
          white-space: nowrap; }
        .container .itemlist table.homestable tr td.statuscolor, .container .itemlist table.homestable tr th.statuscolor {
          height: 100%;
          padding: 0;
          width: 10px; }
          .container .itemlist table.homestable tr td.statuscolor.default, .container .itemlist table.homestable tr th.statuscolor.default {
            background-color: transparent; }
          .container .itemlist table.homestable tr td.statuscolor.never, .container .itemlist table.homestable tr th.statuscolor.never {
            background-color: #cc6600; }
          .container .itemlist table.homestable tr td.statuscolor.long, .container .itemlist table.homestable tr th.statuscolor.long {
            background-color: #993333; }
          .container .itemlist table.homestable tr td.statuscolor.done, .container .itemlist table.homestable tr th.statuscolor.done {
            background-color: #660000;
            animation: colorchange 5s infinite;
            -webkit-animation: colorchange 5s infinite; }
@keyframes colorchange {
  0% {
    background: #660000; }
  50% {
    background: #ff0000; }
  100% {
    background: #660000; } }
@-webkit-keyframes colorchange {
  0% {
    background: #660000; }
  50% {
    background: #ff0000; }
  100% {
    background: #660000; } }
          .container .itemlist table.homestable tr td.statuscolor.disabled, .container .itemlist table.homestable tr th.statuscolor.disabled {
            background-color: #616161; }
    .container .itemlist .masiveActionSelector {
      margin-top: 20px;
      text-align: right; }
      .container .itemlist .masiveActionSelector input {
        background: transparent;
        border: 1px solid #e9e9e9;
        box-shadow: none;
        color: #000000;
        font-family: mango-light;
        font-size: 12px;
        line-height: 12px;
        padding: 12px 20px; }
      .container .itemlist .masiveActionSelector select {
        background: transparent;
        border: 1px solid #e9e9e9;
        box-shadow: none;
        color: #000000;
        font-family: mango-light;
        font-size: 12px;
        line-height: 12px;
        padding: 11px 30px 11px 20px; }
      .container .itemlist .masiveActionSelector button {
        background-color: #000000;
        border: 1px solid #000000;
        color: #ffffff;
        line-height: 38px;
        padding: 0 20px;
        text-align: center;
        text-decoration: none;
        transition: all .3s; }
        .container .itemlist .masiveActionSelector button:hover {
          background-color: #ffffff;
          color: #000000; }

.steps {
  flex: 0 0 100%; }
  .steps .step {
    margin-bottom: 30px;
    position: relative; }
    .steps .step .controls {
      padding: 0 10px;
      position: absolute;
      right: 0;
      top: 0; }
      .steps .step .controls a {
        color: #000000;
        display: inline-block;
        margin-left: 5px; }
        .steps .step .controls a.remove {
          color: #c70000; }
    .steps .step:after {
      background: #d8d8d8;
      content: "";
      display: block;
      height: 1px;
      margin: 20px auto 0;
      width: 90%; }
    .steps .step .stepimage {
      padding: 0 20px 20px; }
      .steps .step .stepimage img {
        width: 100%; }
    .steps .step .options {
      align-items: flex-start;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start; }
      .steps .step .options h4 {
        margin-bottom: 20px;
        padding: 0 10px; }
      .steps .step .options .left {
        flex: 0 0 50%; }
      .steps .step .options .right {
        flex: 0 0 50%; }

.list-pagination {
  margin-top: 0px; }
  .list-pagination .half {
    display: inline-block;
    height: 40px;
    text-align: center;
    width: 50%; }
    .list-pagination .half.anterior {
      text-align: left; }
      .list-pagination .half.anterior a span {
        margin-right: 20px; }
    .list-pagination .half.siguiente {
      text-align: right; }
      .list-pagination .half.siguiente a span {
        margin-left: 20px; }
    .list-pagination .half a {
      color: inherit;
      display: inline-block;
      padding: 10px 20px; }

.mangobutton {
  background-color: #ffffff;
  border: 1px solid #000000;
  color: #000000;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  outline: none;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s;
  width: 180px; }
  .mangobutton:hover {
    background-color: #000000;
    color: #ffffff;
    text-decoration: none; }
  .mangobutton.invert {
    background-color: #000000;
    color: #ffffff; }
    .mangobutton.invert:hover {
      background-color: #ffffff;
      color: #000000; }

.thecontent {
  margin: 0 auto;
  max-width: 100%;
  width: 920px; }
  @media (max-width: 920px) {
    .thecontent {
      padding: 20px; } }
  .thecontent.wider {
    min-width: 920px;
    width: 90%; }
  .thecontent input {
    background: transparent;
    border: 1px solid #e9e9e9;
    box-shadow: none;
    color: #000000;
    font-family: mango-light;
    font-size: 12px;
    line-height: 12px;
    padding: 12px 20px; }
    .thecontent input[type=file] {
      border: none;
      padding: 12px 0; }
    .thecontent input.error {
      border-color: #c70000;
      background-color: #ffe8e8; }
  .thecontent select {
    background: transparent;
    border: 1px solid #e9e9e9;
    box-shadow: none;
    color: #000000;
    font-family: mango-light;
    font-size: 12px;
    line-height: 12px;
    padding: 11px 30px 11px 20px; }
  .thecontent label {
    font-family: mango-light;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .thecontent .submitbar {
    border-top: 1px solid #e7e7e7;
    background-color: #f6f6f6;
    bottom: 0;
    left: 0;
    padding: 10px 0;
    position: fixed;
    right: 0;
    z-index: 999; }
    .thecontent .submitbar .innerbar {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      margin: 0 auto;
      width: 90%; }
      .thecontent .submitbar .innerbar .checkboxes {
        align-items: stretch;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start; }
        .thecontent .submitbar .innerbar .checkboxes label {
          line-height: 14px;
          margin: 0 20px 0 0;
          white-space: nowrap; }
        .thecontent .submitbar .innerbar .checkboxes input {
          margin: 0 5px 0 0;
          flex: 0 0 14px;
          height: 14px; }
      .thecontent .submitbar .innerbar .leftside {
        align-items: flex-start;
        display: flex;
        flex: 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center; }
        .thecontent .submitbar .innerbar .leftside a {
          display: block;
          flex: 0;
          height: 38px;
          line-height: 38px;
          margin-left: 20px;
          white-space: nowrap; }
      .thecontent .submitbar .innerbar .infohome {
        align-items: center;
        display: flex;
        flex: 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin: 0 15px; }
        .thecontent .submitbar .innerbar .infohome .traducciones {
          margin-left: 15px;
          white-space: nowrap; }
        .thecontent .submitbar .innerbar .infohome .groups {
          white-space: nowrap; }
      .thecontent .submitbar .innerbar .righside {
        align-items: center;
        display: flex;
        flex: 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end; }
        .thecontent .submitbar .innerbar .righside a {
          display: block;
          flex: 0;
          height: 38px;
          line-height: 38px;
          margin-left: 20px;
          white-space: nowrap; }
      .thecontent .submitbar .innerbar button, .thecontent .submitbar .innerbar a.vsv-btn {
        background-color: #000000;
        border: 1px solid #000000;
        color: #ffffff;
        display: block;
        flex: 0;
        line-height: 38px;
        padding: 0 20px;
        text-align: center;
        text-decoration: none;
        transition: all .3s;
        white-space: nowrap; }
        .thecontent .submitbar .innerbar button:hover, .thecontent .submitbar .innerbar a.vsv-btn:hover {
          background-color: #ffffff;
          color: #000000; }
        .thecontent .submitbar .innerbar button.invert, .thecontent .submitbar .innerbar a.vsv-btn.invert {
          background-color: #ffffff;
          color: #000000; }
          .thecontent .submitbar .innerbar button.invert:hover, .thecontent .submitbar .innerbar a.vsv-btn.invert:hover {
            background-color: #000000;
            color: #ffffff; }
      .thecontent .submitbar .innerbar .successinfo {
        flex: 1;
        padding-left: 20px; }
        .thecontent .submitbar .innerbar .successinfo .alert {
          display: inline-block;
          font-size: 14px;
          margin-bottom: 0;
          padding: 6px 15px; }
          .thecontent .submitbar .innerbar .successinfo .alert li {
            white-space: nowrap; }

.sectionform {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 50px -10px 40px;
  width: 100%; }
  .sectionform .inputwrap {
    flex: 0 0 50%;
    padding: 0 10px; }
    .sectionform .inputwrap input {
      width: 100%; }

.maintenacepage .inputwrap {
  flex: 0 0 50%;
  margin-bottom: 20px;
  padding: 0 10px; }
  .maintenacepage .inputwrap.full {
    flex: 0 0 100%; }
  .maintenacepage .inputwrap.third {
    flex: 0 0 33.33%; }
  .maintenacepage .inputwrap.checkboxes {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .maintenacepage .inputwrap.checkboxes label {
      line-height: 14px;
      margin: 0 20px 0 0;
      white-space: nowrap; }
    .maintenacepage .inputwrap.checkboxes input {
      margin: 0 5px 0 0;
      flex: 0 0 14px;
      height: 14px; }
  .maintenacepage .inputwrap.buttonwrap {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex: 0 0 100%;
    margin: 10px 0; }
    .maintenacepage .inputwrap.buttonwrap button, .maintenacepage .inputwrap.buttonwrap a {
      background-color: #000000;
      border: 1px solid #000000;
      color: #ffffff;
      display: block;
      line-height: 38px;
      margin-right: 20px;
      padding: 0 20px;
      text-align: center;
      text-decoration: none;
      transition: all .3s; }
      .maintenacepage .inputwrap.buttonwrap button:hover, .maintenacepage .inputwrap.buttonwrap a:hover {
        background-color: #ffffff;
        color: #000000; }
      .maintenacepage .inputwrap.buttonwrap button.inverted, .maintenacepage .inputwrap.buttonwrap a.inverted {
        background-color: #ffffff;
        color: #000000; }
        .maintenacepage .inputwrap.buttonwrap button.inverted:hover, .maintenacepage .inputwrap.buttonwrap a.inverted:hover {
          background-color: #000000;
          color: #ffffff; }
    .maintenacepage .inputwrap.buttonwrap .msg {
      display: block;
      flex: 0;
      line-height: 38px;
      margin-left: 15px;
      white-space: nowrap; }
  .maintenacepage .inputwrap input {
    width: 100%; }
  .maintenacepage .inputwrap img {
    width: 100%; }
.maintenacepage fieldset {
  align-items: flex-start;
  display: flex;
  flex: 0 0 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -10px 40px;
  width: 100%; }
  .maintenacepage fieldset > .help-block {
    margin-left: 10px; }
  .maintenacepage fieldset .inventar-linea {
    margin: 0 10px; }
    .maintenacepage fieldset .inventar-linea .flexwrap {
      align-items: flex-start;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      margin: 0 -10px;
      width: calc(100% + 20px); }
      .maintenacepage fieldset .inventar-linea .flexwrap .inputwrap {
        flex: 0;
        width: 100%; }
        .maintenacepage fieldset .inventar-linea .flexwrap .inputwrap.buttonwrap {
          margin-top: 30px; }
        .maintenacepage fieldset .inventar-linea .flexwrap .inputwrap label span {
          background-color: #000000;
          border-radius: 50%;
          color: #FFFFFF;
          display: inline-block;
          font-weight: bold;
          height: 18px;
          line-height: 18px;
          margin-left: 5px;
          text-align: center;
          text-transform: none;
          width: 18px; }
        .maintenacepage fieldset .inventar-linea .flexwrap .inputwrap input {
          width: 100px; }
    .maintenacepage fieldset .inventar-linea h2 {
      font-family: mango-regular;
      flex: 0 0 100%;
      font-size: 18px;
      line-height: 24px;
      margin: 20px 0;
      padding-bottom: 5px;
      position: relative;
      width: 100%; }
  .maintenacepage fieldset legend {
    font-family: mango-regular;
    flex: 0 0 100%;
    font-size: 18px;
    line-height: 24px;
    margin: 0 10px 20px;
    padding-bottom: 5px;
    position: relative;
    width: calc(100% - 20px); }
    .maintenacepage fieldset legend .back {
      color: inherit;
      font-size: 14px;
      line-height: 24px;
      opacity: .8;
      position: absolute;
      right: 0;
      top: 0; }
  .maintenacepage fieldset > .alert {
    margin: 0 10px;
    flex: 0 0 100%; }

.discoverform {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: mango-regular;
  justify-content: flex-start;
  margin: 50px 0 40px;
  padding-bottom: 100px;
  width: 100%; }
  .discoverform.nomargin {
    margin: 0;
    padding-bottom: 0; }
  .discoverform .inputwrap {
    flex: 0 0 50%;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 50%; }
    .discoverform .inputwrap.full {
      flex: 0 0 100%;
      width: 100%; }
    .discoverform .inputwrap.third {
      flex: 0 0 33.33%;
      width: 33.33%; }
    .discoverform .inputwrap.checkboxes {
      align-items: stretch;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start; }
      .discoverform .inputwrap.checkboxes label {
        line-height: 14px;
        margin: 0 20px 0 0;
        white-space: nowrap; }
      .discoverform .inputwrap.checkboxes input {
        margin: 0 5px 0 0;
        flex: 0 0 14px;
        height: 14px; }
    .discoverform .inputwrap.buttonwrap {
      align-items: flex-start;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      flex: 0 0 100%;
      margin: 10px 0; }
      .discoverform .inputwrap.buttonwrap label {
        flex: 0 0 100%; }
      .discoverform .inputwrap.buttonwrap button, .discoverform .inputwrap.buttonwrap a {
        background-color: #000000;
        border: 1px solid #000000;
        color: #ffffff;
        display: block;
        line-height: 38px;
        padding: 0 20px;
        text-align: center;
        text-decoration: none;
        transition: all .3s; }
        .discoverform .inputwrap.buttonwrap button:hover, .discoverform .inputwrap.buttonwrap a:hover {
          background-color: #ffffff;
          color: #000000; }
        .discoverform .inputwrap.buttonwrap button[type=reset], .discoverform .inputwrap.buttonwrap a[type=reset] {
          background-color: transparent;
          color: #000000; }
          .discoverform .inputwrap.buttonwrap button[type=reset]:hover, .discoverform .inputwrap.buttonwrap a[type=reset]:hover {
            background-color: #dbdbdb;
            color: #000000; }
    .discoverform .inputwrap input {
      width: 100%; }
    .discoverform .inputwrap img {
      width: 100%; }
  .discoverform .shop-selector table {
    width: 100%; }
    .discoverform .shop-selector table thead tr th {
      border-top: 0;
      padding: 0 10px 10px 0; }
    .discoverform .shop-selector table thead tr:first-child th {
      border: 0; }
    .discoverform .shop-selector table tbody tr.active td {
      color: #3c763d;
      background-color: #dff0d8;
      border-color: #d6e9c6; }
    .discoverform .shop-selector table tbody td:nth-child(2) {
      text-align: right;
      padding-right: 20px; }
  .discoverform .shop-selector .shopfind {
    width: 30%; }
  .discoverform .shop-selector .table-style {
    position: relative; }
  .discoverform .shop-selector .displayItems {
    text-align: center; }
  .discoverform .shop-selector .form-horizontal {
    list-style: none; }
    .discoverform .shop-selector .form-horizontal ul {
      list-style: none; }
  .discoverform select {
    border: 1px solid #e9e9e9;
    display: block;
    padding: 11px 25px 11px 20px;
    width: 100%; }
  .discoverform .help-block {
    font-family: mango-light;
    font-size: 12px; }
  .discoverform fieldset {
    align-items: flex-start;
    display: flex;
    flex: 0 0 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -10px 40px;
    width: 100%; }
    .discoverform fieldset legend {
      font-family: mango-regular;
      flex: 0 0 100%;
      font-size: 18px;
      line-height: 24px;
      margin: 0 10px 20px;
      padding-bottom: 5px;
      position: relative;
      width: calc(100% - 20px); }
      .discoverform fieldset legend .back {
        color: inherit;
        font-size: 14px;
        line-height: 24px;
        opacity: .8;
        position: absolute;
        right: 0;
        top: 0; }
    .discoverform fieldset .jsonform {
      align-items: flex-start;
      display: flex;
      flex: 0 0 100%;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin: 0 -10px;
      padding: 0 10px;
      width: 100%; }
      .discoverform fieldset .jsonform .navigationwrap {
        flex: 0 0 100%;
        padding: 0 10px;
        margin-bottom: 40px;
        width: 100%; }
        .discoverform fieldset .jsonform .navigationwrap .jsonnavigation {
          background-color: #eeeeee;
          border-left: 3px solid #eeeeee;
          align-items: stretch;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: flex-start;
          margin-bottom: 30px;
          max-height: 1000px;
          overflow: hidden;
          transition: max-height .3s;
          position: relative;
          width: 100%; }
          .discoverform fieldset .jsonform .navigationwrap .jsonnavigation::after {
            border-bottom: 2px solid #eeeeee;
            bottom: 0;
            content: '';
            height: 1px;
            left: 30%;
            position: absolute;
            right: 30%; }
          .discoverform fieldset .jsonform .navigationwrap .jsonnavigation.minimized {
            cursor: pointer;
            max-height: 100px; }
            .discoverform fieldset .jsonform .navigationwrap .jsonnavigation.minimized::after {
              background: linear-gradient(0deg, #fafafa 0%, rgba(250, 250, 250, 0) 40%, rgba(250, 250, 250, 0) 100%);
              border: none;
              bottom: 0;
              content: '...';
              display: block;
              height: 80px;
              left: 0;
              line-height: 150px;
              position: absolute;
              right: 0;
              text-align: center;
              width: 100%; }
            .discoverform fieldset .jsonform .navigationwrap .jsonnavigation.minimized .controls a.minimize {
              transform: rotate(0deg); }
          .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .controls {
            position: absolute;
            right: 10px;
            top: 10px; }
            .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .controls a {
              color: inherit;
              display: inline-block;
              height: 16px;
              margin-left: 10px;
              text-align: center;
              text-decoration: none;
              width: 16px; }
              .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .controls a.minimize {
                transition: transform .25s;
                transform: rotate(45deg); }
                .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .controls a.minimize svg {
                  width: 16px; }
              .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .controls a.up {
                transform: rotate(270deg); }
              .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .controls a.down {
                transform: rotate(90deg); }
              .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .controls a.remove svg {
                width: 20px; }
                .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .controls a.remove svg path {
                  fill: #000000 !important; }
              .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .controls a svg {
                width: 10px; }
          .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .column {
            display: block;
            flex: 0 0 50%;
            padding: 20px;
            width: 50%; }
            .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .column.fill {
              background-color: #fafafa; }
            .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .column .inputwrap {
              margin-bottom: 10px; }
              .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .column .inputwrap label {
                margin-bottom: 5px; }
              .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .column .inputwrap input {
                padding: 6px 10px; }
            .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .column h4.disclaimer {
              margin-top: 30px;
              font-size: 10px;
              font-weight: normal; }
            .discoverform fieldset .jsonform .navigationwrap .jsonnavigation .column pre {
              background-color: transparent;
              border: none; }
    .discoverform fieldset .tags {
      align-items: flex-start;
      display: flex;
      flex: 0 0 100%;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      padding: 0 10px;
      margin-bottom: 20px; }
      .discoverform fieldset .tags h6 {
        flex: 0 0 100%;
        font-family: mango-light;
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 10px;
        text-transform: uppercase; }
      .discoverform fieldset .tags input {
        display: none; }
      .discoverform fieldset .tags label {
        background-color: #FFFFFF;
        border: 1px solid #000000;
        color: #000000;
        cursor: pointer;
        display: inline-block;
        flex: 0;
        margin-right: 10px;
        order: 2;
        padding: 10px 15px;
        white-space: nowrap; }
      .discoverform fieldset .tags input:checked + label {
        background-color: #000000;
        color: #FFFFFF;
        order: 1; }
  .discoverform ul.episodes {
    padding: 0;
    margin: 0 10px;
    width: 100%; }
    .discoverform ul.episodes li {
      align-items: flex-start;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      list-style: none;
      padding: 10px;
      width: 100%; }
      .discoverform ul.episodes li:nth-child(odd) {
        background-color: #e7e7e7; }
        .discoverform ul.episodes li:nth-child(odd) .action .deletebtn {
          background-color: #f8f8f8; }
      .discoverform ul.episodes li .name {
        flex: 0 0 600px; }
        .discoverform ul.episodes li .name a {
          color: inherit; }
      .discoverform ul.episodes li .status {
        flex: 0 0 100px; }
      .discoverform ul.episodes li .action {
        font-family: mango-light;
        flex: 1;
        font-size: 14px;
        line-height: 20px;
        text-align: right; }
        .discoverform ul.episodes li .action .editbtn {
          border-bottom: 1px solid #000000;
          color: #000000;
          display: inline-block;
          font-weight: bold;
          line-height: 22px;
          margin-right: 15px; }
        .discoverform ul.episodes li .action .deletebtn {
          background-color: #e7e7e7;
          border-radius: 9px;
          color: #727272;
          display: inline-block;
          font-weight: bold;
          line-height: 22px;
          text-align: center;
          transition: all 0.3s;
          width: 80px; }

.inclusions {
  flex: 0 0 100%;
  padding-bottom: 100px; }
  .inclusions h3 {
    font-family: mango-regular;
    font-size: 22px; }
  .inclusions .countrygroups {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 40px; }
    .inclusions .countrygroups label {
      flex: 0 0 100%; }
    .inclusions .countrygroups select {
      flex: 0 0 350px; }
    .inclusions .countrygroups .cbuttonwrap {
      align-items: center;
      display: flex;
      flex: 0;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start; }
      .inclusions .countrygroups .cbuttonwrap button {
        background-color: #000000;
        border: 1px solid #000000;
        color: #ffffff;
        display: block;
        flex: 0;
        line-height: 38px;
        padding: 0 20px;
        text-align: center;
        text-decoration: none;
        transition: all .3s; }
        .inclusions .countrygroups .cbuttonwrap button:hover {
          background-color: #ffffff;
          color: #000000; }
        .inclusions .countrygroups .cbuttonwrap button.inverted {
          background-color: #ffffff;
          color: #000000; }
          .inclusions .countrygroups .cbuttonwrap button.inverted:hover {
            background-color: #000000;
            color: #ffffff; }
      .inclusions .countrygroups .cbuttonwrap .waiter {
        margin-left: 20px;
        white-space: nowrap; }
  .inclusions .alldates {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 50px; }
    .inclusions .alldates h4 {
      flex: 0 0 100%;
      margin-bottom: 20px; }
    .inclusions .alldates .inputcountrywrap {
      flex: 0; }
      .inclusions .alldates .inputcountrywrap label {
        display: block; }
    .inclusions .alldates button {
      background-color: #000000;
      border: 1px solid #000000;
      color: #ffffff;
      display: block;
      flex: 0;
      line-height: 38px;
      margin: 0 20px 0 0;
      padding: 0 20px;
      text-align: center;
      text-decoration: none;
      transition: all .3s; }
      .inclusions .alldates button:hover {
        background-color: #ffffff;
        color: #000000; }
  .inclusions .manualform {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 30px; }
    .inclusions .manualform button {
      background-color: #000000;
      border: 1px solid #000000;
      color: #ffffff;
      display: block;
      flex: 0 0 250px;
      line-height: 38px;
      margin-right: 20px;
      padding: 0 20px;
      text-align: center;
      text-decoration: none;
      transition: all .3s;
      white-space: nowrap;
      width: 250px; }
      .inclusions .manualform button:hover {
        background-color: #ffffff;
        color: #000000; }
      .inclusions .manualform button.inverted {
        background-color: #ffffff;
        color: #000000; }
        .inclusions .manualform button.inverted:hover {
          background-color: #000000;
          color: #ffffff; }
  .inclusions .inclusionslist {
    padding: 0; }
    .inclusions .inclusionslist li {
      list-style: none; }
      .inclusions .inclusionslist li .countryform {
        align-items: flex-end;
        border-bottom: 1px solid #e5e5e5;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 30px; }
        .inclusions .inclusionslist li .countryform .fieldwrap {
          flex: 0;
          margin-right: 20px; }
        .inclusions .inclusionslist li .countryform .help-block {
          flex: 0 0 100%; }
        .inclusions .inclusionslist li .countryform a {
          background-color: #ffffff;
          border: 1px solid #e5e5e5;
          color: #000000;
          display: block;
          flex: 0;
          line-height: 38px;
          padding: 0 20px;
          text-align: center;
          text-decoration: none;
          transition: all .3s; }
          .inclusions .inclusionslist li .countryform a:hover {
            background-color: #000000;
            color: #ffffff; }

.prendasContainer {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 30px;
  width: 50%; }

.prenda {
  position: relative; }
  .prenda hr {
    background-color: #ffffff;
    border-top: 1px solid #9e9e9e;
    bottom: 0;
    display: block;
    height: 1px;
    margin: 0;
    position: absolute;
    left: 20%;
    right: 20%; }
  .prenda .prendasformwrap {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start; }
    .prenda .prendasformwrap .formfields {
      background-color: #ffffff;
      flex: 0 0 55%;
      padding: 20px 10px 50px;
      position: relative; }
      .prenda .prendasformwrap .formfields .referencewrap {
        align-items: flex-start;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start; }
        .prenda .prendasformwrap .formfields .referencewrap .reference {
          flex: 0 0 60%;
          width: 100%; }
          .prenda .prendasformwrap .formfields .referencewrap .reference input {
            width: 100%; }
        .prenda .prendasformwrap .formfields .referencewrap .color {
          flex: 0 0 40%;
          padding-left: 10px; }
          .prenda .prendasformwrap .formfields .referencewrap .color input {
            width: 100%; }
        .prenda .prendasformwrap .formfields .referencewrap .errormessage {
          flex: 0 0 100%; }
      .prenda .prendasformwrap .formfields .reorder {
        bottom: 10px;
        color: #000000;
        display: block;
        font-family: mango-light;
        font-size: 12px;
        line-height: 15px;
        position: absolute;
        right: 10px;
        text-decoration: none; }
        .prenda .prendasformwrap .formfields .reorder img {
          height: 15px;
          vertical-align: text-bottom;
          width: 15px; }
        .prenda .prendasformwrap .formfields .reorder:hover img {
          animation: arrowBounce;
          animation-duration: 1s;
          animation-iteration-count: infinite;
          animation-timing-function: linear; }
@keyframes arrowBounce {
  0% {
    transform: translateY(0); }
  25% {
    transform: translateY(20%); }
  75% {
    transform: translateY(-10%); }
  100% {
    transform: translateY(0); } }
    .prenda .prendasformwrap .picture {
      background-color: #e5e4e0;
      flex: 0 0 45%;
      min-height: 282px; }
      .prenda .prendasformwrap .picture img {
        max-width: 100%; }
  .prenda .errormessage {
    color: red;
    font-size: .9em; }
    .prenda .errormessage span {
      display: block;
      margin: 5px 0; }
  .prenda .removeprenda {
    bottom: 10px;
    color: #000000;
    font-family: mango-light;
    font-size: 13px;
    line-height: 15px;
    position: absolute;
    right: 10px;
    text-align: center;
    text-decoration: none; }
    .prenda .removeprenda img {
      height: 15px;
      margin-left: 5px;
      vertical-align: text-top;
      width: 15px; }

.moreandmore {
  border-top: 1px solid #d8d8d8;
  padding-bottom: 100px;
  width: 100%; }
  .moreandmore .addprenda {
    background-color: #000000;
    border: 1px solid #000000;
    color: #ffffff;
    display: block;
    line-height: 40px;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    width: 50%; }
    .moreandmore .addprenda:hover {
      background-color: #ffffff;
      color: #000000; }
  .moreandmore .htmlwrap {
    margin-top: 20px; }
    .moreandmore .htmlwrap .CodeMirror {
      height: 600px; }

.buttons {
  background-color: #9d9d9d;
  border-radius: 0 5px 5px 0;
  bottom: 5%;
  left: 0;
  padding: 10px 5px;
  position: fixed; }
  .buttons .sidebutton {
    background-color: #fafafa;
    border: 1px solid #000000;
    color: #000000;
    display: block;
    height: 36px;
    width: 36px; }
    .buttons .sidebutton img {
      width: 100%; }
    .buttons .sidebutton.autofill {
      margin-bottom: 10px; }
    .buttons .sidebutton.warningerrors {
      margin-bottom: 10px;
      text-align: center;
      position: relative; }
      .buttons .sidebutton.warningerrors img {
        width: 32px; }
      .buttons .sidebutton.warningerrors:hover img {
        animation: slighRotation;
        animation-duration: 1.5s;
        animation-iteration-count: 2;
        animation-timing-function: linear; }
@keyframes slighRotation {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(30deg); }
  75% {
    transform: rotate(-30deg); }
  100% {
    transform: rotate(0deg); } }
      .buttons .sidebutton.warningerrors .numbers {
        background-color: #ff0000;
        display: inline-block;
        bottom: 0;
        font-size: 9px;
        height: 13px;
        line-height: 13px;
        padding: 0 2px;
        position: absolute;
        right: 0; }
    .buttons .sidebutton.goback {
      text-align: center;
      line-height: 36px; }
      .buttons .sidebutton.goback img {
        width: 25px; }
  .buttons button.sidebutton {
    display: block;
    margin-bottom: 10px;
    transition: background-color .3s;
    line-height: 36px;
    padding: 0; }
    .buttons button.sidebutton img {
      vertical-align: text-bottom;
      width: 90%; }
  .buttons span {
    font-size: 20px; }

.preview {
  margin-top: 20px; }
  .preview .formrow {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 -10px 20px; }
    @media (max-width: 920px) {
      .preview .formrow {
        flex-wrap: wrap; } }
    .preview .formrow .inputwrap {
      flex: 0 2;
      padding: 0 10px; }
      @media (max-width: 920px) {
        .preview .formrow .inputwrap {
          flex: 0 0 100%;
          margin-bottom: 20px; } }
      .preview .formrow .inputwrap.smaller {
        flex: 0 1; }
        .preview .formrow .inputwrap.smaller input {
          width: 80px; }
      .preview .formrow .inputwrap.bigger {
        flex: 0 3; }
        .preview .formrow .inputwrap.bigger input {
          width: 400px; }
      .preview .formrow .inputwrap .previewwarning {
        white-space: nowrap; }
      .preview .formrow .inputwrap.buttonwrap {
        align-items: flex-start;
        display: flex;
        flex: 0 0 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start; }
        .preview .formrow .inputwrap.buttonwrap button {
          margin-right: 20px; }
      .preview .formrow .inputwrap label {
        font-family: mango-light;
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 10px;
        text-transform: uppercase; }
      .preview .formrow .inputwrap input {
        background: transparent;
        border: 1px solid #e9e9e9;
        box-shadow: none;
        color: #000000;
        font-family: mango-light;
        font-size: 12px;
        line-height: 12px;
        padding: 12px 20px; }
        @media (max-width: 920px) {
          .preview .formrow .inputwrap input {
            width: 100%; } }
      .preview .formrow .inputwrap select {
        background: transparent;
        border: 1px solid #e9e9e9;
        box-shadow: none;
        color: #000000;
        font-family: mango-light;
        font-size: 12px;
        line-height: 12px;
        padding: 11px 30px 11px 20px; }
      .preview .formrow .inputwrap button {
        background-color: #000000;
        border: 1px solid #000000;
        color: #ffffff;
        line-height: 38px;
        padding: 0 20px;
        text-align: center;
        text-decoration: none;
        transition: all .3s;
        white-space: nowrap; }
        .preview .formrow .inputwrap button:hover {
          background-color: #ffffff;
          color: #000000; }
        .preview .formrow .inputwrap button.inverted {
          background-color: #ffffff;
          color: #000000; }
          .preview .formrow .inputwrap button.inverted:hover {
            background-color: #000000;
            color: #ffffff; }
      .preview .formrow .inputwrap.checkboxes {
        align-items: stretch;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start; }
        .preview .formrow .inputwrap.checkboxes label {
          line-height: 14px;
          margin: 0 20px 0 0;
          white-space: nowrap; }
        .preview .formrow .inputwrap.checkboxes input {
          margin: 0 5px 0 0;
          flex: 0 0 14px;
          height: 14px; }
    .preview .formrow.sharepreview {
      flex-wrap: wrap;
      margin: 20px 0; }
      @media (max-width: 920px) {
        .preview .formrow.sharepreview {
          display: none; } }
      .preview .formrow.sharepreview .previewlink {
        flex: 0 0 100%; }
  .preview .previewresult h3 {
    font-family: mango-light;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .preview .previewresult a {
    color: inherit;
    display: block;
    font-family: "mango-regular"; }

.generate {
  margin: 40px auto;
  width: 70vw; }
  .generate h1 {
    font-size: 1.4em;
    margin: 0 0 30px;
    text-align: center; }
  .generate p {
    font-family: mango-light;
    margin-bottom: 50px;
    text-align: center; }
  .generate .linebuttons {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center; }
    .generate .linebuttons a {
      background-color: #000000;
      border: 1px solid #000000;
      color: #ffffff;
      display: block;
      line-height: 38px;
      margin-right: 20px;
      padding: 0 20px;
      text-align: center;
      text-decoration: none;
      transition: all .3s; }
      .generate .linebuttons a:hover {
        background-color: #ffffff;
        color: #000000; }
  .generate form {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 -10px; }
    .generate form .inputwrap {
      flex: 0 1;
      padding: 0 10px; }
      .generate form .inputwrap label {
        font-family: mango-light;
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 10px;
        text-transform: uppercase; }
      .generate form .inputwrap input {
        background: transparent;
        border: 1px solid #e9e9e9;
        box-shadow: none;
        color: #000000;
        font-family: mango-light;
        font-size: 12px;
        line-height: 12px;
        padding: 12px 20px; }
      .generate form .inputwrap select {
        background: transparent;
        border: 1px solid #e9e9e9;
        box-shadow: none;
        color: #000000;
        font-family: mango-light;
        font-size: 12px;
        line-height: 12px;
        padding: 11px 30px 11px 20px; }
      .generate form .inputwrap button {
        background-color: #000000;
        border: 1px solid #000000;
        color: #ffffff;
        display: block;
        line-height: 38px;
        padding: 0 20px;
        text-align: center;
        text-decoration: none;
        transition: all .3s; }
        .generate form .inputwrap button:hover {
          background-color: #ffffff;
          color: #000000; }

.previewresult > a {
  display: inline-block;
  margin-bottom: 20px; }
.previewresult .tagselect {
  margin-bottom: 30px; }
  .previewresult .tagselect a {
    background-color: #FFFFFF;
    color: #000000;
    border-radius: 10px;
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    transition: all .3s; }
    .previewresult .tagselect a.selected {
      background-color: #000000;
      color: #FFFFFF; }
.previewresult .previewwrap .article {
  margin-bottom: 50px;
  max-width: 100%;
  width: 380px; }
  .previewresult .previewwrap .article .image {
    margin-bottom: 30px; }
    .previewresult .previewwrap .article .image img {
      width: 100%; }
  .previewresult .previewwrap .article .title {
    font-size: 20px;
    margin-bottom: 20px; }
  .previewresult .previewwrap .article .description {
    font-family: mango-light;
    margin-bottom: 20px; }
    .previewresult .previewwrap .article .description b {
      font-family: mango-bold; }
    .previewresult .previewwrap .article .description i {
      font-style: italic; }
  .previewresult .previewwrap .article .contentlink {
    display: inline-block;
    margin-bottom: 20px; }
  .previewresult .previewwrap .article .tags {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0; }
    .previewresult .previewwrap .article .tags li {
      background-color: #FFFFFF;
      border-radius: 10px;
      flex: 0;
      margin-right: 5px;
      padding: 5px 10px;
      white-space: nowrap; }

.cronalert {
  background-color: #660000;
  border: 1px solid #660000;
  bottom: 0;
  color: #ffffff;
  height: 50px;
  left: 0;
  line-height: 50px;
  overflow: hidden;
  position: fixed;
  right: 0;
  animation: colorchange 5s infinite;
  -webkit-animation: colorchange 5s infinite; }
@keyframes colorchange {
  0% {
    background: #660000; }
  50% {
    background: #ff0000; }
  100% {
    background: #660000; } }
@-webkit-keyframes colorchange {
  0% {
    background: #660000; }
  50% {
    background: #ff0000; }
  100% {
    background: #660000; } }
  .cronalert span {
    display: block;
    animation: marquee_animation linear 10s infinite;
    -webkit-animation: marquee_animation linear 10s infinite; }
@keyframes marquee_animation {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(-200px); } }
@-webkit-keyframes marquee_animation {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(-200px); } }
#loginform {
  padding: 10% 0; }
  #loginform .formlogin {
    margin: 0 auto;
    max-width: 320px; }

.history {
  margin: 60px auto;
  min-height: 60vh;
  width: 80vw; }
  .history h1 {
    font-size: 1.4em;
    margin-bottom: 40px;
    text-align: center; }
  .history .listscontainer {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: flex-start; }
  .history ul.bannerlist {
    border-right: 1px solid #d8d8d8;
    flex: 1;
    padding: 0;
    vertical-align: top; }
    .history ul.bannerlist:last-of-type {
      border-right: none; }
    .history ul.bannerlist li {
      list-style: none;
      padding: 5px 10px; }
      .history ul.bannerlist li:nth-child(odd) {
        background-color: #eeeeee; }
      .history ul.bannerlist li:first-child {
        background-color: initial;
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 10px;
        text-transform: uppercase; }
      .history ul.bannerlist li:hover {
        background-color: #e2e2e2; }
      .history ul.bannerlist li .help-block {
        margin: 0; }
      .history ul.bannerlist li a {
        color: #555; }
        .history ul.bannerlist li a:hover {
          color: #333; }
  .history.homesstory {
    flex: 0 0 60%; }
    .history.homesstory ul.bannerlist {
      flex: 0 0 50%; }
      .history.homesstory ul.bannerlist.single {
        flex: 0 0 100%; }

.overview {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0 auto;
  width: 70vw; }
  .overview h4 {
    margin-bottom: 30px; }
  .overview .notificaciones {
    flex: 1;
    margin: 60px 0 60px 40px; }
    .overview .notificaciones .alerts {
      height: 50vh;
      overflow: auto;
      padding: 0; }
      .overview .notificaciones .alerts li {
        border-radius: 0;
        border: 0;
        list-style: none;
        margin-bottom: 0;
        position: relative; }
        .overview .notificaciones .alerts li .msg a {
          display: inline-block;
          max-width: 80%;
          overflow: hidden;
          vertical-align: middle; }
        .overview .notificaciones .alerts li .moreinfo a {
          display: inline-block;
          max-width: 80%;
          overflow: hidden;
          vertical-align: middle; }
        .overview .notificaciones .alerts li .dismiss {
          color: #000000;
          position: absolute;
          right: 10px;
          top: 10px; }
        .overview .notificaciones .alerts li.alert-default {
          color: #333;
          background-color: #f3f3f3;
          border-color: #ccc; }

.addscriptform {
  flex: 0 0 100%; }
  .addscriptform h4 {
    font-family: mango-regular;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    margin: 30px 0 20px;
    padding: 0 10px; }
  .addscriptform .flexwrap {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start; }
  .addscriptform .libpagination {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0 20px 10px; }
    .addscriptform .libpagination a {
      color: inherit;
      display: inline-block;
      padding: 7px 4px; }
  .addscriptform ul {
    padding: 0;
    margin: 0 10px;
    width: 100%; }
    .addscriptform ul li {
      align-items: flex-start;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      list-style: none;
      padding: 10px;
      width: 100%; }
      .addscriptform ul li:nth-child(odd) {
        background-color: #e7e7e7; }
        .addscriptform ul li:nth-child(odd) .action .deletebtn {
          background-color: #f8f8f8; }
      .addscriptform ul li .name {
        flex: 0 0 600px; }
        .addscriptform ul li .name a {
          color: inherit; }
      .addscriptform ul li .action {
        font-family: mango-light;
        flex: 1;
        font-size: 14px;
        line-height: 20px;
        text-align: right; }
        .addscriptform ul li .action .editbtn {
          border-bottom: 1px solid #000000;
          color: #000000;
          display: inline-block;
          font-weight: bold;
          line-height: 22px;
          margin-right: 15px; }
        .addscriptform ul li .action .deletebtn {
          background-color: #e7e7e7;
          border-radius: 9px;
          color: #727272;
          display: inline-block;
          font-weight: bold;
          line-height: 22px;
          text-align: center;
          transition: all 0.3s;
          width: 80px; }

.lokaliseproject ul.languages {
  margin: 20px 0;
  padding: 0; }
  .lokaliseproject ul.languages > li {
    list-style: none;
    margin: 0;
    padding: 0; }
    .lokaliseproject ul.languages > li a {
      border-bottom: 1px solid #d8d8d8;
      color: inherit;
      display: block;
      padding: 10px 20px;
      text-transform: uppercase; }
.lokaliseproject ul.keys {
  height: 0;
  overflow: hidden;
  padding: 0; }
  .lokaliseproject ul.keys.open {
    height: auto; }
  .lokaliseproject ul.keys li {
    align-items: flex-start;
    border-bottom: 1px solid #eeeeee;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0; }
    .lokaliseproject ul.keys li .keyname {
      flex: 0 0 40%;
      padding: 10px; }
    .lokaliseproject ul.keys li .keycode {
      align-items: center;
      display: flex;
      flex: 0 0;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      padding: 10px;
      position: relative; }
      .lokaliseproject ul.keys li .keycode button {
        background-color: #000000;
        border: 1px solid #000000;
        color: #ffffff;
        display: block;
        line-height: 24px;
        flex: 0;
        font-size: 12px;
        padding: 0 20px;
        text-align: center;
        text-decoration: none;
        transition: all .3s;
        white-space: nowrap; }
        .lokaliseproject ul.keys li .keycode button:hover {
          background-color: #ffffff;
          color: #000000; }
        .lokaliseproject ul.keys li .keycode button.inverted {
          background-color: #ffffff;
          color: #000000; }
          .lokaliseproject ul.keys li .keycode button.inverted:hover {
            background-color: #dbdbdb;
            color: #000000; }
      .lokaliseproject ul.keys li .keycode textarea {
        appearance: none;
        border: 0;
        border-color: #fafafa;
        font-size: 12px;
        height: 1px;
        left: 50%;
        line-height: 26px;
        flex: 1;
        outline: none;
        overflow: hidden;
        padding: 0;
        position: absolute;
        top: 50%;
        vertical-align: middle;
        white-space: nowrap;
        width: 1px;
        z-index: -1; }
    .lokaliseproject ul.keys li .translation {
      flex: 1;
      font-size: 12px;
      margin-left: 20px;
      padding: 10px; }

.copiedtext {
  background-color: #cbffcb;
  border-radius: 5px;
  padding: 8px 15px;
  pointer-events: none;
  position: absolute;
  transform: translateY(-100%);
  z-index: 9999999; }

.refcontainer {
  flex: 0 0 100%;
  padding: 0 15px;
  margin-bottom: 30px; }
  .refcontainer .referenceForm {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 -15px;
    position: relative;
    width: 50%; }
    .refcontainer .referenceForm .inputwrap {
      flex: 0 0 calc(33% + 5px); }
    .refcontainer .referenceForm .controls {
      padding: 0 10px;
      position: absolute;
      right: 0;
      top: 0; }
      .refcontainer .referenceForm .controls a {
        color: #000000;
        display: inline-block;
        margin-left: 5px; }
        .refcontainer .referenceForm .controls a.remove {
          color: #c70000; }

.apppreview .applinks {
  margin: 25px 0 0; }
  .apppreview .applinks .isalink {
    color: inherit;
    margin-right: 50px; }
.apppreview .separator {
  margin: 25px 0 0;
  font-size: 1.5em; }
  .apppreview .separator .shownewtiles {
    display: inline-block;
    margin-left: 50px;
    white-space: nowrap; }
    .apppreview .separator .shownewtiles.showing .showing {
      display: none; }
    .apppreview .separator .shownewtiles.showing .hiding {
      display: inline; }
    .apppreview .separator .shownewtiles.hiding .showing {
      display: inline; }
    .apppreview .separator .shownewtiles.hiding .hiding {
      display: none; }
.apppreview .appwrap {
  margin: 0 -14px; }
  .apppreview .appwrap h2 {
    display: block;
    margin: 30px 14px 0; }
  .apppreview .appwrap .shopapp {
    display: inline-block;
    margin: 20px 7px;
    vertical-align: top;
    width: calc(20% - 14px); }
    .apppreview .appwrap .shopapp h3 {
      font-size: 18px;
      text-align: center;
      text-transform: uppercase; }
    .apppreview .appwrap .shopapp h4 {
      font-size: 12px;
      font-weight: normal;
      margin: 10px 0;
      text-align: center;
      text-transform: uppercase; }
    .apppreview .appwrap .shopapp .titlewrap {
      position: relative; }
      .apppreview .appwrap .shopapp .titlewrap a {
        height: 25px;
        display: block;
        font-size: 25px;
        line-height: 25px;
        position: absolute;
        right: 5px;
        text-decoration: none;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        width: 25px; }
        .apppreview .appwrap .shopapp .titlewrap a.closed {
          transform: translateY(-50%) rotate(0); }
    .apppreview .appwrap .shopapp .previewtabs {
      background-color: #f3f3f3;
      height: 42px;
      overflow-x: hidden;
      user-select: none;
      width: 100%; }
      .apppreview .appwrap .shopapp .previewtabs .tabwrap {
        align-items: flex-start;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start; }
        .apppreview .appwrap .shopapp .previewtabs .tabwrap a {
          display: block;
          flex: 0 0;
          padding: 10px;
          white-space: nowrap; }
          .apppreview .appwrap .shopapp .previewtabs .tabwrap a.selected {
            font-weight: bold; }
      .apppreview .appwrap .shopapp .previewtabs:hover {
        overflow-x: initial; }
        .apppreview .appwrap .shopapp .previewtabs:hover .tabwrap {
          position: absolute; }
    .apppreview .appwrap .shopapp .tile {
      position: relative; }
      .apppreview .appwrap .shopapp .tile .tileid {
        background-color: #e1e1e1;
        font-weight: bold;
        left: 0;
        padding: 5px;
        position: absolute;
        top: 0; }
      .apppreview .appwrap .shopapp .tile .tiletools {
        background-color: #e1e1e1;
        border-radius: 0 0 0 5px;
        font-weight: bold;
        padding: 5px;
        position: absolute;
        right: 0;
        top: 0; }
      .apppreview .appwrap .shopapp .tile img {
        max-width: 100%; }
      .apppreview .appwrap .shopapp .tile .caption {
        background-color: #ffffff;
        margin: 0;
        padding: 10px;
        text-align: center; }
      .apppreview .appwrap .shopapp .tile .subtile {
        border-left: 2px solid #0000ff;
        padding-left: 20px;
        position: relative; }
  .apppreview .appwrap .storywrap {
    margin-bottom: 30px; }
    .apppreview .appwrap .storywrap .imgwrap {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      margin: 0 -10px;
      overflow-x: auto;
      width: 100%; }
      .apppreview .appwrap .storywrap .imgwrap .thethumbnail {
        flex: 0 0 150px;
        margin: 0 10px;
        width: 150px; }
      .apppreview .appwrap .storywrap .imgwrap .thepicture {
        flex: 0 0 200px;
        margin: 0 10px;
        width: 200px; }
  .apppreview .appwrap.bigpromos {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -10px;
    width: calc(100% + 20px); }
    .apppreview .appwrap.bigpromos .bpromostuff {
      flex: 0 0 20%;
      padding: 0 5px; }
      .apppreview .appwrap.bigpromos .bpromostuff .store {
        background-color: #f3f3f3 !important;
        color: #000000 !important;
        font-size: 18px;
        padding: 10px 0;
        text-transform: uppercase; }
      .apppreview .appwrap.bigpromos .bpromostuff .content {
        padding: 20px; }

.blackbackdrop {
  background-color: #000000;
  bottom: 0;
  display: block;
  left: 0;
  opacity: .4;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity .3s;
  z-index: 998; }
  .blackbackdrop.closed {
    display: none; }
  .blackbackdrop.open {
    opacity: 0; }

.modal {
  backface-visibility: hidden;
  background: #FFFFFF;
  bottom: initial;
  display: block;
  left: 50%;
  min-height: 300px;
  opacity: 1;
  overflow: hidden;
  padding: 30px;
  position: fixed;
  right: initial;
  top: 50%;
  transform: translate(-50%, -50.3%);
  transition: opacity .3s;
  width: 440px;
  z-index: 999; }
@keyframes loader-spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
  .modal .btn {
    appearance: none;
    background-color: #000000;
    border: 1px solid #000000;
    border-radius: 0;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    transition: background-color .25s, color .25s;
    width: 180px; }
    .modal .btn:hover {
      background-color: #FFFFFF;
      color: #000000; }
    .modal .btn.inverted {
      background-color: #FFFFFF;
      color: #000000; }
      .modal .btn.inverted:hover {
        background-color: #000000;
        color: #FFFFFF; }
  .modal .inputwrap label {
    color: #666666;
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 12px;
    text-transform: uppercase; }
  .modal .inputwrap input[type=text], .modal .inputwrap input[type=password] {
    appearance: none;
    background: #FFFFFF;
    border: 1px solid #AAAAAA;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    outline: none;
    padding: 10px 15px;
    width: 100%; }
    .modal .inputwrap input[type=text].error, .modal .inputwrap input[type=password].error {
      background-color: #FFF7F7;
      border-color: #E73223; }
  .modal .inputwrap textarea {
    appearance: none;
    background: #FFFFFF;
    border: 1px solid #AAAAAA;
    box-sizing: border-box;
    font-size: 14px;
    height: 42px;
    line-height: 20px;
    margin: 0;
    outline: none;
    padding: 10px 15px;
    width: 100%; }
  .modal .inputwrap p.error {
    color: #E73223;
    display: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: -10px 0 20px; }
    .modal .inputwrap p.error span {
      display: block; }
  .modal .inputwrap .textareawrap {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 40px;
    outline: none; }
    .modal .inputwrap .textareawrap textarea {
      flex: 1; }
    .modal .inputwrap .textareawrap .copy {
      appearance: none;
      background: none;
      border: none;
      display: block;
      height: 40px;
      flex: 0 0 20px;
      margin-left: 10px;
      width: 40px; }
      .modal .inputwrap .textareawrap .copy svg {
        width: 20px; }
        .modal .inputwrap .textareawrap .copy svg path {
          fill: #AAAAAA; }
  .modal .loader {
    left: 50%;
    height: 36px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 36px; }
    .modal .loader svg {
      animation-name: loader-spin;
      animation-duration: 1500ms;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      display: block;
      width: 36px; }
  .modal .closecross {
    display: block;
    height: 13px;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 13px; }
  .modal.closed {
    display: none; }
  .modal.linkmodal, .modal.textmodal {
    width: 600px; }
    .modal.linkmodal .heading h2, .modal.textmodal .heading h2 {
      font-weight: 400;
      font-size: 32px;
      line-height: 38px;
      margin-bottom: 20px; }
    .modal.linkmodal .inputwrap, .modal.textmodal .inputwrap {
      margin-bottom: 20px; }
    .modal.linkmodal ul.tabselector, .modal.textmodal ul.tabselector {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      margin-bottom: 20px; }
      .modal.linkmodal ul.tabselector li, .modal.textmodal ul.tabselector li {
        color: #666666;
        flex: 1;
        border-bottom: 3px solid #F3F3F3; }
        .modal.linkmodal ul.tabselector li.active, .modal.textmodal ul.tabselector li.active {
          color: #000000;
          border-bottom: 3px solid #000000; }
        .modal.linkmodal ul.tabselector li a, .modal.textmodal ul.tabselector li a {
          color: inherit;
          display: block;
          font-size: 14px;
          line-height: 22px;
          padding: 8px 0;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
          width: 100%; }
    .modal.linkmodal .tabwrap, .modal.textmodal .tabwrap {
      display: none; }
      .modal.linkmodal .tabwrap.active, .modal.textmodal .tabwrap.active {
        display: block; }
    .modal.linkmodal .fields .inputwrap label, .modal.textmodal .fields .inputwrap label {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between; }
      .modal.linkmodal .fields .inputwrap label span, .modal.textmodal .fields .inputwrap label span {
        flex: 0;
        white-space: nowrap; }
      .modal.linkmodal .fields .inputwrap label a.homesectionlink, .modal.textmodal .fields .inputwrap label a.homesectionlink {
        color: #000000;
        flex: 0;
        font-size: 12px;
        line-height: 12px;
        text-decoration: none;
        text-transform: none;
        white-space: nowrap; }
        .modal.linkmodal .fields .inputwrap label a.homesectionlink svg, .modal.textmodal .fields .inputwrap label a.homesectionlink svg {
          display: inline-block;
          margin-right: 2px;
          vertical-align: bottom;
          width: 12px; }
      .modal.linkmodal .fields .inputwrap label a.selecthscountry, .modal.textmodal .fields .inputwrap label a.selecthscountry {
        color: inherit;
        font-size: 12px;
        text-decoration: none; }
        .modal.linkmodal .fields .inputwrap label a.selecthscountry svg, .modal.textmodal .fields .inputwrap label a.selecthscountry svg {
          display: inline-block;
          margin-left: 2px;
          transform: rotate(90deg);
          vertical-align: middle;
          width: 6px; }
          .modal.linkmodal .fields .inputwrap label a.selecthscountry svg path, .modal.textmodal .fields .inputwrap label a.selecthscountry svg path {
            fill: currentColor !important; }
        .modal.linkmodal .fields .inputwrap label a.selecthscountry.open svg, .modal.textmodal .fields .inputwrap label a.selecthscountry.open svg {
          transform: rotate(-90deg); }
    .modal.linkmodal .fields .linklistbox, .modal.textmodal .fields .linklistbox {
      border: 1px solid #AAAAAA; }
      .modal.linkmodal .fields .linklistbox .selector, .modal.textmodal .fields .linklistbox .selector {
        position: relative; }
        .modal.linkmodal .fields .linklistbox .selector svg, .modal.textmodal .fields .linklistbox .selector svg {
          display: block;
          position: absolute;
          right: 10px;
          top: 15px;
          transform: rotate(90deg);
          width: 6px; }
        .modal.linkmodal .fields .linklistbox .selector > span, .modal.textmodal .fields .linklistbox .selector > span {
          color: #666666;
          display: block;
          font-size: 14px;
          font-weight: 400;
          line-height: 20px;
          padding: 10px 15px; }
        .modal.linkmodal .fields .linklistbox .selector .search input, .modal.textmodal .fields .linklistbox .selector .search input {
          background: #F3F3F3;
          border: none;
          margin-bottom: 0; }
      .modal.linkmodal .fields .linklistbox ul, .modal.textmodal .fields .linklistbox ul {
        max-height: 190px;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 10px 15px; }
        .modal.linkmodal .fields .linklistbox ul li, .modal.textmodal .fields .linklistbox ul li {
          align-items: center;
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: space-between;
          padding: 6px 0; }
          .modal.linkmodal .fields .linklistbox ul li.separator, .modal.textmodal .fields .linklistbox ul li.separator {
            color: #666666;
            font-style: normal;
            font-size: 10px;
            font-weight: 400;
            line-height: 16px;
            padding: 4px 0;
            text-transform: uppercase; }
          .modal.linkmodal .fields .linklistbox ul li label, .modal.linkmodal .fields .linklistbox ul li a, .modal.textmodal .fields .linklistbox ul li label, .modal.textmodal .fields .linklistbox ul li a {
            color: #000000;
            cursor: pointer;
            flex: 0 1;
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            text-decoration: none;
            text-transform: none;
            margin: 0;
            white-space: nowrap; }
          .modal.linkmodal .fields .linklistbox ul li input[type=radio], .modal.textmodal .fields .linklistbox ul li input[type=radio] {
            appearance: none;
            border: 1px solid #000000;
            border-radius: 50%;
            height: 17px;
            width: 17px; }
            .modal.linkmodal .fields .linklistbox ul li input[type=radio]:checked, .modal.textmodal .fields .linklistbox ul li input[type=radio]:checked {
              background: #000000; }
    .modal.linkmodal .buttonwrap, .modal.textmodal .buttonwrap {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      transition: transform .3s;
      transition-delay: .4s; }
      .modal.linkmodal .buttonwrap .btn, .modal.textmodal .buttonwrap .btn {
        flex: 0 0 190px; }

.containerlist {
  flex: 0 0 100%;
  padding-bottom: 30px; }
  .containerlist .subtemplate {
    align-items: stretch;
    border-bottom: 1px solid #000000;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 30px;
    padding-bottom: 30px; }
    .containerlist .subtemplate h5 {
      margin: 30px 0 20px;
      padding: 0 10px;
      flex: 0 0 100%; }
    .containerlist .subtemplate .optionfields {
      flex: 0 0 100%;
      margin-bottom: 20px;
      padding: 0 10px 20px; }
      .containerlist .subtemplate .optionfields .subfield {
        align-items: stretch;
        border: 1px solid #eaeaea;
        display: flex;
        flex: 1;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 30px;
        padding: 20px;
        position: relative; }
        .containerlist .subtemplate .optionfields .subfield .removesubfield {
          color: inherit;
          position: absolute;
          right: 20px;
          text-decoration: none;
          top: 10px; }
          .containerlist .subtemplate .optionfields .subfield .removesubfield:hover {
            color: #c70000; }
        .containerlist .subtemplate .optionfields .subfield h6 {
          flex: 0 0 100%;
          font-size: 16px;
          margin-bottom: 20px;
          padding: 0 10px; }
        .containerlist .subtemplate .optionfields .subfield > p {
          flex: 0 0 100%;
          font-family: mango-light;
          margin-bottom: 30px;
          padding: 0 10px; }
        .containerlist .subtemplate .optionfields .subfield.custom .optionlist, .containerlist .subtemplate .optionfields .subfield.text .optionlist, .containerlist .subtemplate .optionfields .subfield.ctaform .optionlist {
          align-items: flex-end;
          display: flex;
          flex: 0 0 100%;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: flex-start; }
          .containerlist .subtemplate .optionfields .subfield.custom .optionlist .currentlist, .containerlist .subtemplate .optionfields .subfield.text .optionlist .currentlist, .containerlist .subtemplate .optionfields .subfield.ctaform .optionlist .currentlist {
            align-items: stretch;
            display: flex;
            flex: 0 0 100%;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start; }
            .containerlist .subtemplate .optionfields .subfield.custom .optionlist .currentlist a, .containerlist .subtemplate .optionfields .subfield.text .optionlist .currentlist a, .containerlist .subtemplate .optionfields .subfield.ctaform .optionlist .currentlist a {
              background-color: #eaeaea;
              border-radius: 5px;
              color: #000000;
              display: block;
              flex: 0;
              margin: 20px 10px;
              padding: 5px 20px 5px 5px;
              position: relative;
              text-decoration: none;
              white-space: nowrap; }
              .containerlist .subtemplate .optionfields .subfield.custom .optionlist .currentlist a:after, .containerlist .subtemplate .optionfields .subfield.text .optionlist .currentlist a:after, .containerlist .subtemplate .optionfields .subfield.ctaform .optionlist .currentlist a:after {
                content: 'X';
                display: block;
                height: 12px;
                line-height: 12px;
                opacity: .2;
                position: absolute;
                right: 5px;
                top: 50%;
                transform: translateY(-50%); }
          .containerlist .subtemplate .optionfields .subfield.custom .optionlist .inputwrap, .containerlist .subtemplate .optionfields .subfield.text .optionlist .inputwrap, .containerlist .subtemplate .optionfields .subfield.ctaform .optionlist .inputwrap {
            flex: 0 0 25%; }
            .containerlist .subtemplate .optionfields .subfield.custom .optionlist .inputwrap .error, .containerlist .subtemplate .optionfields .subfield.text .optionlist .inputwrap .error, .containerlist .subtemplate .optionfields .subfield.ctaform .optionlist .inputwrap .error {
              border-color: #c70000;
              background-color: #ffe8e8; }
          .containerlist .subtemplate .optionfields .subfield.custom .optionlist a.addcustom, .containerlist .subtemplate .optionfields .subfield.custom .optionlist a.addcustomselect, .containerlist .subtemplate .optionfields .subfield.custom .optionlist a.addctasource, .containerlist .subtemplate .optionfields .subfield.text .optionlist a.addcustom, .containerlist .subtemplate .optionfields .subfield.text .optionlist a.addcustomselect, .containerlist .subtemplate .optionfields .subfield.text .optionlist a.addctasource, .containerlist .subtemplate .optionfields .subfield.ctaform .optionlist a.addcustom, .containerlist .subtemplate .optionfields .subfield.ctaform .optionlist a.addcustomselect, .containerlist .subtemplate .optionfields .subfield.ctaform .optionlist a.addctasource {
            background-color: #ffffff;
            border: 1px solid #000000;
            color: #000000;
            display: block;
            flex: 0;
            line-height: 38px;
            margin-bottom: 20px;
            padding: 0 10px;
            text-align: center;
            text-decoration: none;
            transition: all .3s;
            white-space: nowrap; }
            .containerlist .subtemplate .optionfields .subfield.custom .optionlist a.addcustom:hover, .containerlist .subtemplate .optionfields .subfield.custom .optionlist a.addcustomselect:hover, .containerlist .subtemplate .optionfields .subfield.custom .optionlist a.addctasource:hover, .containerlist .subtemplate .optionfields .subfield.text .optionlist a.addcustom:hover, .containerlist .subtemplate .optionfields .subfield.text .optionlist a.addcustomselect:hover, .containerlist .subtemplate .optionfields .subfield.text .optionlist a.addctasource:hover, .containerlist .subtemplate .optionfields .subfield.ctaform .optionlist a.addcustom:hover, .containerlist .subtemplate .optionfields .subfield.ctaform .optionlist a.addcustomselect:hover, .containerlist .subtemplate .optionfields .subfield.ctaform .optionlist a.addctasource:hover {
              background-color: #000000;
              color: #ffffff; }

.addcontainerwrap {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 10px; }
  .addcontainerwrap a {
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    display: block;
    flex: 0;
    line-height: 38px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    white-space: nowrap; }
    .addcontainerwrap a:hover {
      background-color: #000000;
      color: #ffffff; }
    .addcontainerwrap a.invert {
      background-color: #000000;
      color: #ffffff; }
      .addcontainerwrap a.invert:hover {
        background-color: #ffffff;
        color: #000000; }

/*# sourceMappingURL=mango.css.map */