.adminControlBar { width: 100%; height: 25px; background-color: #656565; color: #FFF; vertical-align: middle; line-height: 25px; padding-left: 5px; box-sizing: border-box }
.adminControlBar img { display: inline-block; vertical-align: middle; padding: 0px 15px 0px 5px }
.adminControlBar a { color: #FFF; font-size: 14px }
.adminControlBar a:hover { opacity: 0.7 }

.adminControlBar-LoginPopup { z-index: -1; width: 360px; height: auto; visibility: hidden; opacity: 0; background-color: #CCC; border: 1px solid #000; border-radius: 5px; transition: opacity 1s linear; position: fixed; top: 50%; left: 50%; transform: translate( -50%, -50% ) }

.adminControlBar .colLeft {
    max-width: 160px;
    min-width: 80px;
    width: 30%;
    width: calc( 40% - 10px );
    padding-left: 10px;
    float: left;
    color: #000 }


.adminControlBar .colRight {
    max-width: 100%;
    min-width: 150px;
    width: 60%;
    float: right;
    color: #000
}

.adminControlBar-LoginPopup .form { margin-top: 35px }

.adminControlBar-LoginPopup .form input[type="text"], .adminControlBar-LoginPopup .form input[type="password"] {
    color: #000000;
    width: 200px;
    border: 1px solid #ccc;
    height: 20px;
    box-shadow: none
}

.adminControlBar-LoginPopup .contain {
    height: 10px;
    clear: both;
}

.adminControlBar-LoginPopup button.close { width: 20px; height: 20px; border: none; box-shadow: none; border-radius: 50%; position: absolute; right: 3px; top: 3px; padding: 0px; cursor: pointer }
.adminControlBar-LoginPopup button.close:after { content: "\00D7"; font-size: 20px; line-height: 20px }

.adminControlBar-shade { width: 100vw; height: 100vh; position: fixed; z-index: 99998; background-color: rgba(0,0,0,0.5); top: 0px; display: none  }