@media all and (min-width:600px) {
		 body								{background-color:#333; padding:30px calc(50vw - 220px); height:100vh;}
	 }

	 .spinner								{display:none; position:absolute; left:0px; top:0px; width:100vw; height:100vh; overflow:hidden; background-color:rgba(0,0,0,0.4);}
	 .spinner>.spinner-icon					{color:#0055cc; font-size:80pt; display:inline-block; position:fixed; top:50%; left:50%; transform:translate(-40%, -60%);}

	 .debug									{position:absolute; right:5px; top:5px; color:#fff; opacity:0.3; font-size:9px;}


/* --------------------------------------------------------------------------------- */
	.checklist .form-group.relative									{padding-right:60px;}

	.checklist .form-group>input[type=text].number					{position:absolute; top:20px; right:0px; width:80px;}

	.checklist .form-group>input[type=checkbox]						{position:absolute; top:0px; left:0px; width:100%; min-height:100%; display:block; opacity:0; border:none; background:none; margin:0; padding:0; z-index:10;}
	.checklist .form-group>input[type=checkbox]+span				{position:absolute; display:inline-block; right:0px ; top:calc(50% - 10px); width:34px; height:20px; background-color:#c0c0c0; border-radius:10px; border:1px solid #ddd;}
	.checklist .form-group>input[type=checkbox]+span+span			{position:absolute; display:inline-block; right:16px; top:calc(50% -  7px); width:14px; height:14px; background-color:#ffffff; border-radius:10px;}
	.checklist .form-group>input[type=checkbox]:checked+span		{background-color:var(--sel-bkg  ); }
	.checklist .form-group>input[type=checkbox]:checked+span+span	{background-color:#fff; border-color:var(--dark-bkg); right:3px;}

	.checklist .form-group>input[type=checkbox]:focus+span			{border-color:#b0b0b0 !important; outline:0;
																	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px var(--focus-shadow);
																	 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px var(--focus-shadow)}
	.checklist .form-group>input[type=checkbox]:focus:checked+span	{border-color:var(--dark-bkg) !important; }


/* --------------------------------------------------------------------------------- */
	.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.link-odd		{background-color:rgba(0,0,0,0.05);}
	.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;}


/* ------------------------------------------------------------------------------------ */
	.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; display:none;}
	.tab-panel-expanded								{padding:0; margin:0 -30px 0 -50px;}

	.tab-table-filter								{display:none;}

	.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;}


/* ------------------------------------------------------------------------------------ */
	.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											{display:none; position:fixed; left:0; top:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.3); z-index:2000;}
	.popup-box										{background-color:var(--page-bkg); padding:20px 30px; min-height:150px; min-width:40vw;}
	.popup-box.error								{border:3px solid #b90000;}
	.popup>div,
	.popup>iframe									{position:absolute; left:50vw; top:50vh; transform: translate(-50%, -50%); border-radius:8px; border:1px solid #888;}
	.popup-close									{position:absolute;}

	.popup-error									{display:none; background-color:#b90000; color:#fff; padding:2px 10px; text-align:center;}
	.popup-box.error .popup-error					{display:block;}

	#popup-resultado .popup-box						{max-width:600px; min-width:400px; min-height:50px; padding:30px 40px;}

	#lbl-result-text								{margin-left:30px;}
	#lbl-result-error,
	#lbl-result-success								{position:absolute; left:35px; top:26px;}


/* ------------------------------------------------------------------------------------ */
	.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;}


/* ------------------------------------------------------------------------------------ */
	#pnl-loading									{display:none; position:fixed; left:0px; top:0px; width:100vw; height:100vh; background-color:rgba(0,0,0,0.2); color:#222; z-index:2000;}
	#pnl-loading>div								{display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50% , -50%); text-align:center;
													 background-color:var(--page-bkg); padding:15px 60px 15px 30px; border:1px solid #bbb; border-radius:8px; line-height:40px;}
	#pnl-loading>div>*								{float:left}
	#pnl-loading>div>p								{margin:0; padding:0;}
	#pnl-loading>div>span							{display:inline-block; width:50px; height:40px; line-height:40px; text-align:center;}
	#pnl-loading>div>span>span						{display:inline-block; line-height:40px; font-size:1.6rem; -webkit-animation: rotate 1.0s infinite linear; animation: rotate 1.0s infinite linear; 
													 -webkit-animation-delay: -1.2s; animation-delay: -1.2s; color:var(--sel-bkg);}

	.time-map-wrapper								{background-color:#fff; border:1px solid #bbb; width:100%; border-radius:6px; padding:10px;}
	.time-map-wrapper svg							{max-width:100%;}
	.time-map-wrapper .time-map-grid-line			{stroke:#cccccc; stroke-width:1px;}
	.time-map-wrapper .time-map-grid-text			{fill:#888888; font-size:14pt; }
	.time-map-wrapper .time-map-grid-label			{fill:#cccccc; font-size:14pt; }


/* ------------------------------------------------------------------------------------ */
	@-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);
	  }
	}

	@keyframes rotate {
		to{ transform: rotate(360deg);}
	}


/* ------------------------------------------------------------------------------------ */
@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;}
}