.modal-content {
    width: 150% !important;
}

.modal-dialog {
    position: relative;
    display: table;
    overflow: auto;
    width: auto;
    min-width: 300px;
}
.modal-body { /* Restrict Modal width to 90% */
    overflow-x: auto !important;
    max-width: 90vw !important;
}

.modal-backdrop {
    /* bug fix - no overlay */
    display: none;
}
.modal-content {
    margin: 2px auto;
    z-index: 1100 !important;
}
.overlay{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255,255,255,0.8) url("../images/loader.gif") center no-repeat;
}
/* Turn off scrollbar when body element has the loading class */
body.loading{
    overflow: hidden;
}
/* Make spinner image visible when body element has the loading class */
body.loading .overlay{
    display: block;
}
.dataTables_wrapper .dataTables_filter input:not(:valid):not(:focus){
    box-shadow: 0 0 5px #fff!important;
}
.dataTables_wrapper .dataTables_filter input::-webkit-search-cancel-button {
    -webkit-appearance: none!important;
}
.dataTables_wrapper .dataTables_filter button{
    visibility: hidden;
    outline: none;
}
.dataTables_wrapper .dataTables_filter input:valid ~ button {
    visibility: visible;
}

td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

.red {
    background-color: #FFDFDD !important;
}

.yellow {
    background-color: #FFEFCC !important;
}

.green {
    background-color: #DFF0D8 !important;
}

.bg-darkBlue {
    background-color: #B0BED9 !important;
}

table.dataTable tbody tr.selected td:first-child {
    border-left: 1px solid #252C46;
}

table.dataTable tr.selected td:last-child {
    border-right: 1px solid #252C46;
}

table.dataTable tbody tr.selected td {
    border-top: 1px solid #252C46;
    border-bottom: 1px solid #252C46;
    background-color: #B0BED9 !important;
}

table.dataTable tbody tr.selected td:not(:first-child):not(:last-child) {
    border-left: 0px;
    border-right: 0px;
}