/* ********************************** ************** ******************************** */
/* ****************************** INTERFACE DO TOOLSYS 7 **************************** */

/* -------------------------------------- IMPORT ------------------------------------ */
@import 'Base.less';
/* ---------------------------------------------------------------------------------- */






/* -------------------------------------- BODY -------------------------------------- */
.toolsys_login {
	background: #003A5D;
	background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center top;
    background-attachment: fixed;

    font-family: 'Open Sans', sans-serif;
	font-size: 100%;
}
/* ---------------------------------------------------------------------------------- */





/* ----------------------------------- LOGIN BOX ------------------------------------ */
.login_container { position: absolute; top: 50%; width: 100%; margin-top: -200px; }

.login_container .logo { width: 90%; max-width: 500px; margin: 0px auto 50px auto; }
.login_container .logo img { display: block; width: 100%; }

.login_box {
	width: 250px; 
	margin: 0px auto 0px auto;

	min-height: 300px;
	padding: 0px 0px 0px 0px;
}

.login_box .login_box_form { display: block; min-width: 100%; }
.login_box .login_box_form.box_hidden { display: none; }

.login_box .login_box_form form { min-width: 100%; width: 100%; margin: 0px auto 0px auto; }

.login_box .login_box_form form input {
	margin-bottom: 20px; box-shadow: none !important; padding: 12px 15px; font-size: 18px; border-radius: 0px; transition: 0.3s;
	background: #FFF;
	border-radius: 20px;
}
	
.login_box .login_box_form form button {
	background: #99CF16;
	border: none;
	color: #FFF;
	font-size: 18px;
	padding: 10px 10px 10px 10px;
	transition: 0.25s;
	display: block;
	text-transform: uppercase;
	
	.box-sizing-boder;
	width: 100%;
	margin: 30px 0px 0px 0px;

	border-radius: 20px;
	outline: none;

	cursor: pointer;
	transition: 0.35s;

	&:hover {
		background: #99CF16 + #111;
		transition: 0.35s;
	}
}

.login_box .login_box_form form label {
	display: block;
	text-align: center;
	margin: 0px 0px 8px 0px;
	font-size: 14px;
	color: @color-form-texts;
}

.login_box .login_box_form form a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	margin: 30px 0px 0px 0px;
	font-size: 15px;
	color: @color-form-texts;
	
	cursor: pointer;
	transition: 0.35s;
	
	&:hover {
		color: #99CF16 + #111;
		transition: 0.35s;
	}
}

.login_box .login_box_form :focus::-webkit-input-placeholder {}
.login_box .login_box_form :focus::-moz-placeholder {}
.login_box .login_box_form :focus:-ms-input-placeholder {}
.login_box .login_box_form :focus:-moz-placeholder {}
/* ---------------------------------------------------------------------------------- */





/* ----------------------------------- MENSAGENS ------------------------------------ */
.login_box .msg_box {
	margin: 0px 0px 15px 0px;
	background: #FEFEFE;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	border-radius: 10px;
}

.login_box .msg_box.msg_erro { background-color: #B55; color: #FFF; }
.login_box .msg_box.msg_ok { background-color: #595; color: #FFF; }
/* ---------------------------------------------------------------------------------- */





/* ------------------------------------- FOOTER ------------------------------------- */
.toolsys_login footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	border-top: 1px #CCC solid;
	background: #FFFFFF;
	height: 35px;
	overflow: hidden;
}

.toolsys_login footer ul { margin: 7px 0px 0px 30px; padding: 0px; list-style: none; }
.toolsys_login footer ul li { display: inline-block; margin-right: 15px; }
.toolsys_login footer ul li a { font-size: 0.8em; text-decoration: none; color: #666; transition: 0.3s; }
.toolsys_login footer ul li a:hover { color: @interface_color + #111; transition: 0.3s; }
/* ---------------------------------------------------------------------------------- */