/* Element Styles */

body {
    font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

p, ul, ui {
    color: #666666;
    margin-bottom: 1.25em;
    line-height: 1.25em;
}

a {
    color:#000000;
    font-weight: 500;
}

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

/* class Styles */


.homePage {
    background-image: url(../images/appsHomepage_2560.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #000000;
}

.homePage p {
    color: #FFFFFF;
}


.appPage {    
    background-color: #FFFFFF;
}

.appPage header {
    width: 100%;
    height: 450px;
    background-image: url(../images/XFA-to-AcroForm-app_2560_sepia.jpg);
    background-position:top right;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #000000;  
}

.appPage .subhead {
    background-color: #000000;
    width: 100%;
    min-height: 200px;
}

.subheadText {
    text-align: right;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 50%;
}

.subheadText h1, .subheadText p {
    color: #FFFFFF;
    padding-right: 50px;
}

.subheadText h1 {
    font-size: 2em;
    font-weight: 300;
    line-height: 1.5em;
}


.appPage .drop-area{
    position: relative;
    background-repeat: no-repeat;    
    width: 500px;
    height: 500px;
    margin-top: -375px;
    margin-left: 50px;

}

.appPage .drop-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    
}

.logo {
    display: block;
    background-image: url(../logos/practicalPDF_White-Red.svg);
    width: 200px;
    height: 60px;
}
.appsLogo {
    display: block;
    background-image: url(../logos/practicalPDF_APPS_Logo.svg);
    width: 60px;
    height: 60px;
}
.appsLogo-x3 {
    width: 180px;
    height: 180px;
}
.logo-x2 {
    width: 400px;
    height: 120px;
}
.homePage {
    margin-top: 50px;
    color: #ffffff;
}

.homePage .content  {
    margin-top: 75px;
    font-size: 1.5em;
    line-height: 1.75em;
}

.center {
    margin: 0 auto;
}
.half {
    width: 50%;
}

.third {
    width:33.33%;
}

/*
.drop-ring {
    fill:#660000;
}
*/

.instructionContainer, .statusContainer {
    display: table;
}

#statusText {
    font-size: 20pt;
    text-align: center;
    line-height: 1.1em;
    display: table-cell !important;
    vertical-align: middle;
    display: inline-block;
    color: #FFFFFF;
    padding: 125px;
}

.status {
    font-size: 30pt;
    font-weight: 700;
    text-align: center;
    line-height: 1em;
    display: table-cell !important;
    vertical-align: middle;
    display: inline-block;
    color: #FFFFFF;
    padding: 125px;
}

.progressRing {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}


.processingRing {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    stroke-linecap:"round";
  }

.progressValue,.progressBase  {
  fill: none;
}

.progressValue {
  stroke: #FF0000;
}

.progressBase {
    stroke: #EEEEEE;
  }

.svg-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    display: inline-block; 
  }


.download-link-container {
    background-image: url(../images/downloadPDF.svg);
}

.download-link {
    position: absolute;
    width: 100%;
    padding-top: 345px;  
    color: #DDDDDD;
    font-size: 20pt;
    text-align: center;
    cursor: pointer;
}

.download-link:hover {
    color: #FFFFFF;
}

.reset-container {
    position: absolute;
    width: 80px;
    height: 80px;
    right: 15px;
    top:15px;    
}

.reset-button {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.resetArrow {
    fill:#D1D3D4;
}

.resetArrow:hover {
    fill:#FFFFFF;
}

.st0{clip-path:url(#SVGID_2_);}
.st1{fill:url(#SVGID_3_);}
.st2{opacity:0.2;fill:url(#SVGID_4_);}
.st3{opacity:0.2;fill:url(#SVGID_5_);}
.st4{fill:none;stroke:#FFFFFF;stroke-width:1.034;stroke-miterlimit:10;}
.st5{opacity:0.1;}

.descriptionContainer {
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 50px;
}

.descriptionContainer h1{
    font-size: 3em;
    text-align: right;
    padding-bottom: 25px;
}

.descriptionContainer p{
    font-size: 1.2em;
    line-height: 1.75em;
    text-align:justify;
    padding-right: 0px;
}

.features-container {
    padding-left: 50px;
    padding-right: 50px;
}

.feature-block {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.feature-block h1 {
    font-size: 1.25em;
    text-transform: uppercase;
    background-color: #000000;
    color: #FFFFFF;
    padding: 15px;
    text-align: center;
    margin-bottom: 15px;
}

.column-separator {
    width: 4%;
    display: inline-block;
}

.app-tile {
    width: 175px;
    margin: 30px;
    display: inline-block;
    text-align: center;
    font-size: .9em;
    vertical-align: top;
} 

.app-tile p {
    width: 100%;
    margin-top: 15px;
}

.app-tile-icon {
    height: 175px;
    width: 175px; 
}

.xfa2pdf {
    background-image:url(../images/XFA-to-PDF-app-vector_2.svg)
}

.extract-3D-javascript {
    background-image:url(../images/3DJavaScriptExtractor.svg)
}

.phill {
    background-image:url(../images/formFiller.svg)
}

.coming-soon {
    font-size: .75em;
    color: #AAAAAA;
}

.alert {
    position:fixed; 
    top: 5px; 
    left: 5px; 
    right: 5px;
    z-index:9999; 
    border-radius:5px;   
}

.alert-danger {
    color: #FFFFFF;
    background-color: #ff0000;
    border-color: #ff0000;
}

/* must be last */
.transparent {
    fill:transparent;
    color: transparent;
    stroke:transparent;
}

.hidden {
    display: none !important;
}