/**
 * Login
 * 
 * @author Robert Nikolas <nikola@co.digital>
 * @copyright (c) 2016, CO.digital
 * @version 3.0.0
 */

/*
 * Body & HTML
*/
body, html {height: 100%;background: #ffffff url(../design/auth_bgr_20171229.svg) no-repeat bottom center;background-size: auto 300px;}

/*
 * Global
*/
/* Global - Input */
input[type="text"], input[type="password"] {height: 39px;border-color: #66b6be;font-size: 12px;}
.btn {
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    border-radius:         2px;
}
/*label {font-size: 12px;color: #00919a;}*/
.input_error_text {font-size: 11px;}
.input_form {background-color: transparent;}
.input_form li {margin: 0;padding: 0 0 30px;position: relative;}
.input_form li.input_form_navigation {text-align: right;}
.input_form li.input_form_navigation .btn {margin-left: 15px;}
.input_form li:last-child {padding-bottom: 0;}

/*
 * Page Content
*/
.login #page_content {width: 100%;padding: 0;height: 100%;position: relative;background-color: transparent;}
/*.login #page_content {*/
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow:    none;*/
    /*box-shadow:         none;*/
/*}*/
.success #page_content {background: #ffffff url(../design/auth_bgr_success_20171229.svg) no-repeat center;background-size: cover;}

/*
 * Login
*/
#auth {width: 380px;position: absolute;left: 50%;top: 50%;z-index: 100;}
#auth {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform:    translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    -o-transform:      translate(-50%, -50%);
    transform:         translate(-50%, -50%);
}
#auth header {text-align: center;padding: 0 0 65px;}
#auth header img.cod {margin: 30px 0 5px;}
#auth header p {margin: 30px 0 0;font-weight: 300;font-size: 28px;}
#auth header p.platform {color: #000000;margin: 15px 0 0;font-weight: 600;font-size: 12px;}
#auth .message {margin: 0 -60px;}
#auth .message p {margin: 0 0 10px;text-align: center;color: #01919A;font-size: 24px;font-weight: 300;}
#auth a {color: rgba(0,145,154,1);}
#auth a:hover {color: rgba(0,145,154,0.8);}
#auth ul.input_form {margin: 0 auto;width: 250px;}
#auth.email ul.input_form {width: 280px;}
#auth ul.input_form li {padding: 0 0 25px;}
#auth ul.input_form li:last-child {padding-bottom: 0 !important;}
#auth ul.input_form li input {-webkit-transition: all 0.3s;transition: all 0.3s;font-weight: 600;}
#auth ul.input_form li input:-moz-placeholder {color:           rgba(0,0,0,1);}
#auth ul.input_form li input:-ms-input-placeholder {color:      rgba(0,0,0,1);}
#auth ul.input_form li input::-webkit-input-placeholder {color: rgba(0,0,0,1);}
#auth ul.input_form li input:focus:-moz-placeholder {color:           rgba(0,0,0,0.5);}
#auth ul.input_form li input:focus:-ms-input-placeholder {color:      rgba(0,0,0,0.5);}
#auth ul.input_form li input:focus::-webkit-input-placeholder {color: rgba(0,0,0,0.5);}
#auth ul.input_form li input[type="text"],
#auth ul.input_form li input[type="password"] {border: 0;border-bottom: 1px solid #838383;text-align: center;}
#auth ul.input_form li input[type="text"]:focus,
#auth ul.input_form li input[type="password"]:focus {border-bottom: 1px solid #00919a;}

#auth ul.input_form li.input_form_remember {text-align: center;}
#auth ul.input_form li.input_form_navigation {text-align: center;padding-bottom: 15px;}
#auth ul.input_form li.input_form_navigation .btn {margin: 0;width: 100%;}
#auth ul.input_form li.input_form_navigation .btn .btn_content {padding: 0 15px;width: 100%;position: relative;line-height: 45px;height: 45px;}
#auth ul.input_form li.input_form_navigation .btn i.icon {position: absolute;top: 0;right: 15px;z-index: 1;line-height: 45px;}
#auth ul.input_form li.input_form_forgot {text-align: center;}
#auth ul.input_form li.input_form_register {text-align: center;padding-top: 25px;}
#auth ul.input_form li.input_form_register p {margin-bottom: 10px;}
#auth ul.input_form li a {font-size: 12px;}
#auth ul.input_form li.input_form_onelogin {}
#auth ul.input_form li.input_form_onelogin .btn {margin: 0 0 30px;}
#auth ul.input_form li.input_form_onelogin p {position: relative;}
#auth ul.input_form li.input_form_onelogin p span {position: relative;z-index: 3;}
#auth ul.input_form li.input_form_onelogin p::before {background-color: #ffffff;content: '';height: 10px;left: 50%;position: absolute;
    margin: -5px 0 0 -20px;
    top: 50%;
    width: 40px;
    z-index: 2;
}
#auth ul.input_form li.input_form_onelogin p::after {border-bottom: 1px solid #DADADA;display: block;content: '';}
#auth ul.input_form li.input_form_onelogin p::after {position: absolute;top: 47%;width: 100%;z-index: 1;}

#auth.register {width: 1000px;}
.success #auth.register {width: 380px;}
#auth.register ul.input_form {margin: 0 -20px;width: auto;padding-bottom: 30px;}
#auth.register ul.input_form li {padding: 0 20px 25px;float: left;width: 50%;}
#auth.register ul.input_form li div.input {min-height: 90px;}
#auth.register ul.input_form li input[type="text"],
#auth.register ul.input_form li input[type="password"] {border: 1px solid #e1e1e1;text-align: left;height: 46px;}
#auth.register ul.input_form li input[type="text"]:focus,
#auth.register ul.input_form li input[type="password"]:focus {border: 1px solid #00919a;}
#auth.register ul.input_form li.input_form_navigation {text-align: left;padding-top: 25px;}
#auth.register ul.input_form li.input_form_navigation .btn {display: block;width: 100%;text-align: left;}
#auth.register ul.input_form li.input_form_navigation .btn span {height: 46px;line-height: 46px;position: relative;display: block;}
#auth.register ul.input_form li.input_form_navigation .btn span i.icon {position: absolute;top: 0;right: 15px;line-height: 46px;}
#auth.register ul.input_form li.input_form_login {text-align: center;width: 100%;}