/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    /* zoom: 0.9;*/
    font-size: 14px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100% !important;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.titleText {
    color: #FFF;
}

.spViewAction {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

.imgLoadimg {
    margin-top: 10%;
    top: 30%;
    left: 50%;
}

#LoadingImage {
    background: #e9e9e9;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    z-index: 100;
}

.bootstrap-growl.alert a.close {
    float: right !important;
}

.asignout {
    color: #FFF;
    padding: 10px;
}

.table thead th {
    background-color: #a6dbd6;
}

.table.display, .dataTables_info, .dataTables_paginate {
    zoom: 0.8;
}

.dt-buttons {
    float: right !important;
    /* top: 96%; */
    left: 82%;
    top: -2%;
    margin-top: 0px;
    zoom: 0.8;
}

.dataTables_wrapper .dataTables_filter input {
    zoom: 0.8;
    padding: 3px;
}

.fa-file-excel, .fa-file-excel, .fa-file-csv {
}

.imgTable {
    width: 100px !important;
}

.img-circle {
    border-radius: 0%;
}

[class*=sidebar-dark-], [class*=control-sidebar-dark] {
    background-color: #294772;
}

.divRightPanel {
    padding: 10px;
}

    .divRightPanel h5, .divLeftFooter {
        text-align: center;
    }

.divFilterBox {
    zoom: .9;
}

.select2-container .select2-selection--single {
    height: auto !important;
}

.tableData {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}

    .tableData td, .tableData th {
        border: 1px solid #ddd;
        padding: 5px;
    }

    .tableData tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    .tableData tr:hover {
        background-color: #ddd;
    }

    .tableData th {
        text-align: left;
        background-color: #294772;
        color: white;
    }

    .tableData .selected {
        background-color: #0d6efd !important;
        color: #fff;
    }