@import "../../../assets/css/abstracts/custom-variables.scss";

//App Menu
.filter-dropdown-menu {
    @media only screen and (min-width: 575px) {
        min-width: 20rem;
    }
}

//Affix Toolbar

//Toolbar inner styling
.form-toolbar-inner.affix {
    position: fixed;
    background: $gray-100;
    left: 0;
    right: 0;

    @media only screen and (min-width: 992px) {
        margin: 0 auto;
    }
}

//Top toolbar
.form-toolbar-inner-top.affix {
    border-bottom: 1px solid $default-border-color;
    padding: 10px 10px 0;
    top: 62px;
    left: 0;
    right: 0;
    z-index: 100;
    transform: translate(0,0);
    transition: transform 0.2s ease;
}

.hide-header:not(.desktop-sideview):not(.no-main-menu) .form-toolbar-inner-top.affix{
    transform: translate(0,-48px);
    transition: transform 0.2s ease;
}

.desktop-sideview .form-toolbar-inner-top.affix {
    top: 62px;
}

//bottom toolbar
.form-toolbar-inner-bottom {
    margin-top: 10px;

    &.affix {
        background: $gray-100;
        border-top: 1px solid $default-border-color;
        bottom: 0;
        padding: 10px;
        margin: 0;
        z-index: 10;
    }
}

