
/* HEADER SIFA
   ========================================================================== */
   
/*.bg-body {
    background-image: none;
    background-color: #FFFFFF;
}*/

.login {
	z-index: auto;
}

.login:after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #BAD3D2;
    opacity: .9;
    position: fixed;
    z-index: -1;	
}

.info {
	color: #588A96;
}

#bg-menu-atendimento {
    /* Original SIFA
    border-bottom: solid 5px #c4c3c3;
    background: #2C6675;*/
    border-bottom: solid 5px #588A96;
    background: #BAD3D2;
}
.menu-interno {
    font: 1.2em LatoBold;
    margin-top: 8px;
}
.menu-interno>li:hover {
    background: #588A96;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

.menu-interno li a {
    padding: 20px 10px;
    display: block;
    color: #2C6675;
}

.menu-interno>li a:hover {
	color: #2C6675 ;
} 

.notific-novo {
    top: 4px;
    padding: 2px 5px;
    font-size: 9px;
    border-radius: 3px;
}

.notific-novo {
    position: absolute;
    top: 2px!important;
    right: 10px;
    display: block;
    color: #fff;
    text-align: center;
    background-color: #588A96;
}

.cvg-logo {
	display: block;
	text-align: left;
}
.cvg-logo svg{
	max-width: 90px;
}

.menu-perfil .menu-nome-usuario {
	color: #2C6675;
	background-image: none;
}



/* SUBMENU
   ========================================================================== */

.bg-sub-menu {
    background: #2C6675;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 0px;
}

.sub-menu li:first-child {
    color: #FFFFFF;
    font-weight: bold;
}

.sub-menu, .sub-menu li a{
    color: #5B5B5B;
}

.sub-menu>li a:hover {
    background: #588A96;
 	color: #FFFFFF;
}

.sub-menu ul li a {
    background: #2C6675;
}

.sub-menu ul li a:hover {
    background: #588A96;
}

/* MENU PERFIL HEADER SIFA
   ========================================================================== */

.menu-perfil>li:hover {
    background-color: #588A96;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;    
}

.menu-perfil li:hover .submenu-opcoes-perfil {
    display: block;
    width: 190px;
}

.menu-perfil .submenu-opcoes-perfil {
    z-index: 10;
    display: none;
    position: absolute;
    margin: 19px 0 0 -11px;
}

.menu-perfil li img {
    border: solid 1px #f5f6f6;
    border-radius: 100%;
}

/* TITULOS
   ===========================================================================*/
.titulo-servico-publico {
	color: #2C6675;
	background-image: none;
}

.lista-profissionais li p {
    color: #FFF;
    font: 14px Tahoma, Geneva, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #2C6675;
}

/* FONTES
   ========================================================================== */

#container h1 {
    font-size: 3.0em;
    color: #2C6675;
    font-family: LatoRegular;
    text-transform: none;
    font-weight: 400;
}

.fattoria-form h1 {
    font-family: LatoRegular;
    color: #588A96;
    font-size: 3.0em;
    text-align: center;
    margin: 40px 0 0 0;
}

.fattoria-form h3 {
    font-family: LatoRegular;
    color: #588A96;
    font-size: 3.0em;
    /*text-align: center;*/
}

.fattoria-form h5 {
    font-family: LatoRegular;
    color: #2C6675;
    font-size: 3.0em;
    text-align: center;
    margin: 40px 0 0 0;
}

.coluna h3 {
	font-family: LatoRegular;
    color: #588A96;
    font-size: 3.0em;
    text-align: center;
    margin: 40px 0 0 0;
}

/* LISTA PASSOS
   ============================================================================ */

.lista-passo {
	margin: 15px 0px;
}

.lista-passo li {
display: inline-block;
padding: 15px;
margin-right: 8px;
font-size: 12px;
border-radius: 10px;
background: #2C6675; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE: 10px +; */
  background: -webkit-linear-gradient(#588A96 0%, #2C6675 100%);
  background: -o-linear-gradient(#588A96 0%, #2C6675 100%);
  background: linear-gradient(#588A96 0%, #2C6675 100%); /* W3C */
  filter: padding-right: ;ogid:DXImageTr:;ansform.Microsoft.gradient( startColorstr='#588A96', endColorstr='#2C6675',Gradien: ;tType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 3px 0 #588A96;
box-shadow: 0px 3px 0 #588A96;
}

.lista-passo li,
.lista-passo li a {
color: #c0d1ec;
}

.lista-passo .lista-passo-realizado {
background: #6f983c; /* Old browsers */
background: -moz-linear-gradient(top,  #6f983c 0%, #7aa349 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f983c), color-stop(100%,#7aa349)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6f983c 0%,#7aa349 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6f983c 0%,#7aa349 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6f983c 0%,#7aa349 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6f983c 0%,#7aa349 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f983c', endColorstr='#7aa349',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 2px 0 #445b29;
box-shadow: 0px 2px 0 #445b29;
}

.lista-passo .lista-passo-realizado,
.lista-passo .lista-passo-realizado a {
color: #e2edba;
} 

.lista-passo .lista-passo-pendente {
background: #d8d7d6; /* Old browsers */
background: -moz-linear-gradient(top,  #d8d7d6 0%, #e2e1e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d7d6), color-stop(100%,#e2e1e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d8d7d6 0%,#e2e1e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d8d7d6 0%,#e2e1e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d8d7d6 0%,#e2e1e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d8d7d6 0%,#e2e1e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d7d6', endColorstr='#e2e1e0',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 2px 0 #7e7d7d;
box-shadow: 0px 2px 0 #7e7d7d;
}

.lista-passo .lista-passo-pendente,
.lista-passo .lista-passo-pendente a {
color: #a9a8a8;
}


/* RODAPE SIFA
   ========================================================================== */

#rodape h4 {
    background: none;
    color: #5B5B5B;
    font-size: 1.1em;
    text-transform: uppercase;
    text-shadow: none;
}

.branco {
    font-size: 1.3em;
    color: #5B5B5B;
    display: block;
}

#bg-rodape {
    background: #ECECEC;
    border-bottom: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#rodape-copyright p {
    color: #ffffff;
    font-size: 12px;
}

.coluna-rodape a {
    display: block;
    padding: 10px 0 0 0;
    text-decoration: none;
    white-space: pre-line;
    line-height: 1.4em;
    font-size: 1.0em;
    color: #5B5B5B;
}

.coluna-rodape li a {
    color: #5B5B5B;
    text-decoration: none;
}
.coluna-rodape li {
    background: none;
}

.coluna-rodape li {
    background: none;
    color: #5B5B5B;
}

.sub-menu, .sub-menu li a {
    color: #FFFFFF;
    font-size: 14px;
}

.coluna-rodape a:hover {
    background: #e4e4e4;
}

.coluna-rodape li:hover {
    background: #e4e4e4;
    cursor: pointer;
}

.autor a {
    max-width:71px;
    max-height:10px;
    width: auto;
    height: auto;
}

.copyright {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    color: #2C6675;
}

.copyright--login {
    /* position: absolute; */
    bottom: 0;
    right: 0;
}

.copyright img {
 	max-width:71px;
    max-height:16px;
    width: auto;
    height: auto;
}

/* LOGIN MODAL
   ========================================================================== */

.login-cress {
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.25);
    border-radius: 8px;
    width: 380px;
    margin: 0 auto;
    padding: 40px;
    position: relative;
}

.login-cress svg {
    max-width:150px;    
    width: auto;
    height: auto;
    margin: 0 auto 20px;
    display: block;
}

.login{
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}
.login:after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #19319B;
    opacity: .9;
    position: fixed;
    z-index: -1;
}

.login_logo-inline {
    width: 250px;
    margin: 10px 20px;
}

.login_form input {
    color: #555555;
    border-bottom-color: #cccccc;
}

.login-cont {
    color: #555555;
}

.btn-primario-sifa {
    background: #588A96;
}

.btn-primario-sifa:hover {
    background: #1AC0B1;
}

.pre-cadastro-protocolo {
    font-size: 1.6em;
    color: #2C6675;
}

.btn-assinatura, .btn-digital, .btn-mais-op {
    color: #FFF;
    font: 12px Tahoma, Geneva, sans-serif;
    background: #2C6675;
}

.btn-assinatura:hover, .btn-digital:hover {
    color: #FFF !important;
    background: #EBEBEB;
}

.status-usuario span {
    color: #2C6675;
}

/*
ERRO
*/
#container h1 {
    font-size: 3.0em;
    color: #2C6675;
    font-family: LatoRegular;
    text-transform: uppercase;
    font-weight: 400;
}

#container .fattoria-form h1 {
    font-size: 3.0em;
    color: #2C6675;
    font-family: LatoRegular;
    text-transform: uppercase;
}

.opcoes-usuario-topico h3 {
    color: #2C6675;
    font-weight: 700;
}

.opcoes-usuario-topico:hover h3 {
    color: #EBEBEB;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

.opcoes-usuario-conteudo h4 {
    color: #2C6675;
    font-weight: 700;
}


/* TITULOS
   ========================================================================== */

#container h1 {
	font-size: 3.0em;
	color: #2C6675;
	font-family: LatoRegular;
	text-transform: uppercase;
	font-weight: 400
}

.mensagem h1, .mensagem h2 {
	margin: 0 0 20px 0;
	color: #2C6675;
	font-size: 3.5em;
	font-weight: 400
}

.mensagem h2 {
    color: #2C6675;
    font-size: 2.0em;
    font-weight: 400;
}

#container .fattoria-form h1 {
	font-size: 3.0em;
	color: #2C6675;
	font-family: LatoRegular;
	text-transform: uppercase;
}
#container h1 {
	font-size: 3.0em;
	color: #2C6675;
	font-family: LatoRegular;
	text-transform: uppercase;
	font-weight: 400
}
#container h2 {
	font-size: 1.6em;
	text-transform: uppercase;
	color: #588A96;
	font-weight: 700
}

.fattoria-form h6 {
	font-family: LatoRegular;
	color: #2C6675;
	font-size: 1.8em;
	text-transform: uppercase;
	margin: 0 0 20px 0
}


/* BOTÕES
   ========================================================================== */

.btn-logar-estilo {
	border: solid 1px #588A96;
	-webkit-box-shadow: inset 0 0 0 1px #368767, 0px 0 2px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 0 0 1px #368767, 0px 0 2px 2px rgb(0 0 0 / 20%);
	background: #588A96;
	background: -moz-linear-gradient(top, #588A96 0, #68767 100%);
	background: -webkit-linear-gradient(top, #588A96 0, #68767 100%);
	background: linear-gradient(top, #588A96 0, #68767 100%);
	filter:progid:dximagetransform.microsoft.gradient(startColorstr='#588A96', endColorstr='#68767', GradientType=0);
}
.btn-logar-estilo:hover {
	background: #47a0ca;
	background: -moz-linear-gradient(top, #47a0ca 0, #3e80ab 100%);
	background: -webkit-linear-gradient(top, #47a0ca 0, #3e80ab 100%);
	background: -ms-linear-gradient(top, #47a0ca 0, #3e80ab 100%);
	background: linear-gradient(top, #47a0ca 0, #3e80ab 100%);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#47a0ca', endColorstr='#3e80ab', GradientType=0)
}
.btn-logar-estilo:active {
	border: solid 1px #1c3563;
	background: #2e5e93
}

.btn-cadastro-estilo {
	border: solid 1px #1AC0B1;
	-webkit-box-shadow: inset 0 0 0 1px #1AC0B1, 0px 0 2px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 0 0 1px #1AC0B1, 0px 0 2px 2px rgba(0,0,0,.2);
	background: #197eac;
	background: -moz-linear-gradient(top, #588A96 0, #1AC0B1 100%);
	background: -webkit-linear-gradient(top, #588A96 0, #1AC0B1 100%);
	background: -ms-linear-gradient(top, #588A96 0, #1AC0B1 100%);
	background: linear-gradient(top, #588A96 0, #1AC0B1 100%);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#588A96', endColorstr='#1AC0B1', GradientType=0)
}

.btn-cadastro-estilo:hover {
	color: #1AC0B1;
	border: solid 1px #588A96;
	-webkit-box-shadow: inset 0 0 0 1px #588A96, 0px 0 2px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 0 0 1px #588A96, 0px 0 2px 2px rgba(0,0,0,.2);
	background: #47a0ca;
	background: -moz-linear-gradient(top, #588A96 0, #588A96 100%);
	background: -webkit-linear-gradient(top, #588A96 0, #588A96 100%);
	background: -ms-linear-gradient(top, #588A96 0, #588A96 100%);
	background: linear-gradient(top, #588A96 0, #588A96 100%);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#1AC0B1', endColorstr='#588A96', GradientType=0)
}

.estilo-azul {
	border: solid 1px #2C6675;
	-webkit-box-shadow: inset 0 0 0 1px #2C6675, 0px 0 2px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 0 0 1px #1AC0B1, 0px 0 2px 2px rgba(0,0,0,.2);
	background: #197eac;
	background: -moz-linear-gradient(top, #588A96 0, #1AC0B1 100%);
	background: -webkit-linear-gradient(top, #588A96 0, #1AC0B1 100%);
	background: -ms-linear-gradient(top, #588A96 0, #2C6675 100%);
	background: linear-gradient(top, #588A96 0, #1AC0B1 100%);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#588A96', endColorstr='#2C6675', GradientType=0)
	
}

.estilo-azul:hover {
	color: #FFF;
	border: solid 1px #588A96;
	-webkit-box-shadow: inset 0 0 0 1px #2C6675, 0px 0 2px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 0 0 1px #588A96, 0px 0 2px 2px rgba(0,0,0,.2);
	background: #47a0ca;
	background: -moz-linear-gradient(top, #588A96 0, #588A96 100%);
	background: -webkit-linear-gradient(top, #588A96 0, #588A96 100%);
	background: -ms-linear-gradient(top, #588A96 0, #588A96 100%);
	background: linear-gradient(top, #588A96 0, #588A96 100%);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#2C6675', endColorstr='#588A96', GradientType=0)		
}

.mensagem-final-form p {
	color: #2C6675;
	font-size:1.7em;
}

/* LISTA
   ========================================================================== */
.legendas-tabela {
    color: #FFF;
    font: 12px/18px Tahoma, Geneva, sans-serif;
    background: #2C6675;
}   
   
   
.lista-atendimento{

}

.lista-atendimento li{
	font-size:1.8em;
	background:#588A96;
}

.lista-atendimento li a{
	display:block;
	color:#FFF;
	background:url(http://sistemasifa.com.br/craonine/cra/img/img-seta-lista-verde.png) no-repeat;
}

.lista-atendimento li a:hover{
	padding-left:60px;
	background-position:0 -55px;
}

.lista-atendimento li:active{
	background:#2C6675;
}
   
 /* ASSINATURAS
   ========================================================================== */
 
 .barra-nav-cra {
	margin-bottom: 0;
	background-color: #BAD3D2;
	border-radius: 0;
	border: 0;
	border-bottom: 5px solid #588A96;
}

.submenu-bg {
    background-color: #2C6675;
    border-bottom: 6px solid #2C6675;
}

.tabela_documentos thead {
		background-color: #2C6675;
    color: #ffffff;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #2C6675;
	/*font-family: "open_sansbold";*/
}

a {
	color: #2C6675;
	text-decoration: none;
}

a:focus, a:hover {
	color: #588A96;
	text-decoration: none;
}

.barra-nav-cra .navbar-nav > li > a {
	color: #2C6675;
	padding-top: 20px;
	padding-bottom: 20px;
}

.barra-nav-cra .navbar-nav > li > a:hover,
.barra-nav-cra .navbar-nav > li > a:focus {
	color: #2C6675;
	background-color: #FFFFFF;
}

.list-submenu li a:hover {
	background-color: #2C6675;
	text-decoration: none;
}

.list-submenu li a.ativo {
	color: #588A96;
}

.list-submenu .submenu {
	background-color: #588A96;
	top: 26px;
}

.btn-cinza-flat:hover {
	background-color: #588A96;
	color: #FFFFFF;
}

.btn-azul-2 {
	color: #FFF;
	background: #2C6675;
	border: solid 1px transparent;
}
   
   
  
 /* CONTABILIDADE
   ========================================================================== */  
  
a.list-group-item-info {
    color: #588A96;
}

a.list-group-item {
    color: #FFF;
}

.list-group-item-info {
    color: #FFF;
    background-color: #588A96;
}

a.list-group-item-info:focus, a.list-group-item-info:hover {
    color: #FFF;
    background-color: #588A96;
}

.btn-primary {
    color: #fff;
    background-color: #2C6675;
    border-color: #588A96;
}

.box-exercicios .titulo {
    margin-top: 0;
    font-size: 20px;
    color: #2C6675;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #588A96;
    border-color: #2C6675;
}

.btn-verde-cress {
	background : #2C6675;
}

.btn-verde-cress:hover {
	background : #588A96;
}

/* DASHBOARD
   ========================================================================== */
   
.topo-cra_submenu {
	background-color: #2C6675;
}  

.barra-nav-cra {
    border-bottom: 5 px solid #588A96;
}

.topo-cra_submenu a {
    text-decoration: none;
    color: #FFF;
}

.topo-cra_submenu a:hover, .topo-cra_submenu a:focus {
    text-decoration: none;
    color: #588A96;
}

.title-azul-escuro {
    color: #2C6675;
}
 
 
 .topico-pagamento {
    color: #2C6675;
    font-family: LatoRegular;
    font-size: 1.8em;
}
 
 #container h1 {
    font-size: 3.0em;
    color: #2C6675;
    font-family: LatoRegular;
    text-transform: uppercase;
    font-weight: 400;
}
 
.fattoria-form h3 {
    color: #2C6675;
    margin: 0;
    font-size: 1.8em;
} 