html {
    font-size: 12px !important;
}

.nav-sidebar .nav-treeview {
    padding-left: 15px;
}

.brand-text {
    vertical-align: middle;
}

.login-logo {
    margin-bottom: 20px
}

.login-box-msg {
    padding-bottom: 5px
}

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

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Login background */
.bg-globe {
    background-color: #1C4F90;
}

/* Styling for sample count header */
.text-sample-count {
    color: dimgray;
    padding: 0;
    padding-right: 0.35rem;
}

/* Custom jquery toast styling */
.jq-toast-single {
    border-radius: 0.25rem;
    background-color: #ffffff;
    background-clip: padding-box;
    padding: .5rem 1rem .5rem .5rem;
    border: 1px solid #000000;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0.25rem 0.75rem #000000;
    box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1);
    padding: .25rem .75rem;
    align-items: center;
    color: #333;
}

.jq-toast-heading {
    color: #6c757d;
    background-color: #ffffff;
    background-clip: padding-box;
    border-bottom: 1px solid #000000;
    border-bottom: 1px solid rgba(0,0,0,.05);
    padding-bottom: .25rem;
    padding-top: .25rem;
    align-items: center;
    font-weight: bolder;
}

.jq-toast-single a {
    color: #f4f4f5;
    text-decoration: underline;
}

.jq-toast-single a:hover {
    color: #fff;
}

.jq-toast-single p:last-child {
    margin-bottom: 0;
}

.jq-icon-info {
    background-image: none;
    border-color: #000000;
    border-color: rgba(0,0,0,.1);
    background-color: #3c9aff;
    color: #fff;
}

.jq-icon-warning {
    background-image: none;
    border-color: #000000;
    border-color: rgba(0,0,0,.1);
    background-color: #fcc631;
    color: #333;
}

.jq-icon-error {
    background-image: none;
    border-color: #000000;
    border-color: rgba(0,0,0,.1);
    background-color: #dd3947;
    color: #fff;
}

.jq-icon-success {
    background-image: none;
    border-color: #000000;
    border-color: rgba(0,0,0,.1);
    background-color: #10aa50;
    color: #fff;
}

.jq-toast-loader {
    background: none !important;
}

/* Provenance user comment styling */
.list-group-item-comment {
    border: 0;
    padding-bottom: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0.8rem;
    margin-top: 0;
    margin-bottom: 1.2rem;
    margin-right: 1.25rem;
}

.list-group-item-comment-deleted {
    color: crimson;
}

.list-group-item-comment-self {
    color: blue;
}

.comment-action-button-highlight .fa {
    display: none
}

.comment-action-button-highlight:hover .fa {
    display: inline
}

/* Provenance comment field styling  */
.list-group-item-comment-field {
    border-bottom: 0
}

.list-group-item-comment-field:hover {
    z-index: 0
}

/* Reddit-style side lines for tree marking */
.list-group-flush-comment-line {
    padding-top: 0;
    margin-top: 1.2rem;
    margin-left: 0.125rem;
    border-left: 2px;
    border-left-style: outset;
}

/* Provenance comment table header styling */
.list-group-item-comment-header {
    cursor: pointer;
    background-color: #f4f4f5;
    margin-bottom: -1px;
    z-index: 1
}

.list-group-item-comment-header:hover {
    z-index: 1
}

/* Custom jquery toast styling */
.jq-toast-single a {
    text-decoration: underline;
    border-bottom: 0;
}

/* Autohide login background on mobile-ish resolutions */
@media screen and (max-width: 600px) {
    .bg-globe {
        background-image: none;
    }
}
@media screen and (max-width: 960px){
    .login-gallery {
        display: none !important;
    }
}
/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* Bootstrap v4 border fix for datatables */
-table.dataTable {
    border-spacing: 0;
}

/* Datatables processing popup restyling */
div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    margin-left: 0;
    margin-top: 0;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 0.25rem;
    text-align: center;
}

/* Map styling? */
#mapid {
    z-index: 0;
}

#selectedFeatures {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
    background: #00ffff;
    padding: 1em;
}

.table-hover tbody tr:hover {
    background-color: #C2C7D0;
    color: black;
}

.custom-popup .leaflet-popup-content-wrapper {
    background: #343a40;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

    .custom-popup .leaflet-popup-content-wrapper a {
        color: rgba(255,255,255,0.5);
    }

    .importTemplate tbody > tr > td img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.login-box{
    width: 450px;
    display: inline-block;
    margin-right: 5px;
}
.login-gallery {
    width: 450px;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    margin-left: 5px;
    background-image: url('..\\images\\Puzzle_Globe.png');
    background-size: cover;
    background-position: center;
    border-radius: 20px
}
.jq-toast-wrap {
    display: block;
    position: fixed;
    width: 375px !important;
    pointer-events: none !important;
    letter-spacing: normal;
    z-index: 9000 !important
}

aside.main-sidebar {
    min-height: 100% !important;
}