body{background:#333 url('img/1_Log-in_Inregistrare.jpg')  no-repeat top center; background-size:cover; }

#container{text-align:center; margin:180px auto}

p{font:bold 22px 'Helvetica Neue', sans-serif; text-align:center; color:white;}
a{color:#fff}
form input{display:inline:block; margin:0 auto;}
form button{margin-top:20px}
a:hover {
   text-decoration:none;
}


/* navigation */
* {
    box-sizing: border-box;
 }
 
nav a {
   color: white;
font-family: 'Helvetica Neue', sans-serif;
font-size: 0.9em;
   text-decoration: none;
   background: transparent;
   padding: 25px 5px;
   display: inline-block;
   width: 100%;
   text-align: center;
}

.navigation ul {
  
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
}

.navigation li {
   flex: 3;    
}

.navigation .user {
   flex: 1;
}


/* table */
.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: 'Helvetica Neue', sans-serif;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
width:100vw;
}
.styled-table thead tr {
    background-color: transparent;
    color: #fff;
    text-align: left;
font-weight:bold;
}
.styled-table th,
.styled-table td {
    padding: 12px 15px;
text-transform:uppercase;
color:rgb(38,0,138);
text-align:left;
display:table-cell;
}
.styled-table th {color:#fff}


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


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

#contact p{
color: rgb(38, 0, 138);
font:normal 16px 'Helvetica Neue', sans-serif;
}
#contact a{color: rgb(38, 0, 138);}

@media only screen and (max-width: 768px) {
body{
background:url('img/3_Inregistrare_mobile.jpg')  no-repeat top center !important;
background-size:cover !important;
padding-top:80px;
color:#111
}}