.spinner {
    margin: calc(50% - 15px) auto;
    overflow: hidden;
    font-size: 15px;
    text-indent: -999em;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 10px solid rgba(0, 0, 0, 0.2);
    border-bottom: 10px solid #069;
    border-top: 10px solid #069;
    animation: spin1 1s infinite linear;
}
@keyframes spin1 {
    100% {
        transform: rotate(360deg);
    }
}

.auth_div, .auth_div_login, .auth_div_info, .auth_div_info1{
 transition-property: all;
 transition-timing-function: ease-out;
 transition-duration: 0.15s;
}

.auth_div_info, .auth_div_info1{
 position: absolute;
 left: 0px;
 top: 0px;
 width:100%;
 height: 100%;
 background-color: #fff;
 opacity: 0.9;
 z-index: 9999;
 cursor: pointer;
}

#auth_div_info_text{
 padding: 50px 30px;
 font-weight: 600;
 font-size: 18px;
 text-align: center;
 text-shadow: 0px 0px 2px rgba(255,255,255,1), 0px 0px 15px rgba(0,0,0,0.3);
}


.auth_div_info_show{
 display : block;
}

.auth_div_info_hidden{
 display : none;
}

.auth_div_close_button{
 position: absolute;
 left: calc(100% - 20px);
 top: 5px;
 font-weight: 600;
 color: #aaa;
 cursor: pointer;
}


.auth_div_href{
 font-size: 11px;
}

.auth_div_text{
 font-weight: 600;
 margin: 10px 0px 2px 0px;
 font-size: 13px;
}

.auth_div_input{
 margin: 2px 0px 00px 0px;
 font-size: 18px;
 width: 95%;
 padding: 4px 5px;
 border: 1px solid #aaa;
}

.auth_div_header{
 width: 100%;
 text-align: center;
 font-weight: 600;
 margin: 0px 0px 10px 0px;
}

.auth_div_button_enter{
 width: 60px;
 text-align: center;
 font-weight: 600;
 padding: 4px 4px;
 background-color: #069;
 color: #fff;
 margin: 10px 0px 0px 0px;
 cursor: pointer;
 box-shadow: inset 2px 2px 8px rgba(200,200,220,0.7), 2px 2px 14px #aaa;
 float: left;
}

.auth_div_checkbox_div{
 border: 0px solid red;
 width: 100px;
 height: 25px;
 float: right;
 margin: 10px 10px 0px 10px;
 font-weight: 600;
 font-size: 11px;
}

.auth_div_checkbox{
 margin: 4px 5px 7px 3px;
 float: left;
 width: 20px;
 height: 20px;
}

.auth_div, .auth_div_login{
 position: absolute;
 overflow: hidden;
 border: 1px solid #069;
 background-color: #eee;
 width: 200px;
 left: calc(100% - 215px);
 font-family: Tahoma, Arial;
 color: #069;
 box-shadow: 3px 3px 5px #555, 0px 0px 15px 4px rgba(255,255,255,0.8);
 border-radius: 5px;
 z-index: 999;
 padding: 5px 0px 10px 5px;
 transition-property: all;
 transition-timing-function: ease-out;
 transition-duration: 0.15s;
 display: none;
}

.auth_div{
 width: 200px;
 left: calc(100% - 215px);
}
.auth_div_login{
 line-height: 2;
 list-style-type: none;
 padding: 5px 0px 10px 20px;
 width: 150px;
 left: calc(100% - 180px);
}

.auth_div_login a,.auth_div_login span{
 font-size: 14px;
}

.auth_div_open{
 opacity: 1;
 top: 30px;
}

.auth_div_close{
 eight: 0px;
 opacity: 0;
 top: 130px;
}

.auth_div_button{
 border: 2px solid #069;
 background-color: #eee;
 border-radius: 10px;
 left: calc(100% - 310px);
 max-width: 200px;
 text-overflow: ellipsis;
 top: 0px;
 font-size: 13px;
 font-weight: 600;
 text-align:right;
 padding: 1px 10px 1px 12px;
 margin: 3px 10px 0px 0px;
 float:right;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 text-decoration: underline;
 opacity: 0.9;
 cursor: pointer;
}

#user-icon{
 border: 0px solid red;
 float:left;
 width: 14px;
 height: 18px;
 margin-right: 10px;
 background:url('/images/users.png');
 background-position: -52px -0px;
}