/* R tabs
----------------------------------------------------------------------*/
 {
    padding-top: 20px;
}    
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs pre {
  white-space: normal;
  word-break: break-word;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 30px;
    display: none;
    background: #fff;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Tabs container */
.r-tabs {
  position: relative;
  margin-bottom: 25px;
}

  .r-tabs {
    margin-bottom: 50px;
  }

.r-tabs-accordion-title a{
  display: block;
  padding: 10px 25px;
  background: #7a7a7a;
  color: #fff;
  opacity: 0.5;
}

.r-tabs-accordion-title.r-tabs-state-active a {
  opacity: 1;
}

  /* Tab element */
  .r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
  }

    .r-tabs .r-tabs-state-active {
      background: #fff;
    }


    /* Tab anchor */
    .r-tabs .r-tabs-nav .r-tabs-anchor {
      display: inline-block;
      padding: 10px 25px;
      text-decoration: none;
      color: #333;
      font-weight: bold;
    }


      .r-tabs .r-tabs-nav .r-tabs-anchor {
        line-height: 56px;
        padding: 0 25px;
      }

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
  opacity: 0.5;
}
.r-tabs-panel, .r-tabs-state-active {
  border: 1px solid #000000;
}
.r-tabs-tab .r-tabs-state-active {
  border-bottom: 1px solid #ffffff;
}
.r-tabs .r-tabs-nav {
  margin-bottom: -1px;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
  opacity: 0.5;
}

.r-tabs input,
.r-tabs textarea,
.r-tabs select {
  border: 1px solid #666666;
} 

.r-tabs input[type="submit"] {
  border: none;
  margin: 0;
}

.r-tabs ul {
  padding-left: 25px ; 
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
     .r-tabs-panel, .r-tabs-state-active {
      border: none;
    }
     .r-tabs .r-tabs-nav {
      margin-bottom: 0;
    }
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 870px) {
  #my-account.r-tabs .r-tabs-nav .r-tabs-anchor{
    padding: 0 10px;
    line-height: 35px;

  }
}

/* Grafika
==============================================================*/

.callout{
  background-color: #31B404;
  padding: 10px 30px;
  margin-bottom: 15px;
}

  .callout.alert {
    background-color: #DF0101;
  }

.r-tabs-panel fieldset {
  border: 0;
  padding: 0;
}

.r-tabs-panel label {
  margin: 15px 0 5px;
  font-family: 'Inter Var';
  cursor: pointer;
}

.r-tabs-panel p.login-submit {
  margin: 15px 0;
}

.r-tabs-panel input[type="text"], 
.r-tabs-panel input[type="password"], 
.r-tabs-panel input[type="email"], 
.r-tabs-panel input[type="url"] {
  margin-bottom: 15px;
}

#gdpr,
#rememberme {
  margin-right: 15px;
  cursor: pointer;
}

label[for="gdpr"].choice-wrap.choice-wrap-buy.inline-block {
  margin-top: 0;
}

.r-tabs-panel h2,
.r-tabs-panel h3 {
  margin-top: 0 !important;
}

#adduser {
  margin-bottom: 30px;
}

/* ostatní */
.text-center-wds {
  text-align: center;
}
#my-account {
  margin-top : 20px;
  margin-bottom: 20px;
}
.margin-wds {
  margin: 20px;
}

.single-establisment-wrap.hide {
  display: none;
}

.single-establisment-wrap .half {
  float: left;
  width: 49%;
}

.single-establisment-wrap .half.half-first {
  margin-right: 2%;
}
.single-establisment-wrap .half.half-last {
  float: right;
}

.single-establisment-wrap .third {
  float: left;
  width: 32%;
  margin-right: 2%;
}
.single-establisment-wrap .third.third-last {
  margin-right: 0;
}

.single-establisment-wrap::after {
  display: table;
  content: " ";
  clear: both;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
  .single-establisment-wrap .half, 
  .single-establisment-wrap .third {
    width: 100%;
    margin-right: auto;
  }
}

#button-nav {
  margin: 4.5rem auto 2.5rem;
}

#button-nav .button:hover {
  text-decoration: none;
}
