.button.reservation-button {
  text-transform: uppercase;
}
@media (min-width: 480px) and (max-width: 768px) {
  .reservation-block .column-item {
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
    width: 100%;
  }

  .reservation-block .hidden {
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    width: 0;
    display: block !important;
    opacity: 0;
  }
}

[name="order"] h2 {
  display: none;
}

.main .reservations-field .reservations-table-wrapper .day-reservations-table td .day-reservations-table-area td a {
  z-index: 2;
  display: inline;
  width: 100%;
}

.main .reservations-field .reservations-table-wrapper .day-reservations-table td .day-reservations-table-area td .period-time-button a {
  display: inline-block;
}

.main .content-block.reservation-block h2 {
  display: none;
}

@media (max-width: 480px) {
  .main .text-mess {
    margin: 0;
  }
}

div.main .button.mobile {
  display: none;
}

div.main .button.pc {
  display: block;
}

.left-date {
  background: white url("../../common/images/icon/direct.svg") no-repeat center;
  width: 40px;
  height: 40px;
  display: block;
  margin-right: 5px;
  cursor: pointer;
  background-size: 30px;
}

.right-date {
  background: white url("../../common/images/icon/direct.svg") no-repeat center;
  width: 40px;
  height: 40px;
  display: block;
  margin-left: 5px;
  cursor: pointer;
  transform: rotate(180deg);
  background-size: 30px;
}

.reserv-title-mobile {
  display: none;
}
 /*artificial-turf - sport on artificial turf*/

.main .tab-field .artificial-turf-tab .sport-icon, .main .tab-field .artificial-turf-tab .sport-icon-png {
  position: absolute;
  left: -24px;
  top: -8px;
  width: 30px;
  height: 30px;
  z-index: 5;
}

.main .tab-field .artificial-turf-tab span {
  text-transform: uppercase;
  padding-left: 60px;
}

.main .tab-field .artificial-turf-tab.tab-item-active .sport-icon,
.main .tab-field .tab-item:hover .artificial-turf-tab .sport-icon {
  background: url(../../common/images/icon/sport/artificial-turf.svg) right / 27px 30px no-repeat;
  z-index: 5;
}

.main .tab-field .artificial-turf-tab.tab-item-no-active .sport-icon {
  background: url(../../common/images/icon/sport/artificial-turf_light.svg) right / 27px 30px no-repeat;
  z-index: 5;
}


.main .tab-field .mchome-tab .sport-icon, .main .tab-field .mchome-tab .sport-icon-png {
  position: absolute;
  left: -24px;
  top: -8px;
  width: 30px;
  height: 30px;
  z-index: 5;
}

.main .tab-field .mchome-tab span {
  text-transform: uppercase;
  padding-left: 60px;
}

.main .tab-field .mchome-tab.tab-item-active .sport-icon,
.main .tab-field .tab-item:hover .mchome-tab .sport-icon {
  background: url(https://cdn.active-court.com/active-court/main/assets/common/images/icon/sport/mchome.svg) right / 27px 30px no-repeat;
  z-index: 5;
}

.main .tab-field .mchome-tab.tab-item-no-active .sport-icon {
  background: url(https://cdn.active-court.com/active-court/main/assets/common/images/icon/sport/mchome_light.svg) right / 27px 30px no-repeat;
  z-index: 5;
}

 /*artificial-turf - sport on artificial turf - end*/

@media (max-width: 1023px) {

  div.main .button.pc {
    display: none;
  }

  div.main .button.mobile {
    display: block;
  }

  .main .tab-field .tennis-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .tennis-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/tennis_w.svg);
  }


  .main .tab-field .squash-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .squash-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/squash_w.svg);
  }


  .main .tab-field .badminton-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .badminton-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/badminton_w.svg);
  }

  .main .tab-field .basketball-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .basketball-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/basketball_w.svg);
  }

  .main .tab-field .beach-volley-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .beach-volley-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/beach-volley_w.svg);
  }

  .main .tab-field .boule-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .boule-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/boule_w.svg);
  }

  .main .tab-field .football-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .football-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/football_w.svg);
  }

  .main .tab-field .gym-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .gym-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/gym_w.svg);
  }

  .main .tab-field .hockey-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .hockey-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/hockey_w.svg);
  }

  .main .tab-field .mcarena-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .mcarena-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/mcarena_w.svg);
  }

  .main .tab-field .padel-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .padel-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/padel_w.svg);
  }

  .main .tab-field .schusskreis-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .schusskreis-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/schusskreis_w.svg);
  }

  .main .tab-field .soccer-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .soccer-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/soccer_w.svg);
  }

  .main .tab-field .tischtennis-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .tischtennis-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/tischtennis_w.svg);
  }

  .main .tab-field .volley-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .volley-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/volley_w.svg);
  }

  .main .tab-field .tab-item .tab-item-active span {
    color: white;
  }

  .main .tab-field .tab-item .tab-item-active {
    background-color: #91C3DA;
  }
  /*artificial-turf - sport on artificial turf for mobile*/
  .main .tab-field .artificial-turf-tab.tab-item-active .sport-icon,
  .main .tab-field .artificial-turf-tab.tab-item-no-active .sport-icon,
  .main .tab-field .artificial-turf-tab.tab-item-no-active:hover .sport-icon {
    display: inline-block;
    padding-left: calc(50% - 60px);
    padding-top: 46px;
    z-index: 1;
  }

  .main .tab-field .artificial-turf-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .artificial-turf-tab.tab-item-active .sport-icon {
    background-image: url(../../common/images/icon/sport/artificial-turf_w.svg);
  }

  .main .tab-field .mchome-tab.tab-item-active .sport-icon,
  .main .tab-field .mchome-tab.tab-item-no-active .sport-icon,
  .main .tab-field .mchome-tab.tab-item-no-active:hover .sport-icon {
    /*display: inline-block;*/
    padding-left: calc(50% - 60px);
    padding-top: 46px;
    z-index: 1;
    display: none;
  }

  .main .tab-field .mchome-tab.tab-item-active .sport-icon,
  .main .tab-field .tab-item:hover .mchome-tab.tab-item-active .sport-icon {
    background-image: url(https://cdn.active-court.com/active-court/main/assets/common/images/icon/sport/mchome_w.svg);
  }
   /*artificial-turf - sport on artificial turf for mobile - end*/
}

@media (max-width: 768px) {

  .reserv-title-pc {
    display: none;
  }

  .reserv-title-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
  }
}

@media (max-width: 574px) {
  div.main .tab-field .mchome-tab.tab-item-active .sport-icon,
  div.main .tab-field .mchome-tab.tab-item-no-active .sport-icon,
  div.main .tab-field .mchome-tab.tab-item-no-active:hover .sport-icon{
       display: inline-block;
    }

  .main .tab-field {
    margin-top: 10px;
  }


  .main .content-block.reservation-block {
    margin-top: 0;
  }

  .main .content-block {
    margin-top: 10px;
  }

  .main .text-mess {
    margin: 23px 0 0px;
  }
}

#test-iban-field {

  position: relative;
  display: inline-block;
}

#test-iban-field img{
  position: relative;
  top: 8px;
  right: 22px;
  z-index: 5;
}


@media (max-width: 768px) {

  #test-iban-field img{
    position: absolute;
    top: -19px;
    left: -6px;
  }
}

@media (min-width: 354px) {

  #test-iban-field img{
    position: absolute;
    top: -19px;
    left: -22px;
  }
}
@media (max-width: 353px) {

  #test-iban-field img{
    position: absolute;
    top: -60px;
  }
}
@media (max-width: 768px) {
  .reg-field .label-wrapper {
    width: 222px;
  }
}
@media (max-width: 604px) {
  .reg-field .label-wrapper {
    width: 185px;
  }
}
/*@media (max-width: 768px) {*/
/*  #test-iban-field {*/
/*    !*position: absolute;*!*/
/*    !*top: 41px;*!*/
/*    !*right: -19px;*!*/
/*  }*/
/*}*/

.locker-conflict-confirmation {
  width: 100%;
  margin: 18px 0;
  color: #333;
  text-align: left;
}

.locker-conflict-confirmation__panel {
  background: #fff;
}

.locker-conflict-confirmation__header,
.locker-conflict-confirmation__body {
  padding: 18px 0;
}

.locker-conflict-confirmation__header {
  border-bottom: 2px dotted #d1d3d7;
}

.locker-conflict-confirmation__message {
  margin: 0;
  color: #252525;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5;
}

.locker-conflict-confirmation__hint {
  margin: 0 0 18px;
  padding: 14px 16px;
  /*background: #f4f4f4;*/
  color: #4f4f4f;
  line-height: 1.45;
}

.locker-conflict-confirmation__table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #d9dcde;
  table-layout: fixed;
}

.locker-conflict-confirmation__table th,
.locker-conflict-confirmation__table td {
  padding: 12px 15px;
  border-bottom: 1px solid #e1e3e4;
  text-align: left;
  vertical-align: middle;
}

.locker-conflict-confirmation__table th {
  background: #f1f1f1;
  color: #48567c;
  font-size: 14px;
  font-weight: bold;
}

.locker-conflict-confirmation__table th:first-child {
  width: 52%;
}

.locker-conflict-confirmation__cell-name {
  display: block;
  color: #202326;
  font-size: 16px;
  font-weight: bold;
}

.locker-conflict-confirmation__period {
  display: inline-block;
  margin: 2px 4px 2px 0;
  padding: 4px 10px;
  border: 1px solid #d56a6a;
  border-radius: 14px;
  background: #fff;
  color: #bf4d4d;
  font-weight: bold;
  white-space: nowrap;
}

.locker-conflict-confirmation__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 22px;
}

.locker-conflict-confirmation__actions .button {
  margin: 0 !important;
}

.locker-conflict-confirmation__actions .button.active {
  border-color: #35447c !important;
  background: #35447c !important;
  color: #fff !important;
}

@media (max-width: 620px) {
  .locker-conflict-confirmation {
    margin: 12px 0;
  }

  .locker-conflict-confirmation__header,
  .locker-conflict-confirmation__body {
    padding: 18px;
  }

  .locker-conflict-confirmation__table th,
  .locker-conflict-confirmation__table td {
    padding: 10px;
  }

  .locker-conflict-confirmation__actions {
    flex-direction: column;
    align-items: flex-start;
  }
}