.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:-320px;top:0px;background-color:#ccc; 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;}
.hi-admin-label{ font-size:15px; margin-top:3px;margin-bottom: 5px;font-weight: bold;line-height:23px}
.hi-admin-bar li{margin-right:5px;}
.hi-admin-bar li a{margin-right:20px; font-family: FontAwesome, "Font Awesome 5 Free"; text-decoration:none;margin-top:2px}
.hi-admin-bar ul{display:flex;align-content:center;list-style-type:none;width:350px}
.hi-admin-slide{ width:15px;height:30px;cursor:pointer}
.hi-admin-outer.open .hi-admin-slide:after {
    content: "\f054"; font-family: FontAwesome, "Font Awesome 5 Free"; 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 Awesome 5 Free"; 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; line-height:40px}

.hi-outer{ position: relative; overflow: hidden;min-height:50px}