.text-bubble{
    text-align: center;
    margin-left: -11px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    margin-top: 4px;
    position: absolute;
    cursor: pointer;
}
.gender{
    margin-top: 29%;
    margin-left: 6%;
    cursor: pointer;
}
.nom{
    margin-top: 31%;
    margin-left: 4%;
    cursor: pointer;
}
.prenom{
    margin-top: 33%;
    margin-left: 5%;
    cursor: pointer;
}
.address{
    margin-top: 34.6%;
    margin-left: 6%;
    cursor: pointer;
}
.postal_code{
    margin-top: 38.3%;
    margin-left: 7%;
    cursor: pointer;
}
.ville{
    margin-top: 40.1%;
    margin-left: 3.9%;
    cursor: pointer;
}
.email{
    margin-top: 41.9%;
    margin-left: 4.7%;
    cursor: pointer;
}

.shop{
    margin-top: 46.7%;
    margin-left: 12.7%;
    cursor: pointer;
}

.date_of_pruchase{
    margin-top: 50.4%;
    margin-left: 7.7%;
    cursor: pointer;
}

.product{
    margin-top: 51.9%;
    margin-left: 13.4%;
    cursor: pointer;
}

.p_proof{
    margin-top: 53.9%;
    margin-left: 14.1%;
    cursor: pointer;
}
.bi-lrg{
    font-size: 50px;
}
.bi-m{
    font-size: 25px; 
}

.text-bubble-m {
    text-align: center;
    margin-left: -13px;
    font-size: 8px;
    font-weight: 700;
    color: #fff;
    margin-top: 5px;
    position: absolute;
    cursor: pointer;
}

.bi-custom{
    background-color: #f69f34 !important;
    border: unset !important;
    padding: 2px 3px 2px 3px;
    border-radius: 3px;
    font-size: 20px;
    line-height: 0;
}
.text-warning{
    color:#F69F34 !important;
}
.btn-warning{
    background-color:#F69F34 !important;
}
.form-sidebar{
    height: 58vh; 
    width: 100%; 
    overflow-y: scroll;
    overflow-x: hidden;
}


#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


#style-2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #f69f34;
}

.upload-files-container {
	background-color: #fff10c0a;
	width: 340px;
	border-radius: 20px;
}
.drag-file-area {
	border: 2px dashed #f69f34;
	border-radius: 20px;
	margin: 10px 0 15px;
	padding: 30px 50px;
	width: 340px;
	text-align: center;
}
.drag-file-area .upload-icon {
	font-size: 50px;
}
.drag-file-area h3 {
	font-size: 16px;
	margin: 15px 0;
}
.drag-file-area label {
	font-size: 16px;
    margin-left: -32px;
    position: inherit;
}
.drag-file-area label .browse-files-text {
	color: #f69f34;
	font-weight: bolder;
	cursor: pointer;
}
.browse-files span {
	position: relative;
	top: -25px;
}
.default-file-input {
	opacity: 0;
}
.cannot-upload-message {
	background-color: #ffc6c4;
	font-size: 17px;
	display: flex;
	align-items: center;
	margin: 5px 0;
	padding: 5px 10px 5px 30px;
	border-radius: 5px;
	color: #BB0000;
	display: none;
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.cannot-upload-message span, .upload-button-icon {
	padding-right: 10px;
}
.cannot-upload-message span:last-child {
	padding-left: 20px;
	cursor: pointer;
}
.file-block {
	color: #f7fff7;
	background-color: #f69f34;
  	transition: all 1s;
	width: 390px;
	position: relative;
	display: none;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0 15px;
	padding: 10px 20px;
	border-radius: 25px;
	cursor: pointer;
}
.file-info {
	display: flex;
	align-items: center;
	font-size: 15px;
}
.file-icon {
	margin-right: 10px;
}
.file-name, .file-size {
	padding: 0 3px;
}
.remove-file-icon {
	cursor: pointer;
}
.progress-bar {
	display: flex;
	position: absolute;
	bottom: 0;
	left: 4.5%;
	width: 0;
	height: 5px;
	border-radius: 25px;
	background-color: #4BB543;
}
.upload-button {
	font-family: 'Montserrat';
	background-color: #7b2cbf;
	color: #f7fff7;
	display: flex;
	align-items: center;
	font-size: 18px;
	border: none;
	border-radius: 20px;
	margin: 10px;
	padding: 7.5px 50px;
	cursor: pointer;
}