@media screen and (max-width: 40em) {
	.codrops-header h1 {
		/*font-size: 2.8em;*/
	}
}

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    width: 100%; 
    font-size: 1rem;
	font-weight: 200;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}

.restade .inputfile + label {
    display: none;
}

/* style 6 */

.inputfile-6 + label {
    color: #000;
}

.inputfile-6 + label {
    border: 1px solid #cccccc;
	border-radius: 0px;
    background-color: #ffffff;
    padding: 0;
}
.inputfile-6 + label:hover {
    border-color: #cccccc;
	background-color: #ffffff;
}
.inputfile-6:focus + label,
.inputfile-6.has-focus + label{
    border-color: #cccccc;
	background-color: #ffffff;
	/*-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 8px rgba(102, 175, 233, 0);
  	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 8px rgba(102, 175, 233, 0);*/
}
.inputfile-6 + label span {
	height: 50px;
  	padding: 10px 15px;
  	line-height: 1.8;
	display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-6 + label strong {
    display:inline-flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	height: 50px;
    background-color: #eae9e8;
	border-left:1px solid #cccccc;
    /*display: inline-block;*/
	font-weight:200;
	/*padding:6px 12px;
  	line-height: 1.8;*/
}
@media screen and (min-width: 500px) { 
	.inputfile-6 + label strong { 
		float:right;
		margin-top:-50px;
	}
	.inputfile-6 + label span { 
		width: 300px;
	}
	.inputfile-6 + label strong { 
		width:40px;
	}
}
.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #eae9e8;
}

@media screen and (max-width: 499.98px) { 
	.inputfile-6 + label strong {
		display: block;
		width: 100%;
		border:1px solid #cccccc;
		border-top: 1px solid #cccccc;
	}
	.inputfile-6 + label span {
	 width:200px;
	}
}

.rstdbtn-outline-dark_warning:hover{color:#fff;background-color:#f0ad4e;border-color:#f0ad4e}
.rstdbtn-outline-dark_warning.focus,.rstdbtn-outline-dark_warning:focus{box-shadow:0 0 0 0rem rgba(47,53,58,0)}
.file_lililopandishwa{
  background-color: #fff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0px;
  height: 50px;
  padding: 3px 12px;
  font-size:1rem;
  line-height: 1.5;
	/*-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 8px rgba(102, 175, 233, 0);
  	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 8px rgba(102, 175, 233, 0);*/
}
.file_lililopandishwa a{
color: #555555;
}