.message {
    @extend .alert !optional;

    &.warning {
        @extend .alert-warning !optional;
    }

    &.error {
        @extend .alert-danger !optional;
    }
}

.embed-responsive-4by3,
.embed-responsive-16by9 {
    position: relative;
    padding-top: 56.25%;

    iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.embed-responsive-4by3 {
    padding-top: 75%;
}

#ForgotPassword {
    width: 100%;
    margin: 1rem 0;
}



#BetterNavigator {
    top: 50% !important;
    display: none;
    margin-top: -41px;

    &.open {
        top: 0 !important;
        margin-top: 0;
    }

    a,
    button,
    div,
    i,
    span {
        background-size: auto;
    }

    #BetterNavigatorStatus.Live {
        background: #277c35;

        .bn-icon-cog {
            filter: invert(1);
        }
    }

    #BetterNavigatorContent {
        color: #3d4042;
        span.bn-disabled {
            color: #303336;
        }
    }

    @media (min-width: map-get($grid-breakpoints, "md")) {
        display: block;
    }
}