/* Estilo original do sefin */

body {
	background-color: #ffffff;
	font-size: 11px;
	font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
	color: #000000;
	margin: 0;
}

h1 {
	font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
	border-bottom: 1px solid #AFAFAF;
	font-size:  16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #D20005;
}

a:link, a:visited {
	color:  #045491;
	font-weight : bold;
	text-decoration: none;
}

a:link:hover, a:visited:hover  {
	color: #045491;
	font-weight : bold;
	text-decoration : underline;
}

.div-login {
	padding: 15px 25px;
	line-height: 22px;
}

#top {
    position: relative;
    background-color: #ffffff;
    color: white;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

#bottom {
    position: relative;
    background-color: #c2dfef;
    padding: 5px;
    margin: 10px 0px 0px 0px;
}

#left {
    float: left;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}

#right {
    float: right;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}

.center_content {
    position: relative;
    background-color: #ffffff;
    padding: 0px;
}

.left_content {
    background-color: #dddddd;
    padding: 5px;
    margin-left: 170px;
}

.right_content {
    background-color: #dddddd;
    padding: 5px;
    margin: 0px 170px 0px 170px;
}

#top a:link, #top a:visited {
  color: white;
  font-weight : bold;
  text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
  color: black;
  font-weight : bold;
  text-decoration : underline;
}

.ui-widget, .ui-widget .ui-widget {
    font-size: 99% !important;
}

.cellGridFormLabel {
    width: 90px;
    text-align: right;
}

.fonteMenor { 
font-size: 8px !important; 
font-family: sans-serif;
text-align: center;
} 

.ui-datatable, .ui-datatable td, .ui-datatable td div,  .ui-datatable th{
    font-size: 10px !important;
}

#footer {
	text-align: center;
    color: #FFF;
    background-color: #369;
    clear: both;
    width: 100%;
    position: fixed;
    bottom: 0;
    font-size: 10px;
	padding: 2px 0 2px 0;
	margin-bottom: 0;
}

#footer-novo {
	text-align: center;
	color: #FFF;
	background-color: #369;
	width: 100%;
	font-size: 10px;
	padding: 2px 0 2px 0;
}

.botao-verde {
	width: 150px;
	background-color: #399900 !important;
	color: #FFF !important;
	text-shadow: none !important;
	background-image: none !important;
}

.botao-azul {
	width: 150px;
	background-color: #1490C0 !important;
	color: #FFF !important;
	text-shadow: none !important;
	background-image: none !important;
}

.botao-vermelho {
	width: 150px;
	background-color: #B71C1C !important;
	color: #FFF !important;
	text-shadow: none !important;
	background-image: none !important;
}
.textoLogin {
	font-size: 13px;
    color: #265283;
}

.panelEsqueciSenha .ui-panel-titlebar,
.panelCadastroContribuinte .ui-panel-titlebar  {
	color: #265283;
	font-size: 16px;
}

.panelCadastroContribuinte h2 {
	color: #265283;
	font-size: 14px;
}

.labelLinkAlvara {
	color: #265283;
	font-size: 14px;
	font-weight: bold;
}

.alert-warning {
	font-size: 13px;
	padding: 5px;
    background-color: #FCF8E3;
    border-color: #FAEBCC;
    border: 1px solid !important;
	border-radius: 4px;
    color: #8A6D3B;
}

ul.ui-menu-child {
    white-space: nowrap;
    width: auto !important;
}

li.ui-menuitem {
    margin-right: 5px !important;
}

.widthPerc10 {
	width: 10% !important;
}

.widthPerc15 {
	width: 15% !important;
}

.widthPerc20 {
	width: 20% !important;
}

.widthPerc25 {
	width: 25% !important;
}

.widthPerc30 {
	width: 30% !important;
}

.widthPerc35 {
	width: 35% !important;
}

.widthPerc40 {
	width: 40% !important;
}

.widthPerc50 {
	width: 50% !important;
}

.widthPerc60 {
	width: 60% !important;
}

.widthPerc70 {
	width: 70% !important;
}

.widthPerc80 {
	width: 80% !important;
}

.widthPerc90 {
	width: 90% !important;
}

.widthPerc95 {
	width: 95% !important;
}

.widthPerc97 {
	width: 97% !important;
}

.widthPerc98 {
	width: 98% !important;
}

.widthPerc99 {
	width: 99% !important;
}

.widthPerc100 {
	width: 100% !important;
}

.paddingTop5px {
	padding-top: 5px;
}

.paddingRight10px {
	padding-right: 10px;
}

.paddingLeft10px {
	padding-left: 10px;
}

.paddingRight15px {
	padding-right: 15px;
}

.paddingRight20px {
	padding-right: 20px;
}

.paddingRight25px {
	padding-right: 25px;
}

.marginTop15px {
	margin-top: 15px;
}

.marginTop20px {
	margin-top: 20px;
}

.marginTop25px {
	margin-top: 25px;
}

.alignCenter {
	text-align: center !important;
}

.alignRight {
	text-align: right !important;
}

.classEmAberto {
	color: #ff4d4d;
}

.classEmAnalise {
	color: #4d4dff;
}

.classGuiaJaUtilizada {
	color: #ff4d4d;
	font-weight: bold;
	font-size: 15px;
}

.classGuiaNaoUtilizada {
	color: #40bf40;
	font-weight: bold;
	font-size: 15px;
}

.classContribuinteIsento {
	color: #ff944d;
	font-weight: bold;
	font-size: 15px;
}

.toolTipDetalhesGuiaRec {
	background-color: #F2F2F2 !important;
}

.panSituacaoGuiaRec {
	width: 100%;
    display: block;
    border-radius: 4px;
	border: 1px solid #dddddd;
	background: #f2f2f2;
	padding:10px;
}

.toolTipDetalhesGuiaLabelDestaque {
	color: #8080ff;
}

.toolTipDetalhesGuiaLabelComum {
	color: #D2D2D2;
}


.detalhesGuiaLabelDestaque {
	font-weight: bold;
}

.negrito {
	font-weight: bold;
}

.textAlignRight {
	text-align: right;
}

.headerPanReparc > .ui-widget-header {
	background-color: #336699;
	color: #F5F5F5;
	font-size: 11pt;
}

.dtDebitos > .ui-datatable-scrollable-body{
	border: 1px solid #DDDDDD;
	outline: none;
}

.textoReparcTotalAtual {
	color: #F34646 !important;
    font-weight: 800 !important;
}

.textoReparcTotalReparcelar {
	color: #336699 !important;
    font-weight: 800 !important;
}

.alertaReparcelamento {
	color: #FF8843;
	font-weight: bold;
	font-size: 15px;
	display: block;
	text-align: center;
}

.botaoAlterarResponsavel > span.ui-icon {
	height: 18px;
	padding-top: 2px !important;
}

.ui-growl-item {
    margin-top: 30px !important;
}

.border-left {
	border-left:1px solid;
	padding-left: 10px;
}

.panCheckLiEconcordo {
	text-align: center;
    display: block;
    color: #F34646 !important;
    font-weight: 800 !important;
}

span.labelComBorda {
	width: 100% !important;
	display: inline-block;
    padding: 4px;
	cursor: text;
    background: none #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-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;
}

.btnEmitirGuiaRec {
	background-color: #336699 !important;
	color: #FFF !important;
	text-shadow: none !important;
	background-image: none !important;
}

.texto-destaque-info {
	color: #1490C0;
	font-weight: bold;
	font-size: large;
}

.texto-destaque {
	font-size: medium;
}

.consulta-solicitacao-default-row.ui-widget-content {
 white-space:normal !important;
 text-align: center;
}

.flex-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height:100vh;
}

.flex-body > .topo {
	width: 100%;
}

.flex-body > .content {
	width: 100%;
	flex-grow: 1;
}