.button.is-link[disabled] {
  background-color: #404f5f !important;
  color: #fff !important;
}

.modal-content, .modal-card {
  width: 815px !important;
}
.modal-close {
  top: 140px !important;
}

.is-grouped.col-3 > .control{
  max-width: 31.33%;
  margin-right: 2% !important;
}

.is-grouped.col-4 > .control{
  width: 23%;
  margin-right: 2% !important;
}

.wh_edit_player {
  cursor:pointer;
}

.wh_creation_player .modal-content .box .wh_overlay{
  content: "";
  width:100%;
  height:100%;
  display: none;
  background-color:white;
  position:absolute;
  z-index: 10;
  top:0;
  left:0 ;
  align-items: center;
}

.wh_creation_player .modal-content .box .wh_overlay.active{
  display: flex;
}

.wh_creation_player .modal-content .box{
  position:relative;
  z-index: 0;
}


.wh_creation_player .modal-content .box .wh_overlay > div{
  display: inline-block;
  margin-left:auto;
  margin-right:auto;
}

.wh_creation_player .modal-content .box .wh_overlay > div div:first-child {
  text-align: center;
}

.wh_creation_player .modal-content .box .wh_overlay > div div {
  font-size: 32px;
  color:#3A495A;
}

.wh_start_tuto {
  display: inline-block;
  float: right;
  cursor: pointer;
  background-color: #c1537b;
  padding: 11px;
  height: 70px;
  width: 70px;
  border-radius: 100px;
  color: white;
  right: -88px;
  border: white 10px solid;
}
.wh_start_tuto:hover {
  background-color: #3a495a;
}

.wh_start_tuto:after {
      border-color: transparent transparent transparent #c1537b !important;
}

.wh_start_tuto:before {
    z-index: 10 !important;
}