/* Basic */

a {
    cursor: pointer;
}

a, h1, h2, h3, h4, h5, h6 {
    color: #5787db;
}

b {
    text-decoration: none;
}

body {
    font-family: Helvetica;
    font-size: 15px;
    padding: 5px 1%;
}

footer {
    color: #5787db;
    padding: 5px;
    text-align: right;
}

hr {
    border: 1px solid #5787db;
}

input[type="checkbox"] {
    vertical-align: middle;
}

input[type="date"] {
    padding: 6px 10px;
}

input[type="number"] {
    padding: 6px 10px;
    width: 60px;
}

label {
    padding-right: 10px;
    display: inline-block;
}

li {
    padding: 4px;
}


/* Menu */

nav ul {
    list-style-type: none;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
}

nav ul li {
    float: left;
}

nav ul li a {
    color: #5787db;
    display: block;
    padding: 10px 16px;
    text-align: center;
    text-decoration: none;
}

nav ul li a:hover {
    /* Change the link color to #111 (black) on hover */
    background-color: #5787db;
    color: white;
}

nav ul li a.active {
    border-bottom: 2px solid #5787db;
}


/* Messages */

.error {
    background: #F0D6D6;
    border: 1px solid #AACBE2;
    padding: 0.5em;
}

.info {
    background: #CEE5F5;
    border: 1px solid #AACBE2;
    padding: 0.5em;
}


/* Colors */

.blue {
    color: #5787db !important;
}

.green {
    color: #44EA45 !important;
}

.orange, .warning {
    color: #FFA500 !important;
}

.red, .error {
    color: #DC302D !important;
}


/* DataTables */

.dataTables_filter, .dataTables_info, .dataTables_length, .dataTables_paginate {
    font-size: 12px;
}

.dataTables_wrapper {
    margin: 15px 0px;
}

.paginate_button.current {
    background: #5787db20 !important;
}

.paginate_button:hover {
    background: #5787dbff !important;
}

table.dataTable thead th {
    color: #5787db;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #5787db;
}

table.dataTable.no-footer {
    border-bottom: none;
}


/* Other */

.bold_link {
    font-weight: bold;
    text-decoration: none;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.min_100 {
    min-width: 100px;
}

.min_150 {
    min-width: 150px;
}

.row {
    margin: 15px 0px;
}

.right {
    text-align: right;
}

.hspace {
    display: inline-block;
    width: 25px;
}


/* Custom data_table */

.data_table {
    border-collapse: collapse;
    margin: 15px 0px;
}

.data_table td {
    border-collapse: collapse;
    padding: 4px 10px;
}

.data_table th {
    border-collapse: collapse;
    border-bottom: 1px solid #5787db;
    color: #5787db;
    min-width: 100px;
    padding: 4px 10px;
}