@CHARSET "UTF-8";

/********/
/* TAGS */
/********/

body {
	margin:0 !important;
	padding:0 !important;	
}

/* textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { */
/* 	background-color: #ffffff; */
/* 	border: 1px solid #cccccc; */
/* 	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
/* 	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
/* 	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
/* 	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s; */
/* 	-moz-transition: border linear 0.2s, box-shadow linear 0.2s; */
/* 	-o-transition: border linear 0.2s, box-shadow linear 0.2s; */
/* 	transition: border linear 0.2s, box-shadow linear 0.2s; */
/* 	width: 310px !important; */
/* 	margin-top: 5px; */
/* } */

/***********/
/* CLASSES */
/***********/

span.version-text.ui-widget {
    color: #777;
    font-size:12px;
}

.label-login {
	color:#4f4f4f !important;
    width: 100%;
    text-align: left;
    display: block;
}

.login-bg {
	display: grid;
	place-items: center;
	height: 100vh;
    background: url("/javax.faces.resource/images/login_background_sem_logo.jpg.xhtml") no-repeat top center fixed !important;
    -webkit-background-size: 100% 100% !important;
    -webkit-background-size: cover !important;
    -moz-background-size: 100% 100% !important;
    -moz-background-size: cover !important;
    -o-background-size: 100% 100% !important;
    -o-background-size: cover !important;
    background-size: 100% 100% !important;
    background-size: cover !important;
}

.login-logo {
}

.logo-img {
	width: 192px;
}

.login-wrapper {
/* 	position: absolute; */
/* 	top: 90px; */
	text-align: center;
/* 	margin-top: 20px; */
}

.login-wrapper .box {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 35px 0 30px;
	float: none;
	min-width: 340px;
	width: 340px;
	box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	background-color: #fff;
}

.login-wrapper .box .content-wrap {
	width: 90%;
	margin: 0 auto !important;
}

.login-input {
	margin-top: 1.1rem;
}

.login-input input {
	width: 100%;
}

.login-buttons {
	margin-top: 2rem;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-around;
	gap: 1rem;
	padding: 0 2em;
}

 .addon-button.ui-button.ui-state-default {
        color: #222222;
        border-color: #d6d6d6;
        /* with the exported variables from Nova and Luna Themes*/
        border-color: var(--input-border-color, #d6d6d6);
}

.form-grid {
	margin-top: 2rem;
    padding: 0 2em;
}

/* .login-wrapper .box input[type="text"], .login-wrapper .box input[type="password"] { */
/* 	font-size: 15px; */
/* 	height: 31px; */
/* 	margin-bottom: 18px; */
/* 	border-color: #b2bfc7; */
/* 	padding-left: 12px; */
/* } */

/* .login-wrapper .box input[type="text"], .login-wrapper .box input[type="password"] { */
/* 	font-size: 15px; */
/* 	height: 40px; */
/* 	margin-bottom: 18px; */
/* 	border-color: #b2bfc7; */
/* 	padding-left: 12px; */
/* } */

.row-fluid {
	width: 100%;
}

.title-login {
	text-transform: uppercase;
	margin: 0 0 30px 0;
	font-size: 18px;
	font-weight: bold;
	color:#4f4f4f !important;
}

/********/
/* ID'S */
/********/