html, body { height: 100%; position: relative; }
/*.gf-container-auth { width: 100%; height: 100%; display: table; background-color: #26262e; }*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}
.gf-auth-bg {  background: url('/public/images/intro_bg_4.jpg') no-repeat center; background-size: cover; }
.form-group.has-error .form-control.auth { border: 2px solid rgba(231,31,31,0.4); }
.form-group.has-error .form-control.auth:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(215,60,60, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(215,60,60, .6); }
.gf-container-auth {
    width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; display: table; }
.gf-auth-bg:before {
    content: ""; width: 100%; height: 100%;
    position: fixed;
    top: 0; bottom: 0; left: 0; right: 0;
    background-color: rgba(39, 39, 39, 0.2);
    pointer-events: none;
}
.form-control.auth { background: none; border: 2px solid rgba(255,255,255,0.3); padding: 14px 14px; width: 100%; border-radius: 0; color: #fff; height: auto; font-size: 16px; }
.form-control.auth:focus { border-color:#f7f7f7; }

.form-group .identity { display: block; width: 100%; padding-top: 10px; color: rgba(255,255,255,0.6); font-size: 16px; }
.gf-btn.gf-btn-auth { display: inline-block; text-align: center; font-size: 17px; padding: 14px; width: 100%; background-color: #eb5500; color: #fff; border: none; cursor: pointer; text-decoration: none; }

.form-group .infoMessage { display: block; width: 100%; padding-top: 10px; color: rgba(218, 222, 27, 0.84); font-size: 16px; }

.gf-auth-wrap { display: table-cell; vertical-align: middle; width: 100%;  margin:0; }
.gf-auth-form { max-width: 1200px; margin: auto; }

.gf-form-checkbox.auth label { color: rgba(255,255,255,0.6); }
.gf-form-checkbox.auth label:before { margin-right: 5px; content: "\f00c"; display: inline-block; font: normal normal normal 7px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 19px; height: 19px; line-height: 17px; margin-top: -4px; text-align: center; vertical-align: middle; background: none; border: 1px solid rgba(255,255,255,0.3); color: rgba(255,255,255,0.3); }

.gf-form-checkbox input[type="checkbox"], .gf-form-radio input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.gf-form-checkbox input[type="checkbox"] + label, .gf-form-radio input[type="radio"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.gf-form-checkbox input[type="checkbox"]:checked + label:before, .gf-form-radio input[type="radio"]:checked + label:after { border-color: #f7f7f7; background-color: transparent; color: #fff; }
.gf-form-checkbox label:before { margin-left: 5px; content: "\f00c"; display: inline-block; font: normal normal normal 7px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 19px; height: 19px; line-height: 17px; margin-top: -4px; text-align: center; vertical-align: middle; background: transparent; border: 1px solid #f7f7f7; color: #dadada; }
.gf-form-checkbox.no-label label:before { margin-left: 0px; content: "\f00c"; display: inline-block; font: normal normal normal 7px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 19px; height: 19px; line-height: 17px; margin-top: -4px; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #f1f4f9; color: #dadada; }
.gf-form-radio label { margin: 0px 5px; }
.gf-form-radio label:after { content: "\f111"; display: inline-block; font: normal normal normal 7px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 19px; height: 19px; line-height: 17px; margin-top: -4px; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #f1f4f9; border-radius : 50%; color: #dadada; }
.gf-form-checkbox.has-content label:before, .gf-form-radio.has-content label:after { margin-top: -3px; margin-left: 6px; }

.gf-auth-logo { position: absolute; top: 22px; left: 35px; }
.gf-auth-logo>img { width: 120px;}
.gf-auth-logo>span { font-family: 'SourceSansPro-Bold'; display: inline-block; font-size: 18px; line-height: 2.78; font-weight: 700; color: #fff; margin-left:12px; vertical-align: middle; }
.gf-login { width: 600px; padding:0px 40px; margin:0 auto;}
.gf-login-title { font-family: 'SourceSansPro-Regular'; width: 100%; margin-bottom: 20px; font-size: 30px;color: #fff; font-weight: 400; }
.gf-login-msg { display: none; color: #fff; margin-bottom: 20px; }
.gf-login-msg .show { display: block; }

.gf-login .notice { position: relative; top:0; left:0; width: 100%; height: 165px; background: transparent; border: 2px solid rgba(255,255,255,0.3); border-radius: 3px; padding: 20px; }
.gf-login .notice .title { color: #FFF; font-size: 20px; }
.gf-login .notice .content { color: #FFF; font-size: 13px; padding-bottom: 0; }

.gf-login .cert_timer { color: #FFF; padding : 20px 0 0 5px; }

@media(min-width: 600px) and (max-width: 1199px) {
    .gf-auth-logo { position: relative; left:0; overflow: hidden; width: 100%; padding-top: 15px; padding-bottom: 30px; text-align: center; }
    .gf-auth-logo>img { display: inline-block; width: 140px; }
    .gf-auth-logo>span { display: block; font-size: 30px; margin: 0;  }
    .gf-login .form-group { padding: 10px 0px; }
    .gf-login { width: 600px; margin: auto; padding:0px 40px; }
    .gf-login-title { display: none; }
}
@media(max-width:599px) {
    .gf-auth-logo { position: relative; left:0; overflow: hidden; width: 100%; padding-top: 15px; padding-bottom: 30px; text-align: center; }
    .gf-auth-logo>img { display: inline-block; width: 110px; }
    .gf-auth-logo>span { display: block; font-size: 18px; margin: 0; line-height: unset; margin: 20px 0 20px 0;  }
    .gf-login .form-group { padding: 10px 0px; }
    .gf-login { width: 100%; margin: auto; padding:10px 30px; }
    .gf-login-title { display: none; }
}