#wait_operation_back,#back_option_w,#wait_operation{
    position: fixed;
    display: none;
}
#wait_operation_back,#back_option_w{
    background: rgb(218, 209, 209);
    opacity: 0.5;
    z-index: 1000;
    top : 0; left : 0;
    width: 100%;
    height: 100%;
}
#wait_operation{
    background: #ffffff;
    z-index: 1001;
    width: 300px;
    min-height: 100px;
    top : 50%;left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    box-shadow: 0 0 6px #000000;
    border-radius: 5px;
    overflow-x: hidden;
}
#wait_operation .text_option{
    display: block;
    padding: 38px 0;
    font-size: 16px;
    font-weight: 600;
    color : #505559;
}
#wait_operation .text_option::before,.small_valid_icone::before{
    content: "";
    width: 80px;
    height: 80px;
    display: block;
    margin-top: -30px;
    margin-right: 15px;
    float: left;
    background-image: url(/assets/gif/load.gif);
    background-size: cover;
    background-position: center;
}
#wait_operation .echec_operation::before{
    background-image: url(/assets/gif/failed.png);
}
#wait_operation .echec_operation{color : #fb0000}
#wait_operation .valid_operation::before{background-image: url(/assets/gif/valid.svg);}
#wait_operation .valid_operation{
    color : #44b78b
}
.btns_option_alert_custom{
    display: flex;
    padding-bottom: 10px;
}
.btns_option_alert_custom button,.btns_option_alert_custom a{
    flex: 1;
    margin: 0 5px;
    font-size: 12px;
    font-family: MontserratRegular;
    cursor: pointer;
}
.custom_group_input{
    display: flex;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    width: 100%;
}
.custom_group_input div{
    display: inline-block;
    flex:1;
}
.custom_group_input input{
    border: none;
    background: none;
    padding: 6px 3px;
    width: 100%;
}
.custom_group_input input::selection{background: #c2c2c2;color:#fff;}
.custom_group_input i{
    margin: 5px 7px 0 0;
    font-style: normal;
}
.f-10{font-size: 10px !important;}
.f-11{font-size: 11px !important;}
.f-12{font-size: 12px !important;}
.f-13{font-size: 13px !important;}
.f-14{font-size: 14px !important;}
.f-15{font-size: 15px !important;}
.f-16{font-size: 16px !important;}
.f-17{font-size: 17px !important;}
.f-18{font-size: 18px !important;}
.f-19{font-size: 19px !important;}
.f-20{font-size: 20px !important;}
.f-21{font-size: 21px !important;}
.f-22{font-size: 22px !important;}
.f-23{font-size: 23px !important;}
.f-24{font-size: 24px !important;}
.f-25{font-size: 25px !important;}
.cursor{cursor: pointer;}
.error_input{
    border-color: #fb0000 !important;
    box-shadow: 0 0 6px #fb0000;
}
.done_gif,.failed_gif{
    display: block;
    margin: 5px auto;
    height: 100px;
    width: 100px;
    border: 5px solid #ced4da;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}
.done_gif::after{
    content: "";
    border-left: 10px solid;
    border-bottom: 10px solid;
    border-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 25px;
    width: 50px;
    transform: translate(-50%,-70%) rotate(-50deg);
    display: none;
}
.failed_gif::after,.failed_gif::before{
    content: "";
    border-left: 10px solid  #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    transform: translate(-50%,-50%) rotate(-45deg);
    display: block;
}
.failed_gif::before{
    transform: translate(-50%,-50%) rotate(45deg);
}
#paiement_gif{
    margin-top: 10%;
}
.done_gif_animation{
    animation: animation_background_pay_done 1s linear;
}
.faile_gif_animation{
    animation: animation_background_pay_failed 1s linear;
}
.done_gif_animation::after{
    display: block;
    animation: animation_come 0.5s linear;
}
.faile_gif_animation::after,.faile_gif_animation::before{
    display: block;
    animation: animation_come 0.5s linear;
}
#text_back_pay{
    width: 70%;
    min-width: 200px;
    display: block;
    margin: 10px auto;
}
@keyframes animation_cliote {
    0% {opacity: 0;}
    20%{opacity: 0.2;}
    40%{opacity: 0.4;}
    60%{opacity: 0.6;}
    80%{opacity: 0.8;}
    100% {opacity: 1;}
}
@keyframes animation_background_pay_done {
    0% {background-color: #ffffff;border-color: #ffffff;}
    100% {background-color: #01b176;border-color: #01b176;}
}
@keyframes animation_background_pay_failed {
    0% {background-color: #ffffff;border-color: #ffffff;}
    100% {background-color: #cf220b;border-color: #cf220b;}
}
@keyframes animation_come {
    0% {width: 0px;height: 0px;}
    100% {height: 25px;width: 50px;}
}
@keyframes animation_come_2 {
    0% {height: 0px;}
    100% {height: 50px}
}
.cliote{
    transition: all 200ms;
    animation: animation_cliote 500ms linear alternate infinite;
}