@import url(https://fonts.googleapis.com/css?family=Roboto);.button{display:inline-block;position:relative;width:130px;background-color:#acaedb;color:#fff;font-family:Roboto,sans-serif;font-weight:400;font-size:14px;outline:none;border:0;border-radius:4px;padding:6px 0;cursor:pointer}.button:disabled{opacity:.8;cursor:default}.input{display:block;position:relative;width:100%;background-color:#e2e4e9;color:#25303d;font-family:Roboto,sans-serif;font-weight:400;font-size:14px;outline:none;border:1px solid #acaedb;border-radius:4px;padding:4px 12px;margin:10px 0;cursor:pointer;box-sizing:border-box}.input::placeholder{color:#25303d;font-family:Roboto,sans-serif;font-weight:100}.input:-webkit-autofill,.input:-webkit-autofill:active,.input:-webkit-autofill:focus,.input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #e2e4e9 inset!important}.input:-webkit-autofill{-webkit-text-fill-color:#25303d!important}.form-container{width:100%;color:#25303d}.form-container .form-heading{font-family:Roboto,sans-serif;font-size:22px;opacity:.9;margin-bottom:10px}.form-container .form{display:block;border:1px solid #cdd2e4;padding:20px;margin:auto}@media (max-width:500px){.form-container .form{width:90%;margin:auto}}@media (min-width:501px){.form-container .form{width:400px}}.form-container .form .message{height:20px;margin:5px 0;font-family:Roboto,sans-serif;font-size:14px;text-align:left}.form-container .form .message .error{color:#d00;font-weight:100}.form-container .form .message .success{color:#22e87f;font-weight:100}.form-container .form .buttons{margin-top:10px}@media (max-width:350px){.form-container .form .buttons button:first-child{margin-bottom:10px}}@media (min-width:351px){.form-container .form .buttons button:first-child{margin-right:20px}}.edit-field{position:relative;display:inline-block;max-width:160px;color:#25303d;background:#e2e4e9;font-family:Roboto,sans-serif;font-weight:400;font-size:14px;text-align:center;outline:none;border:1px solid #acaedb;border-radius:4px;padding:4px;margin:0 auto;cursor:text;box-sizing:border-box}.edit-field::placeholder{color:#25303d;font-family:Roboto,sans-serif;font-weight:100}.edit-field:-webkit-autofill,.edit-field:-webkit-autofill:active,.edit-field:-webkit-autofill:focus,.edit-field:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #f3f4f7 inset!important}.edit-field:-webkit-autofill{-webkit-text-fill-color:#25303d!important}.list{color:#25303d}.list,.list .list-heading{font-family:Roboto,sans-serif}.list .list-heading{font-size:22px;opacity:.9;margin-bottom:10px}@media (min-device-width:768px) and (max-device-width:1024px),only screen and (max-width:760px){.list table,.list tbody,.list td,.list thead,.list tr{display:block}.list th{display:none}.list table,.list td{border:1px solid #cdd2e4;border-collapse:collapse}.list td{position:relative;padding:10px;text-align:right}.list td:before{position:absolute;top:12px;left:10px;white-space:nowrap}.list td:last-child{border-bottom:4px solid #cdd2e4}.list td:first-of-type:before{content:"Username:"}.list td:nth-of-type(2):before{content:"First name:"}.list td:nth-of-type(3):before{content:"Last name:"}.list td:nth-of-type(4):before{content:"Email:"}.list td:nth-of-type(5):before{content:"Actions:"}.list .delete,.list .edit{text-align:right!important}}@media only screen and (min-width:760px){.list table{color:#25303d;width:100%}.list table th{font-weight:600;opacity:.8;font-style:italic;text-align:center;padding:10px}.list table td{vertical-align:top;font-weight:400;padding:10px}.list table .edit-td{padding:7px 0 0!important}.list table,.list td,.list th{border:1px solid #cdd2e4;border-collapse:collapse}.list .delete,.list .edit{text-align:center}.list .delete:hover,.list .edit:hover{font-weight:600;cursor:pointer}}.footer{position:absolute;left:0;bottom:10px;text-align:center}.footer .line{display:inline-block}@media (max-width:500px){.footer{padding:0 30px}}@media (min-width:501px){.footer{width:100%}.footer .line:first-child{margin-right:5px}}.footer .copyright{font-family:Roboto,sans-serif;font-size:16px;color:#25303d}@media (max-width:500px){.main{padding:20px}}@media (min-width:501px){.main{padding:40px}}.main .logos-header{display:block;text-align:center;margin-bottom:40px}.main .logos-header img{display:inline-block}.main .logos-header img:first-child{margin-right:10px}.main .logos-header .header{font-family:Roboto,sans-serif;color:#25303d;font-size:30px;opacity:.8}.main .content{text-align:center}.main .content .main-buttons{margin-bottom:30px}.main .content .main-buttons button:first-child{margin-right:10px}body,html{margin:0;padding:0}body{background-color:#f3f4f7}