@import url('/css/fonts.css') screen;
@import url('/css/main.css') screen;
@import url('/css/reset.css') screen;
@import url('/css/buttons.css') screen;


html,body{padding:0;margin:0;height:100%;width:100%}
body{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;font-family:'Roboto';}

body{background-size:cover;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-attachment:fixed;}
body::before{background-image:url('/console/photo-overlay.png');width:100%;height:100%;content:'';position:fixed;top:0;left:0;zoom:1;filter:alpha(opacity=40);-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;z-index:1;}

body.loading{cursor:wait;}

a,button,.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

a,a:active,a:visited{color:#8a16dc;}

.flexCol,.flexRow{display:flex;flex-direction:row;justify-content:center;align-items:center;}
.flexCol{flex-direction:column;}


.main{flex:1 1 auto;width:100%;min-height:calc(100% - 261px);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:50px 0 10px 0;}
div.footer{width:100%;padding:20px 0;position:relative;z-index:10;background:#16326a;color:white;opacity:0.925;}
div.footer::before{content:'';width:100%;height:17px;position:absolute;top:-17px;left:0;background:url('/img/darkWave.png') center center repeat-x;}

div#dataPanel{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;position:relative;z-index:2;min-width:150px;min-height:150px;}
div#dataPanel>div{padding:25px;overflow:hidden;}
div#dataPanel div.header{position:absolute;top:-59px;left:0;width:calc(100% - 50px);z-index:20;box-sizing:content-box;}

div#dataPanel div#DinomMessage{width:100%;text-align:center;color:#770404;}

div#dataPanel h1,div#dataPanel h2{color:#245c86;font-size:50px;margin:10px 30px;font-family:'Roboto';font-weight:100;text-shadow:0 1px 1px #c4f3ff;}
div#dataPanel h2{font-size:26px;margin:0 0 20px 0;text-shadow:none;color:#0b6990;}


div#pageContent{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;}
div#pageContent>div:not(.header){background:rgba(199,229,243,0.9);box-shadow:0 0 15px 3px #43d0f5;border:1px solid #bae5ff;padding:70px 20px 20px 20px;z-index:10;transition:all linear 500ms;opacity:0;top:-1000px;position:absolute;width:400px;}
div#pageContent>div.on{opacity:1;display:flex;top:0;position:relative;}

div#pageContent>div p{margin:0;font-family:'Arsenal';font-size:20px;line-height:24px;color:#164a71;}

div#pageContent>div form{margin-top:25px;width:100%;padding:10px 20px;margin:0;font-family:'Roboto';font-size:18px;line-height:26px;color:#054973;}
div#pageContent>div form label{display:flex;flex-direction:column;width:100%;margin-bottom:20px;font-family:'Arsenal';font-size:18px;}
div#pageContent>div form label span{padding:0 20px;margin-bottom:10px;}

div#pageContent>div form input{width:100%;font-size:18px;height:50px;padding:10px;border-radius:5px;border:2px solid #225c88;font-family:'Arsenal';color:#1a769c;opacity:0.7;margin-bottom:15px;}

div#pageContent>div form input::-webkit-input-placeholder{color:#225c88;}
div#pageContent>div form input::-moz-placeholder{color:#225c88;}
div#pageContent>div form input:-ms-input-placeholder{color:#225c88;}
div#pageContent>div form input:-moz-placeholder{color:#225c88;}

div#pageContent>div form input:focus{border:2px solid #1dabd8;opacity:1;}



div.footer{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background:#193569;font-size:1.2vw;z-index:45;padding:5px 10%;color:white;position:relative;height:199px;}
div.footer::before{content:'';width:100%;height:17px;background:url(/img/darkWave.png) center center repeat-x;position:absolute;top:-17px;left:0;z-index:200;}
div.footer div.fLinks{display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;width:100%;}
div.footer div.fLinks>div{flex:1 1 auto;}
div.footer div.fLinks>div>* {margin:7px 0;font-size:18px;}
div.footer div.bottom{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:row;}
div.footer div.bottom, div.footer div.bottom a{font-size:14px;}
div.footer ul li a,div.footer ul li a:hover{color:white!important;}
div.footer a{border-bottom:1px solid transparent;font-size:16px;line-height:26px;color:#128fb7;text-decoration:none;}
div.footer a:hover{border-bottom-color:#128fb7;text-decoration:none;}

div.footer div.bottom div.social{display:flex;margin-left:50px;justify-content:center;align-items:center;flex-direction:row;}
div.footer div.bottom div.social a:hover{border-bottom-color:transparent;filter:contrast(255);}


div#dataPanel div.buttonPanel{width:100%;text-align:right;}
div#dataPanel div.buttonPanel div{width:50%;}
div#dataPanel div.buttonPanel div:nth-child(2){text-align:right;}

input.error{border-color:#b10a0a!important;box-shadow:0 0 10px -1px red;}
input.error::-webkit-input-placeholder{color:#b10a0a!important;}
input.error::-moz-placeholder{color:#b10a0a!important;}
input.error:-ms-input-placeholder{color:#b10a0a!important;}
input.error:-moz-placeholder{color:#b10a0a!important;}

svg#dinomLogo{display:block;width:110px;height:110px;min-height:110px;min-width:110px;border:4px solid white;border-radius:50%;background:#2aacd6;box-shadow:0 4px 20px 0px #47a7c3;box-sizing:initial;}
svg#dinomLogo path{stroke:#fff;stroke-linecap:round;fill:none;stroke-width:5px;transition:all 750ms linear;}
div.DinomLogo{width:110px;height:110px;position:relative;}
div.DinomLogo svg#dinomLogo{width:110px;height:110px;position:relative;background:#eaf2f7;border-radius:50%;border:4px solid white;box-shadow:0 4px 20px 0px #47a7c3;}
div.DinomLogo div.loader{width:110px;height:110px;display:block;background:transparent;border:4px solid #2aacd6;border-top:4px solid white;border-radius:50%;position:absolute;top:0;left:0;z-index:1;box-sizing:initial;opacity:1;}
div.DinomLogo svg#dinomLogo path{stroke:#2aacd6;}
body.loading div.main div#dataPanel svg{transition:all 500ms linear;animation:slowBlink 2.5s infinite;transform-origin:50% 50%;}
div.buttonPanel{font-size:0;}