#ws_affiliate{
  width: 100%;
}
#ws_affiliate .wscard{
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid #f5f7fa;
  border-radius: 0.125rem;
}
#ws_affiliate label, #ws_affiliate .title{
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f5f7fa;
  border-bottom: 1px solid #f5f7fa;
  font-size: medium;
  font-weight: 800;
}
#ws_affiliate .title{
  font-size: large;
}
#ws_affiliate  #transform-provision button{
  height: calc(1.5em + 1.25rem + 2px);
  min-height: 43px;
  width: 100%;
  margin-bottom: 15px;
}
#ws_affiliate button{
  font-weight: 900;
  border-width: 0px;
  height: calc(1.5em + 1.25rem + 2px);
  min-height: 43px;
  width: 100%;
  margin-bottom: 15px;
  color: #525252;
  background-color: #F8BF00;
  border-color: #F8BF00;
  box-shadow: none;
}
#ws_affiliate button:hover{
  background-color: #fc2;
  border-color: #fc2;
  color: #525252;
  border-width: 0px;
}
#ws_affiliate button.active{
  background-color: transparent;
  border-color: transparent;
  color: #525252;
  border-width: 0px;
}
#ws_affiliate button.wstgl-b{
  font-weight: 900;
  border-width: 0px;
  height: calc(1.5em + 1.25rem + 2px);
  min-height: 43px;
  width: 100%;
  margin-bottom: 15px;
  color: #525252;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
#ws_affiliate button.wstgl-b:hover{
  background-color: transparent;
  border-color: transparent;
  color: #F8BF00;
  border-width: 0px;
}
#ws_affiliate button.wstgl-b.active{
  background-color: transparent;
  border-color: transparent;
  text-decoration: underline;
  color: #F8BF00;
  border-width: 0px;
}

#ws_affiliate #transform-provision{
  font-size: small;
  margin-bottom: 10px;
}

#ws_affiliate div[class^=wscol-] {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  #ws_affiliate .wsmx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #ws_affiliate .wspx-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #ws_affiliate .wsmy-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  #ws_affiliate .wsmb-4 {
    margin-bottom: 1.5rem !important;
  }
  #ws_affiliate .wsmt-4 {
    margin-top: 1.5rem !important;
  }
  #ws_affiliate .wstext-center {
    text-align: center !important;
  }
  #ws_affiliate .wsrow {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  #ws_affiliate .wscol{
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  #ws_affiliate .wscol-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  #ws_affiliate .wscol-2 {
    flex: 0 0 16.6666667%;
    max-width: 16.6666667%;
  }
  #ws_affiliate .wscol-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  #ws_affiliate .wscol-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  #ws_affiliate .wscol-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  #ws_affiliate .wscol-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  #ws_affiliate .wscol-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  #ws_affiliate .wscol-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  #ws_affiliate .wscol-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  #ws_affiliate .wscol-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  #ws_affiliate .wscol-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  #ws_affiliate .wscol-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #ws_affiliate .wsjustify-content-center {
    justify-content: center !important;
  }
  #ws_affiliate .wsjustify-content-around {
    justify-content: space-around !important;
  }
  #provisionsuebersicht, #kuponuebersicht, .kuponcd, #kundenuebersicht, #subaffiliateuebersicht{
    font-size: 0.97rem;
  }
  #ws_affiliate #kuponuebersicht{
    font-weight: bold;
  }
  #ws_affiliate .wscolor-row{
    margin-top: 5px;
    border-top: 1px solid #ebebeb;
  }
  #ws_affiliate .wsprovi-header{
    margin-bottom: 0;
    background-color: #f5f7fa;
    border-bottom: 1px solid #f5f7fa;
  }
  #ws_affiliate .wsprovi-header .wsdet{
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f5f7fa;
    border-bottom: 1px solid #f5f7fa;
  }
  #ws_affiliate .wscolor-row{
    margin-top: 5px;
    border-top: 1px solid #ebebeb;
  }
  #ws_affiliate  #transform-provision .wsh button{
    height: calc(0.90em + 0.625rem + 1px);
    min-height: 30px;
  }

  .wsbnone th{
    border-top: none;
  }

  #ws_affiliate #ws_affiliatedetail button{
    height: 22px;
    min-height: unset;
    width: 44px;
    margin-bottom: 0px;
    color: #525252;
  }
.wstbheader{
  font-weight: bold;
  font-size: 0.92rem;
}
#ws_affiliate #kundenuebersicht, #ws_affiliate #subaffiliateuebersicht{
  max-height: 300px;
  overflow-y: scroll;
}
.tooltip {
  position: relative;
  display: inline-block;
}

#alink-to-clipboard .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  margin-left: -65px;
  top: 8%;
  opacity: 0;
  transition: opacity 0.3s;
}

#alink-to-clipboard .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

#alink-to-clipboard:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

#aff_link.wsrow{
  margin: 0;
  flex-direction: row;
}

#aff_link input{
  flex: 95%;
}

#aff_link button{
  flex: 5%;
}

@media (max-width: 450px) {
  #aff_link input{
    flex: 85%;
  }
}