@charset "UTF-8";

html {
	height: 100%;
}

a, div, span, input, textarea, li, strong, button {
	outline: none;
	text-decoration: none;
	list-style: none;
}

.formMenu {
	background-color: #d6e9e1;
}

.body-log {
	background-image: url("../resources/img/login.png");
	background-size: cover;
	-webkit-background-size: cover;
	/* SAFARI / CHROME */
	-moz-background-size: cover;
	/* FIREFOX */
	-ms-background-size: cover;
	/* IE */
	-o-background-size: cover;
	/* OPERA */
	margin: 0px;
}

.btn-voltar {
	display: none;
	bottom: 30px;
	margin-left: 50%;
	text-align: center;
	cursor: pointer;
	padding: 15px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	position: fixed;
	border: 0;
	font-family: sans-serif;
	text-align: center;
}

.btn-volta-link {
	display: block;
	width: 100%;
	line-height: 50px;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 0.8em;
}

.img_log_tot {
	margin-top: 12px;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	width: 150px;
	padding-top: 8px;
	padding-bottom: 9px;
	float: left;
	padding-left: 9px;
}

.img_logo_padrao {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	width: 160px;
	padding-top: 18px;
	padding-bottom: 18px;
	float: right;
	padding-right: 18px;
}

.panel_user_info {
	float: right;
	padding-top: 8px;
	padding-right: 15px;
}

.iconRed {
	color: red !important;
}

.img-Log {
	max-width: 100%;
	max-height: 100%;
}

.helv-font {
	font-weight: bold;
}

.icons-log {
	font-size: x-large;
	color: #cccccc;
}

.inpt-log {
	border-radius: 6px;
	min-height: 23px;
	margin-left: 14%;
	color: #888888;
	border-color: #ffffff;
}

.rodape_log {
	padding-top: 18px;
	padding-bottom: 18px;
	float: right;
	padding-right: 18px;
	text-align: right;
	font-weight: normal;
	width: 98%;
	color: #ffffff;
	font-size: 12px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	font-family: Myriad Pro;
}

#rodape_esq {
	padding-top: 18px;
	padding-bottom: 18px;
	float: left;
	padding-left: 18px;
	text-align: left;
	font-weight: normal;
	width: 98%;
	color: #ffffff;
	font-size: 12px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	font-family: Myriad Pro;
}

.header_tot_esq {
	position: absolute;
	top: 0;
	width: 70%;
	float: left;
	min-height: 50px;
	max-height: 51px;
}

#div_logo_tot {
	height: 20%;
	width: 100%;
	position: absolute;
	z-index: 10002;
}

.rodape_tot {
	width: 97%;
	bottom: 0;
}

#sidebar_menu_tot {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 240px;
	height: 100%;
	background-color: #f9f8f8;
	z-index: 1000001;
}

#div_pess_dir {
	width: 450px;
	float: right;
	position: relative;
	height: inherit;
	margin-top: 10px;
	color: #01283e;
	font-weight: bold;
}

#div_dialog_header {
	width: 100%;
	height: 15%;
	background-color: #D6E9E1;
	font-size: 48px;
	text-align: center;
}

#div_dialog_carregando {
	width: 100%;
	background-color: #ffffff;
	font-family: Myriad Pro;
	text-align: center;
	margin-top: 12px;
	color: #02253A;
}

.log-page {
	width: 310px;
	padding: 10%;
	margin: 0 auto;
}

.labelcampo {
	margin-top: 8px;
}

.ui-tabs-left>.ui-tabs-nav {
	width: 8% !important;
	height: 10% !important;
}

.ui-tabs-left .ui-tabs-nav li a {
	width: auto;
	font-size: 15px;
}

.ui-tabs-left>.ui-tabs-panels {
	float: left;
}

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.ui-fileupload-buttonbar {
	padding: 0.2em 0.4em;
}

.ui-fileupload-simple .ui-fileupload-filename {
	font-family: Myriad Pro;
}

.ui-autocomplete-input-token input {
	font-family: Myriad Pro;
}

.ui-picklist .ui-picklist-list {
	list-style-type: none;
	margin: 0;
	overflow: auto;
	padding: 0;
	width: 400px;
	height: 300px;
}

.ui-picklist .ui-picklist-list table tbody tr td {
	font-size: 12px;
}

.semBorda tbody tr td {
	border-style: none
}

.ui-datatable .ui-datatable-data .colored td {
	background-color: #FF0000;
	color: #000000;
}

.ui-datatable .ui-datatable-data .coloyellow td {
	background-color: #FFFF00;
}

.ui-datatable .ui-datatable-data .cologreen td {
	background-color: #83f442;
}

.ui-outputlabel {
	text-align: right;
	margin-right: 5px;
}

.ui-panelgrid.text-align-right {
	text-align: right;
}

.label-title {
	color: #9EADB5;
	font-weight: bold;
	font-size: 14px;
}

.ui-breadcrumb ul li span {
	margin-top: auto;
	margin-bottom: auto;
	/*margin-bottom: 12px;*/
	font-size: 15px;
}

.ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link.ui-breadcrumb-atualpage
	{
	color: #02253A !important;
}

.ui-breadcrumb ul li {
	margin-right: 7px;
	margin-top: auto;
	margin-bottom: auto;
}

.ui-breadcrumb .ui-breadcrumb-chevron {
	background-image:
		url("/contracheque/javax.faces.resource/images/rightarrow-gray.svg.xhtml?ln=primefaces-supply&v=13.0.10&e=13.0.10");
	background-position: center;
	background-size: 100%;
}

.btnLogin {
	width: 100%;
	display: table;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height: 33px;
	background-color: #00a79e;
}

.linkLoginPage {
	color: #cccccc !important;
	text-align: center;
	display: table;
	position: relative;
	width: 100%;
	text-decoration-line: underline;
}

.ui-inputfield-login {
	width: 98%;
}

.separator-message {
	width: 100%;
	height: 15px;
	border: 0px;
}

.ui-column-title .ui-outputlabel, table thead tr td a {
	color: white;
}

.ui-datatable table thead tr th a {
	color: white;
}

#infEmail {
	color: #cccccc;
}

.fa span {
	font-family: Myriad Pro;
	font-size: 12px;
}

.ui-layout-pane-north {
	background-color: #f9f8f8;
	max-height: 100px;
}

.ui-layout-pane-center {
	padding-left: 15px !important;
}

.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

.ui-menuitem-icon {
	font-size: 12px;
}

.dragme {
	position: relative;
	width: 48px;
	height: 48px;
	cursor: move;
}

.ui-autocomplete-panel .ui-autocomplete-list {
	background-color: white;
}

.tb-form .ui-grid-row {
	border: 0 none !important;
}

.tb-form .ui-panelgrid-cell {
	padding: 4px 10px 4px 0 !important;
}

.ui-panelgrid-cell {
	margin-bottom: auto;
	margin-top: auto;
}

.c-danger {
	color: #ff0000;
}

.b-none {
	border: 0 none;
}

.w-100 {
	width: 100% !important;
}

.ui-selectonemenu, .ui-selectcheckboxmenu {
	max-width: 100%;
	min-width: 10px !important;
}

.tableColumnValor {
	text-align: right;
}

.tableColumnData {
	text-align: center;
}

.tableColumnAcao {
	text-align: center;
}

.ui-selectcheckboxmenu-panel {
	background-color: white;
}

.ui-datatable .ui-row-editor .ui-icon-pencil {
	background-image: url("");
}

td[role="gridcell"] {
	word-wrap: break-word;
}

.divCarregando {
	background-color: transparent !important;
}

div.ui-selectonemenu.widthmax {
	width: calc(100% - 27px);
}

div.ui-selectcheckboxmenu-multiple.autoHeight ul.ui-selectcheckboxmenu-multiple-container
	{
	height: auto;
}

.noPadding {
	padding: 0px !important;
}

fieldset.fieldsetToggled legend {
	background-color: #fff !important;
	border: none !important;
}

.ui-diagram-element {
	width: 14em;
	height: 4em;
	line-height: 4em;
	text-align: center;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
	border-radius: 4px;
	border: 1px solid transparent;
	background-color: #98AFC7;
	color: #ffffff;
}

.flow-label {
	font-size: 12px;
	color: #816A51;
}

span.w-100 input.ui-inputfield {
	width: 100%;
}

.verificarCpfId {
	background-color: inherit;
}

.gerarNovaSenha {
	background-color: inherit;
}

.voltaMenuTel {
	background-color: inherit;
}

.boxLogo {
	background: rgba(255, 255, 255, 0.3);
	padding: 30px 30px 30px 30px;
	border-radius: 32px;
	margin-left: -30px;
}

div.ui-selectonemenu.widthmid {
	width: 25% !important;
}

.fixedWidth550 {
	width: 550px;
}

td.meio {
	width: 50%;
}

.marginLeft {
	margin-left: 8px !important;
}

.readTitleAlert {
	color: #D76666;
	font-size: 16px;
}

.ui-no-access-function {
	color: gray !important;
}

.botaoTransparente .ui-button-text, .botaoTransparente:hover .ui-button-text,
	.botaoTransparente:focus .ui-button-text {
	background-color: #02253a;
	border: 0 none !important;
}

button.botaoTransparente, button.botaoTransparente:hover {
	background-color: #02253a;
}

.semBorda {
	border: 0 none !important;
	float: left;
	width: calc(100% - 100px);
}

.semPadding {
	padding: 0px !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-inputfield
	{
	padding-left: 0px;
	width: 75%;
	margin-left: 0px;
}

.certficateSelect {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.ui-toggleswitch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 28px;
}

.action .atendimento {
	float: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	color: #237978;
	top: 14px;
	left: -20px;
}

.action .comunicado {
	float: left;
	position: relative;
	cursor: pointer;
	color: #237978;
	top: 14px;
	left: -40px;
}

.action .oferta-produto-icon-div{
	float: left;
	position: relative;
	cursor: pointer;
	top: 3px;
	left: -48px;
}

.action .oferta-produto-icon-div img{
	width : 45px;
}

.action .atendimento i {
	font-size: 32px;
}

.action .acronimo {
	float: right;
	position: relative;
	top: 10px;
	overflow: hidden;
	cursor: pointer;
	font-size: 1.3em;
	color: white;
	background-color: #237978;
}

.action .menuUsuario {
	position: absolute;
	z-index: 1;
	top: 120px;
	right: 10px;
	padding: 10px 10px;
	width: 250px;
	box-sizing: border-box;
	transition: 0.5s;
	background: #fff;
	border-radius: 15px;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 2px 4px -1px rgb(0 0 0/ 20%), 0 4px 5px 0 rgb(0 0 0/ 14%),
		0 1px 10px 0 rgb(0 0 0/ 12%);
}

.action .menuUsuario.active, .action .menuAtendimento.active, .action .menuComunicado.active
	{
	visibility: visible;
	opacity: 1;
	top: 80px;
}

.action .menuUsuario::before, .action .menuAtendimento::before, .action .menuComunicado::before
	{
	content: '';
	position: absolute;
	top: -5px;
	right: 28px;
	width: 20px;
	height: 20px;
	background: #fff;
	transform: rotate(45deg);
}

.action .menuUsuario .ssupply {
	text-align: center;
	padding: 5px 5px;
}

.action .menuUsuario h3, .action .menuAjuda h3, .action .menuAtendimento h3,
	.action .menuComunicado h3 {
	width: 100%;
	text-align: center;
	font-size: 16px !important;
	padding: 5px 0;
	font-weight: 500;
	font-size: 18px;
	color: #64686A;
	line-height: 1.2em;
}

.action .menuUsuario h3 span {
	font-size: 12px;
	color: #64686ad9;
	font-weight: 400;
}

.action .menuUsuario ul, .action .menuAtendimento ul, .action .menuComunicado ul
	{
	padding-left: 20px;
}

.action .menuUsuario ul li, .action .menuAtendimento ul li, .action .menuComunicado ul li
	{
	list-style: none;
	padding: 10px 0;
	display: flex;
	align-items: center;
	font-size: 12px;
}

.action .menuUsuario ul li:hover, .action .menuAtendimento ul li:hover,
	.action .menuComunicado ul li:hover {
	cursor: pointer;
	background: rgba(57, 184, 182, 0.2) !important;
}

.action .menuUsuario ul li i {
	max-width: 20px;
	margin-right: 10px;
	opacity: 0.5;
	transition: 0.5s;
	color: #237978;
}

.action .menuUsuario ul li a, .action .menuAtendimento ul li a, .action .menuAtendimento ul li span,
	.action .menuComunicado ul li a, .action .menuComunicado ul li span {
	display: inline-block;
	text-decoration: none;
	color: #237978;
	font-weight: 500;
	transition: 0.5s;
	width: 100%;
  font-size: 12px;
}

.action .menuUsuario ul li:hover a, .action .menuAtendimento ul li:hover a,
	.action .menuComunicado ul li:hover a {
	color: #2e9392;
}

.action .menuAtendimento, .action .menuComunicado {
	position: absolute;
	top: 120px;
	right: 75px;
	padding: 10px 10px;
	width: 250px;
	box-sizing: border-box;
	transition: 0.5s;
	background: #fff;
	border-radius: 15px;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 2px 4px -1px rgb(0 0 0/ 20%), 0 4px 5px 0 rgb(0 0 0/ 14%),
		0 1px 10px 0 rgb(0 0 0/ 12%);
}

.action .menuAtendimento span, .action .menuComunicado span {
	color: #64686A;
	font-weight: 400;
}

.ui-toggleswitch-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.ui-toggleswitch .ui-toggleswitch-slider:before, .ui-toggleswitch .ui-toggleswitch-handler
	{
	position: absolute;
	top: 50%;
	background: #fff;
	color: #495057;
	width: 1.15rem;
	height: 1.15rem;
	left: calc(0.25rem - 2px);
	margin-top: -0.6rem;
	border-radius: 50%;
	transition: all .2s;
	font-size: .625rem;
	line-height: 1.25rem;
}

.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
	background-color: #4169E1;
}

.dataViewSemHeader .ui-dataview-header {
	display: none;
}

.ui-divider.ui-divider-solid.ui-divider-horizontal:before {
	border-top-style: unset !important;
}

.menuUsuario .ui-divider.ui-divider-solid.ui-divider-horizontal:before {
	border-top-style: unset !important;
	border: 1px solid #80808026;
}

.btnInvisivel {
	display: none;
}

.ui-breadcrumb .ui-breadcrumb-items {
	padding-top: 10px !important;
}

.table-no-header-no-footer thead, .table-no-header-no-footer tfoot {
	display: none;
}

.header-detail {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	display: flex;
	padding-bottom: 12px;
	margin-bottom: 16px;
	margin-top: 8px;
}

.compPickerlist {
	margin-top: 0;
}

.alignTop {
	vertical-align: top;
}

.btn-principal-lg {
	font-size: 24px !important;
}

/*_menuMobile start */
.container-menu-mobile {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	padding: 0px 25px;
}

.button-container-menu-mobile {
	width: 120px;
	height: 120px;
	position: relative;
	float: left;
	text-align: center;
	margin: 10px;
}

.card-menu-mobile {
	position: absolute;
	width: 120px;
	height: 120px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	color: black;
	text-decoration: none;
	background-color: #f1f1f1;
	border-radius: 10px;
	padding: 5px;
}

.checkbox-footer-terms {
	padding: 0 !important;
}

.labal-foooter-terms {
	padding-left: 0 !important;
	font-size: 1.2em !important;
}

@media screen and (min-width: 400px) {
	.container-menu-mobile {
		padding: 0px 40px !important;
	}
}

@media screen and (max-width: 320px) {
	.button-container-menu-mobile {
		width: 120px !important;
		height: 120px !important;
		margin: 10px !important;
	}
	.card-menu-mobile {
		width: 120px !important;
		height: 120px !important;
		padding: 5px !important;
	}
	.card-icon-menu-mobile {
		font-size: 30px !important;
	}
	.container-menu-mobile {
		padding: 0px 10px !important;
	}
}

.card-icon-menu-mobile {
	color: #39b8b6;
	font-size: 40px;
}

.card-title-menu-mobile {
	color: #39b8b6;
	position: absolute;
	bottom: 0;
	transition: .3s;
}

.btnWarning {
	color: #F4BB44 !important;
}

/*_menuMobile end */

/*Format Dialog Filtros begin */
#dlgFiltroPagamento.ui-slideouttab-top.ui-slideouttab-open {
	margin-top: 118px;
}

@media ( max-width : 400px) {
	#dlgFiltroPagamento.ui-slideouttab-top.ui-slideouttab-open {
		margin-top: 50px;
	}
	#dlgFiltroPagamento #scrollFiltros {
		max-height: 100vh;
	}
}

/*Format Dialog Filtros end */
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 350px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 5px;
	position: absolute;
	z-index: 1;
	top: -5px;
	left: 100%;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.ui-widget {
	vertical-align: middle;
}

.ui-widget .ui-widget {
	vertical-align: middle;
}

.pnlPreview {
	font-size: 18px !important;
	text-align: center;
	margin-top: 12px;
	width: 80%;
	border: #000 1px solid;
	margin: 0 auto;
}

.pnlPreview .ui-panel-content {
	padding: 0 !important;
}

.conteudoPreview {
	padding: 0.5em 1em !important;
}

.card-oferta-produto{
	border: 1px solid #ccc !important;
	width: 25rem; 
	margin-top: 1em; 
	margin-left: 1em;
	border-radius : 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: inline-block;
}

.card-oferta-produto .ui-card-title {
	font-size: 2em;
	text-align: center;
}

.botao-solicita-contrato{
	width:95%;
	background-color: #d6e9e1;
	border: none;
	font-size: 20px; 
	border-radius: 15px;
	margin-top : 20px;
	font-size: 1.2em !important;
}

.pnlUrlPreview {
	border: 1px solid #000;
	width: 100%;
	background: #EEEEEE;
	text-align: left;
}

.botao-contrate-agora input{
	background-color: red;
    border: none;
    color: white;
    font-size: 35px;
    border-radius: 11px;
    padding: 5px 35px 5px 35px;
}

.quebra-texto {
	word-wrap: break-word;
}

#dlgVisualizarEmail_modal {
	z-index: auto !important;
}

.modalEmail {
	left: 80% !important;
}