.clone_item {
	display:none;
}

.loading {
	/* padding-top:33px; */
}

.multibox {
	/* background:#F9F9F9;
 	border: 1px solid #CCCCCC;
    float: left;
    margin: 3px;
    padding: 3px;
    width: 137px;
	text-align:center;
	height:105px;
	
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    transition-property: background;
    transition-duration: 0.2s;
    transition-timing-function: linear;
	 -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	 */
	cursor: pointer;
    border: 2px dashed #ddd;
    text-align: center;
    color: #ddd;
    z-index: 20;
	-webkit-transition: none;
    transition: none;
    width: 100%;
    margin: 0;
    height: auto;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
	max-height: 300px;
	position: relative;
}


.multibox:hover {
	/* background:#fafafa; */
	border-color: #ff7572;
    color: #ff7572;
}

.multibox .loading {
    height: 115px;
    position: relative;
}

.multibox .loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	transform-origin: center;
}

.multibox.file {
	margin-bottom: 15px;
}

.maintext{
	position: relative;
	width: 129px;
	height:24px;
	margin: 0px;
	font-size: 10px;
	text-transform: uppercase;
	padding: 4px;
	color: #FFF;
	background-color: #000;
	top: -24px;
	opacity: 0.5;
	text-align: center;
	font-family: "Verdana";
	line-height:15px;
}

.uploadButton {
	/* //background:#E6E6E6;
	font-family: "Verdana";
    font-size: 10px;
    height: 105px;
    //padding: 10px 7.5px;
    text-align: center;
    width: 137px; */
	cursor: pointer;
	border: 2px dashed #ddd;
    text-align: center;
    color: #ddd;
    z-index: 20;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 100%;
    margin: 0;
    height: auto;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
	max-height: 300px;
	clear: both;
	margin-bottom: 15px;
}

.uploadButton i {
	text-align: center;
    font-size: 100px;
    color: #ddd;
}

.uploadButton:hover {
	border-color: #ff7572;
	color: #ff7572;
}

.uploadButton:hover i {
	color: #ff7572;
}

.uploadButton img {
	width: 50px;
	margin-left: auto;
    margin-right: auto;
	  margin-top: 10px;
  margin-bottom: -20px;
}

.uploadButton:active img {
	position:relative;
	top:1px;
	left:1px;
}

.multibox hr {
	border:none;
	border-top:1px solid #f0f0f0;
}
/* 
.main {
	background:#C0C0C0 !important;
	border:1px solid #AAA !important;
} */

.orakuploaderFileInput { /* read only pls */
	visibility:hidden;
	position:absolute;
	top:-50;
	left:-50;
}

.picture_uploaded {
	max-width:100%;
	max-height:100%;
	margin-left: auto;
    margin-right: auto;
	height: 150px;
}

.picture_delete {
	/* background: url(../images/delete.png) no-repeat;
 	cursor: pointer;
    height: 24px;
    left: 115px;
    margin-top: -24px;
    position: relative;
    top: 12px;
    width: 23px; */
	cursor: pointer;
    position: absolute;
    right: -30px;
    top: -2px;
    width: 30px;
    height: 30px;
    background: #FF7572;
    line-height: 30px;
    color: #FFF;
}

.rotate_picture {
	/* background: url(../images/rotate.png) no-repeat;
 	cursor: pointer;
    height: 24px;
    left: 90px;
    margin-top: -24px;
    position: relative;
    top: 12px;
    width: 23px; */
	cursor: pointer;
	position: absolute;
    right: -30px;
    top: 28px;
    width: 30px;
    height: 30px;
    background: #BCBCBC;
    /* line-height: 30px; */
    line-height: 34px;
    color: #FFF;
}

.select_ck {
    cursor: pointer;
    position: absolute;
    right: -30px;
    top: 58px;
    width: 30px;
    height: 30px;
    background: #428bca;
    line-height: 30px;
    color: #FFF;
}

.clear {
	clear:both;
}

.DragAndDropHover {
	border: 2px dashed #777 !important;
}

input[type=file].orakuploaderFileInput {
	display: none;
}

@media (max-width: 767px) {
	.multibox {
		padding-right: 0px;
	}
	.uploadButton {
		padding-right: 0px;
	}
	.picture_delete {
		right: -2px;
	}
	.rotate_picture {
		right: -2px;
	}
	.select_ck {
		right: -2px;
	}
}

@media (min-width: 768px) {
	.multibox.multi_file .loading {
		height: 90px;
	}
	
	.multibox.file.multi_file {
		width: -moz-calc(33.33% - 35px);
		width: -webkit-calc(33.33% - 35px);
		width: -o-calc(33.33% - 35px);
		width: calc(33.33% - 35px);
		float: left;
		margin-right: 35px;
	}

	.multibox.file.multi_file .picture_uploaded {
		height: 90px;
	}
}