/*!
 * FileMaker WebDirect Custom Homepage by Harlow Technologies Inc.
 * http://www.harlowtech.com/
 *
 * Copyright (c) 2016-2020 Harlow Technologies Inc.
 * Released under the MIT license
 * https://github.com/bharlow/fm-webdirect-custom/blob/master/LICENSE.txt
 *
 * FileMaker is a trademark of FileMaker, Inc., registered in the U.S.and other countries. FileMaker WebDirect is a trademark of FileMaker, Inc.
 * Bower: Browser Detection (https://github.com/lancedikson/bowser) is licensed under the MIT license.
 *
 * Date: 2020-07-11 15:00 PST
 * Version: 2.4
 */

/* Base Styles */
body { 
	backgroun: url(fondo.jpg) no-repeat center center fixed;
    background-size: cover;
}

table{
	width: 250px;
	height: 400px;
	margin: 75px auto;
	
}

.encabezado {
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;
	text-align: center;
	color: #ededed;
	font: bold;
}

img {
	width: 125px;
	height: 125px;
	margin-top: -15px;
}

td { 
	text-align:center;
}
	
.espacio { 
	height: 90px;
	
}

a.button {
	background: #990000;
	border: 1px solid #000000;
	border-radius: 25px;
	color: #FFCC00;
	display: block;
	font-size: 26px;
	font-weight: bold;	
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	text-decoration: none;
	width: 200px;
}
a.button:hover{ background: #3778aa; }

/* Form Styles */
.login-form{
	margin: 0 Auto;
	width: 280px;
	height: 400px;
	padding: 30px;
    max-width: 600px;
    background-color: #0b1d30;
	opacity: .95;
    margin: 1 auto;
	border-radius: 3% 3% 3% 3%;
}


.button-log {
	background: #1a2aa9;
	border: 1px solid #606060;
	border-radius: 25px;
	color: #FFCC00;
	display: block;
	font-size: 26px;
	font-weight: bold;	
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	text-decoration: none;
	width: 300px;
}

.login-form .row {
	display: block;
	height: 35px;
	padding: 11px 13px;
}

.login-form .row input.field {
	border: 0;
	float: left;
	font-size: 16px;
	padding: 5px;
	width: 252px;
	height: 32px;
	border-radius: 7px;
}
.login-form::before{
    font-family: "Font Awesome\ 5 Free";
    position: absolute;
    left: 27px;
    font-size: 22px;
    padding-top:4px;
}

.login-form .row input.button {
	width: 260px;
	height: 35px;
	background: #2457ff;
	border: 1px solid #02123c;
	border-radius: 7px;
	color: #FFFFFF;
	display:block;
	float: left;
	font-size: 16px;
	line-height: 29px;
	margin: 13px 0 0 0;
	text-decoration: none;
	cursor: pointer;
}

.login-form .row input.button:hover {
	width: 260px;
	height: 35px;
	background: #2a49f9;
	border-radius: 7px;
	border: 1px solid #02123c;
	color: #FFFFFF;
	display:block;
	float: left;
	font-size: 16px;
	line-height: 23px;
	margin: 13px 0 0 0;
	text-decoration: none;
	cursor: pointer;
}
.login-form a {
	color: white;
	display: block;
	font-size: 15px;
	text-decoration: none;
	margin: 30px 0 0 0;
}

.login-form a:hover {
	color: white;
	display: block;
	font-size: 15px;
	text-decoration: underline;
	margin: 30px 0 0 0;
}

.ro#user-group::before{
    content: "\f007";
}

.form-group#contrasena-group::before{
    content: "\f023";
}
/* Browser Check */
#browserInvalid,
#browserValid { 
	display:none; 
}

.line {
	color: #ededed;
	display: block;
	
}
.browserInvalid p { text-align:center; }
.browserInvalid div { text-align: left; margin: 0px auto; display: inline-block; }
.browserInvalid div ul { text-align:left; }