div.search-result-main{
    display: flex;
    justify-content: space-between;
    border-top:solid 1px #AEB6BF;
}
.search-result-main{margin-top: 1em;padding-top:0.5em;}

.search-result-meta li + li::before {
    content: " | ";
}

/* Used in the DataGroup list view */
.dot {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    color:white;
    }

/* ☺☺☺☺☺☺ Document Group Color ☺☺☺☺☺☺ */
.dot-dg-CO {
    background-color: #808000;
}
.dot-dg-HP {
    background-color: #469990;
}
.dot-dg-FU {
    background-color: #9A6324;
}
.dot-dg-CP {
    background-color: #911eb4;
}
.dot-dg-HH {
    background-color: #e6194b;
}
.dot-dg-SU {
    background-color: #000075;
}
.dot-dg-LM {
    background-color: #0071bc;
}
.dot-dg-SD {
    background-color: #cd99ff;
}
.dot-dg-UN {
    background-color: #2F4F4F;
}
.dot-dg-chem {
    background-color: #868e96;
}
.factotum-control-row{
    padding-left: 1em;
    padding-top: .5em;
    border-width: .2rem;
    border: 1px solid #e9ecef;
}

.tooltip-inner {
	min-width: 100px;
	max-width: 100%; 
}

.bubble-chart {
    border-radius: 25px;
    border: 2px solid;
    background-color: #FFF;

}

/* -----datadocument_detail----- */
.scroll-div {
    overflow-y: scroll;
    overflow-x: hidden !important;  
    padding-bottom: 247px;
}

/* make scrollbar transparent */
/* works in chrome, but not in FireFox */
#meta::-webkit-scrollbar, #cards::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.card-text ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1em;
}
/* -----datadocument_detail----- */
/* -----edit buttons----- */
.hover-danger:hover {
    background: #d9534f;
    color: #f7f7f7;
}
.hover-info:hover {
    background: #5bc0de;
    color: #f7f7f7;
}
.hover-success:hover {
    background: #5cb85c;
    color: #f7f7f7;
}
/* -----edit buttons----- */

.icon-secondary {
    color: #868e96;
}

.icon-primary {
    color: #ff0000;
}

.hidden {
    visibility: hidden;
}

.btn-group-flex-center {
    align-items: center;
}

.flash:hover {
    box-shadow: 4px 4px #b3b1a7;
}
.flash {
    -webkit-transition: -webkit-box-shadow 0.5s ease-out, opacity 0.5s ease-out;
    -moz-transition: -moz-box-shadow 0.5s ease-out, opacity 0.5s ease-out;
    transition: box-shadow 0.5s ease-out, opacity 0.5s ease-out;
}

.carousel-control-prev,
.carousel-control-next {
    color: #0076ff !important;
    margin-left: -120px;
    margin-right: -120px;
}

#news-slider {
    min-height: 150px;
}