

.wh_groupe_teams .tab-pane,.wh_groupe_individual .tab-pane {
  background-color:white;
  padding:15px;
}

.wh_groupe_teams .tabs, .wh_groupe_individual .tabs {
  margin-bottom:0 !important;
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion:hover {
  background-color: #ccc;
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

/* select */
.wh_players_accordion .delete_label {
  color: white !important;
}

.wh_player_acco_content.container {
  width: 100%;
}

.select {
  border-radius: 0 !important;
  width: 100%;
}
.select:after {
  border-color: #3a495a !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: #c1537b;
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 9px 5px;
}
.select select[aria-selected], .select select[data-selected] {
  background-color: #c1537b;
  color: #fff;
}

.select2-selection, .select select{
  display: block;
  border-bottom: solid 1px !important;
  border-left:none !important;
  border-right:none !important;
  border-top:none !important;
  border-radius: 0 !important;
  border-color: #dbdbdb !important;
  background-color: transparent !important;
}


/*Design Groupe equipe et individuel */
.wh_titre_nb_equipe{
  width: 100% !important;
  margin: 6px 0 10px !important;
}
.wh_width_full li, .wh_width_full{
  width: 100% !important;
}
.tab-pane .lv2 {
  margin: 20px !important;
}
.tab-content, .wh_tabs_left {
  margin-top: 35px !important;
  float: left;
}

.wh_tabs_left + .tab-content{
  float: left;
}
.wh_squad_validation{
  margin-top: 30px;
}
.wh_recherche_nom{
  width: 50% !important;
  margin: 30px 0 30px !important;
}
.wh_add_member_to_squad{
  margin: 30px 0 30px 20px !important;
}
.wh_btn_fonce{
  border-radius: 50px !important;
}
.wh_tabs_left li * {
  padding: 5px;
}
.input.wh_squad_name {
  border-left: none;
  border-top: none;
  border-right: none;
  box-shadow: none;
  border-radius: 0px;
}
.input:focus, .input.is-focused, .input:active, .input.is-active, .textarea:focus, .textarea.is-focused, .textarea:active, .textarea.is-active {
  border-color: #d45483 !important;
  box-shadow: none !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
  .wh_add_member_to_squad.button.wh_btn_fonce, button.button.wh_btn_fonce{
    padding: 9px 25px 32px 25px !important;
  }
}
@-moz-document url-prefix() {

  .wh_add_member_to_squad.button.wh_btn_fonce, button.button.wh_btn_fonce{
    padding: 20px 30px !important;
  }

}
/* accordion players  */

.wh_players_accordion div, .wh_players_accordion li > i:before, .wh_players_accordion li > i:after {
  transition: all 0.25s ease-in-out;
}

.wh_players_accordion li  > i:before,.wh_players_accordion li  > i:after {
  background-color: white !important;

}
/* .flipIn, h1, .wh_players_accordion li {
animation: flipdown 0.5s ease both;
} */

.no-select, h2 {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (max-width: 550px) {
  body {
    box-sizing: border-box;
    /* transform: translate(0, 0); */
    max-width: 100%;
    min-height: 100%;
    margin: 0;
    left: 0;
  }
}

.wh_players_accordion {
  margin-bottom: 50px;
  margin-left: 0;
}

.wh_players_accordion h2 {
  letter-spacing: 1px;
  display: block;
  background-color: transparent;
  margin: 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}
/*accordeon*/
.wh_players_accordion {
  margin-bottom: 50px;
  margin-left: 0;
  border-left: solid 1px #dbdbdb;
  border-right: solid 1px #dbdbdb;
  border-top: solid 1px #dbdbdb;
}
.wh_players_accordion .wh_player_acco_content, .wh_players_accordion p {
  color: rgba(48, 69, 92, 0.8);
  background-color: white;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 0;
  z-index: 2;
  padding: 0 20px;
}
.wh_players_accordion p {
  font-size: 7px;
}
.fas.fa-user-minus {
  margin-right: 50px;
}
.wh_players_accordion ul {
  list-style: none !important;
  perspective: 900;
  padding: 0;
  margin: 0;
}

.wh_players_accordion li {
  position: relative;
  margin: 0;
  list-style: none !important;
  background: #3b4959;
  border-bottom: solid 2px #d8dce0;
}
.wh_players_accordion h2 {

  padding: 10px;

}

.wh_players_accordion li:nth-of-type(1) {
  animation-delay: 0.5s;
}
.wh_players_accordion li:nth-of-type(2) {
  animation-delay: 0.75s;
}
.wh_players_accordion li:nth-of-type(3) {
  animation-delay: 1s;
}
.wh_players_accordion li > i,button.accordion i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 17px;
  right: 0;
  padding-right: 30px;
}
.wh_players_accordion li > i:before, .wh_players_accordion li > i:after,button.accordion i:before, button.accordion i:after {
  content: "";
  position: absolute;
  background-color: #3a495a;
  width: 3px;
  height: 9px;
}
.wh_players_accordion li > i:before,button.accordion.active i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.wh_players_accordion li > i:after,button.accordion.active i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
.wh_players_accordion li > input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.wh_players_accordion li > input[type=checkbox]:checked ~ p, .wh_players_accordion li > input[type=checkbox]:checked ~ div {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
button.accordion {
  position: relative;
  margin-bottom: 20px;
}
.wh_players_accordion li > input[type=checkbox]:checked ~ i:before,button.accordion i:before {
  transform: translate(2px, 0) rotate(45deg);
}
.wh_players_accordion li > input[type=checkbox]:checked ~ i:after ,button.accordion i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}
.wh_players_accordion  {
  color: #ffffff;
  font-weight: bold;
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}

.notification {
  margin-bottom: 1.5rem !important;
}

.notification-is-primary {
  background-color: #c1537b !important;
  padding: 20px;
  border: #c1537b 3px solid;

}
.reste_a_payer {
  background-color: #ffffff !important;
  border-radius: 0 !important;
  border: #c1537b 3px solid;

}

.wh_is_validated .fa-check-square, .wh_is_validated .fa-check-circle{
  color:#2ecc71;
}
.wh_is_validated .fa-user-edit {
  color: #f14668;
}
.wh_create_new_player{
  display: inline-block;
  float: right;
  cursor:pointer;
}

.wh_squad_day, .wh_recherche_nom, .wh_add_member_to_squad, [id^=wh_squad_members] {
    display: none !important;
}

.wh_groupe_individual .tabs.is-toggle li.is-active a, .wh_groupe_individual .tabs.is-toggle a {
  border-color: #3b4959 !important;
}

.wh_groupe_individual .tabs.is-toggle li.is-active a {
  color: #ffffff !important;
  background-color: #3b4959 !important;
}

.wh_opt_bg_onglet a {
  color: #3b4959;
}

.tab-pane.lv2,.tab-pane.lv1 {
  /* display: flex !important; */
  flex-wrap: wrap;
  overflow: initial;
}

.tab-pane.lv2 > input {
  order: 1;
  width: 80%;
}

.tab-pane.lv2 > .wh_squad_day {
  order: 2 ;
  width: 10%;
  text-align: center;
}
.tab-pane.lv2 > a {
  order: 3;
  width: 10%;
  text-align: center;
}

.tab-pane.lv2 > .select {
  order: 4;
}

.tab-pane.lv2 > button {
  order: 5;
}

.tab-pane.lv2 > table {
  order: 6;
}

.tab-pane.lv2 > .wh_squad_validation {
  order: 7;
}

/* ///tabs left  */
@media screen and (min-width:750px) {
  .wh_tabs_left {
    width:20%;
  }

  .wh_tabs_left ul{
    display: flex;
    flex-direction: column;
    margin:0;
    width:100%;
  }
  .wh_tabs_left li {

    border:0;
    background-color: whitesmoke !important;
    border-radius: 0 !important;

  }
  .wh_tabs_left li *{
    width: 100%;
    word-wrap: break-word;
    white-space:initial ;
    border: none !important;
    border-radius: 0 !important;

  }


  .wh_tabs_left +div {
    width:80%;
    border: solid 2px #3B4959;
  }

  .tabs.is-boxed li.is-active a {
    color:white !important;
    border:none !important;
    background-color:#3B4959 !important;

  }


}
.wh_direct_file_upload {
  display: inline-block !important;
  margin-left:10px

}

.wh_direct_file_upload .file-cta{
  padding:0;
  display: flex !important;
  border: none;
}

.wh_direct_file_upload .file-icon{
  margin:0;
}

.wh_trophees {
  display: flex !important;
  justify-content: space-between;
  flex-wrap: wrap;
}

.wh_resume_inscr .is-divider-vertical {
  padding: 1rem !important;
}

.wh_cart_table .product-subtotal,.wh_cart_table .product-quantity,.wh_cart_table .product-price{
    text-align:center !important;
}

.wh_cart_table tbody tr:nth-of-type(odd):not(:last-child){
    background-color:#e7e7e7;
}

.wh_cart_table tbody td{
   line-height: 28px;
}

.wh_cart_table .coupon {
    padding-top:15px;
    text-align: center;
}

.wh_cart_table .coupon input,.wh_cart_table .coupon button{
margin-bottom:20px;
}

.coupon ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  text-align:left;
}
.coupon ::-moz-placeholder { /* Firefox 19+ */
  text-align:left;
}
.coupon :-ms-input-placeholder { /* IE 10+ */
  text-align:left;
}
.coupon :-moz-placeholder { /* Firefox 18- */
  text-align:left;
}

.wh_cart_table + .cart-collaterals {
    text-align: right !important;
    float:right;

}
.wh_cart_table + .cart-collaterals .cart_totals > *   {
padding-top:20px;

}

.wh_cart_table + .cart-collaterals .cart_totals h2  {
text-align:left;
}

.wh_cart_table + .cart-collaterals .cart_totals .wc-proceed-to-checkout  {
text-align:center;
}
.wh_cart_table + .cart-collaterals .cart_totals #wc-stripe-payment-request-wrapper {
display: none;
}

.wh_cart_table + .cart-collaterals .cart_totals tr  {
line-height:33px;
}
.wh_form_checkout h3{
  margin-top:20px;
    margin-bottom:20px;
}
.wh_form_checkout .woocommerce-billing-fields h3 {
      margin-top:0px;
}

.wh_form_checkout tbody tr td:last-child,.wh_form_checkout tfoot tr td:last-child{
   text-align:center;
}

.wh_form_checkout .wc_payment_method{
    list-style: none;
    margin-bottom: 15px;
}

.wh_form_checkout .wc_payment_method input{
    margin-left:-15px;
}
.wh_form_checkout .wc-credit-card-form {
    padding:15px;
}

/*PAGE VALIDATION de paiement*/
.wh_thankyou .wc-bacs-bank-details-heading h2, .wh_thankyou .woocommerce-order-details__title h2 {padding-top:50px !important;}
