@CHARSET "ISO-8859-1";
/* CSS PERSONALIZADO */

* {
	margin: 0px ; 
	padding: 0px;
	border: none;
}

html, body {
	width: 100%;
	height: 100%;

}

input , select , textarea {
	text-transform: uppercase;
}

select , textarea {
	text-transform: uppercase;
	color: #333 !important;
	font-size: 16px !important;
	font-family: Calibri !important;
	font-weight: bolder !important;
}

input {
	-webkit-box-shadow: 0px 2px 5px 0px rgb(67, 44, 36) inset !important;
	-moz-box-shadow: 0px 2px 5px 0px rgb(67, 44, 36) inset !important;
	box-shadow: 0px 2px 5px 0px rgb(67, 44, 36) inset !important;
	border-radius: 10px !important;
	color: #333 !important;
	font-size: 20px !important;
	font-family: Calibri !important;
	font-weight: bolder !important;
	padding: 10px !important;
	height: 38px !important;
}
/* remove o formato de caixa campo input*/

.removerinput{
	background-color: #fff;
}

.removerinput.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
    border: 0;
    resize: none;
    cursor: text;
}

/* Link esquerci a senha */
.esquerciSenha{
	color:black;
}
.esquerciSenha:hover{
	color:#046fb7 !important;
}

/*  */
body {
	background-color: #d7d7d7 !important;
	background: url('../img/bg.jpg') #d7d7d7 !important;
	background-repeat: no-repeat !important;
	-moz-background-size: 100% 100% !important;
	-webkit-background-size: 100% 100% !important;
	background-size: 100% 100% !important;
	background-attachment:fixed !important;
	overflow: hidden !important;
}

.content-login {
	/*background: url('../img/logo.png') !important;
	background-repeat: no-repeat !important;
	background-position: 10% 50% !important;*/
	overflow: hidden !important;
	height: 100% !important;
}


.form-group { margin: 0px !important; }

.login-box {
	position: absolute !important;
	left: 58% !important;
}

/* Login-box */
.login-box {
	width: 300px !important;
	height: 400px !important;
	position: absolute !important;
	left: 80% !important;
	top: 69% !important;
	z-index: 999 !important;
	margin-left: -150px !important;
	margin-top: -200px !important;

}

.login-box-body .label-input {
	font-size: 18px !important;
	font-family: Corbel !important;
	font-weight: bolder !important;
	color: #111 !important;
	float: left !important;
	width: 100% !important;
}

.login-box-body {
	border-radius:10px !important;
	background: #b3d1ef !important;
}

/* Img Logo */
.logo-topo{
	heigth:90px !important;
	margin-bottom: -43px !important;
	text-align: center !important;
	position: relative !important;
}

.logo-login-top {
	text-align: center !important;
}


.login-box, .register-box {
	width: 300px !important;
}

/* login-box @media */
@media screen and (max-width: 768px) {
	.login-box {
		width: 300px !important;
		height: 400px !important;
		position: absolute !important;
		left: 50% !important;
		top: 50% !important;
		z-index: 999 !important;
		margin-left: -150px !important;
		margin-top: -200px !important;
	}
}

.font-size-bolder {
	font-size: 20px !important;
	font-family: Corbel !important;
	padding: 0px !important;
}

.font-size-min {
	font-size: 18px !important;
	color: #000 !important;
	margin-top: 15px !important;
}

.margin-1x {	margin-top: 10px; }
.margin-2x {	margin-top: 20px; }
.margin-3x {	margin-top: 30px; }

.footer {
	z-index: 999;
	bottom: 0px;
	left: 0px;
	width: 100%;
	position: absolute;
	
}

.footer .logo-copam  {
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}

.footer .versao  {
	float: right;
	color: #000;
	font-size: 11px;
	margin-top: 56px;
	margin-right: 10px;
	font-family: Verdana;
	font-weight: bolder;
}

.row-dense-x150{ margin-top: 150px; }


.btn-info {
	background-color:#046fb7 !important;
	border-color: #046fb7 !important;
}