frontend.css

html {
    }
body {
    font-size: 14px;
    font-family: OpenSans-Light,  Verdana,  sans-serif,  Arial;
    margin: 0 auto;
    color: #4d5157;
    background-color: #fff;
}


b.err {
   color:red;
   background:yellow;
      animation: blink 1s steps(5, start) infinite;
      -webkit-animation: blink 1s steps(5, start) infinite;
}

b.ok {
  color:green;
}

@keyframes blink {
  to {
    visibility: hidden;
   }
}
@-webkit-keyframes blink {
  to {
    visibility: hidden;
   }
}

progress {
 width:5em;
}

#main-container {
    overflow: auto;
    margin-top: 60px;
    background-color: #fff;
    padding: 20px 25px;
}

table:not(.no-style) {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 13px;
}
table:not(.no-style) tr {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #fff;
}
table:not(.no-style) thead tr {
    border-top: none;
}
table:not(.no-style) tbody tr:last-child {
    border-bottom: none;
}
table:not(.no-style) tbody tr:nth-child(odd) {
    background: #f2f2f2;
}
table:not(.no-style) tbody tr td, table:not(.no-style) thead tr th {
    padding: 6px 8px;
    position: relative;
    text-align: left;
 text-align: center;
}
table:not(.no-style) tbody tr td:last-child, table:not(.no-style) thead tr th:last-child {
    border-right: none;
}
table:not(.no-style) tbody tr td:first-child, table:not(.no-style) thead tr th:first-child {
    border-left: none;
}
table:not(.no-style) thead {
    color: #898989;
    font-size: 13px;
    font-weight: bold;
}
table:not(.no-style) thead tr th {
    text-align: center;
}
table:not(.no-style) tbody tr:hover {
    background: #eaeef3;
}
table.firstBold tbody tr td:first-child {
    font-weight: bold;
    color: #7e848c;
}