.agree {
    color: #0c0;
}

.disagree {
    color: #c00;
}

h2 {
    font-size: large;
}

h3 {
    font-size: medium;
}

th {
    color: #ccc;
    font-weight: normal;
}

h2, h3 {

    color: #666;
    font-weight: bold;
}


.img-thumbnail.active {
    border-color: #0275d8;
}

.img-thumbnail:hover {
    border-color: #292b2c;
}

body {
    margin-bottom: 60px;
}


.badge-rank {
    background-color: #dddddd;
    color: #333;
    font-weight: normal;
}

div.face-thumb {
    width: 100px; height: 100px;
    border: 1px solid #ccc;
    background-repeat: no-repeat;
}

a.face-result {
    display: flex;
    /* width: 100%; */
    padding: 10px; 
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
}



a.face-result .actions {
    position: absolute;
    z-index: 11;
    width: 100%; 
    height: 100%;
    padding-top: 65px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, .8);
    opacity: 0;
    transition: opacity .3s;
}

a.face-result .actions .btn {
    width: 200px;
    height: 50px;
}

a.face-result:hover .actions {
    opacity: 1;
}

a.face-result .compare {
    display: none;
}


div.face-result-name {
}

div.face-result-img {
    background-color: #ccc;
    background-repeat: no-repeat;
    height: 200px; width: 200px;
    flex-basis: 200px;
}

/* a.face-result .card-body {
    display: flex;
    flex-flow: row wrap;
    width: calc(100% - 200px);
    position: relative;
} */

.float-top-right {
    position: absolute;
    top: 0;
    right: 0;
}


a.face-result .material-icons {
    font-size: 50px;
    cursor: pointer;
}

#results .overlay{
    z-index: 100;
    background-color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
}

.face-result.confidence-hi {
    border: 1px solid green;
}

.face-result.confidence-md {
    border: 1px solid orange;
}

.face-result.confidence-lo {
    border: 1px solid #ccc;
}

div.fixed-photo-box {
    position: fixed;
    width: 100%;
    max-width: 350px;
}

table.table th {
    width: 30% !important;
}

/*Full Screen Result */
a.face-result.show {
    position: fixed;
    top: 130px;
    width: 50%;
    min-width: 650px;
    margin: 0;
    z-index: 101;
    background-color: white;
    max-width: 900px;
}

a.face-result.show .card-body {
    display: block;
}

#results .overlay.show {
    display: block;
}

a.face-result.show .overview {
    display: none;
}

a.face-result.show .compare {
    display: initial;
}

a.face-result.show .search-card {
    display: none;
}

div.other_photos {
    width: 100%;
}

div.other_photos img {
  width: 70px;
}

#history table.table th {
    width: 25% !important;
}

.fake-link {
    color: blue;    
    cursor: pointer;
}


.identified-soldier{
    border-color:darkblue;
}

.unknown-soldier{
    border:1px dashed darkslategray;
}


.unidentified-soldier{
    border-color:lightgray;
}

#go_up{
    bottom: 10px;
    right: 10px;
    position: fixed;
    z-index: 1000;
    visibility: hidden;
}

#go_up.show{
    opacity:1;
    visibility: visible;
}

.search_filters_sidebar{
    float: left;    
    max-width: 350px;
}

.search_filters_sidebar_fixed{
    position: fixed;
    width: 100%;
    max-width: 350px;
}

.navbar-brand.btn-outline:hover{
    background-color:#CCA586;
}

.face-panel{
    background-color: #ffffe6;
}

.rotateimg180 {
    -webkit-transform:rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotateimg90 {
    -webkit-transform:rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotateimg270 {
    -webkit-transform:rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.rotateimg360 {
    -webkit-transform:rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.overview_tags{
    font-weight: normal;
}

.header_details_panel{
    font-weight: lighter;
}

.header_face_panel{
    font-weight: lighter;
}

.inscription_holder{
    background-color: beige!important;
}

.primary_source_alert{
    background-color: #D9F6BA;
}

.secondary_source_scholarly_alert{
    background-color: #F3F6BA;
}

.secondary_source_others_alert{
    background-color: #F6D6BA
}

.visual_id_source_alert{
    background-color: lightskyblue;
}

.uncategorized_source_alert{
    background-color: #F6BABA
}

.border-matched{
    border: 1px dotted darkslategrey;
}

.identity-content-open{
    display: block;
}

.identity-footer-open{
    display: block;
}

.identity-content-close{
    display: none;
}

.identity-footer-close{
    display: none;
}

.identity_show{
    cursor: pointer;
}

.identity_hide{
    cursor: pointer;
}

.searchable-link{
    text-decoration: underline;
    cursor: pointer;
    color: #0275d8;
}

.counter-badge-primary{
    border: 1px solid #004085;
    color: #004085;    
}

.counter-badge{
    border: 1px solid darkslategray;
    color: darkslategray;    
}