@import url(cabecalhoSemMenu.css.xhtml?ln=css);

/* body{ */
/* 	margin: 0px; */
/* 	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */
/* 	background-color: #ffffff; */
/* } */

div.container {
	display: -ms-flexbox;
    display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;

    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
	flex-flow: column wrap;

	-moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    -webkit-justify-content: space-around;
	justify-content: space-around;	

	padding: 0;
	margin: 0px;
	list-style: none;
}

.divMenu {
	display: -ms-flexbox;
    display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;

	-moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
	justify-content: center;

	-moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
	align-content: center;
	
	background-image: linear-gradient(#444, #111);
	border: 1px solid #222;
    background-color: #111;
    zoom:1;    
 	
/*  	background-image: linear-gradient(to bottom right, rgb(0, 49, 98), rgb(40, 87, 134)) !important; */

    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

#divMenuDown {
	display: flex;	
	flex-flow: row nowrap;
	background-color: transparent;
	background-image: none;
	justify-content: flex-end;
	align-items: flex-end;
	
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.ui-menu .ui-menu-parent .ui-menu-child {
	min-width: fit-content;
	padding: 1em;
/* 	background-image: linear-gradient(rgb(234, 234, 234), rgb(211, 211, 211)); */
}

/* .ui-menubar .ui-menuitem-link{ */
/* 	color: #444; */
/* } */

/* .ui-menu .ui-menuitem-text { */
/*     float: left; */
/*     padding: 1px 0px 1px 5px;       */
/*     font-size: 1vw; */
/*     font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */
/*     font-weight: 100; */
/*     text-decoration: none; */
/* } */

.ui-widget .ui-icon.fa, .ui-icon.fa {
	font-size: 1.2em;    
/* 	padding-right: 3px; */
}

/* .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{ */
/* 	color: #000 !important;	 */
/* } */

/* .ui-icon{ */
/* 	text-indent: 0px !important; */
/* } */

/* iPad */
.no-transition {
    transition: none;
    opacity: 1;
    visibility: visible;
    display: none;          
}

/* #menu li:hover > .no-transition { */
/*     display: block; */
/* } */


/* #menu .dropdown-content { */
/*     display: none; */
/*     position: absolute; */
/*     background: #0b4f9a; */
/*     min-width: 160px; */
/*     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
/* } */

/* #menu .dropdown-content a { */
/*     color: white; */
/*     padding: 12px 16px; */
/*     text-decoration: none; */
/*     display: block; */
/*     text-align: left; */
/* } */


/*#menu .dropdown-content a:hover {background-color: #f1f1f1}*/

/* #menu .dropdown:hover .dropdown-content, #menu .dropdown-content .dropdown:hover .dropdown-content  { */
/*     display: block; */
/* } */

.content1{
    display: -ms-flexbox;
    display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;

    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	-moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
	justify-content: center;
	
	
	-moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
	align-content: center;

    background-color: rgba(255, 255, 255, 0.8);
    padding: 0.1% 16% 0.1% 16%;
}

.content3{
    display: -ms-flexbox;
    display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;

    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	-moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
	justify-content: center;
	
	
	-moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
	align-content: center;

    background-color: #FFF;
    padding: 0.1% 16% 0.1% 16%;
    border-top: 1px solid #c1c1c1;
}

.divContent1{

    display: -ms-flexbox;
    display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;

	-moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	
	-moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
	justify-content: center;

	-moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
	align-content: center;
			
	padding: 10px;	
	margin: 10px 20px;	
	text-align: justify;		
	/*max-width: 285px;	*/
	width: 285px;
}

.divContent3{

    display: -ms-flexbox;
    display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;

	-moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
	justify-content: center;

	-moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
	align-content: center;
				
	padding: 10px;		
	text-align: justify;
}

footer {
    color: white;
    background-color: #48546e;
    clear: left;
    text-align: center;
}

/* Menu Bar ===============================================================================================================================================================================================*/

.ui-menubar{
	background: none;
}

.ui-menu.ui-menubar {
	background: none !important;
}

.ui-menubar .ui-menu-list{
	display: flex;
	justify-content: space-around;
}

.ui-menu.ui-widget li > .ui-menuitem-link.ui-state-hover{
	color: #ffffff !important;
	background-color: #ff0080;
	background-image: none !important;
	width: -webkit-fill-available !important;
}

.ui-menuitem-link.ui-submenu-link.ui-corner-all {
    padding: 10px 0;
}

.ui-menubar .ui-menu-child .ui-menuitem-link {
    width: -webkit-fill-available;
}

ul.ui-menu-child {
    white-space: nowrap;
    width: -webkit-fill-available;
}

.ui-menu.ui-widget li > .ui-menuitem-link {
/*     padding: 1vh 0.5vh !important; */
	width: -webkit-fill-available !important;
    border: none !important;
    color: white;
}

.ui-menu.ui-menubar .ui-menu-parent .ui-menu-child {
    padding: 1vh !important;
}

.ui-menu.ui-menubar .ui-menu-parent .ui-menu-child{
	padding: 0 !important;
}

.ui-menu.ui-widget .ui-menuitem-link .ui-menuitem-text {
    font-size: 17px;
    margin: .7em;
}

.ui-menu.ui-widget .ui-menuitem-link:VISITED {
	background-color: #fff;
}

/* .ui-menu.divMenu .ui-menu.ui-widget li.ui-corner-all, .ui-menu.ui-widget a.ui-corner-all { */
/*     display: inline-flex; */
/* } */

.ui-menu.ui-widget .ui-menuitem-link .ui-menuitem-icon {
    display: inline-table;
    background-image: linear-gradient(transparent, transparent);
    padding: 1vw !important;
    margin: 0 !important;
    width: auto;
}

.ui-menu.ui-widget li > .ui-menuitem-link.ui-state-hover .ui-icon {
    background-image: none !important;
}

.ui-menu.ui-widget li > .ui-menuitem-link.ui-state-default .ui-icon {
    background-image: none !important;
}

/* span.ui-icon.ui-icon-triangle-1-s{ */
/* 	background-image: none !important; */
/* } */

.ui-menu.ui-widget li > .ui-menuitem-link {
	padding: 0 !important;
	display: flex;
    align-items: center;
    border-width: 1px 0px;
    width: -webkit-fill-available;
}

.ui-menu.ui-widget .ui-menuitem-link .ui-menuitem-text {
    margin-left: 0.4em;
    font-size: 15px;
}

.ui-widget-header {
    border: none;
    background: #ffffff;
}

.ui-menu-child .ui-menuitem-text{
 	color: #333333;
 }

a.ui-menuitem-link.ui-submenu-link.ui-corner-all {
/*     padding: .7em 1em !important; */
}

.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link span.ui-icon-triangle-1-e, .ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link span.ui-icon-triangle-1-s {
/*     margin: 5px; */
/*     margin-right: 8px; */
    width: 0;
/*     height: 0; */
/*     border-left: 4px solid transparent; */
/*     border-right: 4px solid transparent; */
/*     border-top: 5px solid #fff; */
}

.ui-menuitem-link > .ui-icon-triangle-1-s{
	display: none !important;	
}

/* ===== Cores Individuais ==== */
.planejamentoHead .ui-menuitem-link.ui-state-hover {
    background-color: #2389c7 !important;
    background-image: none !important;
}

.receitaHead .ui-menuitem-link.ui-state-hover {
    background-color: #5cb85c !important;
    background-image: none !important;
}

.despesasHead .ui-menuitem-link.ui-state-hover {
    background-color: #e74343 !important;
    background-image: none !important;
}

.contratoHead .ui-menuitem-link.ui-state-hover {
    background-color: #f1a236 !important;
    background-image: none !important;
}

.relatorioHead .ui-menuitem-link.ui-state-hover {
    background-color: #a069c3 !important;
    background-image: none !important;
}

.pessoasHead .ui-menuitem-link.ui-state-hover {
    background-color: #f0cb0c !important;
    background-image: none !important;
}

.ouvidoriaHead .ui-menuitem-link.ui-state-hover {
    background-color: #e37091 !important;
    background-image: none !important;
}

.obrasHead .ui-menuitem-link.ui-state-hover {
    background-color: #a39569 !important;
    background-image: none !important;
}

.dadosHead .ui-menuitem-link.ui-state-hover {
    background-color: #87ceeb !important;
    background-image: none !important;
}

/* New Menu ========================================================================================================================================================================================================*/
#navbar {
    overflow: hidden;
    background-color: #333;
    font-family: Arial;
}

#navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdown {
	float: left;
	overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    background-color: transparent;
    display: flex;
    align-items: center;
}

#navbar a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown-content a:hover > dropdown{
	backgrond-color: red;
}

.dropdown:hover .dropdown-content {
    display: block;
    border: 1px solid #b0b0b0;
	border-top: none;
	border-bottom: 3px solid red;
	box-shadow:none;
	z-index: 2000;
}

.dropdown span {
  max-width: 0;
  transition-delay: 0;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
}

.dropdown:hover span {
  max-width: 15em;
  -webkit-transition: max-width 1s;
  transition: max-width 1s;
/*   max-width: max-content; */
}

.dropdown-submenu {
    position:relative;
}

.dropdown-submenu > .dropdown-content {
/* 	visibility: hidden; */
	display: none !important;
}

.dropdown-submenu:hover > .dropdown-content {
/* 	visibility: visible; */
	display: block !important;
    top: 0;
    left: 100%;
    border-top: 1px solid #b0b0b0 !important;
}
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}

.dropdown-submenu:hover > a:after {
	border-color: transparent transparent transparent #fff;
}

/*======*/
/* .dropdown-menu > li.kopie > a { */
/*     padding-left:5px; */
/* } */
 
/* .dropdown-submenu { */
/*     position:relative; */
/* } */
/* .dropdown-submenu>.dropdown-menu { */
/*    top:0;left:100%; */
/*    margin-top:-6px;margin-left:-1px; */
/*    -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px; */
/*  } */
  
/* .dropdown-submenu > a:after { */
/*   border-color: transparent transparent transparent #333; */
/*   border-style: solid; */
/*   border-width: 5px 0 5px 5px; */
/*   content: " "; */
/*   display: block; */
/*   float: right;   */
/*   height: 0;      */
/*   margin-right: -10px; */
/*   margin-top: 5px; */
/*   width: 0; */
/* } */
 
/* .dropdown-submenu:hover>a:after { */
/*     border-left-color:#555; */
/*  } */

/* .dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover { */
/*   text-decoration: underline; */
/* }  */

/* ===== Cores Individuais New Menu ==== */
.planejamentoHead a:hover, #navbar.planejamentoHead a:hover, .dropdown.planejamentoHead:hover .dropbtn {
    background-color: #2389c7;
    color: white !important;
}

.dropdown.planejamentoHead:hover .dropdown-content {
	border-bottom-color: #2389c7;
}

.outrosHead a:hover, #navbar.outrosHead a:hover, .dropdown.outrosHead:hover .dropbtn {
    background-color: #66cdaa;
    color: white !important;
}

.dropdown.outrosHead:hover .dropdown-content {
	border-bottom-color: #66cdaa;
}

.receitaHead a:hover, #navbar.receitaHead a:hover, .dropdown.receitaHead:hover .dropbtn {
    background-color: #5cb85c;
    color: white !important;
}

.dropdown.receitaHead:hover .dropdown-content {
	border-bottom-color: #5cb85c;
}

.despesasHead a:hover, #navbar.despesasHead a:hover, .dropdown.despesasHead:hover .dropbtn {
    background-color: #e74343;
    color: white !important;
}

.dropdown.despesasHead:hover .dropdown-content {
	border-bottom-color: #e74343;
}

.contratoHead a:hover, #navbar.contratoHead a:hover, .dropdown.contratoHead:hover .dropbtn {
    background-color: #f1a236;
    color: white !important;
}

.dropdown.contratoHead:hover .dropdown-content {
	border-bottom-color: #f1a236;
}

.relatorioHead a:hover, #navbar.relatorioHead a:hover, .dropdown.relatorioHead:hover .dropbtn {
    background-color: #a069c3;
    color: white !important;
}

.dropdown.relatorioHead:hover .dropdown-content {
	border-bottom-color: #a069c3;
}

.pessoasHead a:hover, #navbar.pessoasHead a:hover, .dropdown.pessoasHead:hover .dropbtn {
    background-color: #f0cb0c;
    color: white !important;
}

.dropdown.pessoasHead:hover .dropdown-content {
	border-bottom-color: #f0cb0c;
}

.ouvidoriaHead a:hover, #navbar.ouvidoriaHead a:hover, .dropdown.ouvidoriaHead:hover .dropbtn {
    background-color: #e37091;
    color: white !important;
}

.dropdown.ouvidoriaHead:hover .dropdown-content {
	border-bottom-color: #e37091;
}

.obrasHead a:hover, #navbar.obrasHead a:hover, .dropdown.obrasHead:hover .dropbtn {
    background-color: #a39569;
    color: white !important;
}

.dropdown.obrasHead:hover .dropdown-content {
	border-bottom-color: #a39569;
}

.dadosHead a:hover, #navbar.dadosHead a:hover, .dropdown.dadosHead:hover .dropbtn {
    background-color: #87ceeb;
    color: white !important;
}

.dropdown.dadosHead:hover .dropdown-content {
	border-bottom-color: #87ceeb;
}