/* BASE */
html {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 75%;
	margin: 0;
	height: 100%;
}

.ui-widget {
	font-family: 'Open Sans regular', 'Trebuchet MS', 'Arial', 'Helvetica Neue', 'Helvetica', 'sans-serif' !important;
}

body {
	height: auto;
	margin: 0;
	background-color: #fafbfb;
}

/* TABVIEW */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #555;
}

@media ( max-width : 640px) {
	.ui-tabs.ui-tabs-top>.ui-tabs-nav li {
		width: 100%;
	}
}

/* PANELGRID */
.ui-panelgrid.panelgrid-noborder .ui-grid-responsive {
	border: none;
}

.ui-panelgrid .ui-grid-responsive .ui-grid-row {
	border-top: 0px solid #FFFFFF;
}

@media ( max-width : 640px) {
	.ui-panelgrid.panelgrid-noborder .ui-grid-responsive .ui-grid-row {
		border: none;
	}
}

.largura08 {
	width: 8%;
}

.largura10 {
	width: 10%;
}

.largura15 {
	width: 15%;
}

.largura20 {
	width: 20%;
}

.largura25 {
	width: 25%;
}

.largura30 {
	width: 30%;
}

.largura35 {
	width: 35%;
}

.largura37 {
	width: 37%;
}

.largura40 {
	width: 40%;
}

.largura45 {
	width: 45%;
}

.largura50 {
	width: 50%;
}

.largura60 {
	width: 60%;
}

.largura70 {
	width: 70%;
}

.largura80 {
	width: 80%;
}

.hr-header {
	width: 100%;
	margin-top: 0.3 em;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	border: thin 0.1 em;
	border-bottom: 0;
	border-color: #fbfbfb;
}

.hr-footer {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0.3 em;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	border: thin 0.1 em;
	border-bottom: 0;
	border-color: #fbfbfb;
}

.label {
	font-size: 13px !important;
}

.label-negrito {
	font-weight: bold !important;
	font-size: 13px !important;
}

.label-negrito-maior {
	font-weight: bold !important;
	font-size: larger !important;
}

.panel-dialog {
	margin-bottom: 0.8em;
}

.nome {
	background-color: #abc6d6;
	font-weight: bold;
	margin-right: 0.2em;
	padding: 0.2em;
}

.valor {
	background-color: #f0f3f7;
	font-weight: normal;
	padding-right: 1em;
}

.label_gray {
	color: #B5B5B5;
}

/*Título da dialog*/
.ui-dialog .ui-dialog-titlebar {
	font-size: 8px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1.1em;
	margin-right: 0;
}

.capitalized {
	text-transform: capitalize;
}

.msg-erro-codigo-confirmacao {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0;
	margin-left: 0;
}

.checkboxConfirmacao .ui-chkbox-label {
	margin-left: 20px !important;
}

input {
	padding: 10px !important;
	font-size: 14px !important;
}

.btn_secondary {
    width: auto !important;
	color: #007bff !important;
    background-color: transparent !important;
    background-image: none !important;
    display: inline-block !important;
    font-weight: 400 !important; 
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    border: 1px solid #007bff !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border-radius: .25rem !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    border-color: #007bff !important;
}

.btn_secondary:hover {
	color: #fff !important; 
    background-color: #007bff !important;
    border-color: #007bff !important;
}

.btn {
	width: auto !important;
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    display: inline-block !important;
    font-weight: 400 !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    border: 1px solid transparent !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border-radius: .25rem !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

.btn:hover {
	color: #fff !important;
    background-color: #0069d9 !important;
    border-color: #0062cc !important;
}

.actionButtons {
	
}

.actionButtons button {
	margin-right: 5px;
}

span.ui-messages-info-summary {
	font-size: 15px;
}

span.ui-messages-error-summary {
	font-size: 15px;
}

div.ui-messages-error {
	padding-left: 0px !important;
    margin-left: 0px !important;
    
	color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
    position: relative;
    padding: .75rem 1.25rem !important;
    margin-bottom: 1rem !important;
    border: 1px solid transparent !important;
    border-radius: .25rem !important;
}

div.ui-messages-error ul {
	padding: 0;
    list-style-type: none;
    margin: 0;
}

div.ui-messages-error .ui-messages-error-icon {
	display: none;	
}

div.ui-messages-info {
	padding-left: 0px !important;
    margin-left: 0px !important;
    
	/*color: #004085 !important;
    background-color: #cce5ff !important;
    border-color: #b8daff !important;*/
    
    position: relative !important;
    padding: .75rem 1.25rem !important;
    margin-bottom: 1rem !important;
    border: 1px solid transparent !important;
    border-radius: .25rem !important;
    
    color: #155724 !important;
    background-color: #d4edda !important;
    /*background-color: lightgreen !important;*/
    border-color: #c3e6cb !important;
}

div.ui-messages-info ul {
	padding: 0;
    list-style-type: none;
    margin: 0;
}

div.ui-messages-info .ui-messages-info-icon {
	display: none !important;	
}

.fieldset-custom .ui-fieldset-legend {
	font-weight: bold;
	border: 0;
	padding: .3em 1em;
	padding-top: 0;
}

.fieldset-custom .ui-fieldset-content,
.fieldset-custom .ui-fieldset-legend,
.fieldset-custom .ui-grid-row,
.fieldset-custom .ui-widget,
.fieldset-custom .ui-outputpanel,
.fieldset-custom div.ui-outputpanel.ui-widget,
.fieldset-form
{
	font-size: 16px !important;
}

.fieldset-custom {
	margin-bottom: 10px;
	box-sizing: border-box;
    height: 100%;
}

a.default-link, a.default-link label {
	color: dodgerblue;
	text-decoration: none;
	cursor: pointer !important;
	font-size: 13px !important;
}

a.default-link i {
	color: dodgerblue;
	text-decoration: none;
	cursor: pointer;
	font-size: 13px !important;
}

a.default-link:hover {
	text-decoration: underline !important;
}

a.default-link i.icon-before {
	margin-right: 5px;
}

a.default-link i:hover {
	color: dodgerblue !important;
	text-decoration: underline;
}

div.mensagem-info-usuario {
	padding-left: 0px !important;
    margin-left: 0px !important;
    color: #004085 !important;
    background-color: #cce5ff !important;
    border-color: #b8daff !important;
    position: relative !important;
    padding: .75rem 1.25rem !important;
    margin-bottom: 1rem !important;
    border: 1px solid transparent !important;
    border-radius: .25rem !important;
}

div.mensagem-info-usuario i.fa {
	font-size: 1.6em !important;
}

div.mensagem-info-usuario h5 {
	margin: 0;
	display: inline;
	margin-left: 5px;
	font-size: 15px !important;
}


div.mensagem-confirmacao-usuario {
	padding-left: 0px !important;
    margin-left: 0px !important;
    position: relative !important;
    padding: .75rem 1.25rem !important;
    margin-bottom: 1rem !important;
    border: 1px solid transparent !important;
    border-radius: .25rem !important;
    color: #155724 !important;
    background-color: #d4edda !important;
    /* background-color: lightgreen !important; */
    border-color: #c3e6cb !important;
}

div.mensagem-confirmacao-usuario i.fa {
	font-size: 1.6em !important;
}

div.mensagem-confirmacao-usuario h5 {
	margin: 0;
	display: inline;
	margin-left: 5px;
	font-size: 15px !important;
}

input.ui-state-error {
    border: 1.2px solid #ef5350 !important;
}

textarea.ui-inputfield.ui-state-hover,
input.ui-inputfield.ui-state-hover {
   border-color: #1f89ce;
   background: transparent;
}

textarea.ui-inputfield.ui-state-focus,
input.ui-inputfield.ui-state-focus {
	-moz-box-shadow: 0 0 5px #1f89ce;
    -webkit-box-shadow: 0 0 5px #1f89ce;
    box-shadow: 0 0 5px #1f89ce;
    background: transparent;
    border-color: #1f89ce;
}

.atualizar_dados {
	text-align: center;
    /* border: 1px solid beige; */
    /* background: lightblue; */
    /* background-color: #cce5ff !important; */
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    padding: 6px;
    border-radius: .25rem !important;
}

.steps-container {
	padding: 1em;
	text-align: center;
}
.steps-container li, 
li.ui-steps-item.ui-state-highlight {
	position: relative;
	width: 180px;
	border: none !important;
	margin: 0 1em 0 1em;
	background: none !important;
}

.steps-container li.ui-state-disabled {
	opacity: 1 !important;
	filter: Alpha(Opacity=1) !important;
}

.steps-container .ui-steps-item a.ui-menuitem-link.step-confirmado > span.ui-steps-number {
	/*color: #155724;*/
    /*background-color: lightgreen;*/
    background: rgb(60, 179, 113);
     color: #fff;
    border: 1px solid #d4edda;
}

.steps-container .ui-steps-item a.ui-menuitem-link.step-atual > span.ui-steps-number {
	border: 1px solid #156090;
   /* background: #186ba0;*/
    background: #1b305a;
    color: #fff;
}

.steps-container .ui-steps-item a.ui-menuitem-link.step-inativo > span.ui-steps-number {
	background-color: white;
    border: 1px solid gray !important;
    color: gray !important;
}

.steps-container a.ui-menuitem-link.step-confirmado:after {
	width: 94%;
    height: 2px;
    content: '';
    position: absolute;
    /*background-color: lightgreen;*/
    background: rgb(60, 179, 113);
    top: 28px;
    left: -60%;
    z-index: 0;
}

.steps-container a.ui-menuitem-link.step-atual:after {
	width: 94%;
    height: 2px;
    content: '';
    position: absolute;
   /* background-color: #186ba0;*/
    background: #1b305a;
    top: 28px;
    left: -60%;
    z-index: 0;
}

.steps-container a.ui-menuitem-link.step-inativo:after {
	width: 94%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #7d7d7d;
    top: 28px;
    left: -60%;
    z-index: 0;
}

.steps-container li a span.ui-steps-number {
	border-radius: 2em;
    border: 1px solid black;
    width: 1.4em;
    margin: 0 auto;
    border: 0;
}

.steps-container li a span.ui-steps-title {
	color: #0b2e13 !important;
    font-weight: 600;
}


.steps-container li:first-child a.ui-menuitem-link:after {
	content: none !important;
}

.steps-container > div {
	display: inline-block;
}


div.ui-messages-info span.ui-messages-info-icon
{
	display: inline-block !important;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    float: none;
    height: 24px;
    width: 24px;
}

div.ui-messages-info span.ui-messages-info-icon:before {
	font-size: 1.8em !important;
    content: "\f058";
}

div.ui-messages-info ul, 
div.ui-messages-info li,
div.ui-messages-error ul,
div.ui-messages-error li {
    display: inline; 
}

div.ui-messages-error span.ui-messages-error-icon
{
	display: inline-block !important;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    float: none;
    height: 24px;
    width: 24px;
}

div.ui-messages-error span.ui-messages-error-icon:before {
	font-size: 1.6em !important;
    content: "\f06a";
}

.steps-container a.identificacao-eleitor:not(.step-confirmado) > span.ui-steps-number:after {
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    float: none;
    height: 24px;
    width: 24px;
    content: "\f007";
}

.steps-container a.dados-contato:not(.step-confirmado) > span.ui-steps-number:after {
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    float: none;
    height: 24px;
    width: 24px;
    content: "\f232";
}

.steps-container a.confirmacao-email:not(.step-confirmado) > span.ui-steps-number:after {
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    float: none;
    height: 24px;
    width: 24px;
    content: "\f1fa";
}

.steps-container a.finalizacao:not(.step-confirmado) > span.ui-steps-number:after {
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    float: none;
    height: 24px;
    width: 24px;
    content: "\f11e";
}


.steps-container a.step-confirmado > span.ui-steps-number:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    float: none;
    height: 24px;
    width: 24px;
    content: "\f00c";
}

div.ui-message.ui-message-error {
	background: none;
	color: red;
	border: 0;
	margin: 0;
    padding: 0;
    font-size: 1em !important;
    margin-top: 3px;
}

div.ui-message-error span.ui-message-error-icon {
	background: none !important;
	font: normal normal normal 14px/1 FontAwesome;
    speak: none;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: red;
    height: unset;
    width: unset;
    font-size: 1em !important;
}

div.ui-message-error span.ui-message-error-detail {
	display: block;
    padding-left: 10px;
    text-align: justify;
}

div.ui-message-error span.ui-message-error-icon:before {
	content: "\f069";
	vertical-align: sub;
}

/* Autocomplete */

.autocomplete-email {
	display: none;
	position: relative !important;
}

.autocomplete-email ul {
	list-style: none;
	padding: 0;
	margin: 0;
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
}

button.botao-carregando  span.ui-button-icon-right.fa-spinner {
	right: .5em !important;
}

.titulo-pagina {
	margin: 0 0 1em 0;
	line-height: 40px;
}


@media ( min-width : 400px) {
	
	li.ui-steps-item {
		/*width: 48px !important;*/
		width: 6em !important;
	}
	
	span.ui-steps-title {
		white-space: normal !important;
   	 /*	position: absolute;
    	right: -17px;*/
	}

	.steps-container li a span.ui-steps-title {
	    color: #0b2e13 !important;
	    font-weight: 600;
	    display: block;
	    position: absolute;
	    top: 67% !important;
	    text-align: center;
	    float: left;
	    left: 0 !important;
	    white-space: normal !important;
	}
	
	.steps-container li a span.ui-steps-number {
		margin-bottom: 15px;
	}
		
	/*.steps-container a.ui-menuitem-link.step-inativo:after {
	    width: 2px;
	    height: 39px;
	    content: '';
	    position: absolute;
	    background-color: #7d7d7d;
	    top: -27px;
	    left: 50%;
	    z-index: 0;
	}
	
	.steps-container a.ui-menuitem-link.step-atual:after {
		width: 2px;
	    height: 39px;
	    content: '';
	    position: absolute;
		background: #1b305a;
		top: -27px;
	    left: 50%;
	    z-index: 0;
	}
	
	.steps-container a.ui-menuitem-link.step-confirmado:after {
		width: 2px;
	    height: 39px;
	    content: '';
	    position: absolute;
		background: rgb(60, 179, 113);
		top: -27px;
	    left: 50%;
	    z-index: 0;
	}*/
	
	.steps-container li, li.ui-steps-item.ui-state-highlight {
	    position: relative;
	    border: none !important;
	    margin: 0 1em 0 1em;
	    background: none !important;
	}
	
	.steps-container li a span.ui-steps-title {
		display: block !important;
	}
	
}

@media ( min-width : 386px) and ( max-width : 433px) {
	
	li.ui-steps-item {
		width: 5em !important;
	}
		
	.steps-container li a span.ui-steps-title {
		display: block !important;
		white-space: normal;
	}
	
	.steps-container a.ui-menuitem-link.step-inativo:after {
		top: 17px !important;
   	    left: -60%;
		width: 82%;
	}
		
	.steps-container a.ui-menuitem-link.step-atual:after {
		top: 17px !important;
   	    left: -60%;
		width: 82%;
	}
	
	.steps-container a.ui-menuitem-link.step-confirmado:after {
		top: 17px !important;
   	    left: -60%;
		width: 82%;
	}
	
}

@media ( min-width : 433px) {
	.steps-container a.ui-menuitem-link.step-inativo:after {
		top: 17px !important;
    	width: 84% !important;
    	left: -58% !important;
	}
		
	.steps-container a.ui-menuitem-link.step-atual:after {
		top: 17px !important;
   		width: 84% !important;	
		left: -58% !important;
	}
	
	.steps-container a.ui-menuitem-link.step-confirmado:after {
		top: 17px !important;
    	width: 84% !important;
		left: -58% !important;
	}
}

@media ( max-width : 386px) { 
	
	li.ui-steps-item {
		width: 100%;
	}
	
	.steps-container li, li.ui-steps-item {
		padding: 1em !important;
	}
	
	.steps-container li a span.ui-steps-title {
		right: 63% !important;
		display: block !important;
	}
	
	.steps-container li, li.ui-steps-item.ui-state-highlight {
		position: relative;
		width: 100% !important;
		border: none !important;
		margin: 0 1em 0 1em;
		background: none !important;
	}
	
	.steps-container a.ui-menuitem-link.step-inativo:after {
	    width: 2px;
    	height: 27px;
    	content: '';
    	position: absolute;
    	background-color: #7d7d7d;
    	top: -25px;
    	left: 50%;
    	z-index: 0;
	}
	
	.steps-container a.ui-menuitem-link.step-atual:after {
	    width: 2px;
    	height: 27px;
    	content: '';
    	position: absolute;
    	background-color: #7d7d7d;
    	top: -25px;
    	left: 50%;
   	 	z-index: 0;
	}
	
	.steps-container a.ui-menuitem-link.step-confirmado:after {
		width: 2px;
	    height: 27px;
	    content: '';
	    position: absolute;
	    background-color: #7d7d7d;
	    top: -25px;
	    left: 50%;
	    z-index: 0;
	}
	
	.steps-container li a span.ui-steps-title {
	    color: #0b2e13 !important;
	    font-weight: 600;
	    display: block;
	    position: absolute;
	    top: 25% !important;
	    text-align: center;
	    float: left;
	    left: 0 !important;
	    white-space: normal;
	}
	
}

.ui-steps .ui-steps-item .ui-menuitem-link {
    padding: .1em !important;
}


.ui-icon.fas {
	text-indent: unset !important;
	background: none;
	font-size: 1.2em;
}


.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
     border-radius: 0px !important;
}

.box.box-primary {
    border-top-color: #1b305a;
}

.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;   
}

.box-title {
	font-size: 22px;
    margin: 0;
}

ul.lista-instrucoes {
	padding-left: 1em;
    list-style: none;
    font-size: 15px !important;
    margin: 0;
    padding: 1em;
    list-style: none;
}

.hiddenDiv {
	left: 150%;
    position: absolute;
}

.dialog {
	z-index: 1003 !important;
}

.pulse-button {
  position: relative;
  width: 100px;
  border: none;
  box-shadow: 0 0 0 0 #2399e5;
  border-radius: 50%;
  background-color: #e84c3d;
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}

input.disabled {
	 pointer-events: none;
}