/*!
 * CSS
 * Copyright 2012 Iasera Ltda
 *
 */

/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}

label {
	max-width: 80%;
}

.vs {
	margin: 5px 0px;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 35px;
	background-color: #f5f5f5;
	padding: 5px;
}

.termos {
	padding-top: 2px;
}

.termos h1 {
	font-weight: 600;
}

.termos h4 {
	font-weight: 600;
	font-size: 1.5rem;
	margin-bottom: 2px;
}

.navbar-inverse {
	background-color: #003158;
	border-color: #003158;
}

.navbar-inverse .navbar-brand {
	color: #cfcfcf;
}

.navbar-inverse .navbar-nav>li>a {
	color: #cfcfcf;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,
	.navbar-inverse .navbar-nav>.open>a:focus {
	color: #fff;
	background-color: #002746;
}

.formfield_error {
	font-size: 12px;
	color: #aa0000;
}

.table {
	margin-bottom: 0px;
}

table .glyphicon {
	font-size: 1.2em;
	padding: 5px;
}

table .glyphicon:hover {
	color: #fff;
	background: #337ab7;
}

table .glyphicon-remove {
	color: #d9534f
}

table .glyphicon-remove:hover {
	background: #d9534f
}

.screen-center {
	margin: auto;
	position: absolute;
	top: 45%;
	left: 45%;
	z-index: 999;
}

#ws {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7); /* Fundo semi-transparente */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999; /* Garante que fique acima de outros elementos */
	display: none; /* Inicialmente invisível */
}

#ws img {
    max-width: 200px; /* Ajuste conforme necessário */
    max-height: 200px; /* Ajuste conforme necessário */
}

.blockDiv {
	z-index: 991;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #ccc;
	opacity: .40;
}

.card-votacao {
	-webkit-box-shadow: 5px 5px 10px 0px #ccc;
	/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 5px 5px 10px 0px #ccc; /* Firefox 3.5 - 3.6 */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
	/* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	padding: 20px;
	margin: 0px 0px;
}

.card-votacao h3 {
	margin-top: 0px;
}

.card {
	-webkit-box-shadow: 5px 5px 10px 0px #ccc;
	/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 5px 5px 10px 0px #ccc; /* Firefox 3.5 - 3.6 */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
	/* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	padding: 10px;
	margin: 0px 0px;
	height: 80px;
}

.card .card-title {
	font-size: 10px;
	color: #fff;
	float: left;
	vertical-align: top;
}

.card .card-value {
	font-size: 40px;
	font-weight: 800;
	color: #fff;
	float: right;
	width: auto;	
}

.card-1 {
	background: #8a008a;
}

.card-2 {
	background: #007986;
}

.card-3 {
	background: #216100;
}

.card-4 {
	background: #a09b00;
}

.panel-default>.panel-heading {
	font-weight: bold;
}

.texto_explicativo {
	margin: 10px;
}

code {
	font-size: 80%;
}

.form-field {
	width: 100%;
}

/**
 *  Customizações Bootstrap
 */
.btn-warning {
	color: #fff !important;
}

.btn-danger {
	color: #fff !important;
}

.btn-primary {
	color: #fff !important;
}

.btn-success {
	color: #fff !important;
}

/**
 *  Customizações para Primefaces
 */
.ui-button {
	padding: 5px;
}

.ui-datatable-tablewrapper {
	overflow: inherit;
}

.ui-menu.ui-widget {
	width: auto;
	padding: 5px;
}

.ui-menuitem-text {
	margin-right: 0.4em;
}

.ui-selectonemenu {
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 2px;
}

.ui-selectonemenu .ui-selectonemenu-label {
	box-shadow: none;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
	width: 32px !important;
}

.ui-radiobutton {
	width: 24px !important;
}

.ui-radiobutton .ui-radiobutton-box {
	height: 24px !important;
	width: 24px !important;
	padding-right: 10px;
}

.ui-radiobutton-icon {
	margin-left: 5px !important;
	margin-top: 3px !important;
}

.ui-icon-bullet {
	background-position: -66px -144px;
	transform: scale(1.4);
}

.ui-inputswitch {
	height: 32px !important;
}

.ui-inputswitch .ui-inputswitch-handle {
	height: 30px !important;
}

.ui-inputswitch .ui-inputswitch-on, .ui-inputswitch .ui-inputswitch-off
	{
	height: 30px !important;
}

.ui-growl {
	top: 60px !important;
}

.login-card {
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
	margin-bottom: 0px;
}

.status-card {
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
	margin-bottom: 0px;
}

.center-card {
	display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.status-icon {
	font-size: 96px;
	margin-bottom: -15px;
}

.status-btn {
	margin-top: 30px;
}

.success-icon {
	color: #003158;
}

.warning-icon {
	color: #f0ad4e;
}

.error-icon {
	color: #aa3333;
}

.info-icon {
	color: #5bc0de;
}

.neutral-icon {
	color: #777;
}

.title-gradient {
    background: linear-gradient(to right, #003158, #ffffff);
    color: #ccc;
    padding: 5px 10px;
	border: 0px;
	border-radius: 5px
}