#dst-mapicon-legend .dst-mapicon-img{
    margin-right: 8px;
}

.dst_modal .modal-body{
    overflow-y: scroll;
    max-height: 500px !important;
}

.modal-content {
    padding: 15px;
    width: 600px;

}

.dst_descriptive{
    margin-bottom: 8px;
}

#dst-table {
    /* max-width: 85%; */
    table-layout: fixed;
    width: 100%;
}

/* make selector in table header to show as block and align vertically on the bottom */
#dst-table thead th select {
    /* display: block; */
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
    vertical-align: bottom;
}

/* make table header text to show at the top of the cell */
#dst-table thead th {
    vertical-align: top;
}

select#dt-length-0.dt-input {
    margin-right: 15px;
}

.dt-buttons {
    display: flex;
    width: 30%;
    float: left;
    /* margin-bottom: 20px; */
}

.dt-search {
    display: flex;
    width: 65%;
    text-align: right;
    float: right;
}

.dt-search label {
    margin-right: 15px;
    padding-top:7px;
}

input#dt-search-0.dt-input {
    width: 78%;
}

th.dst-name.dt-orderable-asc select,
th.dst-name.dt-orderable-desc select {
    vertical-align: bottom;
    margin-top: 10px;
}

.session-tool-tip{
    text-decoration-style: dotted !important;
}

.session-tool-tip + div.tooltip .tooltip-inner {
    padding:9px 11px !important;
    border-radius:6px;
    color:white;
    font-size:14px;
    letter-spacing:0.03em;
    height:auto;
    position: relative;
    background:#132447;
    z-index: 200;
}

table .tooltip.top {
    padding:5px 0px !important;
}

table .tooltip-arrow {
    border-width: 5px 5px 0 !important;
    border-color: transparent !important;
    border-style: solid !important;
    border-top-color: #132447 !important;
    left:48% !important;
}

#dst_filter_container {
    max-width: 100%;
    width: 100%;
}

#dst_filter_container .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

#dst_filter_container .row > div {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

#dst_filter_container .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

#dst_filter_container .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

@media (max-width: 768px) {
    #dst_filter_container .col-md-4,
    #dst_filter_container .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

#dst_filter_container div select {
    z-index: 1;
}

#dst_table_container {
    padding-top:30px;
}

#dst-table_wrapper .dt-buttons div.dt-button-collection {
    width: 250px;
    float: left;
}

#dst-table a {
    color: #1b366d;
    text-decoration: none;
}

#dst-table a:hover {
    text-decoration: underline;
    cursor: pointer;
}

div#dst-table_wrapper .dt-buttons {
    margin-bottom:20px;
}

.clear-button {
    text-align: right;
    margin-top: 22px;
    text-align: center;
}

#content #main .clear-button button#clear_filters {
    background-color: #1b366d;
    border-color: #132447;
    color: white;
    font-size: 18px;
    padding: 4px 16px;
    border-radius: 4px;
    width: 100%;
    cursor: pointer;
}

#dst_table_container {
    z-index: 2001;
    position: relative;
}