﻿.up1_block input[type="file"]{
    display:none;
}
.up1_block label{
    /* File Select BUTTON */
    display:inline-block;
    background-color:#00a074;
    color:#ffffff;
    padding:7px 39px 7px 15px;
    font-weight:normal;
    line-height:normal;
    font-size:10pt;
    vertical-align:middle;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
    cursor:pointer;
    transition: all 0.3s ease 0s;
    background-image:url('images/clip_white.svg');
    background-position:right 9px center;
    background-repeat:no-repeat;
    background-size:23px 23px;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
}
.up1_block label:hover{
    background-color:#008963;
}
.up1_block label img{
    width:20px;
    vertical-align:middle;
    margin-left:5px;
}
.up1_preview_1{
    display:none;
    background-color:#ffffff;
    border:solid 1px #d9d9d9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
    color:#000000;
    padding:3px;
    width:100%;
}
.up1_fileinfo, .up1_btn_upload, .up1_btn_ignore {
    display:inline-block;
    vertical-align:middle;
    padding:7px 5px;
}
.up1_fileinfo{
    font-size:11pt;
}
.up1_btn_v2{
    color:#ffffff;
    font-weight:normal;
    line-height:normal;
    font-size:9pt;
    vertical-align:middle;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
    cursor:pointer;
    transition: all 0.3s ease 0s;
    background-position:right 5px center;
    background-repeat:no-repeat;
    background-size:24px 24px;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
}
.up1_btn_upload{
    background-color:#00a074;
    padding:7px 33px 7px 10px;
    background-image:url('images/upload_white.svg');
}
.up1_btn_upload:hover{
    background-color:#008963;
}
.up1_btn_ignore_red{
    background-color:#d32020 !important;
}
.up1_btn_ignore_red:hover{
    background-color:#b61616 !important;
}

.up1_btn_ignore{
    background-color:#858585;
    padding:7px 29px 7px 10px;
    background-image:url('images/cancel.svg');
    background-size:18px 18px;
}
.up1_btn_ignore:hover{
    background-color:#585858;
}

#up1_overlay{
	margin: 0;
	padding: 0;
	position: absolute;
	width: 1px;
	height: 1px;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.95);
	z-index: 90;
	vertical-align: middle;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
    display:flex;
    backdrop-filter: blur(.5px) grayscale(100%);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}



.up1_Progress1{
	width:90%;
    max-width:300px;
	height:22px;
	border:solid 1px #d4d4d4;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#f7f7f7;
    margin:auto auto;
    direction:ltr;
    text-align:left;
    padding:1px;
}

.up1_Progress2{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
    width:1%;
	min-width:22px;
	text-align:right;
	color:#ffffff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	font-size:7pt;
	padding:4px 4px 1px 2px;
	line-height:10pt !important;
	background: -webkit-linear-gradient(
	135deg,
	#23CBA8 25%, #10BC99 25%,
		#10BC99 50%, #23CBA8 50%,
		#23CBA8 75%, #10BC99 75%
	);
  
	background: -moz-linear-gradient(
	135deg,
	#23CBA8 25%, #10BC99 25%,
		#10BC99 50%, #23CBA8 50%,
		#23CBA8 75%, #10BC99 75%
	);
  
	background: -o-linear-gradient(
	135deg,
	#23CBA8 25%, #10BC99 25%,
		#10BC99 50%, #23CBA8 50%,
		#23CBA8 75%, #10BC99 75%
	);
	background-size: 40px 40px;
	-webkit-animation: bar-animation 2s linear infinite;
}
@-webkit-keyframes bar-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 40px 40px;
  }
}
.up1_uploaded{
    color:#00a074;
}