/*[ANTOjosedop@gmail.com, 2014-11-26]*/
#hidden_frame{width:0;height:0;display:none;}
#outputFrame{position:absolute;top:2%;left:1%;height:96%;width:98%;border:0;}
#hideOutput{position:absolute; top:5px; right:10px; background-color:rgb(105, 94, 94); height:30px; width:30px;
border-radius: 20px; cursor:pointer; font-size:20px; font-weight:800; color:#fff;display: none;}
#o-convert {min-height:25px; margin:2px 0px; padding:10px; background:#e6e6e2;}
.o-convert-border {border:2px dashed #8c8c8c;}

#o_text{font-size:21px; float:left; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; color:#343434; margin:0px; padding:0px;}
#o_superscript{margin-top:20px;}
#converterError{color:red;font-family:monospace,monospace;}
.outputDiv_small{display:none;position:relative;width:100%;height:610px;background-color:rgba(0,0,0,0);}
.outputDiv_full{display:block;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.6);z-index:1000;}
.uploadContainer{ margin:0px; padding:0px;}
.uploadContainer form { margin:0px; padding:0px;}
.samplePres{float: right;margin:0px; color: #737373; font-size:14px; font-weight: 600; position: relative; top: 5px; text-decoration: underline !important;}
#previewDiv{height: 30px;position: relative;display: none;margin-top: 30px;}
.preview_btn{color: rgb(65, 65, 65);cursor:pointer;font-weight:700;opacity:0.8;filter:alpha(opacity=80);}
.preview_btn:hover{opacity: 1;}
.down_btn{color: rgb(65, 65, 65);border:0px;cursor:pointer;top:0px;font-weight:700;opacity:0.8;filter:alpha(opacity=80);}
.down_btn:hover{opacity: 1;}
.file-upload-input {overflow:hidden;width:35%;height:38px;font-size:14px;padding:5px 10px;border:2px solid #cacaca; background-color:#fff;float:left;color:#8B8B8B;white-space:nowrap;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.select_btn {float: left;cursor: pointer;display: inline-block;position: relative;color: #2F2F2F;font-size: 16px;font-weight: 700;
padding: 0 0;margin-left: -2px;background: #eeeeee;border: 2px solid #cacaca; height:38px; animation: pulse 1.5s linear .5s infinite;}
.select_btn span{position: absolute; top: 5px; width: -webkit-fill-available; text-align: center; left: 0px; cursor: pointer; font-size: 16px;}
.select_btn input {position: relative;cursor: pointer;display: block !important;width: 180px !important;
height:35px !important;opacity: 0 !important;filter: alpha(opacity=0);overflow: hidden !important; cursor:pointer;}
.select_btn:hover {background: #cacaca;}
#fileUpload{cursor: pointer;position: relative;color: #fff;font-size: 16px;font-weight: 700;text-transform: uppercase; margin-left: 5px;padding: 5px 15px;width:180px;height:38px;background:#449d44; border-color: #398439; border:1px solid ; float: left;}
#progressContainer{display:none;}
.loading-container {background-color:rgb(236,236,236);width:100%;height:25px;border-radius:3px;
-moz-border-radius:3px;
box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 3px rgba(0,0,0,0.5);
margin:0 auto;margin-bottom:10px;margin-top:10px;text-align:center;color:#222;line-height: 25px;position:relative;}
.loading_text{height:20px;top:0;left:0;width:100%;text-align:center;position:absolute;text-shadow: 0 0px 8px #fff;}
.loading-upload {
background-image:-moz-linear-gradient(46% 94% 90deg,rgb(92,181,25) 0%,rgb(92,181,25) 1%,rgb(216,242,152) 99%,rgb(216,242,152) 100%);
background-image:-webkit-gradient(linear,46% 94%,46% 7%,color-stop(0, rgb(92,181,25)),color-stop(0.01, rgb(92,181,25)),color-stop(0.99, rgb(216,242,152)),color-stop(1, rgb(216,242,152)));
background-image:-webkit-linear-gradient(90deg,rgb(92,181,25) 0%,rgb(92,181,25) 1%,rgb(216,242,152) 99%,rgb(216,242,152) 100%);
background-image:-o-linear-gradient(90deg,rgb(92,181,25) 0%,rgb(92,181,25) 1%,rgb(216,242,152) 99%,rgb(216,242,152) 100%);
background-image:-ms-linear-gradient(90deg,rgb(92,181,25) 0%,rgb(92,181,25) 1%,rgb(216,242,152) 99%,rgb(216,242,152) 100%);
background-image:linear-gradient(90deg,rgb(92,181,25) 0%,rgb(92,181,25) 1%,rgb(216,242,152) 99%,rgb(216,242,152) 100%);
width:0%;height:25px;top:0;left:0;position:absolute;border-radius:3px;-moz-border-radius:3px;
box-shadow:inset 0px 1px 3px rgb(24,79,0);
-moz-box-shadow:inset 0px 1px 3px rgb(24,79,0);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd8f298,endColorstr=#ff5cb519,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd8f298,endColorstr=#ff5cb519,GradientType=0);}
.loading-convert {
width:0%;height:25px;top:0;left:0;position:absolute;border-radius:3px;-moz-border-radius:3px;
background-image:-moz-linear-gradient(54% 94% 90deg,rgb(255,128,0) 0%,rgb(255,128,0) 1%,rgb(255,201,38) 99%,rgb(255,201,38) 100%);
background-image:-webkit-gradient(linear,54% 94%,54% 7%,color-stop(0, rgb(255,128,0)),color-stop(0.01, rgb(255,128,0)),color-stop(0.99, rgb(255,201,38)),color-stop(1, rgb(255,201,38)));
background-image:-webkit-linear-gradient(90deg,rgb(255,128,0) 0%,rgb(255,128,0) 1%,rgb(255,201,38) 99%,rgb(255,201,38) 100%);
background-image:-o-linear-gradient(90deg,rgb(255,128,0) 0%,rgb(255,128,0) 1%,rgb(255,201,38) 99%,rgb(255,201,38) 100%);
background-image:-ms-linear-gradient(90deg,rgb(255,128,0) 0%,rgb(255,128,0) 1%,rgb(255,201,38) 99%,rgb(255,201,38) 100%);
background-image:linear-gradient(90deg,rgb(255,128,0) 0%,rgb(255,128,0) 1%,rgb(255,201,38) 99%,rgb(255,201,38) 100%);
box-shadow:inset 0px 1px 3px rgb(153,67,0);
-moz-box-shadow:inset 0px 1px 3px rgb(153,67,0);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffc926,endColorstr=#ffff8000,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffc926,endColorstr=#ffff8000,GradientType=0);}
.o_para { margin-bottom:5px; font-size:12px; color: #737373;}

@media (min-width:992px) and (max-width:1200px) {
  #o-convert { padding:10px;}
  #o_text { font-size:20px; line-height:40px;}
  .file-upload-input { width:30%;}
}

@media (min-width:768px) and (max-width:992px) {
  .file-upload-input { width:23%; height:30px;}
  #o_text { font-size:16px; line-height:30px;}
  .select_btn { height:30px;}
  .select_btn span { top:1px;}
  #fileUpload { height:30px;font-size:14px;}
  #o-convert { padding:10px;}

}

@media (min-width:550px) and (max-width:768px) {
#o_text { text-align:center;}
.file-upload-input { width:50%;}
}

@media (max-width:550px) {
#o_text { text-align:center;}
.file-upload-input { width:20%;}
#fileUpload { width:100px;}
}
@keyframes pulse{0%{box-shadow:0 0 0 5px rgba(143,143,143,.6)}70%{box-shadow:0 0 0 15px rgba(143,143,143,0)}100%{box-shadow:0 0 0 5px rgba(143,143,143,0);}