.wilger-loader {
        width: 80px;
        height: 80px;
		display: block;
		margin: 25px auto;
        border-radius: 50%;
        position: relative;
        animation: rotate 1s linear infinite
      }
      .wilger-loader::before , .wilger-loader::after {
        content: "";
        box-sizing: border-box;
        position: absolute;
        inset: 0px;
        border-radius: 50%;
        border: 5px solid #FFF;
        animation: prixClipFix 2s linear infinite ;
      }
      .wilger-loader::after{
        inset: 8px;
        transform: rotate3d(90, 90, 0, 180deg );
        border-color: #499c36;
      }

      @keyframes rotate {
        0%   {transform: rotate(0deg)}
        100%   {transform: rotate(360deg)}
      }

      @keyframes prixClipFix {
          0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
          50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
          75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
      }

.wilger-calculator form {
    display: block;
    max-width: 650px;
    width: 90%;
    margin: 0 auto;
    padding: 25px;
    background: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 5px;
}
.wilger-calculator form .form-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
}
.wilger-calculator form .form-group > *{margin: 0 10px;}
.wilger-calculator form .form-group > label{flex-basis: 60%; flex-grow: 0; font-weight: 600; text-align: center; text-decoration: underline; margin-bottom: 5px}
.wilger-calculator form .form-group > input{flex-basis: 40%; flex-grow: 0; border-radius: 5px;}
.wilger-calculator form .form-group > input#debit_total,
.wilger-calculator form .form-group > input#debit_rang{background: #84c067; font-weight: bold; text-align: center; padding-left: 0; padding-right: 0;}

.wilger-calculator form .form-group .btn-group{display: flex; flex-direction: column; gap: 5px; }
.wilger-calculator form .form-group .btn-group button{background: #84c067;}
.wilger-calculator form .form-group .btn-group button.active{background: #3C7B22;}

.wilger-calculator form #getResult{margin: 25px auto 0; display: block;}

@media(min-width: 782px){
	.wilger-calculator form .form-group {flex-direction: row; flex-wrap: nowrap;}
	.wilger-calculator form .form-group.form-group-inline {flex-direction: column; flex-wrap: wrap;}
	.wilger-calculator form .form-group .btn-group{flex-direction: row;}
}

#wilger-result{display: flex; flex-direction: column; gap: 25px; margin-top: 50px;}
#wilger-result > *{flex-basis: 50%; flex-grow: 1;  padding: 25px; background: #f5f5f5; border: 1px solid #eee; border-radius: 5px;}
#wilger-result h3{text-align: center;}
#wilger-result img{display: block; margin: 0 auto;}
#wilger-result a{color: inherit;}
#wilger-result #result-bille > ul{list-style: none; padding-left: 0;}
#wilger-result #result-bille > ul > li{margin-bottom: 25px;}
#wilger-result #result-bille .ball-category{text-transform: uppercase; text-decoration: underline; display: block; margin-bottom: 20px}
#wilger-result #result-bille > ul > li > ul{display: flex; flex-direction: row; gap: 25px; list-style: none; padding-left: 0; margin-top: 15px;}
#wilger-result #result-bille .ball-title{display: block; text-align: center; margin-bottom: 10px;}

#wilger-result #result-pastille{}
#wilger-result #result-pastille strong{display: block; text-align: center; margin-bottom: 10px;}

@media(min-width: 782px){
	#wilger-result{flex-direction: row;}
}