/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 20px;
    padding-bottom: 20px;
}

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

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select {
    max-width: 280px;
}
textarea {
    max-width: 600px;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

/* placing the footer on top */
tfoot {
    display: table-header-group;
}

div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) {
    color: black !important;
    background-image: linear-gradient(to bottom, #fff 0%, #28a745 100%);
}

.green_btn {
    background-color: #218838;
}

button.dt-button {
    white-space: normal;
}

    button.dt-button.buttons-columnVisibility.active {
        background-color: green !important;
    }

.bs-ok-default.check-mark {
    position: absolute;
    display: inline-block;
    left: 5px !important;
    margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    left: 5px !important;
    margin-top: 5px;
}

li.selected {
    background-color: blue !important;
    color: white !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: green !important;
    color: white !important;
}

.dropdown-item.selected {
    background-color: green !important;
    color: white !important;
}

.dropdown-header {
    background-color: #28a745 !important;
    color: white !important;
}

.btn.btn-outline-success:hover {
    color: white !important;
}

.bootstrap-select > .dropdown-toggle {
    background-color: lightgray;
}
/*==================  Inline List  ======================*/
/*.upcoming li {
    display: inline-block;
    font-size: 14px;
    color: black;
    padding: 2px;
}

    .upcoming li:hover {
        background-color: white;
    }

.upcoming a:hover {
    background-color: white;
}

.upcoming {
    background-color: lightblue;
    padding: 10px;
    border: 1px solid darkgrey;
}

    .upcoming .separator {
        height: 1px;
        background: #dfdfdf;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }*/

.dataTables_length {
    margin-right: 50px;
}

.lnkbutton {
    padding: 2px;
   /*margin-top:5px;margin-bottom:5px;
    background: darkgrey;
    border: solid 1px #666;*/
    color: #000;
    font-weight: bold
}

.dotted {
    color: green;
    text-decoration: dotted;
    cursor: pointer;
}

.lnkbuttonselected {
    padding: 2px;
    margin: 2px;
    background: white;
    border: solid 1px #666;
    color: black;
    font-weight: bold
}

.statebox {
    padding: 8px;
    margin: 2px;
    background: white;
    border: solid 1px gray;
    color: gray;
    font-weight: bold
}

a.statebox:hover {
    color: white;
    background-color: green;
}

th {
    background-color: slategray;
    color: ivory;
    text-transform: uppercase;
}

    th a {
        color: ivory;
    }

#spinner {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: url('https://media.giphy.com/media/1n6FOu976kb1yr5uW5/giphy.gif') no-repeat center center;
}

.highlight {
    background: #00FF00;
    padding: 1px;
    border: #00CC00 dotted 1px;
}

div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) {
    color: black !important;
    background-image: linear-gradient(to bottom, #fff 0%, #28a745 100%);
}

.green_btn {
    background-color: #218838;
}

button.dt-button {
    white-space: normal;

}

    button.dt-button.buttons-columnVisibility.active {
        background-color: green !important;
    }

.bs-ok-default.check-mark {
    position: absolute;
    display: inline-block;
    left: 5px !important;
    margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    left: 5px !important;
    margin-top: 5px;
}

li.selected {
    background-color: blue !important;
    color: white !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: green !important;
    color: white !important;
}

.dropdown-item.selected {
    background-color: green !important;
    color: white !important;
}

.btn.btn-outline-success:hover {
    color: white !important;
}

div.ui-tooltip {
    max-width: 800px;
    min-width: 200px;
}

.dataTables_length {
    margin-right: 50px;
}