@charset "utf-8";


body {
    background:url(../../images/login_global.jpg) repeat-x center 0,
    url(../../images/login_bg.jpg) repeat-x 0 0 #0b6dca;
    min-width:1366px;

}

#container {
    width:900px;
    margin:0 auto;
}

.lang {
    text-align:right;
    font-size:12px;
    color:#dcdcdc;
    padding:10px 0 0 0;
    line-height:18px;
}

.lang a {
    color:#dcdcdc;
    text-decoration:none;
}
.lang a:hover {
    color:#dcdcdc;
    text-decoration:underline;
}

.lang a.active {
    color:#58c0fa;
    cursor:default;
}

.lang a.active:hover {
    text-decoration:none;
}

.login {
    background:url(../../images/login_line.png) no-repeat 355px 0;
    min-height:351px;
    padding:0 0 0 5px;
    text-align:left;
    margin-bottom:20px;
}
.login-002 {
    background:url(../../images/login_line.png) no-repeat 355px 0;
    min-height:351px;
    padding:0 0 0 5px;
    text-align:left;
    margin-top:28px;
    margin-bottom:20px;
}
.logo {
    float:left;
    padding-top:20px;
}
.login-form {
    width:473px;
    float:right;
    padding:40px 0 0 0;
}
.login-title {
    font-size:24px;
    color:#fff;
    line-height:36px;
    margin-bottom:15px;
    font-weight:lighter;
}
.login-title img {
    vertical-align:middle;
    margin-left:10px;
}

.login-title-002 {
    margin-bottom:15px;
    font-size:24px;
    color:#fff;
    line-height:36px;
    font-weight:lighter;
}

.mar-b25 {
    margin-bottom:25px;
}

.login-form dl {
    width:440px;
    display:inline-block;
    font-size:14px;
}

.login-form dl dt{
    width:125px;
    float:left;
    display:inline-block;
    padding-bottom:14px;
    line-height:36px;
    font-weight:normal;
    color:#fff;
    text-align:right;
}

.login-form dl dd {
    width:300px;
    float:left;
    display:inline-block;
    padding-bottom:14px;
    margin-left:15px;
}

.login-form dl dd input {
    height:36px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:none;
    -webkit-box-shadow:inset 0 2px 3px 0 #bbb;
    box-shadow:inset 0 2px 3px 0 #bbb;
    width:100%;
    padding:0 5px;
}

.login-btn {
    width:265px;
    clear:both;
    margin-left:140px;
}

.btn-signin {
    float:left;
    height:36px;
    color:#fff;
    font-size:14px;
    line-height:36px;
    text-align:center;
    border:none;
    background: #84dc98; /* Old browsers */
    background: -moz-linear-gradient(top,  #84dc98 0%, #67ba7a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84dc98), color-stop(100%,#67ba7a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #84dc98 0%,#67ba7a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #84dc98 0%,#67ba7a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #84dc98 0%,#67ba7a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #84dc98 0%,#67ba7a 100%); /* W3C */
    -webkit-box-shadow: 0 1px 1px 0 #384a5c;
    box-shadow: 0 1px 1px 0 #384a5c;
    -webkit-border-radius:3px;
    border-radius:3px;
    padding:0 17px;
}
.btn-signin:hover {
    border:none;
    background:#78d28d;
}

.btn-change {
    float:left;
    margin:0;
    padding:0;
    height:36px;
    color:#fff;
    font-size:14px;
    line-height:36px;
    text-align:center;
    border:none;
    background: #84dc98; /* Old browsers */
    background: -moz-linear-gradient(top,  #84dc98 0%, #67ba7a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84dc98), color-stop(100%,#67ba7a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #84dc98 0%,#67ba7a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #84dc98 0%,#67ba7a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #84dc98 0%,#67ba7a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #84dc98 0%,#67ba7a 100%); /* W3C */
    -webkit-box-shadow: 0 1px 1px 0 #384a5c;
    box-shadow: 0 1px 1px 0 #384a5c;
    -webkit-border-radius:4px;
    border-radius:4px;
    padding:0 17px;
    margin-left:15px;
}
.btn-change:hover, .btn-change:focus {
    border:none;
    background:#78d28d;
}

.btn-cancel {
    float:left;
    height:36px;
    color:#fff;
    font-size:14px;
    line-height:36px;
    text-align:center;
    border:none;
    background: #c1c1c1; /* Old browsers */
    background: -moz-linear-gradient(top,  #c1c1c1 0%, #a0a0a0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1c1c1), color-stop(100%,#a0a0a0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c1c1c1 0%,#a0a0a0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c1c1c1 0%,#a0a0a0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c1c1c1 0%,#a0a0a0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c1c1c1 0%,#a0a0a0 100%); /* W3C */
    -webkit-box-shadow: 0 1px 1px 0 #384a5c;
    box-shadow: 0 1px 1px 0 #384a5c;
    -webkit-border-radius:4px;
    border-radius:4px;
    padding:0 17px;
}
.btn-cancel:hover {
    border:none;
    background:#c1c1c1;
}

.login-btn a {
    float:right;
    text-align:right;
    color:#fff;
    text-decoration:underline;
    padding-top:6px;
}
.login-btn a:hover {
    color:#58c0fa;
}

.login-msg {
    background:#1374cf;
    border:1px solid #105ca6;
    -webkit-border-radius:10px;
    border-radius:10px;
    -webkit-box-shadow:inset 0 2px 3px 0 #384a5c;
    box-shadow:inset 0 2px 3px 0 #384a5c;
    text-align:left;
    clear:both;
}
.login-msg-title {
    font-size:18px;
    font-weight:lighter;
    line-height:44px;
    border-bottom:1px solid #0f5da6;
    padding-left:26px;
    color:#fff;
}
.login-msg-content {
    padding:15px 25px;
}

.login-msg-content li {
    background:url(../../images/ic_circle.png) no-repeat 0 3px;
    padding:0 0 0 25px;
    color:#dcdcdc;
    font-size:12px;
    line-height:20px;
}
.login-msg-content li .date {
    font-size:14px;
    line-height:24px;
    color:#fff;
}

.msg-scroll {
    overflow-x:hidden;
    overflow-y:auto;
    height: 158px;
}

.error+.tooltip>.tooltip-inner {
  background-color: #f00;
  text-align: left;
  max-width: 380px;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #f00;
}
.login-form dl dd input.error {
    -webkit-box-shadow:inset 0 0 1px 1px #C4062C;
    box-shadow:inset 0 0 1px 1px #C4062C;
    border-radius: 5px;
}

/********************** COMMON DIALOG ************************/

.pop-content-cmn001 {
    padding: 20px;
}

.popup-btn-foot {
    background: #f1f1f1;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 10px 30px;
    clear: both;
    text-align: center;
}

.pink {
    color: #cd143d;
}

/** Custom scrollbar for slimScroll */
div.slimScrollDiv div.slimScrollBar {
    width: 10px !important;
}