.cash-top p {
  font-size: 21px;
  font-family:interstate-light;
  font-weight: 300;
}

#popup .bg-popup-ovl {
  cursor: text;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
#popup .popup {
  background-color: #eee;
  border-radius: 10px;
  top: 0;
  transform: translate(0);
  margin-top: 5px;
  z-index: 1;
}
.popup .close {
  top: 15px;
}
.popup .heading {
  background-color: rgb(86, 70, 55);
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  font-family: interstate;
  text-align: left;
  padding: 25px 20px;
}
.title-light {
  font-size: 14px;
  line-height: 22px;
}
.new-row {
  display: block;
  margin-top: 5px;
}
.popup .sub-head { 
  font-family: interstate;
  font-weight: 700;
  color: #333;
  font-size: 26px;
  padding-top: 37px;
  line-height: 26px;
  padding-bottom: 24px;
  text-align: left;
  padding-left: 35px; 
}
.popup .table li.header {
  display: none;
}
.popup .table li {
  border-bottom: 1px solid #7f7f7f;
  padding-left: 70px;
  padding-top: 8px;
  padding-bottom: 8px;
  float: none;
  text-align: left;
}
.table li:nth-child(3){
   border-top: 1px solid #7f7f7f;
}
.popup .table li .toogle {
  font-family: interstate-bold;
  font-weight: normal;
  font-size: 16px;
  color: #333333;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}
.popup .table li label, .table li .detail {
  padding-top: 20px;
  padding-bottom: 20px;
}
.popup .table li label {
  position: relative;
}
.popup .table li:nth-child(2) {
  border-top: 1px solid #000000;
}
.popup .table li .detail {
  border-top: 1px solid #cccccc;
}
.popup  .table li .detail .title {
  font-family: interstate-bold;
  font-weight: normal;
}
.popup .table li.in { background: white; }

.popup p {
/*  color: #333333;
  font-size: 16px;*/
  line-height: 24px;
}
.popup .table {border-radius: 0; border: 0;padding: 0 25px 75px;}
.popup .expand-all{
  color: #B4975A;
  cursor: pointer;
  text-align: left;
  display: block;
  padding: 10px 25px 25px;
  text-decoration: underline;
}
.detail.collapse {
  display: none;
}
.detail.in {
  display: block;
}
.toogle .title{position: relative;}
.toogle.in .title:before{
  content: "";
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  border: solid #B4975A;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  left: -43px;
  position: absolute;
  top: 10px;
}
.toogle.collapse .title:before{
  content: "";
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border: solid #B4975A;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  left: -43px;
  position: absolute;
  top: 1px;
}
.popup table {
  border-bottom: 1px solid rgba(0,0,0,0.25);
}
.popup .table td.toogle {
  border-top: 1px solid rgba(0,0,0,0.25);
  font-family: interstate;
  font-weight: normal;
  font-size: 16px;
  color: #333333;
  display: block;
  padding: 30px 58px 20px;
}
.popup .table td.toogle.in {
  border-bottom: 0;
  border-top: 1px solid rgba(0,0,0,0.25);
}
.popup .table td .title {
  font-family: interstate;
  font-weight: 700;
}
.popup .table table{
  border-spacing: 0;
  margin: auto;
  width: 100%;
  text-align: left;
}
.popup .table table tr.in{background: white;}
.popup .table table tr.header{
  border-bottom: 1px solid rgba(0,0,0,0.25);
}
.popup .table table tr{
  border-bottom: 1px solid rgba(0,0,0,0.25);
}
.popup .table td{padding: 10px 70px;}
.popup .table td{font-family: interstate;}
.table td.detail p:nth-child(2),.table td.toogle p:nth-child(2),
.table td.toogle label{
  margin-top: 10px;
  line-height: 20px;
  font-family: interstate-light;
}
.table td.detail{
  margin-left: 58px;
  padding: 10px 10px 0px 0;
  text-align: left;
  
}
.table td.detail.in:nth-child(2){
  border-top: 1px solid rgba(0,0,0,0.25);
  margin-right: 20px;
  padding-top: 35px;
}
.table td.detail.in:last-child{ 
  padding-bottom: 45px;
}
.border-bottom{display: none;}
.display-desktop {display: none;}
.table tr .title-light {
  color: #666;
  display: block;
  font-family: interstate-light;
  font-weight: 300;
}
 .display-mobile{display: block;}
.popup p.color-wheat-title{ color: #B4975A; }

.element-item table.bonus-table-mobile  td {
  border-left: 0;
  border-bottom: 0;
}
.element-item table.bonus-table ,
.element-item table.bonus-table-mobile {
  border: 0;
  box-shadow: 2px 2px 4px transparent;
}
.element-item table.bonus-table td {
  border-left: 0;
  border-bottom: 0;
}
.cash-bottom p.note {
  font-size: 16px;
  line-height: 24px;
}
.table-cash .cash-item-block .cash-item {
  display: table-cell;
}
.element-item table.bonus-table-mobile tr.grayBg {
    background-color: #eee;
}

@media (max-width: 767px){ 

  .popup .table .header {
    display: none;
  }

}

@media (min-width: 768px){
  #popup .popup {
    background-color: #fff;
  }  
  .table-cash {
    display: table;
    position: relative;
  }
  .table-cash .cash-item {
    display: table-cell;
    vertical-align: top;
  }
  .table-cash .cash-item-block { 
    display: table-cell;
  }
  .table-cash .cash-item.plus-operation {
    vertical-align: middle;

  }
  .cash-item.plus-operation.single {
    position: absolute;
    left: 30%;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 17px;
  }
  .popup .close {
    top: 15px;
  }
  .popup .heading {
    text-align: center;
    padding: 18px 0;
  }
  .table tr.header.border-0 td {
    border-top: 0;
  }
  .new-row {
    display: inline;
  }
  .popup .table td {
    display: table-cell;
  }
  .popup .table tr:last-child td.toogle {
    border-bottom: 0;
  }

  .popup .sub-head {
    display: none;
  }
  .popup-wrapper .table{padding: 0 20px 40px;}
  .table .detail .title{display:none;}

  /*.toogle .title{display: none;}*/
  .popup .expand-all{display: none;}
  .table tr td{border-top: 1px solid rgba(0,0,0,0.25); text-align: left;}
  .table tr.header td{border-top: 1px solid rgba(0,0,0,0.5);}
  .table table {
    border-collapse: unset;
    border-bottom: 1px solid rgba(0,0,0,0.25);
  }
  .popup .table table tr.in{
    background: transparent;
  }
  .table tr .title{display: none;}
  .popup .table td.toogle {
    padding: 15px 0px 15px;
  }
  .table td.detail {
    text-align: center;
  }
  .table td.detail{ width: 16%; padding-top: 15px; padding-bottom: 15px; text-align: center;}
  .table td.detail.in:nth-child(2) {
    padding-top: 15px; padding-bottom: 15px;
  }
  .table td.detail.in:last-child {
    padding-bottom: 0;
  }
  .table td.detail p:nth-child(2), .table td.toogle p:nth-child(2), .table td.toogle label {
    margin-top: 0;
  }
  .table .detail.center{text-align: center;}
  .table tr.header td{
      text-align: left;
      font-family: interstate;
      font-weight: normal;
      padding: 5px;
    }
  .table tr.header td.padding-top-0{
    padding-top: 0;
  }
  .table tr td{ 
    padding-left: 5px;
    padding-right: 5px;
  }
  .center { text-align: center;}
  .table tr.header .title{font-family: interstate-bold; display: block;}

  .display-desktop {display: block;}
  .table tr .title-light {
    font-family: interstate-light;
  }
  .display-mobile{display: none;}
  .hidden-column {
    display: table-cell;
  }
  .element-item table.bonus-table-mobile .header td {
    font-family: interstate;
    font-weight: 700;
  } 
  .element-item table.bonus-table-mobile td {

    font-family: interstate-light;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 5px;
  }
  .element-item table.bonus-table-mobile td.border-0, 
  .element-item table.bonus-table-mobile .header td {
    border-bottom: 0;
  }
  .element-item table.bonus-table-mobile .header{
    font-weight: 700;
  }
  /*.element-item table.bonus-table-mobile .detail .title{
    display: none
  }*/
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
  .cash-item.plus-operation.single {
    margin-left: 8px;
  }
}

@media screen and (max-width: 1023px) {
  .element-item table.bonus-table-mobile p{
    font-size: 14px;
  }
  .bonus-table-mobile tr.desktop {
    display: none;
  }
  .bonus-table-mobile tbody, .bonus-table-mobile tr.tablet {
    display: block;
  }
  .bonus-table-mobile {
    display: block;
  }
  .bonus-table {
    display: none;
  }
    .element-item table.bonus-table .header {
    display: none
  }
  .element-item table {
    border: 0;
    box-shadow: 2px 2px 4px transparent;
  }
  .element-item table.bonus-table td.hidden-column {
    display: none;
  }
  .element-item table.bonus-table td.toogle {
    /*border-bottom: 1px solid rgba(0,0,0,0.25);*/
    
    padding-left: 55px;
  }
  .element-item table.bonus-table td.toogle.collapse {
    background: #eee;
  }
  .element-item table.bonus-table p {
    font-size: 16px;
  }
  .bonus-table-mobile tr {
    border-bottom: 1px solid rgba(0,0,0,0.25);
  }
  .element-item table.bonus-table {
    display: none;
  }
  .element-item table.bonus-table-mobile td {
    border-left: 0;
    border-right: 0;
    
  }
  .element-item table.bonus-table-mobile td.toogle { 
    padding-left: 55px;
    display: block;
  }
  .bonus-table-mobile .toogle.collapse .title:before {
    content: "";
    left: -35px;
  }
  .element-item table.bonus-table-mobile td.toogle.collapse { 
    background: #eee;
  }
  .bonus-table-mobile td.detail {
    margin-left: 55px;
  }

  .bonus-table-mobile td.detail:nth-child(2) {
    border-top: 1px solid rgba(0,0,0,0.25);
  } 
  .bonus-table-mobile tbody {
    display: block;
  }
  .bonus-table-mobile p {
    font-family: interstate-light;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
  }
  .bonus-table-mobile p.title {
    font-family: interstate;
    font-weight: 700;
  } 
}
@media screen and (min-width: 1024px) {
  ul.disc {
    padding-right: 30px;
  }
  .bonus-table-mobile tr.tablet {
    display: none;
  }
  /*.bonus-table-mobile tbody, .bonus-table-mobile tr.desktop {
    display: block
  }*/
  .toogle.in .title:before,
  .toogle .title:before ,
  .toogle.collapse .title:before{
    content: "";
    display: none;
  }
/*  .bonus-table-mobile {
    display: none;
  }*/
  .element-item table.bonus-table-mobile p{
    font-size: 12px;
  }
  .element-item table.bonus-table-mobile td {
    border-bottom: 1px solid rgba(0,0,0,0.25);
  }
  .bonus-table-mobile .detail.in {
    display: table-cell;
  }

}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait){
  .cash-top {
    height: 50px;
  }
  .cash-top p {
    font-size: 12px;
    line-height: 14px;
  }
  .cash-bottom p.head,
  .cash-bottom p {
    font-size: 16px;
  }
  .cash-bottom p.note {
    font-size: 10px;
    line-height: 12px;
  }
  .cash-item.plus-operation.single {
    background-size: 15px auto;
    height: 15px;
    margin-left: 9px;
    width: 15px;
  }
  .table-cash .cash-item-block .cash-item.plus-operation {
    background-size: 15px auto;
    height: 15px;
    width: 15px;
    right: -8px;
  }
}