@charset "utf-8";

.widget-enpia-outlogin { width:100%; margin:0px; padding:0px; }
.widget-enpia-outlogin .enpia-login { width:100%; background:#fff; }
.widget-enpia-outlogin .login-box { display:table; width:100%; table-layout:fixed; padding:10px; }
.widget-enpia-outlogin .enpia-login-box { background:#fff; }
.widget-enpia-outlogin .login-cell { display:table-cell; padding:0px; vertical-align:middle; }
.widget-enpia-outlogin .login-cell.login-btn { width:70px; height:65px; text-align:center; color:#fff; background: #00A9D4; -webkit-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s; border-left:0px; cursor:pointer; letter-spacing:-1px; font-size:13px; font-family:"NanumSquare","³ª´®°íµñ", sans-serif; border:1px solid #00A9D4; }
.widget-enpia-outlogin .login-cell.login-btn:hover { cursor:pointer; width:70px; height:65px; text-align:center; color:#fff; background: #0095b1; border-left:0px; cursor:pointer; letter-spacing:-1px; font-size:13px; font-family:"NanumSquare","³ª´®°íµñ", sans-serif;border:1px solid #00B4D5; }
.widget-enpia-outlogin .login-cell .form-control:focus { border-color:#DEE3EB !important; box-shadow:none !important; }
.widget-enpia-outlogin .login-cell .no-top-border { border-top:0px !important }
.widget-enpia-outlogin .login-misc { margin-top:8px; letter-spacing:-1px; color:#888; }
.widget-enpia-outlogin .login-misc label { line-height:12px; font-weight: normal; cursor: pointer; }

.widget-enpia-outlogin .profile .photo { margin-right:10px; }
.widget-enpia-outlogin .profile .photo img { width:44px; height:44px; border-radius: 50%; border:0; }
.widget-enpia-outlogin .profile .photo i { width:44px; height:44px; font-size:26px; line-height:44px; text-align:center; background:#4B79B1; border-radius: 50%; color:#fff; }
.widget-enpia-outlogin .bar { color:#ccc; margin:0px 4px; }
.widget-enpia-outlogin .exp-bar { margin:8px 0px; }
.widget-enpia-outlogin .exp-bar .progress { margin:7px !important; height:8px !important; }

.widget-enpia-outlogin .logout-btn { background:#fff; border:1px solid #DEE3EB; text-align:center; margin-top:-2px; width: 60px; height: 25px; font-size: 12px; line-height: 20px; letter-spacing:-1px; }

.input-sm, .form-horizontal .form-group-sm .form-control { height:35px; }
.btn-enpia-login.btn { color:#888 !important; border-top:none; border-top:1px solid #DEE3EB; border-right:1px solid #DEE3EB; border-bottom:none; background-color:#fff; height:44px; }
.btn-enpia-login.active.btn, .btn-enpia-login.btn:hover, .btn-enpia-login.btn:focus, .btn-enpia-login.btn:active { background-color:#F2F4F7; }
.form-control { border:1px solid #DEE3EB; box-shadow:none; }

/* progress */
.progress-bar {text-align:right;line-height:24px;color:#fff;background-color:#00AED5;}

/*custom*/
.widget-enpia-outlogin .info-line { bottom:0; right:0; width:100%; margin-top:8px; padding:0px; }
.widget-enpia-outlogin .info-line #alarm:hover { cursor:pointer; }
.widget-enpia-outlogin .info-line div.info-menu { padding:7px; border:1px solid #E3E7EE; background:#F9FAFC; float:left; width:25%; border-left:none; border-bottom:none; }
.widget-enpia-outlogin .info-line div.info-menu-left { padding:7px; border:1px solid #E3E7EE; background:#F9FAFC; float:left; width:25%; border-left:none; border-bottom:none; }
.widget-enpia-outlogin .info-line div.info-menu-right { padding:7px; border:1px solid #E3E7EE; background:#F9FAFC; float:left; width:25%; border-left:0px; border-right:none; border-bottom:none; }

.button-style {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 64px;
    background: #F2F4F7;
	border:1px solid #E3E7EE;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 64px;
    color: #404040;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}
.button-style span {
    z-index: 2;
    position: relative;
    display: inline-block;
}
.button-style:after,
.button-style:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1EC545;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
}
.button-style:after {
    right: -100%;
}
.button-style:before {
    left: -100%;
}
.button-style:hover:after {
    right: 0;
}
.button-style:hover:before {
    left: 0;
}
.button-style:hover {
    color: #fff;
}
.button-style.border {
    background: #fff;
    border: 1px solid #9e8277;
    line-height: 64px;
}