.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
	.inputfile + label {
		font-size: 1.25em;
		font-weight: 700;
		color: white;
		background-color: black;
		display: inline-block;
	}

		.inputfile:focus + label,
		.inputfile + label:hover {
			background-color: red;
		}
		.inputfile + label * {
			pointer-events: none;
		}

.imgcontainer img {
	width: 100%;
	padding: 1%;
	position: relative;
	z-index: 2;
    display: block;
    margin: auto;
    float: none;
}

label.uploadbutton {
	background: url(../Content/images/icons-png/upload-icon.png) no-repeat top center;
	background-size: contain;
	height: 100%;
	padding: 0px;
}

.imgcontainer {
	margin-left: 4% !important;
}



.uploadicon {
	width: 30px;
	height: 30px;
	z-index: 3;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
	background: url('../Content/images/icons-png/upload-icon.png') no-repeat center center;
}
.deleteicon {
	width: 50px;
	height: 50px;
	z-index: 3;
	position: absolute;
	bottom: 0%;
	left: 45%;
	margin: -20px 0 0 -20px;
	background: url('../Content/images/icons-png/trash.png') no-repeat center center;
	background-size:contain;
}
@media screen and (min-width: 321px) and (max-width: 667px) {
    .imgthumbdiv {
        width: 22%;
        height: 150px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        margin: 1%;
        vertical-align: top;
    }

    .uploadthumbdiv {
        width: 22%;
        height: 150px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        margin: 1%;
    }
}
@media screen and (max-width: 320px) {
    .imgthumbdiv {
        width: 22%;
        height: 150px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        margin: 1%;
        vertical-align: top;
    }

    .uploadthumbdiv {
        width: 22%;
        height: 150px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        margin: 1%;
    }
}
@media screen and (min-width: 668px) {
    .imgthumbdiv {
        width: 14%;
        height: 180px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        margin: 1%;
        vertical-align: top;
    }

    .uploadthumbdiv {
        width: 14%;
        height: 180px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        margin: 1%;
    }
}
#oOutput {
    text-align: center;
    font-weight: 700;
    display: inline-block;
    margin-left: 5.2%;
    text-transform: uppercase;
    padding-top: 10px;
    color: #00aeef;
}
img.imgmulti {
opacity: .3;
padding-top: 10px;

}
.imgthumbdiv.multi {
    margin-left: -80px !important;
    z-index: 1;
    background: #ffffff;
}