@charset "utf-8";

* {
	box-sizing: border-box;
}

button::-moz-focus-inner {
	border: 0;
}

.btn-ospo {
	display: inline-block;
	border: 1px #1d5898 solid; /*old color = rgb(16, 16, 173) */
	margin: 0 5px;
	line-height: 1em;
	font-size: 1em;
	padding: 10px;
	color: rgb(255, 255, 255);
	background-color: #1d5898;  /*old color = #0b4b8f */
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.btn-ospo:active {
	transform: translateY(2px);
}

.btn-tab {
	display: inline-block;
	border: none;
	margin: 0 2px;
	outline: none;
	line-height: 1em;
	font-size: 1em;
	padding: 4px 10px 0 10px;
	color: rgb(255, 255, 255);
	background-color: #1d5898;
	-webkit-border-radius: 7px 20px 0 0;
	border-radius: 7px 7px 0 0;    		
	border-bottom: none;
	cursor: pointer;
	width: 48%;
}

.btn-tab:hover {
	/*-webkit-animation: fontEnlarge 6 1s alternate;*/
	/*animation: fontEnlarge 6 1s alternate;*/
	background-color: #0e2e51;
}

.btn-tab:before, .btn-tab:after {
	position: absolute;
	border: 1px solid #aaa;
	bottom: -1px;
	width: 5px;
	height: 5px;
	content: " ";
}

.btn-tab:before {
	left: -5px;
	border-bottom-right-radius: 6px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 green;
}

.btn-tab:after {
	right: -5px;
}

.btn-tab:before, .btn-tab:after {
	border: 1px solid red;
}


.full-page-column {
	width: 100%;
}

#header {
	padding-top: 20px;
	/*width: 90%;*/
}

.active-tab {
}

#npp-table, #j01-table {
	-webkit-animation: fade 1.5s;
	animation: fade 1.5s;
}

#sat-selected {
	-webkit-animation: fade 2s;
	animation: fade 2s;
}

@-webkit-keyframes fade {
	from { opacity: 0; }
	to { opacity: 1; };
}

@keyframes fade {
	from { opacity: 0; }
	to { opacity: 1; };
}

@-webkit-keyframes fontEnlarge {
	from { font-size: ; }
	to { font-size: 1.5em; };
}

@keyframes fontEnlarge {
	from { font-size: ; }
	to { font-size: 1.5em; };
}

#npp-table {
	display: none;
}

#showTableA {
	opacity: 0.5;
}

#showTableB {
	font-size: 1.5em;
	z-index: 10;
}