.myFileInput {
opacity: 0;width:1px;height:1px;
}
.myFileLabel {
color:rgba(195,182,182,.9);min-width:300px;width:auto;
}
.myFileBlock {
padding:5px;line-height:30px;margin-top:15px;text-align:center;border: 1px dotted rgba(195,182,182,.9); border-radius:4px; min-height:40px; height:auto;min-width:300px;width:auto;word-break: break-all;
}

.myFileBlockMin {
text-align:center;border: 1px dotted rgba(195,182,182,.9); border-radius:4px; min-height:40px;width:auto;margin-top:5px;
}

.myButtonRed {
font-size:14px;line-height:20px; cursor: pointer;background: #DF314D;color:#fff;width:auto; margin:5px;padding:5px 10px 5px 10px; border-radius:3px;text-align:center;
 }

.myInline{
	display: inline-block;
}

.myPhotoIcon {
height: 20px;
width: 20px;
background: #DF314D url(images/photoIcon.png) 50% 50% no-repeat;
}

.myVideoIcon {
height: 20px;
width: 20px;
background: #DF314D url(images/videoIcon.png) 50% 50% no-repeat;
}

.myAudioIcon {
height: 20px;
width: 20px;
background: #DF314D url(images/soundIcon.png) 50% 50% no-repeat;
}

.myDocIcon {
height: 20px;
width: 20px;
background: #DF314D url(images/docIcon.png) 50% 50% no-repeat;
}

.myItemBlock {
position:relative;text-align:center;cursor:pointer;
}

.myFileSizeBlock {
width:100px;left:50%;margin-left:-50px;background:black;color:white;font-size:14px;line-height:18px;position:absolute;bottom:20px;text-align:center;height:20px;
}

.myRotateButton {
    height: 25px;
    width: 25px;
    z-index: 10;
    background: url(images/rotate.png) no-repeat 50%;
    cursor: pointer;
    position: absolute;
    top: 12px;
    left: 12px;
}

.myDelButton {
	display:none;
	height: 16px;
    width: 16px;
    z-index:10;
    background: #1d2022 url(images/cross_delete.png) no-repeat 50%;
    border-radius: 0 3px 0 3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: pointer;
    transition: opacity 0.15s ease;
position:absolute;top:12px;right:12px;
}
.myDelButton:hover {
    opacity: 0.85!important;
    filter: alpha(opacity=85)!important;
}

.myImgList {
	border:1px solid #dedede;
	padding:2px;
	display:block;
	border-radius:3px;
	width: auto;
    max-width: 150px;
    min-width: 150px;
    max-height: 150px;
    min-height: 150px;
    height: auto;
    margin:0 5% 8px 0;

}

 .myAbsProgress {
 width: 190px;
    left: 50%;
    margin-left: -95px;
    position: absolute;
    bottom: 50px;
    text-align: center;
 }

  .myShowProgressBar {
 position:relative;
 max-width:190px;display:none;
 color: rgba(0,0,0,0.6);
 text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);
 font-size:14px;
 }

 .myProgressResult {
 position:absolute;top:0px; left:30px;z-index:3; line-height: 22px;
 }

 progress[value] {
appearance: none;
border: none;
width: 100%; height: 20px;
background-color: whiteSmoke;
border-radius: 3px;
box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
color: royalblue;
position: relative;
margin: 0 0 1.5em;
}


progress[value]::-webkit-progress-bar {
	background-color: whiteSmoke;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
}

progress[value]::-webkit-progress-value {
	position: relative;

	background-size: 35px 20px, 100% 100%, 100% 100%;
	border-radius:3px;
	animation: animate-stripes 5s linear infinite;
}

@keyframes animate-stripes { 100% { background-position: -100px 0; } }


progress[value]::-webkit-progress-value:after {
	content: '';
	position: absolute;
    width:5px; height:5px;
	top:7px; right:7px;
     background-color: white;
	border-radius: 100%;
}

progress[value]::-moz-progress-bar {
background-image:-moz-linear-gradient( 135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%, transparent 66%),
-moz-linear-gradient( top,rgba(255, 255, 255, .25),rgba(0,0,0,.2)),
-moz-linear-gradient( left, #09c, #f44);
background-size: 35px 20px, 100% 100%, 100% 100%;
border-radius:3px;
}


.progress-bar {
	background-color: whiteSmoke;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
    width: 100%; height:20px;
}

.css3::-webkit-progress-value,
.php::-webkit-progress-value
{background-image:-webkit-linear-gradient( 135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),
-webkit-linear-gradient( top,rgba(255, 255, 255, .25),rgba(0,0,0,.2)),
-webkit-linear-gradient( left, #09c, #ff0);
}

.css3::-moz-progress-bar,
.php::-moz-progress-bar {
background-image:-moz-linear-gradient( 135deg,transparent,transparent 33%, rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),
-moz-linear-gradient( top,rgba(255, 255, 255, .25),rgba(0,0,0,.2)),
-moz-linear-gradient( left, #09c, #ff0);
}

#allSize {
min-height:30px;text-align:left;width:auto;font-size:14px;line-height:18px;
}

.buttonRedDisabled {
    background-color: #ee8208;
    opacity: .5;
    cursor: default;
    color: #fff;
    width: auto;
    margin: 5px;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    text-align: center;
}

.myInfoReturnStatusVideo {
    position: absolute;
    right: 0;
    left: 5px;
    z-index: 9999;
    cursor: pointer;
    height:auto;
    width: 200px;
    border-radius: 5px;
    background: rgba(0,0,0,.7);
    -webkit-animation: myInfoReturnStatusVideo 2s linear infinite;
	animation: myInfoReturnStatusVideo 2s linear infinite;
	font-weight: bold;
	color: #F00;
	padding:5px;
}

@-webkit-keyframes myInfoReturnStatusVideo {
	0% { color: #F00; }
	50% { color: #FBB; }
	100% { color: #F00; }
}

@keyframes myInfoReturnStatusVideo {
	0% { color: #F00; }
	50% { color: #FBB; }
	100% { color: #F00; }
}


.myShowUploaderMsg {
    position: absolute;
    display:none;
    top: 5px;
    left: 5px;
    z-index: 9999;
    cursor: pointer;
    height:auto;
    width: auto;
    border-radius: 5px;
    background: rgba(0,0,0,.7);
    -webkit-animation: myShowUploaderMsg 2s linear infinite;
	animation: myShowUploaderMsg 2s linear infinite;
	font-weight: bold;
	color: #F00;
	padding:5px;
}

@-webkit-keyframes myShowUploaderMsg {
	0% { color: #F00; }
	50% { color: #FBB; }
	100% { color: #F00; }
}

@keyframes myShowUploaderMsg {
	0% { color: #F00; }
	50% { color: #FBB; }
	100% { color: #F00; }
}

.myCheckBoxInFile {
display:none;position:absolute;top:10px;left:10px;z-index:1;
}

.myMobileMenu {
height: 16px;
    width: 16px;
    z-index:10;
    border-radius: 0 3px 0 3px;
     cursor: pointer;
     position:absolute;top:12px;right:12px;
     opacity: 0.85!important;
    filter: alpha(opacity=85)!important;
     background: #1d2022;
    padding:5px 0 0 3px;
    display:none;
    margin: 0 0 10px 10px;

}

.myMenuIcon {
height:2px;
width:12px;
background:#fff;
border-radius: 1px;
margin-bottom:2px;
}

.myGifPlayIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #000;
    background: rgba(0,0,0,.5) url(images/video_play_small.png?1) 19px 13px no-repeat;
    -o-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    will-change: opacity;
}
.myBlockInfo {
position:absolute;bottom:5px;width:100%;text-align:center;display:none;
}

.mySubmitbt {
    display: inline-block;
    font-family: arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: rgb(68,68,68);
    text-decoration: none;
    padding: .2em 0.6em;
    outline: none;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px;
    background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
    transition: all .218s ease 0s;

    }

     .myBcopy {
 width:110px;margin-top:3px;margin-bottom:7px;cursor:pointer;
 }

.myCopyInfo {
 position:absolute;opacity:0;width:100px;word-break: break-all;
 }

 .myembed-responsive .myembed-responsive-item, .myembed-responsive embed, .myembed-responsive iframe, .myembed-responsive object, .myembed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

   .myembed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
 .mymobileVideo {
 padding-bottom: 56.25%;
 }