body {
    background-image: url('../images/background.png');
    background-color: #15389a;
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
    font-family: "Open Sans", sans-serif;
}

.tab-content {
    transition: 0.5s;
}

.logo-analise {
    width: 200px;
    height: auto;
}

.graphic {
    width: 100%;
    height: 46vh;
}

.graphic-min {
    width: 100%;
    height: 23vh;
}

:root {
    --image-graph-height: 150px;
    --image-graph-height-diff: 40px;
    --image-graph-height-diff-number: 110px;
}

.images-graphic {
    width: 100%;
    height: var(--image-graph-height) !important;
    overflow-x: scroll;
    overflow-y: hidden;
}

.image-circle {
    width: calc(var(--image-graph-height) - var(--image-graph-height-diff)) !important;
    min-width: calc(var(--image-graph-height) - var(--image-graph-height-diff)) !important;
    height: calc(var(--image-graph-height) - var(--image-graph-height-diff)) !important;
    border-radius: 50%;
    padding: 12px;
    overflow: hidden;
    vertical-align: middle;
    margin: 8px;
    transition: 0.5s;
}

.graphic-image {
    width: 100%;
    height: auto;
    transition: 0.5s;
}

.image-holder {
    position: relative;
    transition: 0.5s;
}

.image-holder:hover {
    scale: 1.1;
}

.image-holder:hover .graphic-image {
    scale: 1.25;
}

.image-quantidade {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    background-color: rgb(20, 20, 100);
    font-size: 22px;
    border-radius: 50%;
    padding-bottom: 2px;
    min-width: calc(var(--image-graph-height) - var(--image-graph-height-diff-number)) !important;
    height: calc(var(--image-graph-height) - var(--image-graph-height-diff-number)) !important;
    vertical-align: middle;
    text-align: center;
}

.image-quantidade i {
    font-size: 10px;
}

.table-responsive {
    overflow-y: scroll;
    height: 30vh;
    max-height: 30vh;
    min-height: 30vh;
}

thead {
    position: sticky;
    top: 0;
}

td,
th {
    vertical-align: middle;
    white-space: nowrap;
}

.img-table {
    height: auto;
    width: 50px;
    border-radius: 50%;
    transition: 0.5s;
}

.img-table:hover {
    scale: 2.5;
    border-radius: 10%;
    z-index: 9999999;
}

.cursor-default {
    cursor: default;
}

@media (max-width: 575px) {
    .hide-on-small {
        display: none;
    }
}