/*
Theme Name:         FoundationPress
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Version:            2.11.6
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */

.proceed-warning {
  font-weight: bold;
  color: red;
}

form#report-upload {
    background: #f1f1f1;
    padding: 20px;
    margin-bottom: 30px;
}

.button.clear {
    border: none;
    color: #D0D9D6;
}

.dash-settings .tabs-panel {
  padding: 0;
}

.dash-settings {
  margin-bottom: 60px;
  position: relative;
}

.dash-settings .tabs {
  background: transparent;
  border: none;
}

.dash-settings .tabs-title:not(:first-child) {
  margin-left: 8px;
}

.dash-settings .tabs-title > a {
  background: #e1e1e1;
  color: #D0D9D6;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 16px;
  font-weight: 500;
}

.dash-settings .tabs-title > a:focus, .dash-settings .tabs-title > a[aria-selected='true'] {
  background: #14231E;
  color: #fff;
}

.dash-settings table button {
  margin: 0;
}

.dash-settings table thead th{
  color: #D0D9D6;
  font-size: 16px;
  font-weight: 500;
}

.dash-settings table thead th:not(:first-child) {
  font-weight: normal;

}

.dash-settings table thead {
  background: #fff;
}

.dash-settings table tbody td:first-child {
  font-weight: 500;
  color: #37474f;
}

.dash-settings .sdt-actions svg {
  width: 18px;
  height: 18px;
}

.dash-settings .tabs-content {
  border-radius: 0 8px 8px;
  overflow: hidden;
  border: none;
}

.dash-settings .sdt-actions .button {
  cursor: pointer;
  margin-top: auto;
  margin-bottom: auto;
}

.rede-reveal {
  border-radius: 10px;
}

.rede-reveal h1 {
  font-size: 20px;
  font-weight: bold;
  padding: 0;
  color: #767676;
}

.rede-reveal hr {
  margin: 10px -1rem;
  border-color: #e1e1e1;
}

.rede-form label,
.rede-form input,
.rede-form select
{
  font-size: 16px;
  font-weight: bold;
  color: #37474f;

}

.rede-form input,
.rede-form select {
  color: #767676;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
  min-height: 40px;

}
.quick-start  {
  position: relative;
}

.dash-settings .pagination .current {
    background: #e1e1e1;
    color: #37474f;
}

.rede-loader {
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, .6);
  position: absolute;
  z-index: 9999999;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
}

.rede-loader-inner {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .6);
  position: absolute;
  z-index: 9999999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rede-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.rede-roller div {
  animation: rede-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.rede-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #D0D9D6;
  margin: -4px 0 0 -4px;
}
.rede-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.rede-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.rede-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.rede-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.rede-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.rede-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.rede-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.rede-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.rede-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.rede-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.rede-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.rede-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.rede-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.rede-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.rede-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.rede-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes rede-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.jq-toast-wrap,
.jq-toast-single {
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.jq-toast-wrap.top-right {
  top: 60px;
}
.jq-toast-single h2 {
  color: #fff;
  font-family: inherit;
  font-weight: 500;
}

.jq-icon-success {
  background-color: #D0D9D6;
}

.page-template-default select {
  min-height: 2.4375rem;
}

.new-brand-category,
.new-brand-child-category {
  display: none;
}

.brands-selects-container {
  display: flex;
  position: relative;
  flex-direction: column;
}

.brands-selects-container .autocomplete-items:not(:empty) {
  position: absolute;
  z-index: 999;
  top: 50px;
  background-color: #fff;
  width: 100%;
  border: 1px solid #abb8c3;
  cursor: pointer;
}

.brands-selects-container .autocomplete-items > div {
  padding: 4px;
}

.brands-selects-container .autocomplete-items > div:hover {
  background-color: #abb8c3;
}

.brands-selects-container .autocomplete-items > div:not(:last-child) {
  border-bottom: 1px solid #abb8c3;
}

.brands-selects-wrapper  {
  flex-grow: 1;
  padding: 20px;
  border: 1px solid #ebebeb;
}

.brand-categories-selects {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 15px;
}

.brand-categories-selects select {
  width: 100%;
}

.selected-brands-container,
.selected-brands-container ul,
.selected-brands-container li{
  width: 100% !important;
}

.selected-brands-container ul {
  margin: 0;
}

.selected-brands-container li {
  display: flex;
  padding: 6px 0 6px 10px;
  border: 1px solid #005C68;
  margin-bottom: 6px;
}

.selected-brands-container li:last-child {
  margin-bottom: 10px;
}

.selected-brands-container li span {
  flex-grow: 1;
}

.new-brand-name-input-wrapper {
  display: flex;
  position: relative;
}

.brands-cat-selects-container {
  display: none;
  flex-direction: column;
  margin-top: 10px;
}
.bcs-inner {
  display: flex;
}

.new-brand-actions {
  width: 100%;
  display: flex;
  justify-content: end;
  margin-top: 10px;
}

.new-brand-actions .button {
  margin-bottom: 0;
}

a + .activate-user {
  display: none;
}

.gform_wrapper.gravity-theme .gfield_list_icons button {
  cursor: pointer;
}

.gform_wrapper.gravity-theme .gfield_list_icons button.edit_list_item {
  background: url("./dist/assets/images/icons/edit.svg");
  background-size: contain;
  margin-right: 6px;
  display: none;
}

.logged-in .gform_wrapper.gravity-theme .gfield_list_icons button.edit_list_item {
  display: inline-block;
}

.gform_wrapper.gravity-theme select {
  border: 1px solid #e6e6e6;
}

.is-hidden { display: none; }

input.panel-searchbox::placeholder {
    font-style: italic;
    border-color: #D0D9D6;
    max-width: 300px;
}

input.panel-searchbox {
    border-color: #D0D9D6;
    max-width: 300px;
}

.search-container {
  display: flex;
  justify-content: center;
}

.search-container .squiggly{
  background: url("./dist/assets/images/squiggly.png") no-repeat right center;
  width: 100%;
  margin-left: 20px;
  margin-bottom: 16px;
}

.admin-brands-table thead tr {
  position: relative;
}

.admin-brands-search-form {
  padding: 10px;
}

.admin-brands-search-form form {
  display: flex;
}

.admin-brands-search-form form input {
  margin: 0;
}

.admin-brands-search-form button {
  appearance: none;
  padding: 4px 8px;
  cursor: pointer;
  border: 1px solid #76838f;
  border-left: none;
  background-color: #ffffff;
}

.table.stack.tablesorter th:after {
    display: none;
}

.page-id-956 .main-grid article {
  width: 100%;
}

.back-link-wrapper {
  width: 83.33333333%;
  margin: 0 auto 15px auto;
}
.back-link {
  color: #D0D9D6;
  text-decoration: underline;
  font-weight: bold;
}

.table.stack.tablesorter th:after {
  display: none;
}

.form-wrap.form-builder li.form-field {
  border: 1px solid #76838f;
  background: #fff;
  height: unset;
}
.form-builder-dialog {
  z-index: 1500 !important;
}
.form-builder-dialog code {
  background-color: #23241f !important;
  border: none !important;
  color: #fefefe !important;
}
.form-wrap.form-builder input,
.form-wrap.form-builder textarea {
  font-weight: 300;
  min-height: unset;
  display: inline-block;
}
.rendered-form label .sublabel {
  font-size: .75rem;
  font-weight: 300;
}
#change-payment-method {
  padding: 0px 15px !important;
}