.table-user-list {
  width: 95%;
}

.container.login {
  position: relative;
  height: 100vh;
}

/* LOGIN - REGISTRATION */

.login .row {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* border: 1px solid black; */
  padding: 5rem;
  color: black;
  -webkit-box-shadow: 1px 7px 13px 4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 7px 13px 4px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 7px 13px 4px rgba(0, 0, 0, 0.75);
  background-color: white;
}

.login input {
  background-color: white;
}

div.main {
  background: #0264d6;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    #0264d6 1%,
    #1c2b5a 100%
  );
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(1%, #0264d6),
    color-stop(100%, #1c2b5a)
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    #0264d6 1%,
    #1c2b5a 100%
  );
  background: -o-radial-gradient(
    center,
    ellipse cover,
    #0264d6 1%,
    #1c2b5a 100%
  );
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    #0264d6 1%,
    #1c2b5a 100%
  );
  background: radial-gradient(ellipse at center, #0264d6 1%, #1c2b5a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0264d6', endColorstr='#1c2b5a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  height: calc(100vh);
  width: 100%;
}

/* User Create Form */
.user-create {
  min-height: 500px;
}

/* TABLE */
.custom-h2 {
  text-align: center;
  padding: 20px 0;
}

.custom-table .table-responsive {
  width: 100%;
}

.custom-table .table-bordered {
  border: 1px solid #ddd !important;
}

.custom-table {
  width: 100%;
}

th,
tr {
  width: 20%;
  word-break: break-all;
}

.styled-table {
  border-collapse: collapse;
  margin: 0 auto;
  font-size: 0.9em;
  font-family: sans-serif;
  min-width: 400px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table thead tr {
  background-color: #201f1f;
  color: white;
  text-align: left;
}

.styled-table th,
.styled-table td {
  padding: 12px 15px;
}

.styled-table tbody tr {
  border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
  border-bottom: 2px solid #dfe2e1;
}

.styled-table tbody tr.active-row {
  font-weight: bold;
  color: #1f2927;
}

#my-form {
  display: none;
  right: 50px;
  top: 50px;
}

.open-form {
  cursor: pointer;
}

/* MEDIA QUERIES */