body {
    font-family: 'Muli', sans-serif !important;
}

.bold {
    font-weight: bold !important;
}

h4.promotion-state {
    color: #00BFA5;
}

.italics {
    font-style: italic !important;
}

.table-head tr th{
    font-size: 8.5px;
    vertical-align: middle;
}

.table-body tr td{
    font-size: 8.5px;
    vertical-align: middle;
}

.table-body tr td label{
    font-size: 12px;
    font-weight: bold;
    color: #00C853;
    text-align: center;
}

.dataTables_wrapper .row {
    margin-top: 0 !important;
}

.dataTables_filter input[type=search] {
    border-radius: 0 !important;
}

.input-sm {
    padding: 2px 7px !important;
    font-size: 10px !important;
    line-height: 1.0 !important;
}

.print-btn {
    position: fixed !important;
    bottom: 10px;
    right: 15px;
}

.export-btn {
    position: fixed !important;
    bottom: 10px;
    right: 15px;
}

.back-btn {
    position: fixed !important;
    top: 6px;
    left: 70px;
}

span.red {
    color: red !important;
}

table.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9 !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px 3px;
    line-height: 1.3;
    vertical-align: middle;
    border-top: 1px solid #EEE;
}

table.table thead.table-head tr {
    font-weight: bold;
}

.padding-all-0 {
    padding: 0 !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.margin-all-0 {
    margin: 0 !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-right-0 {
    margin-right: 0 !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 100;
    padding-top: 10%;
}

#admin-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    z-index: 100;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    background-color: #333;
    color: #FFF;
}

#admin-menu .list,
#admin-menu .list .list-row {
    background-color: transparent;
    border: none;
    color: #DDD !important;
    position: relative;
    font-weight: bold;
}

#admin-menu .list .list-row a {
    color: #DDD;
    font-weight: bold;
}

#admin-menu .list .list-row {
    padding: 8px 3px;
    font-size: 25px;
    text-align: center;
}

#admin-menu .list .list-row a {
    -webkit-transition: color 0.7s ease-out;
    -moz-transition: color 0.7s ease-out;
    -o-transition: color 0.7s ease-out;
    transition: color 0.7s ease-out;
}

#admin-menu .list .list-row:hover a{
    color: #337ab7;
}

#admin-menu .list .list-row.active::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 3px;
    background-color: #337ab7;
    animation: fadeInRight 0.5s;
}

#admin-menu .list .list-row.active a {
    color: #337ab7 !important;
    animation: fadeIn 0.8s;
}

a.logout-link {
    color: orangered !important;
    font-weight: bold;
    cursor: pointer;
}

.page-title {
    font-weight: 700;
    margin: 14px 0 14px 4px;
}

.card-icon {
    font-size: 50px;
    font-weight: 700;
    padding-top: 50%;
}

#preview {
    min-width: 180px !important;
    width: 180px !important;
    max-width: 180px !important;
    min-height: 190px !important;
    height: 190px !important;
    max-height: 190px !important;
    margin: 0 auto !important;
}

.hero {
    height: 170px;
    min-height: 170px;
    max-height: 170px;
    background-size: cover;
    color: #FFFFFF !important;
    background: url('../img/about_bg.jpg');
    padding-top: 85px !important;
    padding-left: 50px !important;
}

.hero h1 {
    font-size: 55px !important;
    font-weight: bold;
}

.hero h5 {
    font-size: 18px !important;
    font-weight: bold;
    padding-left: 325px;
}

#about-dialog p {
    margin: 4px 0;
}

.table-body#result-table td,
.table-body#result-summary td,
.table-body#result-remark td,
.table-body#result-metrics td {
    font-size: 12px;
}

h4.promotion-state.red {
    color: red;
}