#loginPage .loginBox{margin:20% auto 0;max-width:250px;width:90%}#loginPage .loginBox .errorMessage{background:#ffb6c1;border:2px solid darkred;color:darkred;margin-bottom:10px;padding:10px}#loginPage .loginBox input{color:#333;display:block;font-family:Open Sans,Arial,Helvetica,sans-serif;font-size:16px;height:30px;margin-bottom:10px;text-align:center;width:100%}#loginPage .loginBox button{background:#003055;border:none;color:#fff;cursor:pointer;height:30px;outline:none;width:100%}#loginPage .loginBox button:hover{background:#a9a9a9}body{background:#eceff1;color:#191919;font-family:Open Sans,sans-serif}body,html{padding:0;margin:0}h1{font-weight:300;font-size:3.56rem;line-height:110%;margin:0}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#page-header{background:#fff;box-shadow:0 3px 15px rgba(0,0,0,.2);box-sizing:border-box;height:80px;left:0;padding:10px;position:fixed;right:0;text-align:center;top:0;z-index:20}#page-header h1{font-size:30px;line-height:60px}#page-header p{margin:5px}#page-header #logo{bottom:10px;position:absolute;right:10px;text-align:right;top:10px;z-index:10}#page-header #logo img{height:100%;width:auto}#page-header #logout-btn,#page-header #side-btn{background:transparent;border:none;cursor:pointer;height:40px;left:10px;line-height:50px;outline:none;padding:0;position:fixed;text-align:center;top:10px;width:40px;z-index:10}#page-header #logout-btn{left:60px}aside{background-color:#fff;bottom:0;box-shadow:0 0 50px 0 rgba(0,0,0,.25);box-sizing:border-box;left:0;width:300px;overflow-x:scroll;padding:25px;position:fixed;top:80px;transition:left 1s;z-index:5}.side-closed aside{left:-300px;transition:left 1s}aside h2,aside h3{font-weight:400;text-transform:uppercase}aside label{display:block;line-height:30px;margin-bottom:5px}aside label input,aside label select{float:right;height:30px;margin:0}aside #word-wrap{background:#d3d3d3;font-size:14px;height:200px;margin:15px 0;padding:5px;position:relative;-webkit-touch-callout:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;white-space:normal;word-wrap:break-word}aside .copy-btn{background:transparent;border:none;cursor:pointer;height:30px;line-height:30px;margin-top:-45px;outline:none;padding:0 10px;position:absolute;right:25px;z-index:6}aside .copy-btn:hover{background:#003055;color:#fff}aside .parameter-btn{margin:15px 0}aside .parameter-btn span{display:block;margin-bottom:3px}aside .parameter-btn .btn{background:#a9a9a9;border:none;border-right:1px solid #fff;color:#fff;cursor:pointer;height:40px;line-height:40px;margin:0;outline:none;padding:0;text-align:center;text-transform:uppercase;width:50px}aside .parameter-btn .btn:hover{opacity:.9}aside .parameter-btn .btn.selected{background:#003055}aside .parameter-btn .btn.start{border-radius:20px 0 0 20px}aside .parameter-btn .btn.end{border:none;border-radius:0 20px 20px 0}main{display:block;padding:80px 0 50px 300px;transition:padding 1s}.side-closed main{padding-left:150px;padding-right:150px;transition:padding 1s}main section{padding:50px 50px 0}main section:after{clear:both;content:".";display:block;height:0;visibility:hidden}main section h2{font-weight:400;padding-left:10px}main section article{box-sizing:border-box;display:inline;float:left;padding:0 10px 20px;width:25%}main section article.first{clear:both}main section article .card{background:#fff;border-radius:3px;box-shadow:-1px 4px 50px 0 rgba(0,0,0,.5);overflow:hidden;position:relative}main section article h3{bottom:90px;color:#fff;font-weight:400;left:20px;margin:0;position:absolute;z-index:2}main section article .image{background:#a9a9a9;overflow:hidden;position:relative;width:100%}main section article .image:before{content:"";display:block;padding-top:56%}main section article .image img{position:absolute;top:0;width:100%;z-index:1}main section article footer{box-sizing:border-box;height:80px;padding:20px}main section article footer button{background:#d3d3d3;border:8px solid #a9a9a9;border-radius:25px;box-sizing:content-box;cursor:pointer;height:24px;outline:none;padding:0;width:24px}main section article footer button:hover{opacity:.9}main section article footer button.btn.selected{background:#003055}main section article footer .view-link{background-color:#a9a9a9;border-radius:2px;color:#fff;display:inline;font-weight:400;float:right;height:40px;line-height:40px;margin:0;padding:0 10px;text-decoration:none;text-transform:uppercase}main section article footer .view-link:hover{background:#003055}@media (min-width:2200px){main section article{width:20%}}@media (max-width:1300px){main section article{width:33%}}@media (max-width:1100px){aside{width:250px}main{padding-left:250px}.side-closed main{padding-left:125px;padding-right:125px}main section{padding:15px}main section article{width:50%}}@media (max-width:768px){#page-header{height:50px;line-height:30px}#page-header h1{font-size:24px;line-height:30px}#page-header #side-btn{left:5px;top:5px}aside{bottom:10px;left:10px;overflow:auto;padding:15px;position:fixed;right:10px;top:90px;width:auto;z-index:100}.side-closed aside{display:none;left:10px}aside #word-wrap{height:auto;padding-bottom:30px}aside .copy-btn{right:15px}aside .parameter-btn:after{clear:both;content:".";display:block;height:0;visibility:hidden}aside .parameter-btn span{display:inline-block;line-height:20px;padding:10px 0}aside .parameter-btn .buttons{display:inline;float:right}.side-closed main,main{padding-left:0;padding-right:0}}@media (max-width:500px){main section article{width:100%}}
/*# sourceMappingURL=overview.fe11aafd.css.map*/