*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.content {
  padding: 20px 0; }

h1 {
  font-size: 1.4em; }

button, select {
  font-size: .95em; }

tbody.user tr th {
  background: #004480;
  height: 28px;
  border: 1px solid #000;
  font-weight: normal; }

table#clickable-list {
  margin-top: 10px; }

tbody.user tr:nth-of-type(odd) {
  background: #fff; }

.main {
  background: none; }

aside {
  padding: 1.2em;
  border: none; }

.search-input, .edit-user {
  border: 1px solid #dadada;
  background: #f4f4f4;
  height: 23px;
  font-size: .9em;
  width: 235px; }

.users-top-bar {
  margin-bottom: 5px;
  padding-bottom: 3px; }

#users ul {
  list-style-type: none;
  margin-left: 15px; }

.sidebar-users {
  margin-bottom: 25px; }

.sidebar-users.list li {
  display: inline-block; }

a.sort:hover, a.sort:visited, a.sort:link, a.sort:active {
  color: #FFFFFF;
  text-decoration: none;
  font-size: .9em; }

.user-actions {
  margin-top: 30px; }
  .user-actions .button:first-child {
    width: 60%;
    text-align: left; }
  .user-actions .button {
    float: left;
    width: 20%;
    text-align: right; }

td:nth-of-type(1):before {
  content: "Email"; }

td:nth-of-type(2):before {
  content: "Name"; }

td:nth-of-type(3):before {
  content: "Roles"; }

td:nth-of-type(4):before {
  content: "Action"; }

.mc-number {
  display: none; }

.register {
  text-align: left;
  padding-left: 12px; }

.control-label-register {
  width: 17%;
  display: inline-block;
  text-align: right; }

.control-input {
  width: 10%;
  display: inline-block; }

@media (min-width: 768px) {
  .main {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px; }

  aside {
    width: 100%;
    float: right;
    margin-right: 0; }

  .users-top-bar {
    border-bottom: 1px solid #003082; }

  .sidebar-users h3 {
    border-bottom: 1px solid #003082;
    padding-bottom: 3px; }

  .box-left {
    width: 50%;
    float: left; }
    .box-left h1 {
      margin: 0; }

  .box-right {
    width: 50%;
    float: left;
    text-align: right;
    margin-top: 0; }

  .edit-user.password {
    width: 125px;
    margin: 0 3px; }

  td:nth-of-type(1):before {
    content: ""; }

  td:nth-of-type(2):before {
    content: ""; }

  td:nth-of-type(3):before {
    content: ""; }

  td:nth-of-type(4):before {
    content: ""; }

  .control-label-register {
    width: 9%; }

  .control-input {
    width: 6%; } }
@media (min-width: 960px) {
  .main {
    width: 78.81356%;
    float: right;
    margin-right: 0; }

  aside {
    width: 19.49153%;
    float: left;
    margin-right: 1.69492%;
    border-right: 1px solid #003082; }

  .control-label-register {
    width: 31%; }

  .control-input {
    width: 10px; } }
@media (min-width: 1050px) {
  .main {
    width: 78.81356%;
    float: right;
    margin-right: 0; }

  aside {
    width: 19.49153%;
    float: left;
    margin-right: 1.69492%; } }