/*Workout Viewer*/
.workout-set-indicator {
    padding: 9px 0;
    line-height: 1.1rem;
    width: 34px !important;
    height: 34px !important;
    text-align: center;
    border-radius: 50%;

    border: 1px solid var(--umonio-yellow);
}

.workout-set-breakTime-item {
    text-align: center;
}

.workout-set-breakTime-item .value {
    padding: 9px 0;
    line-height: 1.2rem;
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 50%;
    background: var(--umonio-yellow);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: var(--umonio-yellow);
    border-color: var(--umonio-yellow);
    color: var(--umonio-blue);
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: var(--umonio-yellow);
}

.flatpickr-day {
    font-size: large;
    color: var(--umonio-blue);
}

.datePickerInputBox input.form-control {
    font-size: large;
    text-align: center;
}

.flatpickr-calendar input[type='number'].form-control {
    font-size: large;
    text-align: center;
}

/* TODO REMOVE - Mobile Device anti zoom on focus quick fix*/
@media screen and (max-width: 767px) {
    input, select, textarea {
        font-size: 16px !important;
        /*font-size: calc(max(16px, 32px)) !important;*/
        /*font-min-size: 16px !important;*/
        /*font-size: 16px;*/
        /*font-size: 16px !important;*/
    }
}

.block.block-rounded {
    border-radius: 2em;
}

.block.block-rounded > .block-header {
    border-radius: 2em 2em 1em 1em;
}

.btn {
    border-radius: 2em;   
}

.nav-main-header > li > a {
    border-radius: 2em;
}

.nav-main a.active {
    border-radius: 1em;
    background: var(--umonio-yellow);
    margin: 0 4px 0 4px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.nav-main a.active span {
    color: var(--umonio-blue) !important;
}
.nav-main a.active i {
    color: var(--umonio-blue) !important;
}

.block > ul.nav.nav-tabs {
    border-radius: 2em 2em 0 0;
}

.btn.bg-umonio-pattern-yellow:disabled {
    cursor: not-allowed;
}

.css-checkbox.css-control-primary .css-control-input:checked ~ .css-control-indicator {
    background-color: var(--umonio-yellow);
    border-color: var(--umonio-yellow);
}

.signUpNavBar {
    border-radius: 1.5em !important;
}

/*Disable nav bar shadow for signup page layout*/
.signUpaPgeLayout .navbar-top-default {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.35) !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.35) !important;
}

.navbar-top-default {
    box-shadow: none !important;
}

.inputRoundedLeft input {
    border-top-left-radius:    2em !important;
    border-bottom-left-radius: 2em !important;
}

.documentationContentView {
    width: 100%;
}

.documentationContentView p {
    margin-bottom: 0 !important;
}

.navbar-nav .nav-link {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.navbar-nav .nav-link .fi {
    display: inherit;
}

.navbar-nav > .nav-item > .nav-link .fi,
.navbar-nav > .nav-item > .nav-link .si,
.navbar-nav > .nav-item > .nav-link .fa
{
    display: inherit;
    vertical-align: text-top;
}

.btn {
    line-height: normal;
}

/*
 Contains several helper functions
*/

body:has(.requires-no-scroll) {
    overflow: hidden;
}

/*media-player {*/
/*    min-height: 500px;*/
/*}*/

/*.media-player[data-view-type="video"] {*/
/*    aspect-ratio: 16 / 9;*/
/*}*/

[data-media-player][data-layout='video']:not([data-fullscreen]) {
    border-width: 0 !important;
    border-radius: 0.5em !important;
    /*overflow: clip;*/
    aspect-ratio: 16/9;
    width: 100%;
}



[data-media-player][data-layout='video']:not([data-fullscreen]) video {
    height: 100%;
}



[data-media-player]:not([data-view-type='audio']) [data-media-provider], [data-media-player][data-fullscreen] [data-media-provider] {
    /*height: auto;*/
}

.vds-video-layout {
    --video-brand: hsl(47, 100%, 50%);
    /* Layout: https://vidstack.io/docs/player/components/layouts/default-layout#video-layout  */
    /* Components: https://www.vidstack.io/docs/player/components/layouts/default-layout#components */
}

.vds-audio-layout {
    --audio-brand: hsl(47, 100%, 50%);
    /* Layout: https://vidstack.io/docs/player/components/layouts/default-layout#audio-layout */
    /* Components: https://www.vidstack.io/docs/player/components/layouts/default-layout#components */
}

/*.plyr {*/
/*    --plyr-color-main: hsl(198, 100%, 50%);*/
/*    !* CSS Vars: https://vidstack.io/docs/player/components/layouts/plyr-layout#css-variables *!*/
/*}*/



/* The typing effect */
@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: orange; }
}

/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
.dot-pulse {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--umonio-yellow);
    color: var(--umonio-yellow);
    box-shadow: 9999px 0 0 -5px;
    animation: dot-pulse 1.5s infinite linear;
    animation-delay: 0.25s;
}
.dot-pulse::before, .dot-pulse::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--umonio-yellow);
    color: var(--umonio-yellow);
}
.dot-pulse::before {
    box-shadow: 9984px 0 0 -5px;
    animation: dot-pulse-before 1.5s infinite linear;
    animation-delay: 0s;
}
.dot-pulse::after {
    box-shadow: 10014px 0 0 -5px;
    animation: dot-pulse-after 1.5s infinite linear;
    animation-delay: 0.5s;
}

@keyframes dot-pulse-before {
    0% {
        box-shadow: 9984px 0 0 -5px;
    }
    30% {
        box-shadow: 9984px 0 0 2px;
    }
    60%, 100% {
        box-shadow: 9984px 0 0 -5px;
    }
}
@keyframes dot-pulse {
    0% {
        box-shadow: 9999px 0 0 -5px;
    }
    30% {
        box-shadow: 9999px 0 0 2px;
    }
    60%, 100% {
        box-shadow: 9999px 0 0 -5px;
    }
}
@keyframes dot-pulse-after {
    0% {
        box-shadow: 10014px 0 0 -5px;
    }
    30% {
        box-shadow: 10014px 0 0 2px;
    }
    60%, 100% {
        box-shadow: 10014px 0 0 -5px;
    }
}

/* Optimize the footer accessibility */
.footer-links { }
.footer-links.row {
    align-content: center;
    align-items: baseline;
}

.footer-links.row .col-auto,
.footer-links.row .col {
    height: fit-content;
    margin-bottom: 0.5rem;
}