/* Tutorial made by Rene-F for AppSeed.us | 2022 | https://github.com/Rene-F */

/* reset styling */

/* Standard Styling für den Button */
.btn-float {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Standard-Hover-Effekt */
.btn-float:hover {
    background-color: #0056b3;
    transform: translateY(-2px);
}

/* Floating Position (unten rechts) */
.floating-right {
    position: fixed;
    bottom: 20px;   /* Abstand vom unteren Rand */
    right: 20px;    /* Abstand vom rechten Rand */
}

.floating-left {
    position: fixed;
    bottom: 20px;   /* Abstand vom unteren Rand */
    left: 20px;    /* Abstand vom rechten Rand */
}

/* Versteckt (nur sichtbar bei PWA-Logik) */
.hidden {
    display: none;
}


#page-container {
  position: relative;
    min-height: 100vh;
}

#avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    border: 2px solid #ccc;
}

#content-wrap {
  min-height: calc(100vh - var(--topNavbarHeight) - var(--footerHeight));
}

#footer {
    min-height: var(--footerHeight);
}

/* variables */
:root
{
    --offcanvas-width: 300px;
    --topNavbarHeight: 80px;
    --footerHeight: 120px;
    --transition-collapse: ease 0.5s;
}

.nav-top {
    height: var(--topNavbarHeight);
}

/* sidebar width */
.side-bar
{
    width: var(--offcanvas-width) !important;
}

/* sidebar links */
.sidebar-link
{
    display: flex;
    align-items: center;
}

.sidebar-link .right-icon
{
    display: inline-flex;
    transition: all ease 0.5s;
}

/* collapse menu */
.collapsing
{
    transition: var(--transition-collapse);
}

/* chevron rotate on expand */
.sidebar-link[aria-expanded="true"] .right-icon
{
    transform: rotate(180deg);
}



/* sidebar visibility and navbar height */
@media (min-width: 1900px)
{
    body
    {
        overflow: auto !important;
    }

    .navbar-toggler {
        visibility: hidden;
    }

    #content-wrap
    {
        margin-left: var(--offcanvas-width) !important;
    }

    .side-bar
    {
        transform: none !important;
        visibility: visible !important;
        margin-top: var(--topNavbarHeight);
    }

    #footer
    {
        margin-left: calc(var(--offcanvas-width) - 1px);
    }
}


    .fc-toolbar.fc-header-toolbar {
        font-size: 80%;
    }

@media screen and (max-width:850px) {
    .fc-toolbar.fc-header-toolbar {
        font-size: 60%;
        flex-direction: column;
    };
    .fc-toolbar-chunk {
        display: table-row;
        text-align: center;
        padding: 5px 0;
    };

}


