html {
	font-size: 16px!important;
}

.overlay {
   opacity: 0;
   visibility: hidden;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .5);
   z-index: 20;
   transition: .3s all;
}

.modal {
   opacity: 0;
   visibility: hidden;
   width: 100%;
   max-width: 80%;
   display:block!important;
   position: fixed;
   top: 50%!important;
   left: 50%!important;
   bottom: auto!important;
   transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
   z-index: 1000; 
   box-shadow: 0 3px 10px -.5px rgba(0, 0, 0, .2); 
   text-align: center;
   padding: 30px;
   border-radius: 3px;
   background-color: #fff;
   transition: 0.3s all;
}

.modal-help {
   opacity: 0;
   visibility: hidden;
   width: 100%;
   max-width: 50%;
   height: 60%;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
   z-index: 1000; 
   box-shadow: 0 3px 10px -.5px rgba(0, 0, 0, .2); 
   text-align: left;
   padding: 30px;
   border-radius: 3px;
   display: block;
   background-color: #fff;
   transition: 0.3s all;
}

.modal-filter {
   opacity: 0;
   visibility: hidden;
   width: 100%;
   max-width: 80%;
   height: 90%;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
   z-index: 1000; 
   box-shadow: 0 3px 10px -.5px rgba(0, 0, 0, .2); 
   text-align: left;
   padding: 20px;
   border-radius: 3px;
   display: block;
   background-color: #fff;
   transition: 0.3s all;
   overflow: auto;
}

.modal.active,
.overlay.active{
   opacity: 1;
   visibility: visible;
}

.modal__cross {
   width: 15px;
   height: 15px;
   position: absolute;
   top: 20px;
   right: 20px;
   fill: #444;
   cursor: pointer;
}

a.js-open-modal:hover {
	text-decoration: none;
}

#reusesform td small{
	display: inline-block;
	max-width: 350px;
}

.buttonDetailsActif {
   background-color: #2db614!important;
}

.api-try-response{
   margin: 10px;
   max-height: 400px;
   padding: 10px;
   overflow-y: scroll;
   border: solid 1px black;
}