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

/*
 * Body & HTML
*/
body, html {height: 100%;background: #ffffff;;background-size: cover;}

/*
 * Global
*/
/* Global - Input */
input[type="text"], input[type="password"] {height: 39px;border-color: #66b6be;font-size: 12px;}
label {font-size: 12px;color: #52cdd8;}
.input_error_text {font-size: 12px;}
.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;}
/* Global - Buttons */
input[type="submit"], input[type="reset"], .btn {background-color: transparent;border: 1px solid #52cdd8;}
input[type="submit"], input[type="reset"], .btn span {color: #52cdd8;}
.btn_primary:hover {background-color: rgba(82,205,216,0.3);}

/*
 * Page Content
*/
.login #page_content {padding: 0;height: 100%;position: relative;}

/*
 * Video Overlay
*/
.video_overlay {width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 50;}
.video_overlay .overlay_color {width: 100%;height: 100%;background-color: rgba(6,24,35,.92);position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 10;}
.video_overlay .video_content {width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;}
.video_overlay .video_content .video_vide {width: 100%;height: 100%;}

/*
 * Login
*/
#user_login {width: 215px;position: absolute;left: 50%;top: 50%;margin-left: -108px;margin-top: -220px;z-index: 100;}
#user_login header {text-align: center;padding: 0 0 30px;}
#user_login header p {color: #ffffff;margin: 30px 0 0;}
#user_login p.platform {margin: 15px 0 0;text-transform: uppercase;font-size: 16px;}
#user_login a {color: rgba(82,205,216,0.3);}
#user_login a:hover {color: rgba(82,205,216,0.7);}
/*#user_login header p {color: #ffffff;margin: 0 0 10px;}*/
#user_login ul.input_form li {padding: 0 0 25px;}
#user_login ul.input_form li.input_form_remember {padding-top: 25px;text-align: center;}
#user_login ul.input_form li.input_form_navigation {text-align: center;}
#user_login ul.input_form li.input_form_navigation .btn {margin: 0;}
#user_login ul.input_form li.input_form_forgot {text-align: center;}
#user_login ul.input_form li a {font-size: 12px;}