﻿#admin-bar {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 99999;
    pointer-events: none
}

    #admin-bar .adminbar-position-help, #admin-bar .adminbar-container {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

        #admin-bar .adminbar-position-help .adminbar-column {
            flex: 0 50%;
            height: 50%;
            display: flex
        }

            #admin-bar .adminbar-position-help .adminbar-column.adminbar-column-enabled {
                pointer-events: auto
            }

        #admin-bar .adminbar-container.adminbar-top {
            align-items: start
        }

            #admin-bar .adminbar-container.adminbar-top .adminbar-bar {
                flex-direction: column
            }

        #admin-bar .adminbar-container.adminbar-bottom {
            align-items: end
        }

            #admin-bar .adminbar-container.adminbar-bottom .adminbar-bar {
                flex-direction: column-reverse
            }

        #admin-bar .adminbar-container.adminbar-left {
            justify-content: start
        }

        #admin-bar .adminbar-container.adminbar-right {
            justify-content: end
        }

        #admin-bar .adminbar-container .adminbar-bar {
            background: #525252;
            padding: 5px 20px;
            pointer-events: auto;
            color: #fff;
            display: flex;
            justify-content: space-between
        }

            #admin-bar .adminbar-container .adminbar-bar a.adminbar-cta {
                color: #ccc
            }

            #admin-bar .adminbar-container .adminbar-bar .adminbar-content-right {
                overflow: hidden;
                height: 0
            }

            #admin-bar .adminbar-container .adminbar-bar:hover .adminbar-content-right {
                height: auto
            }
