.login-page {
  background: #faf9f9;
}

.header {
  border-bottom: 3px solid #1661ab;
  height: 67px;
  background: #1661ab;
  min-width: 980px;
}
.logo {
   font-size: 22px;
   font-weight: bold;
   color: #FFF;
   line-height: 66px;
   height: 66px;
   position: absolute;
   margin-left: 5%;
   letter-spacing: 2px;
   min-width: 980px;

}

.logo:focus, .logo:hover {
  color: #d4743b;
}

.footer {
    background: #faf9f9;
    font-size: 12px;
    color: #666;
}
.footer__container {
    border-top: 2px solid #1661ab;
    padding: 35px 0 50px;
    
}
.contact {
  margin-bottom: 20px;
  line-height: 1.5;
  text-align: center;
}
.contact__item {
    display: inline-block;
    border-left: 1px dotted #ccc;
    height: 70px;
    padding: 0 30px 0 20px;
    color: #666;
    vertical-align: top;
    text-align: left;
}
.contact__title {
    color: #000;
    font-size: 16px;
}
.footer__copyright, .footer__link, .footer__nav {
    font-size: 12px;
    color: #666;
    text-align: center;
}

.footer__copyright, .footer__link, .footer__nav {
    font-size: 12px;
    color: #666;
    text-align: center;
}

.content {
  background: #fff;
  min-height: 600px;
  padding: 8% 0 65px;
}

.login__content {
min-width: 980px;
}

.content__container {
border: 1px solid #d4d4d4;
background: #fff;
margin-top: 50px;
}
.container {
width: 980px;
margin: 0 auto;
}
.content__header {
margin: 15px 60px 0;
padding: 10px;
border-bottom: 1px solid #e2e2e2;
font-size: 24px;
color:#1661ab;
}
.content__login {
float: left;
width: 475px;
padding: 10px;
border-right: 1px solid #e5e5e5;
}
.content__desc {
float: right;
width: 360px;
padding: 20px;
}

.content__desc .content__desc_title{
font-size: 20px;
margin: 22px 0;
display: block;
color: #1661ab;
}

.content__desc .content__img {
width: 150px;
height: 150px;
display: block;
}


a, a:active, a:link {
text-decoration: none;
}


#loginContainer .login_content {
padding: 10px 0 12px;
}

#loginContainer .login_header {
padding: 20px 0 12px;
border-bottom: 1px solid #ececec;
width: 80%;
margin-left: 10%;
}

#loginContainer .login_container {
margin: 0 20px;
padding-right: 15px;
padding-left: 15px;
width: 90%;
}

#loginContainer .login_header .table {
display: table;
table-layout: fixed;
width: 100%;
}
#loginContainer .login_header .title.active {
font-weight: 700;
color: #1661ab !important;
}
#loginContainer .login_header .title {
text-align: center;
font-size: 18px;
line-height: 1.5;
font-weight: 400;
color: #666;
text-decoration: none;
}

#loginContainer .login_header .cell {
position: relative;
display: table-cell;
text-align: center;
}

#loginContainer .field {
position: relative;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
#loginContainer .input_fluid, .input_fluid[type=password], .input_fluid[type=text] {
width: 100%;
max-width: none;
}

.input_desc[type=password], .input_desc[type=text] {
padding: 9px 32px 5px;
}
.input_m[type=password], .input_m[type=text] {
padding: 5px 32px 5px 10px;
}


.input[type=password], .input[type=text] {
border: 0 none;
color: #333;
outline: none;
font-size: 14px;
line-height: 24px;
height: 40px;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
appearance:none;
}
.input_desc {
padding: 7px 32px;
}
.input_m {
padding: 7px 32px 7px 10px;
}

.input_m, .input_m[type=password], .input_m[type=text] {
border: 1px solid #ccc;
height: 40px;
width: 100%;
max-width: 240px;
font-size: 14px;
line-height: 24px;
}


#loginContainer .field .label__icon-m {
height: 40px;
line-height: 40px;
}

#loginContainer .field .label__icon-desc {
position: absolute;
top: 0;
left: 12px;
height: 24px;
line-height: 24px;
color: #ccc;
}


.btn_primary {
color: #fff !important;
border-color: #1661ab !important;
background-color: #1661ab !important;
}

.btn_m {
font-size: 14px;
line-height: 24px;
padding: 7px 15px;
}
.btn_m, .btn_s {
border-radius: 2px;
height: 40px;
}
.btn, .btn:hover {
text-decoration: none;
}
.btn {
display: inline-block;
margin-bottom: 0;
border: 1px solid transparent;
padding: 0;
background: transparent;
cursor: pointer;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.btn_primary-inverted {
color: #06c1ae !important;
border-color: #06c1ae !important;
background-color: #fff !important;
}
.btn_primary-inverted {
color: #3dc6b6;
border-color: #3dc6b6;
background-color: #fff;
}

.login_footer {
padding-bottom: 20px;
overflow: hidden;
font-size: 12px;
}


.msg-uikit-status.msg-uikit-wrapper {
  padding-left: 40px;
}
.msg-uikit-wrapper.F-glob-status-error {
  background-color: #FFF6EC;
  border-color: #FFD9CA;
}
.msg-uikit-status {
  position: relative;
  padding-left: 19px;
}
.msg-uikit-wrapper {
  padding: 10px 32px 10px 15px;
  border: 1px solid #FEEBD6;
  background: #FFF6EC;
}
.msg-uikit, .msg-uikit-nocolor, .msg-uikit-status {
  color: #666;
  font-size: 12px;
  line-height: 18px;
}