.hi-main-bar{ display:block; transition:background .1s ease-in; font-weight:bold; font-size:16px;text-align:center;padding: 13px 20px}
.hi-title{ display:inline-block}
.hi-date{ display:inline-block;margin-left:20px}
.hi-main-bar.disabled{ opacity:.1}

.hi-admin-outer{ position:absolute;right:-310px;top:0px;background-color:#ddd; height:100%; border-bottom-left-radius:25px; border-top-left-radius:25px;z-index:2;height:50px;    box-shadow: 4px 4px 22px 0px rgba(50, 50, 50, 0.75);}
.hi-admin-bar{ padding-top:10px; border-radius:10px; display:inline-block;width:100%}
.hi-admin-label{ font-size:15px; margin-top:3px}
.hi-admin-bar li{float:left;display:inline-block;margin-right:5px}
.hi-admin-bar li a{margin-right:20px}
.hi-admin-bar ul{list-style-type:none;display:inline-block}
.hi-admin-slide{ width:15px;height:30px;cursor:pointer}
.hi-admin-outer.open .hi-admin-slide:after {
    content: "\f054"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 20px; 
}
.hi-admin-outer .hi-admin-slide:after {
    content: "\f053"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 20px; 
}

.hi-disable-overlay{ position:absolute; width:100%; height:100%; opacity:.6; top:0; bottom:0;font-size:30px;font-weight:bold;text-align:center;background-color:#000;color:#fff;padding-top:5px}

.hi-outer{ position: relative; overflow: hidden}