@charset "utf-8";
/* CSS Document */

table.dataTable thead > tr > th, table.dataTable tfoot > tr > th {
    padding-right: 18px;
    padding-left: 18px;
    background: #9e9e9e;
    color: #ffffff;
    font-weight: 500;
}
table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
    color: #ffffff;
}
table.dataTable tbody tr td {
    overflow: hidden;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: #9e9e9e;
    border-color: #3d3d3b;
    color: #ffffff;
    font-weight: 500;
}
.table-striped tr:nth-child(odd) > td {
    background: #fefeff;
}
.table-striped tr:nth-child(even) > td {
    background-color: #f9fafe;
}
.table-striped tbody tr:hover > td {
    background-color: #C9D0DD;
    color: #ffffff;
}
/**------------------------------------------------------------------------------------*/    
thead input {
    width: 100%;
}
#page-sidebar {
    width: 250px;
}
.cadetblue {
    color: purple;
    font-weight: 500;
}
.panel-body {
    margin-bottom: 0px;
}
.tab-pane {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
}
#modalBody.modalBody {
    font-size: 15px;
    font-weight: 400;
}

@media screen and (max-width: 768px) {
.xs-hidden {
    visibility: hidden;
    display: none;
}
}