body {
    padding-top: 80px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* 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;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea,
.bootstrap-select {
    max-width: 280px;
}

/*media query mixin*/
.disclaimer {
    font-style: italic;
    font-size: 14px !important;
}

.navbar-maintenance {
    background-color: #444444;
}

.toggle {
    display: block;
}

/* hide when using bootstrap-toggle */
input[data-toggle=toggle] {
    display: none;
}

#logo {
    float: right;
    padding: 10px;
}

h1 {
    margin-top: -15px;
}

.modal-title {
    display: inline;
}

.dataTables_wrapper.container-fluid.dt-bootstrap4 {
    padding-left: 0px;
    padding-right: 0px;
}

.form-helptext .input-group-text {
    background: none;
    border: none;
}

.form-helptext .fa {
    font-size: large;
    font: normal normal normal 20px/1 FontAwesome;
}

.dataTables_length {
    float: left;
}

div.dataTables_wrapper div.dataTables_paginate {
    float: right;
}

.btn-group-justified {
    min-width: 280px;
}

.statebuttons .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    background-color: #50a8ff !important;
    font-weight: 500 !important;
    color: white !important;
}

.statebuttons .btn-secondary {
    color: #000 !important;
    background-color: #ffffff !important;
    font-weight: 500 !important;
}

@media only screen and (max-width: 320px) {
    .btn-group-justified {
        min-width: 249px;
    }
}

.upload-img-form .btn-group-justified {
    max-width: 100%;
}

@media only screen and (max-width: 567px) {
    .upload-img-form .btn-group-justified {
        max-width: 100%;
        flex: 1 1 auto;
    }
}

@media only screen and (max-width: 320px) {
    a.btn.tile img {
        width: 44px !important;
    }
}

@media only screen and (max-width: 834px) {
    a.btn.tile img {
        width: 49px;
    }
}

.modal-title {
    display: inline;
}

.dataTables_wrapper.container-fluid.dt-bootstrap4 {
    padding-left: 0px;
    padding-right: 0px;
}

.form-helptext .input-group-text {
    background: none;
    border: none;
}

.dataTables_length {
    float: left;
}

div.dataTables_wrapper div.dataTables_paginate {
    float: right;
}

.no-authorized {
    height: 80vh;
}

.DTFC_LeftHeadWrapper, .DTFC_LeftBodyWrapper, .DTFC_LeftFootWrapper {
    background-color: #fff !important;
}

table.dataTable {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #ced4da;
}

@media only screen and (min-width: 1199px) {
    .dataTables_wrapper {
        width: 1111px;
    }
}

.helptext {
    display: inline-block;
}

    .helptext [disabled] {
        pointer-events: none;
    }

img {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.modal-details {
    font-size: 8pt;
}

.nomargin {
    margin: 0px;
}

.ActiveRow {
    background-color: #FFFFFF !important;
}

.InActiveRow {
    background-color: #808080 !important;
    color: white !important;
}

.mr-negative-15 {
    margin-right: -15px !important;
}

.remove-first-Option option:first-child {
    display: none;
}

button[data-id="case-list"] {
    margin-top: 0px;
}

@media only screen and (min-width: 991px) {
    .vl {
        border-left: 2px solid;
        color: rgba(255, 255, 255, 0.5);
        height: 30px;
    }
}

@media only screen and (max-width: 990px) {
    .vl {
        border-top: 2px solid;
        color: rgba(255, 255, 255, 0.5);
        width: 50px;
    }
}