/* ------------------- GENERAL ------------------- */
html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    height: auto !important;
    background-color: #FFFFFF;
}

::placeholder {
    font-size: 0.95rem;
    font-weight: 300;
}

.fs-2-3 {
    font-size: 2.3rem;
}

.fs-1-5 {
    font-size: 1.5rem;
}

.fs-1-3 {
    font-size: 1.3rem;
}

.fs-1-5 {
    font-size: 1.5rem;
}

.fs-1-1 {
    font-size: 1.1rem;
}

.fs-09 {
    font-size: 0.9rem;
}

.fs-08 {
    font-size: 0.8rem;
}

.fs-07 {
    font-size: 0.7rem;
}

.label-09 label {
    font-size: 0.9rem;
}

.fw-bold {
    font-weight: bold;
}

.fw-lighter {
    font-weight: lighter;
}

.bottom-0 {
    bottom: 0;
}

.hover-dark:hover {
    background-color: rgba(150, 150, 150, 0.2);
    cursor: pointer;
}

.text-pink {
    color: #FF69B4;
}

.cursor-pointer {
    cursor: pointer;
}

.z-index-1000 {
    z-index: 10000;
}

.mw-25 {
    max-width: 25rem;
}

.color-gray {
    color: #666;
}

.color-dark-gray {
    color: #444;
}

.nowrap {
    white-space: nowrap;
}

.highlight {
    font-weight: bold;
}

/* -------------------- PADDING -------------------- */

.padding-15 {
    padding: 15px;
}

/* -------------------- TABLE -------------------- */

table th,
table td {
    font-weight: normal;
    font-family: sans-serif;
}

/* -------------------- CHARTS -------------------- */
#genderOverview, #ageOverview {
    height: 240px !important;
}

#genderAgeOverview {
    height: 400px !important;
}

#weightEvolution, #fatMuscleEvolution {
    height: 250px !important;
}

/* -------------------- TOASTS -------------------- */

md-toast.md-success-theme .md-toast-content {
    background-color: #00C851;
    color: rgb(250,250,250);
}

md-toast.md-danger-theme .md-toast-content {
    background-color: #ff4444;
    color: rgb(250,250,250);
}

/* -------------------- LOGIN --------------------- */
.login-logo {
    width: 8rem;
}

/* ------------------- APP BODY ------------------- */
.app-body {
    height: 100%;
}

/* ------------------- PLATFORM BODY ------------------- */
.platform-body {
    padding-top: 56px;
    min-height: 100%;
    position: relative;
}

/* ------------------- NAVBAR ------------------- */
.bg-purple {
    background-color: #4b4ba3 !important;
}

.navbar-logo {
    width: 30px;
}

/* ------------------- TABLE ------------------- */
.table td,
.table th {
    vertical-align: middle;
}

/* ------------------- SMART TABLE ------------------- */
.st-sort-ascent:before {
    content: '\25B2';
}

.st-sort-descent:before {
    content: '\25BC';
}

/* ------------------- FOOTER ------------------- */
.main-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 24px;
}

.main-footer .container .row .col {
    text-align: center;
}

.main-footer .container .row .col {
    color: #606060;
    font-weight: 300;
}

/* ------------------- SCROLLBAR ------------------ */

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(50, 50, 50, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}