@font-face {
  font-family: 'panorama';
  src: url('../font/panorama.eot?43106182');
  src: url('../font/panorama.eot?43106182#iefix') format('embedded-opentype'),
       url('../font/panorama.woff?43106182') format('woff'),
       url('../font/panorama.ttf?43106182') format('truetype'),
       url('../font/panorama.svg?43106182#panorama') format('svg');
  font-weight: normal;
  font-style: normal;
}
.leanorama-controlbar {
    position:   fixed;
    bottom:     0;
    left:       0;
    
    /* prevent text selection of buttons */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .leanorama-controlbar-bg {
        position:           absolute;
        bottom:             0;
        left:               0;
        width:              100%;
        height:             100%;
        background-color:   #000;
        opacity:            0.6;
        filter:             alpha(opacity=60);
        border-top-right-radius: 0.2rem;
    }
    
    .leanorama-controlbar-controls {
        position:   relative;
        padding:    0 1em;
    }
    
        .leanorama-controlbar-button {
            display: inline-block;
            padding: 0.6em 0.3em;
            font-family: 'panorama';
            font-size: 2.5rem;
            line-height: 2rem;
            color: #fff;
            z-index: 10001;
        }

        .actionable:hover {
            color: #B4E758;
        }
        
        @media only screen and (max-width: 480px) {
            .leanorama-controlbar-button {
                font-size:  1rem;
            }
        }
    
        .leanorama-controlbar-button:hover {
            cursor: pointer;
        }