.file-input-wrapper {
	position: relative;
	display: inline-block;
	border: 1px solid #ced4da;
	height: 58px;
	background-color: white;
	border-radius: 0.25rem;
	width: -webkit-fill-available;
}

.file-input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

select.mySelectArrow {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
}

select.mySelectArrow option {
	color: #000;
	padding: 0px 10px;
}

.select:after {
	content: '\25BC';
	position: absolute;
	right: 0;
	border: 0.5px solid #0DB0AB;
	background: #0DB0AB;
	color: #fff;
	padding: 18px 15px;
	pointer-events: none;
	top: 0;
	bottom: 0;
	border-radius: 0rem 0.25rem 0.25rem 0rem;
}

.select {
	position: relative;
}

.label-file {
	background-color: #ECECEC;
	color: #212529;
	padding: 10px 6px 9px 7px;
	cursor: pointer;
	margin: 7px 7px 7px 7px;
	float:left;
}
			
.file-chosen, .register-file-chosen{
	margin-left: 0.3rem;
	float: left;
    margin: 17px 0px 15px 9px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 180px;
	text-align: left;
}

.file-chosen2, .register-file-chosen{
	margin-left: 0.3rem;
	float: left;
    margin: 17px 0px 15px 9px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 180px;
	text-align: left;
}

/***************************************************/

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

	.file-chosen{
		width: 350px;
	}	
	
	.register-file-chosen{
		width: 280px;
	}
}


@media screen and (max-width: 1399px) {
	.register-file-chosen{
		width: 280px;
	}	
		
}

@media screen and (max-width: 1200px) {
	.register-file-chosen{
		width: 180px;
	}	
		
}

@media screen and (max-width: 1024px) {
	.register-file-chosen{
		width: 140px;
	}		
}

@media screen and (max-width: 991px) {
	.register-file-chosen{
		width: 280px;
	}		
}

@media screen and (max-width: 768px) {
	.file-chosen{
		width: 225px;
	}
	
	.register-file-chosen{
		width: 260px;
	}	
							
}

@media screen and (max-width: 767px) {
	.register-file-chosen{
		width: 320px;
	}		
	
	.file-input-wrapper{
		height: 108px !important;
	}							
}

@media screen and (max-width: 468px) {
	.file-chosen{
		width: 125px;
	}
	
	.register-file-chosen{
		width: 220px;
		margin-left: 15px;
		margin-top: 6px;
	}	
	
	.file-input-wrapper{
		height: 108px !important;
	}	
	
	.label-file{
		margin: 7px 10px 7px 10px !important;
		width: -webkit-fill-available;
	}
							
}

@media only screen 
   and (max-width : 375px) 
   and (max-height : 915px) {
	
	.file-input-wrapper{
		height: 108px !important;
	}		
	
	.register-file-chosen {
	    width: 200px;
	    margin-left: 15px;
	}	
}

@media only screen 
   and (max-width : 360px) 
   and (max-height : 915px) {
	
	.register-file-chosen {
	    width: 180px;
	    margin-left: 15px;
	}
}

@media only screen 
  and (max-device-width: 896px) 
  and (max-device-height : 414px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {	
  
	.file-chosen{
		width: 300px;
	}
	
	.register-file-chosen{
		width: 300px;
	}			
	
}

@media screen and (max-width: 280px)
	and (max-device-height : 653px){
			
	.btn-mobile-fold{
		font-size:13px !important;
	}
	
	.padding-fold-mobile{
		padding: 2.5rem !important;
	}
	
	.register-file-chosen {
	    width: 160px;
	    margin-left: 15px;
	}
}