/*
 * SlashUploader - JS plugin - Version 1.5.8
 * http://slashuploader.com/
 * Copyright (c) 2018-present Slash Apps Development, http://slash.co.il/
 * Licensed under the MIT License [https://en.wikipedia.org/wiki/MIT_License]
 */

.slash_uploader_form {
	width: 0; height: 0;
	margin: 0; padding: 0; display: none;
}
.slash_uploader .uploader_container {
	margin: 0; padding: 0; display: inline;
	font-family: Arial, Helvetica, sans-serif; font-size: 13px;
}
.slash_uploader:not(.rtl) {
	direction: ltr;
}
.slash_uploader .uploader_container .uploader_div {
	min-height: 30px;
	width: 100%;
	/*height: 100%;*/
	border-collapse: separate;
}
.slash_uploader.loading_bar .uploader_container .uploader_div {
	height: calc(100% - 25px);
}
.slash_uploader .uploader_div .uploader_drop_area_wrapper {
	width: 50%;
	/*height: 100%;*/
	position: relative;
	float: left;
	overflow: hidden;
}
.slash_uploader.rtl .uploader_drop_area_wrapper {
	float: right;
}
.slash_uploader .uploader_drop_area {
	border: 1px solid #09F;
	color: #0080D6;
	position: absolute;
	overflow: hidden;
	display: block;
	text-align: center;
	border-radius: 4px;
	z-index: 4;
	display: table;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.slash_uploader .uploader_drop_area .uploader_text {
	display: table-cell;
	vertical-align: middle;
}
.slash_uploader .uploader_drop_area .uploader_text .uploader_text_container {
	overflow: hidden;
}
.slash_uploader.rtl .uploader_drop_area .uploader_text {
	direction: rtl;
}
.slash_uploader.uploading .uploader_drop_area .uploader_text .uploader_text_container,
.slash_uploader .uploader_drop_area .uploader_cancel span {
	background: white;
	display: inline;
	padding: 3px;
	line-height: 21px;
	box-shadow: 3px 0 0 white, -3px 0 0 white;
	/*box-decoration-break: clone;*/
}
.slash_uploader .uploader_drop_area .uploader_cancel {
	position: absolute;
	bottom: 5px; right: 5px;
	z-index: 2;
	display: none;
}
.slash_uploader.rtl .uploader_drop_area .uploader_cancel {
	right: auto; left: 5px;
	direction: rtl;
}
.slash_uploader .uploader_drop_area .uploader_cancel span {
	color: red;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}
.slash_uploader .uploader_drop_area_bottom,
.slash_uploader .uploader_drop_area_bottom_bg, 
.slash_uploader .uploader_drop_area_middle {
	position: absolute;
	border-radius: 4px;
	overflow: hidden;
	vertical-align: middle;
}
.slash_uploader .uploader_drop_area_bottom {
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}
.slash_uploader.rtl .uploader_drop_area_bottom {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}
.slash_uploader[data-file-progress='99'] .uploader_drop_area_bottom,
.slash_uploader[data-file-progress='100'] .uploader_drop_area_bottom
{
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.slash_uploader .uploader_drop_area_bottom,
.slash_uploader .uploader_drop_area_bottom_bg,
.slash_uploader .uploader_drop_area_middle,
.slash_uploader .uploader_drop_area {
	height: 100%;
	width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.slash_uploader .uploader_drop_area_bottom_bg {
	background: #FFF;
	z-index: 1;
}
.slash_uploader .uploader_drop_area_bottom {
	background: #E5F5FF;
	z-index: 2;
}
.slash_uploader.rtl .uploader_drop_area_bottom {
	left: auto;
	direction: rtl;
}
.slash_uploader .uploader_drop_area_middle {
	z-index: 3;
}
.slash_uploader .uploader_drop_area_bottom img,
.slash_uploader .uploader_drop_area_middle img {
	filter: blur(1px);
	-webkit-filter: blur(0.8px);
	-moz-filter: blur(0.8px); 
	-o-filter: blur(0.8px); 
	-ms-filter: blur(0.8px); 
	/*filter: url(#blur);*/ /* Removed - causes problems on Firefox, Chrome, ect. */
	filter:progid: DXImageTransform.Microsoft.Blur(PixelRadius='1');
	position: relative;
	left: -1px;
	top: 50%;
	transform: translateY(-50%);
}
.slash_uploader .uploader_drop_area_bottom img {
	opacity: 0.65;
}
.slash_uploader .uploader_drop_area_middle img {
	opacity: 0.15;
}
.slash_uploader:not(.hover):not(.dragged_over) .uploader_drop_area {
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
.slash_uploader.hover .uploader_drop_area {
	background: #E5F5FF;
    padding: 0px 0px 0px 0px;
}
.slash_uploader.dragged_over .uploader_drop_area {
	background: #E5F5FF;
	border: 2px dashed #09F;
    padding: 0px 0px 0px 0px;
}
.slash_uploader.dragged_enter .uploader_drop_area {
	background: #FFFFFF;
	border: 2px dashed #09F;
    padding: 0px 0px 0px 0px;
}
.slash_uploader.show_focus_rect.focused .uploader_drop_area_wrapper {
	outline-width: 1px;
	outline-style: solid;
	outline-color: Highlight;
}
.slash_uploader .uploader_drop_area .uploader_spinner {
	top: 4px; left: -3px;
}
.slash_uploader.rtl .uploader_drop_area .uploader_spinner {
	left: 3px;
}
.slash_uploader .uploader_drop_area .input_wrapper {
	width: 100%; height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	direction: ltr !important;
}
/*
.slash_uploader .uploader_drop_area input {
	position: absolute; right: 0px; top: 0px;
	font-family: Arial;
	margin: 0; padding: 0;
	font-size: 240px;
	height: 6000px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity = 0);
	direction: ltr !important;
	width: auto !important;
}
*/
.slash_uploader .uploader_drop_area input,
.slash_uploader .uploader_drop_area_custom input {
	position: absolute; left: 0px; top: 0px;
	font-family: Arial;
	margin: 0; padding: 0;
	cursor: pointer;
	/*height: 100px;*/
	height: 40px;
	width: 200px;
	font-size: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.slash_uploader .uploader_drop_area_custom {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.slash_uploader.disabled {
	cursor: default;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50);
}

/*

	Progress Bar

*/
.slash_uploader .uploader_progress_container {
	padding-top: 5px;
	height: 20px;
	float: left;
	width: 100%;
	overflow: hidden;
}
.slash_uploader .uploader_progress_container>table {
	width: 100%;
	border-spacing: 0; border-collapse: collapse; border: none;
}
.slash_uploader.rtl .uploader_progress_container table {
	direction: rtl;
}
.slash_uploader .uploader_progress_container .uploader_progress_bar {
	width: auto;
}
.slash_uploader .uploader_progress_container .uploader_progress_bar>div {
	width: 100%; height: 12px; border: 1px solid black;
	padding: 1px 1px 1px 1px;
}
.slash_uploader .uploader_progress_container .uploader_progress_bar>div>div {
	background: #09F; height: 100%;
	width: 100%; 
}
.slash_uploader .uploader_progress_bar_padding {
	width: 10px;
}
.slash_uploader .uploader_progress_bar_loading_padding {
	width: 3px;
}
.slash_uploader .uploader_progress_bar_loading {
	width: 20px;
}
.slash_uploader .uploader_progress_bar_text {
	width: 1%;
    white-space: nowrap;
    /*max-width: 250px;*/
    max-width: 60%;
    overflow: hidden;
}
.slash_uploader.rtl .uploader_progress_bar_text {
	text-align: right;
}
.slash_uploader .uploader_progress_container .uploader_progress_bar div div {
	width: 0%;
}
/*

	Spiner animation

*/
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.slash_uploader .uploader_spinner {
    position: relative;
    left: 0px;
    top: 0px;
    width: 14px;
    height: 14px;
    border-radius:50%;
    display:inline-block;
    border: 2px solid #09F;
    border-right: 2px solid rgba(0, 153, 255, 0.25);
    border-bottom: 2px solid rgba(0, 153, 255, 0.25);
    border-left: 2px solid rgba(0, 153, 255, 0.25);
    -webkit-animation: spin 1s ease infinite;
    -moz-animation: spin 1s ease infinite;
    animation: spin 1s ease infinite;
}
.slash_uploader .uploader_progress_bar_loading .uploader_spinner {
	display: block;
}
/*

	Upload results

*/
.slash_uploader .uploader_result_wrapper {
	padding-right: 6px;
	padding-left: 6px;
	overflow: hidden; vertical-align: bottom;
	word-break: break-word;
	/*width: calc(50% - 25px);*/
	width: calc(50% - 12px);
	float: left;
	min-height: 100%;
	display: table;
	text-align: left;
}
.slash_uploader.rtl .uploader_result_wrapper {
	float: right;
	text-align: right;
}
.slash_uploader .uploader_result {
	height: 100%;
	display: table-cell;
	vertical-align: bottom;
}
.slash_uploader .uploader_result.error {
	color: red;
	/*word-break: normal;*/
	word-break: break-word;
}
.slash_uploader.rtl .uploader_result.error {
	text-align: right;
	direction: rtl;
}
.slash_uploader .uploader_delete_btn div {
	position: relative;
	top: 2px;
	border: none;
	width: 16px; height: 16px;
	display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAeUlEQVQ4jdWSUQoDIQxEX4oX2IP1Skrmwj1C+qPgrutSl360D8RJMGEStIjgiKQhmXO2Y87MICJ2x93jjJrfvQUwdx8tfEgpxVK1t1wsCYDUB7e4mntG2wfAY2btSvcMDVb54wZtJz84Qv8rZ/qrDlK9N0mvhbpnE2+HaoSqJnzSpgAAAABJRU5ErkJggg==);
}
.slash_uploader .uploader_result_file {
	min-width: 40px;
	word-break: break-all;
}
.slash_uploader .uploader_result_file a {
	color: #09F;
}
.slash_uploader.rtl .uploader_result_file {
	direction: rtl;
}
.slash_uploader.disabled .uploader_delete_btn,
.slash_uploader.disabled .uploader_delete_btn div,
.slash_uploader.disabled .uploader_delete_btn a {
	cursor: default !important;
}
/*

	IE @media

*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE only */
	.slash_uploader.disabled .uploader_drop_area_bottom_bg {
		display: none;
	}
}
@media \0screen { /* IE8 only */
    .slash_uploader .uploader_drop_area input {
		width: 200px !important;
    }
    .slash_uploader .uploader_drop_area input,
    .slash_uploader .uploader_drop_area_custom input {
	    border: none;
	    outline: none;
	    outline-style: none;
	}
	.slash_uploader .uploader_drop_area input,
	.slash_uploader .uploader_drop_area_custom input {
		font-size: 240px;
	}
    .slash_uploader .uploader_result_wrapper {
    	height: 96%;
    }
	.slash_uploader.disabled .uploader_drop_area_wrapper,
	.slash_uploader.disabled .uploader_drop_area,
	.slash_uploader.disabled .uploader_text
	{
		filter: alpha(opacity = 50);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50);
	}
	.slash_uploader.loading_bar .uploader_container .uploader_div {
		height: 80%;
	}
	.slash_uploader .uploader_progress_container {
		padding-top: 0;
	}
	.slash_uploader .uploader_progress_bar_loading,
	.slash_uploader .uploader_progress_bar_loading_padding {
		display: none;
	}
	.slash_uploader .uploader_spinner {
		display: none;
	}
	.slash_uploader .uploader_result_wrapper {
		word-break: normal;
		width: 45%;
	}
	.slash_uploader .uploader_result.error {
		word-break: normal;
	}

}
@media screen and (min-width:0) and (min-resolution: .001dpcm) { /* IE9 Only */
	.slash_uploader .uploader_drop_area input,
	.slash_uploader .uploader_drop_area_custom input {
		font-size: 240px\9;
	}
	.slash_uploader .uploader_progress_bar_loading,
	.slash_uploader .uploader_progress_bar_loading_padding {
		display: none\9;
	}
	.slash_uploader .uploader_spinner {
		display: none\9;
	}
	.slash_uploader .uploader_result_wrapper {
		width: 45%\9;
	}
	.slash_uploader .uploader_drop_area,
	.slash_uploader .uploader_drop_area_bottom_bg
	{
		width: 99%\9;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10 + IE11 only */
	.slash_uploader .uploader_drop_area input,
	.slash_uploader .uploader_drop_area_custom input {
		font-size: 240px;
	}
	.slash_uploader .uploader_drop_area,
	.slash_uploader .uploader_drop_area_bottom_bg
	{
		width: 99%;
	}
	*::-ms-backdrop, .slash_uploader .uploader_drop_area { /* IE11 */
		width: 100%;
	}
	*::-ms-backdrop, .slash_uploader .uploader_drop_area_bottom_bg { /* IE11 */
		width: 100%;
	}
}

@media (max-width: 640px) {
	.slash_uploader[data-show-uploaded-files='default'] .uploader_drop_area_wrapper {
		width: 100% !important;
	}
	.slash_uploader[data-show-uploaded-files='default'] .uploader_result_wrapper {
		height: auto !important;
		width: calc(100% - 25px);
		display: block;
	}
	.slash_uploader[data-show-uploaded-files='default'] .uploader_result {
		display: inline;
	}
	.slash_uploader[data-show-uploaded-files='default'] .uploader_result_file:first-child {
		padding-top: 5px;
	}
	.slash_uploader[data-show-uploaded-files='default'] .uploader_progress_bar_padding {
		width: 4px;
	}
	.slash_uploader .uploader_drop_area .uploader_spinner {
		width: 12px;
		height: 12px;
		top: 4px;
	}
	.uploader_progress_bar_text {
		font-size: 14px;
	}
}
/* default / below / beside */

.slash_uploader[data-show-uploaded-files='below'] .uploader_drop_area_wrapper {
	width: 100% !important;
}
.slash_uploader[data-show-uploaded-files='below'] .uploader_result_wrapper {
	height: auto !important;
	width: calc(100% - 25px);
	display: block;
}
.slash_uploader[data-show-uploaded-files='below'] .uploader_result {
	display: inline;
}
.slash_uploader[data-show-uploaded-files='below'] .uploader_result_file:first-child {
	padding-top: 5px;
}
.slash_uploader[data-show-uploaded-files='below'] .uploader_progress_bar_padding {
	width: 4px;
}
