*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    position: relative;
    font-weight: normal;
}

body {
    min-height: 100vh;
    color: #2c3e50;
    background: #F8FAFB;
    transition: color 0.5s, background-color 0.5s;
    line-height: 1.6;
    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
    Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 15px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#app {
    background-color: #F8FAFB;
}

.full-screen {
    width: 100%;
    height: 100%;
}

select.form-select#country {
    min-width: 175px;
}
.btn-primary, .btn-primary:hover, .btn-outline-primary:hover{
    background-color: #004494;
    border-color: #004494;
    color:white;
}

.btn-outline-primary{
    border-color: #004494;
    color:#004494;
}

.action-buttons {
    border-radius: 5px;
    min-width: 205px;
}

.apexcharts-inner {
    transform: translate(10px, 50px);
}
.apexcharts-legend{
    padding: 0!important;
}
.apexcharts-legend-series{
    display: flex!important;
    margin: 0 15px 5px 0!important;
}
.apexcharts-series > path {
    margin-top: 10px;
}

.apex-tooltip {
    position: relative;
    padding: 5px;
    display: flex;
    flex-direction: row;
}
.apex-tooltip > span:first-child {
    margin-right: .5rem;
}

#chart .apexcharts-tooltip {
    color: #000;
    transform: translateX(10px) translateY(10px);
    overflow: visible !important;
    white-space: normal !important;
}