html,
body {
    font-size: 12px;
    width: 100%;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0px;
    padding: 0px;
}

.main {
    cursor: pointer;
}

nav ul li {
    font-size: 1em;
}

nav ul li ul li {
    font-size: 0.9em;
}

nav ul li ul li ul li {
    font-size: 0.8em;
}

.table td, .table th {
    padding: 0.25rem;
}

.color1 {
    background-color: #ffc107;
}
.color2 {
    background-color: #86c0ff;
}
.color3 {
    background-color: #D8D8D8;
}
.color4 {
    background-color: #8bf7a4;
}
.color5 {
    background-color: #ff7b7b;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #7f9dbb;
}
.btn-navy {
    background-color: #396087;
    color : #FFFFFF;
    padding: 0.25rem 0.25rem !important;
}

.btn-navy:hover {
    background-color: #cf8700;
    color : #FFFFFF;
}

.DT thead {
    background-color: #e1e1e1;
}

input.datepicker {
    width: 100px;
}