.effectTooltip + .tooltip > .tooltip-inner,
.intTooltip + .tooltip > .tooltip-inner {
    background-color: black;
}

.glyphicon-search {
    background: #852B1E;
    color: white;
    left: -1px;
    top: 0;
    border-top: #852B1E 2px solid;
}

.dataTables_length label {
    font-weight: 400;
}

.dataTables_length label select, #sex, #age, #outcome, #zone {
    background: white;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px;
}

.interactionHeader, .glyphicon-chevron-down {
    background: none !important;
}

.dataTables_length {
    float: right !important;
}

.dataTables_filter {
    float: left !important;
}

.dataTables_filter input {
    width: 35rem !important;
    margin-right: 5rem !important;
}

.int-icon {
    background: transparent !important;
    margin: 0 auto !important;
}

.intTooltip {
    color: black;
    text-align: center;
    display: block !important;
}

.intTooltip: hover {
    text-decoration: none;
}

#interaction {
    margin-bottom: 50px;
}

.btt {
    display: inline-block;
    margin-top: 32px;
    float: right;
}

@media (min-width: 1450px) {
    #toc_container {
        position: fixed;
        left: 5%;
        top: 235px;
    }

    .btt {
        display: none;
    }
}

.well {
    background: rgba(150,150,150,0.2);
    margin: 0;
    padding-bottom: 5px;
}

#suggestions {
    position: absolute;
    background-color: white;
    max-height: 100px;
    overflow: auto;
    border: solid 1px black;
    width: 100%;
}

.suggestion {
    margin: 0;
    cursor: pointer;
}

.suggestion:hover {
    background-color:aquamarine; 
}

.suggestion.selected {
    background-color: aqua;
}

.table>tbody>tr>td {
    padding: 5px;
}

.risk_A {
    background-color: white !important;
}

.risk_B {
    background-color: rgba(0, 191, 255, 0.5) !important;
}

.risk_C {
    background-color: rgba(255, 215, 0, 0.5) !important;
}

.risk_D {
    background-color: rgba(255, 0, 0, 0.5) !important;
}

.risk_X {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.panel-heading a {
    color: black !important;
}

.risk_X a {
    color: white !important;
}

.panel-heading small {
    color: #337ab7 !important;
}

.panel-collapse {
    padding: 20px;
}

.glyphicon-ok {
    margin: 10px;
}

.check {
    text-align: center;
}

.checkmark {
    cursor: pointer;
}

.list-group {
    border: none !important;
}

#loading, #savemsg, #saveerror {
    display: none;
    margin-left: 20px;
}

#delete {
    margin-left: 20px;
}

.dose {
    min-width: 150px;
}

.dose input, .dose select {
    width: 50% !important;
}

.dbWarning {
    color: red;
    font-size: 18px;
}

.dbWarning2 {
    color: red;
    font-size: 15px;
}

.interactionHeader {
    padding-left: 30px;
    margin-top: -16px;
}

.glyphicon-chevron-down {
    margin-right: 5px;
}

.adder {
    position: relative;
}

.adder .glyphicon {
    left: -7px;
    background: #852B1E;
    color: white;
    top: 0;
}

.adderInput {
    margin-bottom: 0;
}

.note-list {
    max-height: 80%;
    overflow: auto;
}

.reportToggleDiv {
    margin-top: 20px;
}

.addUser {
    float:right;
}

.dataTable td a {
    display: inline-block;
}

.dataTable td img {
    margin: 0;
}

#filter {
    width: 30%;
}

#dSearchInput {
    width: 70%;
}

.eSearch {
    margin-bottom: 10px;
}

.eSearch .glyphicon {
    left: -7px;
}

.input-group {
    width: 100%;
}

.drugName {
    padding: 0;
}

.subHeader, .glossary {
    display: inline-block;
}

.glossary {
    font-size: 16px;
}

table.dataTable.display tbody tr.odd > .sorting_1 {
    background-color: #e1e1e1;
}

table.dataTable.display tbody tr.even > .sorting_1 {
    background-color: #eaeaea;
}

.legend {
    margin: 10px;
}

.legend div {
    border: 1px solid black;
    margin: 5px;
    padding: 5px;
}

table.dataTable thead .sorting_desc {
    background-image: url("../img/sort_desc.png") !important;
}

table.dataTable thead .sorting_asc {
    background-image: url("../img/sort_asc.png") !important;
}

.glyphicon-question-sign {
    color: grey;
}