body{font-family:Arial;text-align:center;margin:0px;} .tMain{ font-size:12px; width:340px; margin-left: auto; margin-right: auto; background-color:#efefef; z-index:0; } html, body{ margin: 0; padding: 0; height: 100%; width: 100%; } .pageRetainer{ width:360px; height:100%; align:center; } .pageMask{ width:360px; height:100%; overflow-x:hidden; position:relative; } .pageSubRetainer{ width:360px; position:absolute; top:0px; left:0px; } .pageStep00out { animation-name: step00out; animation-duration: 0.5s; animation-timing-function: ease-in; animation-fill-mode: forwards; } .pageStep00in { animation-name: step00in; animation-duration: 0.5s; animation-timing-function: ease-in; animation-fill-mode: forwards; } .btnBase{ padding:12px; border-radius: 22px; border:2px solid #101A40; font-family: Montserrat; font-size:16px; text-align:center; width:340px; margin-top:15px; cursor:pointer; position:relative; color:#101A40; background-color:white; z-index:3; } .btnRev{ background-color:#101A40; color:white; } .btnGhost{ border:none; } .btnIcon{ position:absolute; top:14px; left:20px; max-height:22px; max-width:22px; z-index:4; } .headerText{ font-weight:500; font-size:20px; font-family:Montserrat; color:#1e1e1e; } .mainText{ font-size:14px; font-family:Montserrat; color:#1e1e1e; } .footnote{ color:white; background-color:#101A40; font-size: 12px; z-index:8; height:40%; } .passeportPreview{ background-color:#101A40; //background-image:url('../images/passport.png'); //background-size:500px; //background-position: center center; position:relative; z-index:0; } .fSelect{ border:1px solid #101A40; border-radius: 5px; font-size:16px; font-family:Montserrat; background-color:white; padding:10px; } .fInput{ border:none; background-color:#efefef; border-radius: 7px; font-size:16px; font-family:Montserrat; padding:12px; margin-bottom:10px; margin-top:5px; } .fRed{ background-color:#d1a6a3; color:#990000; border:1px solid red; } .fYellow{ background-color:#ffffcc; color:#990000; border:1px solid #ff9900; } .fErrorPrint{ font-size:11px; font-weight:600; color:#990000; font-family:Montserrat; } .overlayBlinder{ width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:rgba(25,25,25,0.25); text-align:center; padding:25px; z-index:8; } .overlayMessage{ width:300px; font-size:16px; font-family:Montserrat; background-color:#ffffff; color:#205B83; border-radius: 7px; z-index:9; } @keyframes step00out { from {left:0px;} to {left:-361px;} } @keyframes step00in { from {left:361px;} to {left:0px;} }