@media (min-width: 768px){
.modal-dialog {
    width: 970px;
    margin: 0px auto;
    max-width: 1150px;
}}
@media (min-width:1200px){
.modal-dialog {
	width: 100%!important;
    margin: 0px auto;
    padding: 0px;
	max-width: 1150px!important;
}
}
@media screen and (max-width: 992px) {
.modal-dialog {
    position: relative;
    margin: 10px auto!important;
    width: 98%!important;
	padding: 40px !important;
}

/* #main{ */
	
	/* max-height: 400px; */
    /* overflow: hidden; */
    /* overflow-y: auto; */
/* } */
}

@media screen and (max-width: 480px) {
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: normal;
}


}

.spec-file {
    cursor: pointer;
    width: 96% !important;
    margin-top: 15px;
    text-align: left;
}

.modal {
    position: relative !important;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #999 !important;
    border: 0px solid rgba(0,0,0,.2) !important;
    border-radius: 0px !important;
    outline: 0;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.5) !important;
    box-shadow: 0 0px 0px rgba(0,0,0,.5) !important;
	border-radius: 0px !important;
    box-shadow: 0px 0px !important;
    border: 0px!important;
}
@media screen (max-width: 1199px) and (min-width: 992px){
.modal-dialog {
    width: 100%!important;
    margin: 0 auto;
    padding: 0;
}
}
.button-checkbox > .required {
    position: absolute;
    color: #fb0000;
    font-size: 19px;
    top: 14px;
    left: auto;
    right: 7%;
}
.accepte-btn .required {
    position: absolute;
    color: #fb0000;
    font-size: 19px;
    top: -2px;
    left: auto;
    right: 3%;
}