@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;
}

.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;
    }
}

//prevent gap appearing above navbar
.infocapture.edit-form .claro-navbar {
    top: -1px;
}
