body.has-bar-top						{padding-top:100px;}
	 body.has-page-menu						{padding-top:90px;}

	 body.has-bar-left						{padding-left:230px;}
	 body.expanded.has-bar-left				{padding-left:50px;}


/* ------------------------------------------------------------------------------------ */
	.nav-bar-logo							{position:fixed; left:0px; top:0px; width:230px; height:59px; padding:5px 10px; z-index:1115;}
	.nav-bar-logo>.icon						{display:none; max-width:50px;}
            
	.nav-bar-logo>.logo						{max-width:180px; max-height:50px;}
	.nav-bar-logo>.icon						{max-width:36px; max-height:36px; margin:7px;}


/* ------------------------------------------------------------------------------------ */
	.app-bar-top							{position:fixed; left:0px; top:0px; height:40px;  width:100%; padding:0 0 0 260px; z-index:1110;}
    
	.app-bar-top-btns						{height:40px; padding:0; line-height:40px;}
	.app-bar-top-btns a,
	.app-bar-top-btns div.btn				{display:inline-block; text-decoration:none; color:#fff; padding:0 15px; margin:0 !important}
	.app-bar-top-btns>.btn.last				{padding:0 25px; float:right; height:40px; line-height:40px;}
	.app-bar-top-btns>.btn.last>span.btn-text{height:40px; line-height:40px;}
	.app-bar-top-btns>a:hover,
	.app-bar-top-btns>div.btn:hover			{background-color:var(--base-bkg); color:var(--base-color); height:39px;}

	.app-bar-top-btns span.counter 			{position:absolute; bottom:8px; right:8px; width:18px; height:18px; line-height:18px; text-align:center;
											 background-color:#A00070; color:var(--base-color); border-radius:15px;}
	.xapp-bar-top-btns>div.btn:hover span.counter
											{background-color:var(--base-color); color:var(--base-bkg); }

	.app-bar-top-btns>*+*					{border-left:1px dotted #888	;}

	.app-bar-top-btns>div.btn>ul			{display:none; left:0px; top:40px; width:200px; background-color:#000; color:#fff;}
	.app-bar-top-btns>div.btn:hover>ul		{display:block}
	.app-bar-top-btns>div.btn:hover>ul a	{color:#fff; display:block;}
	.app-bar-top-btns>div.btn:hover>ul a:hover	{background-color:var(--base-bkg);}


/* ------------------------------------------------------------------------------------ */
	.nav-bar-top							{position:fixed; left:0px; top:40px; height:60px;  width:100%; border-bottom:1px solid #888;
											 padding:0 0 0 265px; z-index:1103; }
    
	.nav-bar-top-title						{padding:8px 0 0 5px;}
	.nav-bar-top-title h2					{margin:2px 0 0 0; min-width:150px;	}
	.nav-bar-top-title h3					{margin:0;}

	.nav-bar-top .nav-header-block			{padding-right:20px; margin-right:20px; border-right:1px dotted #000;}
	.nav-bar-top .nav-header-block-l		{padding-left:20px;  border-left:1px dotted #000;}
	.nav-bar-top-btns						{height:60px; padding:0; line-height:60px;}
	.nav-bar-top-btns>a,
	.nav-bar-top-btns>div.btn				{display:inline-block; text-decoration:none; color:#000; padding:0 15px; margin:0 !important}
	.nav-bar-top-btns>div.btn.last			{padding:0 25px;}
	.nav-bar-top-btns>a:hover,
	.nav-bar-top-btns>div.btn:hover			{background-color:var(--base-bkg); color:var(--base-color); height:59px;}


	.nav-bar-search select					{position:absolute; top:0px; left:220px; width:140px; border:0; border-radius:0; height:29px; line-height:29px;
											            padding: 0 28px 0 5px; margin:11px 0 0 0; color:#777; background-color:transparent; text-align-last: right;}
	.nav-bar-search input:focus,
	.nav-bar-search select:focus			{border-bottom:2px solid #389FED; color:#000;}

	.nav-bar-search							{position:relative; width:400px; padding:0;}
	.nav-bar-search input					{height:29px; width:360px; padding:0 !important; margin:10px 0; border:none; border-bottom:2px solid #fff;}
	.nav-bar-search input::placeholder		{height:29px; line-height:29px; font-size:0.9em;}

	.nav-bar-search span.fa					{position:absolute; top:0px; right:0px; height:50px; line-height:50px; width:40px;
											 display:inline-block; text-align:center;}

	.nav-bar-top span.counter 				{position:absolute; bottom:12px; right:10px; width:18px; height:18px; line-height:18px; text-align:center;
											 background-color:#b26; color:#fff; border-radius:15px;}

	.nav-bar-top-extra						{position:fixed; top:40px; right: 20px; height:60px; line-height:60px; padding:0; z-index:1104;}
	.nav-bar-top-filter						{position:fixed; top:40px; left: 265px; height:59px; z-index:1110;}
	body.expanded .nav-bar-top-filter		{left: 85px;}
	.nav-bar-top-filter>div					{min-height:100%; padding:8px 0 0 5px;}
	.nav-bar-top-filter .nav-header-block	{padding-right:20px; margin-right:20px; border-right:1px dotted #000;}
	.nav-bar-top-filter .nav-header-block-l	{padding-left:20px;  margin-left:20px;  border-left:1px dotted #000;}


	.nav-bar-top-counter					{margin: -5px 0 0 20px; padding: 0 8px; height: 30px; line-height: 30px; min-width: 30px; border-radius: 20px; 
											 background-color: rgba(0,0,0,0.1); text-align: center; display: inline-block; }


/* ------------------------------------------------------------------------------------ */
	.breadcrumb								{font-size:0.75em; font-size:0.75rem;}
	.breadcrumb>a:first-child				{margin-left:-8px;}
											        
	.breadcrumb-title						{font-size:0.75em; font-size:0.75rem; padding:3px 0;}


/* ------------------------------------------------------------------------------------ */
	.nav-bar-left,
	.nav-bar-left>li									{font-family:inherit;}

	.nav-bar-left										{position:fixed; left:0px; top:0px; height:100vh; width:230px; padding:40px 0 0 0 !important; 
														  overflow-x:hidden; z-index:1104; overflow:hidden;}
														                
	.nav-bar-left										{overflow-x:hidden; overflow-y:auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
	.nav-bar-left::-webkit-scrollbar					{display: none;}

	.nav-bar-left>li.nav-sep							{display:block; height:8px;}
	.nav-bar-left>li.nav-group							{position:relative; width:100%; overflow:hidden; border-left:4px solid transparent; margin-top:2px;}
	.nav-bar-left>li.nav-group>div						{position:relative; display:block; height:27px; line-height:27px; padding:0; margin:10px 0 0 0 !important; font-size:0.95em;}

	.nav-bar-left>li.nav-item							{position:relative; width:100%; overflow:hidden; border-left:4px solid transparent; margin-top:2px;}
	.nav-bar-left>li.nav-item>a							{position:relative; display:block; height:37px; line-height:37px; padding:0; margin:0 !important; font-size:0.95em;}
	.nav-bar-left>li.nav-item>a>span.fa,
	.nav-bar-left>li.nav-item>a>span.fab,
	.nav-bar-left>li.nav-item>a>span.fas,
	.nav-bar-left>li.nav-item>a>span.far				{font-size:1.1em;}

	.nav-bar-left>li.nav-sub-item						{position:relative; width:100%; overflow:hidden; border-left:4px solid transparent;}
	.nav-bar-left>li.nav-sub-item>a						{position:relative; display:block; height:30px; line-height:30px; padding:0; margin:0 !important}
	.nav-bar-left>li.nav-sub-item>a>span.fa,
	.nav-bar-left>li.nav-sub-item>a>span.fab,
	.nav-bar-left>li.nav-sub-item>a>span.far,
	.nav-bar-left>li.nav-sub-item>a>span.fas			{visibility:hidden;}
        
	.nav-bar-left>li.nav-sub-item>a>span.nav-item-text	{font-size:0.85em;}
	.nav-bar-left>li.nav-sub-item nav-item-text	        {font-size:0.85em;}

	.nav-bar-left span.fa,
	.nav-bar-left span.fab,
	.nav-bar-left span.far,
	.nav-bar-left span.fas 								{width:20px; margin: 0 10px 0 15px;display:inline-block;}
	.nav-bar-left span.counter 							{position:absolute; top:8px; right:20px; width:20px; height:20px; line-height:20px; text-align:center;
															background-color:#b26; color:#fff; border-radius:15px;}

	.nav-bar-left>li.nav-sub-item>a.nav-sub-item-add		{position:absolute; top:0px; right:0px; width:0px; height:30px; overflow:hidden}
	.nav-bar-left>li.nav-sub-item:hover>a.nav-sub-item-add	{right:-30px; width:30px; display:inline-block;}

	.nav-bar-left>li.nav-item-home						{height:60px; line-height:60px; margin:0;}
	.nav-bar-left>li.nav-item-home>a					{line-height:60px; min-height:100%;}


/* ------------------------------------------------------------------------------------ */
	.nav-bar-btns										{z-index:1003; position:absolute; left:0px; top:-100px; padding-left:10px; margin-top:-25px; z-index:1103;}
	.nav-bar-btns>a										{display:block; height:34px; width:34px;line-height:34px; text-align:center; border-radius:30px; margin:10px 0;}

	.notification-bar									{position:fixed; top:40px; right:0px; width:400px; height:calc(100vh - 40px); padding:20px; margin-right:-400px;
														 background-color:#000; color:#fff; z-index:100; z-index:1105;}
	.notification-bar.expanded							{margin:0;}


/* ------------------------------------------------------------------------------------ */
	.nav-bar-left>li.nav-item-bottom					{position:absolute; left:0px; bottom:0px; width:100%; padding:0 !important; text-align:right}
	#btnCollapse>span.opened							{display:inline-block; padding:20px !important; color:#888;}
	#btnCollapse>span.closed							{display:inline-block; padding:20px !important; color:#ccc; display:none;}
														    
	.body.expanded  .nav-bar-left>li.nav-item-bottom	{text-align:center}
	.body.expanded #btnCollapse>span.opened				{display:none;}
	.body.expanded #btnCollapse>span.closed				{padding:20px 18px 20px 2px !important; display:inline-block;}


/* ------------------------------------------------------------------------------------ */
	#btnExpand											{position:fixed; left:0px; top:1px; width:230px; z-index:1116; padding:0 10px; text-align:right; }
	#btnExpand>span										{display:inline-block; line-height:40px; padding:0 5px; color:#fff; opacity:0.5;}
	#btnExpand>span.opened								{}
	#btnExpand>span.closed								{display:none;}
														                
	.body.expanded #btnExpand							{width:40px;}
	.body.expanded #btnExpand>span.opened				{display:none;}
	.body.expanded #btnExpand>span.closed				{display:inline-block; }


/* ------------------------------------------------------------------------------------ */
	.body.expanded .nav-bar-top							{padding-left:80px;}
	.body.expanded .nav-bar-logo						{width:52px;}
	.body.expanded .nav-bar-logo>.logo					{display:none}
	.body.expanded .nav-bar-logo>.icon					{display:block; position:absolute; left:0px; top:10px;}

	.body.expanded .nav-bar-left						{width:52px;}
	.body.expanded .nav-bar-left>li.nav-group			{height:4px; padding-top:4px; overflow:hidden; border:none !important;}
	.body.expanded .nav-bar-left>li.nav-sub-item>a		{height:39px; line-height:39px;}
	.body.expanded .nav-bar-left>li.nav-item>a			{}
	.body.expanded .nav-bar-left .nav-item-text 		{}
	.body.expanded .nav-bar-left span.fa,
	.body.expanded .nav-bar-left span.fab,
	.body.expanded .nav-bar-left span.far,
	.body.expanded .nav-bar-left span.fas 				{visibility:visible}
	.body.expanded .nav-bar-left span.counter			{right:10px; top:18px;}

	.body.expanded .nav-bar-left>li.nav-item-bottom	#menuExit1	{display:none; }
	.body.expanded .nav-bar-left>li.nav-item-bottom #menuExit2	{display:block;}

	.body.expanded .page								{padding-left:50px;}


/* --------------------------------------------------------------------------------- */
	.nav-bar-sub									{display:none;}
	.nav-bar-sub>li									{text-align:center; width:47px; height:40px; line-height:40px; color:#fff; display:inline-block;}
	.nav-bar-sub>li.sel								{background-color:#090; color:#fff; opacity:1}

	.nav-bar-sub>li>span							{opacity:0.7; display:inline-block;}
	.nav-bar-sub>li.sel>span						{opacity:1}
													                
	.nav-sub .page,									            
	.nav-sub .page-header							{border-left:48px solid #000;}
													                
	.nav-sub .nav-bar-sub							{display:block; position:fixed; top:0px; left:230px; width:47px; height:100vh; background-color:#555555;
														z-index:1102; margin:0; padding:0; overflow:hidden;}
	.nav-bar-sub>li.viewHead						{height:50px; vertical-align:middle; display:table-cell; border-bottom:1px solid #000; background-color:#999; color:#ddd;}
	.nav-bar-sub>li.viewHead.fdbk					{display:none;}

	#viewSep										{height:1px;}
	#viewFilt										{}
	#viewFilt.filtered								{background-color:#f00;}

	#viewNew										{position:absolute; left:0px; bottom:95px;}
	#exportPDF										{position:absolute; left:0px; bottom:5px;}
	#exportExcel									{position:absolute; left:0px; bottom:45px;}
													                
	.body.expanded .nav-bar-sub						{left:51px;}
	.body.expanded .nav-bar-sub>li.viewHead	        {display:none;}
	.body.expanded .nav-bar-sub>li.viewHead.fdbk	{display:table-cell;}


/* --------------------------------------------------------------------------------- */
	.dropdown										{position:relative; margin-right:18px; }
	.dropdown .dropdown-menu						{position:absolute; left:0; right:0; top:100%; min-width:190px; display:none; background:#fff; color:#000;
														border:1px solid #bbb; border-bottom-width:3px; z-index:2000; max-height:calc(100vh - 220px); overflow-x:auto;}
	.dropdown .dropdown-toggle						{min-width:48px;}

	.dropdown-toggle.open+.dropdown-menu			{display:block;}

	.dropdown .dropdown-menu>li						{padding:8px 15px; border-bottom:1px solid #ddd;}
	.dropdown .dropdown-menu>li:last-child			{border-bottom:none;}

	.dropdown .dropdown-menu>li.sel					{background-color:var(--base-bkg); color:var(--base-color) !important; font-weight:bold;}
	.dropdown .dropdown-menu>li.sel>a				{color:inherit !important;}

	.dropdown .dropdown-menu>li.link				{padding:0;}
	.dropdown .dropdown-menu>li.link>a				{text-decoration:none; color:#000;padding:8px 15px; display:block;}
	.dropdown .dropdown-menu>li.link>a:hover		{background:#2896dd; color:#fff;}

	.pull-right .dropdown-menu						{left:auto; right:0;}

	.dropdown-item>a								{width:100%; display:block; text-decoration:none;}
	.dropdown .fa-chevron-down						{display:inline-block; margin-left:30px;}

	.dropdown-group									{}

	.dropdown-has-groups							{}
	.dropdown-has-groups .dropdown-item				{padding-left:30px !important;}


	.dropdown.float-right							{position:relative; margin-right:0; margin-left:18px; }
	.dropdown.float-right .dropdown-menu			{position:absolute; left:auto; right:0;}


/* --------------------------------------------------------------------------------- */
	.page											{width:100%; min-height:calc(100vh - 100px); margin:0; overflow-x:hidden; padding:50px 0 0 230px;}

	.page-header									{height:50px; top:0px; left:0px; width:100%; margin:0 0 2px 0; padding:15px 30px 0px 250px; position:fixed; background-color:#fff; z-index:1110; border-bottom:1px solid #000;}
	.page-header h2									{margin:-3px 0 0 0px; display:inline-block; padding:4px 0 0 0;/* white-space:nowrap; max-width:200px; text-overflow:ellipsis; */}
	.page-header h2.no-wrap							{white-space:nowrap; max-width:200px; text-overflow:ellipsis;}
	.page-header span.counter						{margin:-5px 0 0 20px; padding:0 8px; height:30px; line-height:30px; min-width:30px; border-radius:20px; background-color:rgba(0,0,0,0.1); text-align:center; display:inline-block;}
	.page-header .page-header-block					{padding-right:20px; margin-right:20px; border-right:1px dotted #000;}
	.page-header .page-header-block-l				{padding-left:20px;  border-left:1px dotted #000;}

	 body.expanded .page-header						{padding-left:90px;}

	.page-header-btns								{height:50px; padding:0; line-height:50px;}
	.page-header-btns>a								{display:inline-block; text-decoration:none; color:#000; padding:0 15px;}
	.page-header-btns>a:hover						{background-color:var(--base-bkg); color:var(--base-color); height:69px;}

	.page-header-title								{padding:15px 0 0 0;}

	.page .tab-list									{padding-left:20px;}
    

	.page-contents									{padding:30px 25px 0 40px; }
	.page-dont-show									{padding:0 25px; line-height:45px; height:45px; position:fixed; z-index:1; bottom:0px; width:100vw; left:0px; text-align:right; background-color:rgba(0,0,0,0.1);}


	.page-list										{padding:0;}
	.xpage-list>table.spaced>thead>tr.table-header>th{padding-top:24px;}

	.page-list.boxed								{padding:20px 20px 50px 20px;}
	.page-list.boxed,
	.page-contents.boxed							{margin:20px 30px; background-color:#fff; border:1px solid #ddd; }
	.page-list.boxed.box-warning,
	.page-contents.boxed.box-warning				{border-top:4px solid #b90040;}



	.page-menu										{width:100vw; height:24px; position:fixed; left:0px; top:50px; text-align:right; overflow:hidden; z-index:1110;}
	.page-menu>ul									{display:block; height:0px;  overflow:hidden; padding:0 30px; margin:0; background-color:var(--base-bkg); color:var(--base-color); }
	.page-menu>ul>li								{display:block; width:100px; height:80px; margin:0 20px 0 0; float:left; overflow:hidden; position:relative; text-align:center;}
	.page-menu>ul>li>a								{color:#fff; text-decoration:none;}

	.page-menu>ul>li:hover							{background-color:var(--base-bkg); color:var(--base-color);}

	.page-menu a.menu-link							{display:block; width:100%; min-height:100%; text-align:center; padding:0;}
	.page-menu a.menu-link		 .menu-icon			{display:inline-block; height:55px; font-size:36px; opacity:0.6; padding:5px;}
	.page-menu a.menu-link		 .menu-text			{display:block; text-align:center;}
	.page-menu a.menu-link:hover .menu-icon			{opacity:1;}


	.page-menu>div									{width:100vw; height:24px; text-align:right; padding:0 50px 0 0}
	.page-menu>div>span								{display:inline-block; padding:3px 20px; background-color:#000; color:#fff; border-radius:0 0 10px 10px;}


	.page-menu.expanded								{height:124px;}
	.page-menu.expanded>ul							{height:100px; padding:10px 30px;}
	.page-menu.expanded>div>span					{background-color:var(--base-bkg); color:var(--base-color)}
	.page-menu.expanded>div>span>span				{transform: rotate(180deg);}


/* ------------------------------------------------------------------------------------ */
	.stop-showing>.fa-check-square-o				{display:none}
	.stop-showing.checked>.fa-check-square-o		{display:inline}
	.stop-showing.checked>.fa-square-o				{display:none}


/* ------------------------------------------------------------------------------------ */
	.tab-list										{width:100%; border-bottom:5px solid rgba(0,0,0,0.1);}
	.tab-list .flat-tab								{background-color:transparent; opacity:0.6; border:0; border-radius:4px 4px 0 0; padding:8px 10px; margin-right:3px;}
	.tab-list .flat-tab.sel							{background-color:rgba(0,0,0,0.1); opacity:1;}

	.header-tab-list								{width:100%;}
	.header-tab-list .flat-tab						{background-color:transparent; opacity:0.75; border:1px solid #bbb; border-width:1px 1px 0 1px; border-radius:4px 4px 0 0; padding:8px 10px; margin-right:3px;}
	.header-tab-list .flat-tab.sel					{background-color:rgba(0,0,0,0.15); opacity:1; border-color:#000;}

	.tab-panel										{padding:0px;}
	.tab-panel-expanded								{padding:0; margin:0 -30px 0 -50px;}

	.body.expanded .tab-panel-expanded				{padding:0; margin:0 -30px 0 -40px;}


/* ------------------------------------------------------------------------------------ */
	.tab-map										{height:92vh}
@media all and (max-height:720px){
	.tab-map										{height:82vh}
}


	.map-wrapper									{width:90%; padding:20px 0;}


/* ------------------------------------------------------------------------------------ */
	.dashboard-title								{display:inline-block; line-height:2em; padding-left:2px; text-align: right}


/* ------------------------------------------------------------------------------------ */
	.panel-resumo>ul>li								{padding:10px;}
	.panel-resumo>ul>li>*							{display:inline-block;}
	.panel-resumo>ul>li>*>div						{display:inline-block; padding:10px 0; min-width:140px; min-height:100px; text-align:center;}
	.panel-resumo>ul>li>a:hover,
	.panel-resumo>ul>li>div.fdbk:hover				{background-color:var(--base-bkg) !important; color:var(--base-color) !important; border-radius:10px;}
	.panel-resumo>ul>li>a:hover>div>.icon,
	.panel-resumo>ul>li>div.fdbk:hover>div>.icon	{opacity:1}
				  
	.panel-resumo>ul>li>*>div>.icon					{opacity:0.3; display:inline-block; margin-bottom:5px;}
	.panel-resumo>ul>li>*>div>.status				{display:inline-block; padding:2px 0;}
				  
	.panel-resumo>ul>li.sep							{border-right:1px dotted #888;}
	.panel-resumo>ul>li.float-right					{float:right !important; border-left:1px dotted #888;}
	.panel-resumo>ul>li>a.flat-btn					{width:80%; margin:0 auto;}


/* ------------------------------------------------------------------------------------ */
	.popup-message									{position:fixed; top:0px; left:0px; width:100vw; height:100vh; background-color:rgba(0,0,0,0.4); z-index:1130;}
	.message-box									{position:fixed; top:50%; left:50%; width:30vw; min-height:20vh; transform:translate(-40%, -60%);}
	.message-title									{padding:1vh 1vw; background-color:rgba(0,0,0,0.1)}
	.message-body									{padding:2vh 1vw;}
	.message-btns									{position:absolute; left:0px; bottom:0px; width:100%;}
	.message-btn									{width:50%; padding:1.6vh; text-align:center; float:left; border:none; text-decoration:none;}

	.popup											{position:absolute; left:0; top:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.3); z-index:2000;}
	.popup>div,
	.popup>iframe									{position:absolute; left:50vw; top:50vh; transform: translate(-50%, -50%);}
	.popup-close									{position:absolute;}

/* ------------------------------------------------------------------------------------ */
	.warning-box									{position:relative; padding:10px 20px; margin-top:5px;}
	.warning-box>span								{display:block;}
	.warning-box>span.fa							{position:absolute; right:20px; top:15px; display:inline-block; opacity:0.5;}


/* ------------------------------------------------------------------------------------ */
	#loading										{display:none; text-align:center; background-color:#f4f2ee; color:#aaa; border:1px solid #DFDDD9; border-radius:2px; border-top-width:35px;}
	#loading>div									{width:60px; height:60px; margin:auto; position:relative; top:50%; transform:translateY(-50%);}
	#loading>p										{margin:0; padding:80px 0 0 0;text-align:center; line-height:1.2em;}
	#loading>div>span								{display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; border-radius:50%;
													  -webkit-animation: loading-anim 2.0s infinite ease-in-out; animation: loading-anim 3.0s infinite ease-in-out; }
	#loading>div>span.loading1						{background-color:rgba(0,0,0,0.5);}
	#loading>div>span.loading2						{background-color:rgba(200,200,200,0.6); -webkit-animation-delay: -1.2s; animation-delay: -1.2s;}

	@-webkit-keyframes loading-anim {
	  0%, 100% { -webkit-transform: scale(0.0) }
	  50% { -webkit-transform: scale(1.0); }
	}

	@keyframes loading-anim {
	  0%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	  } 50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	  }
	}



/* ------------------------------------------------------------------------------------ */
@media printer {
	.nav-bar-top,
	.nav-bar-left,
	.nav-bar-logo,
	.action-btn,
	.nav-bar-sub,
	.page-header,
	.page-filter,
	.popup-message,
	.page-footer,
	.page-loading		{display:none !important;}
}