@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700);@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css);@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);$shadow-color:#23203b;$input-color:lighten(#ab9e95,10%);$input-border-color:#5e5165;$button-background-color:#27ae60;*{font-family:Helvetica Neue,Arial,sans-serif}body{background-color:#b3d1ff}label{display:block}table,td,th{border:1px solid grey;border-collapse:collapse;padding:5px}table tr:nth-child(odd){background-color:#f1f1f1}table tr:nth-child(2n){background-color:#fff}table tr:not(:first-child){cursor:pointer;transition:all .25s ease-in-out}table.blueTable{border:1px solid #1c6ea4;background-color:#eee;width:100%;text-align:left;border-collapse:collapse}table.blueTable th{cursor:default;text-align:center}table.blueTable td,table.blueTable th{border:1px solid #aaa;padding:3px 2px}table.blueTable tbody td{font-size:14px}table.blueTable tr:nth-child(2n){background:#d0e4f5}table.blueTable tr:not(:first-child):hover{background-color:#ff9}table.blueTable thead{background:#1c6ea4;background:linear-gradient(180deg,#5592bb 0,#327cad 66%,#1c6ea4);border-bottom:2px solid #444}table.blueTable thead th{font-size:15px;font-weight:700;color:#fff;border-left:2px solid #d0e4f5}table.blueTable thead th:first-child{border-left:none}table.blueTable tfoot{font-size:14px;font-weight:700;color:#fff;background:#d0e4f5;background:linear-gradient(180deg,#dcebf7 0,#d4e6f6 66%,#d0e4f5);border-top:2px solid #444}table.blueTable tfoot td{font-size:14px}table.blueTable tfoot .links{text-align:right}table.blueTable tfoot .links a{display:inline-block;background:#1c6ea4;color:#fff;padding:2px 8px;border-radius:5px}button.btn{background-color:#1e90ff;border:none;color:#fff;padding:4px 8px;font-size:14px;cursor:pointer}button.btn:hover{background-color:#4169e1}.mytext{padding:4px 8px;font-size:14px}.navbar{width:100%;background-color:#555;overflow:auto}.navbar a{float:left;text-align:center;padding:12px;color:#fff;text-decoration:none;font-size:17px}.navbar a:hover{background-color:#000}.active{background-color:#4caf50}@media screen and (max-width:500px){.navbar a{float:none;display:block}}*{margin:0;padding:0}@mixin normalize-input{display:block;width:auto;height:auto;border:none;outline:none;box-shadow:none;background:none;border-radius:0}#lcontainer{width:300px;height:75px;display:flex;justify-content:center;margin:2% auto 0;align-items:center}.login{padding:15px;width:400px;min-height:200px;margin:2% auto 0;.heading{text-align:center;margin-top:1%;h2{font-size:3em;font-weight:300;color:hsla(0,0%,100%,.7);display:inline-block;padding-bottom:5px;text-shadow:1px 1px 3px $shadow-color}}form{.input-group{border-bottom:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);&:last-of-type{border-top:none}span{background:transparent;min-width:53px;border:none;i{font-size:1.5em;color:hsla(0,0%,100%,.2)}}}input.form-control{@include normalize-input;padding:10px;font-size:1.6em;width:100%;background:transparent;color:$input-color;&:focus{border:none}}button{margin-top:20px;background:$button-background-color;font-size:1.6em;font-weight:300;padding:5px 0;width:100%;border-radius:3px;color:lighten($button-background-color,40%);border:none;border-bottom:4px solid darken($button-background-color,10%);&:hover{background:tint($button-background-color,4%);-webkit-animation:hop 1s;animation:hop 1s}}}}@media only screen and (max-width:1200px){.login{width:600px;font-size:2em}}@media only screen and (max-width:1100px){.login{margin-top:2%;width:600px;font-size:1.7em}}@media only screen and (max-width:992px){.login{margin-top:1%;width:550px;font-size:1.7em;min-height:0}}@media screen and (max-width:768px){body{background-color:#ffffe0}.login{margin-top:0;width:500px;font-size:1.3em;min-height:0}}@media screen and (max-width:480px){body{background-color:#90ee90}.login{h2{margin-top:0}margin-top:0;width:400px;font-size:1em;min-height:0}}@media only screen and (max-width:320px){.login{margin-top:0;width:200px;font-size:.7em;min-height:0}}