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

@import url('https://fonts.googleapis.com/css?family=Arsenal');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,400');


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

body{min-width:300px;min-height:502px;flex-direction:column;background-size:cover;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
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;}


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;}

div#loginPanel{background:rgba(199,229,243,0.9);box-shadow:0 0 15px 3px #43d0f5;border:1px solid #bae5ff;padding:50px 2.5% 20px 2.5%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;width:25%;min-width:300px;z-index:2;position:relative;}

div#loginPanel svg#dinomLogo{position:absolute;top:-59px;left:calc(50% - 59px);}

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

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

div#loginPanel div#loginForm{width:100%;margin:15px 0;}
div#loginPanel div#loginForm 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#loginPanel div#loginForm input::-webkit-input-placeholder{color:#225c88;}
div#loginPanel div#loginForm input::-moz-placeholder{color:#225c88;}
div#loginPanel div#loginForm input:-ms-input-placeholder{color:#225c88;}
div#loginPanel div#loginForm input:-moz-placeholder{color:#225c88;}

div#loginPanel div#loginForm input:focus{border:2px solid #1dabd8;opacity:1;}

div#loginPanel div.buttonPanel{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;margin:0 0 30px 0;}
div#loginPanel div.buttonPanel div{width:50%;}
div#loginPanel 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;}