/**
 * @package		kaakenet_table.css
 * @copyright	Copyright (C) 2019 Jerry W. Kaake. All rights reserved.
 * @license		GNU/GPL, see LICENSE.php
 *
 * Kaake.css is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 *
 * Assumes use of bootstrap.css V4.0
 * 05-04-2019	Initial
 * 12-19-2019	Add bluetbl and greentbl
 */
/*	-----------	Blue Table -----------	*/
.bluetbl { width:100%;margin:0 auto 0 auto;clear:both;}
table.xbluetbl thead tr th {
	background: -webkit-linear-gradient(#3654a1 0%, #011750 100%);
	background: -o-linear-gradient(#3654a1 0%, #011750 100%);
	background: -moz-linear-gradient(#3654a1 0%, #011750 100%);
	background: linear-gradient(#3654a1 0%, #011750 100%);
	font-size:90%;
	line-height:1.5;
	font-weight:bold;
	color:var(--blue-table-even-color);
	padding:0.4rem 0.5rem 0.4rem 0.5rem;
}
/*	var(--xxx) is not used by linear-gradient
	rgb(47,146,212) is --butn-blue-hover-color
	rgb(35,111,161) is --butn-blue-radial-dark */
table.bluetbl thead tr th {
	background: -webkit-linear-gradient(rgb(47,146,212) 0%, rgb(35,111,161) 100%);
	background: -o-linear-gradient(rgb(47,146,212) 0%, rgb(35,111,161) 100%);
	background: -moz-linear-gradient(rgb(47,146,212) 0%, rgb(35,111,161) 100%);
	background: linear-gradient(rgb(47,146,212) 0%, rgb(35,111,161) 100%);
	font-size:90%;
	line-height:1.5;
	font-weight:bold;
	color:var(--blue-table-even-color);
	padding:0.4rem 0.5rem 0.4rem 0.5rem;
}
table.bluetbl tbody { color: #304e62; font-size:90%;line-height:1.3;}
table.bluetbl tbody tr td {padding-left:0.5rem;padding-top:0;padding-bottom:0;}
table.bluetbl tbody tr:nth-child(even) {
	background-color: var(--blue-table-even-color);
}
table.bluetbl tbody tr:nth-child(odd) {
	background-color: var(--blue-table-odd-color);
}
table.bluetbl tbody tr:hover {
	background-color: var(--blue-table-hover-color);
}
table.bluetbl tfoot tr {
	background: -webkit-linear-gradient(rgb(47,146,212) 0%, rgb(35,111,161) 100%);
	background: -o-linear-gradient(rgb(47,146,212) 0%, rgb(35,111,161) 100%);
	background: -moz-linear-gradient(rgb(47,146,212) 0%, rgb(35,111,161) 100%);
	background: linear-gradient(rgb(47,146,212) 0%, rgb(35,111,161) 100%);
	font-size:90%;
	line-height:1.2;
s	font-weight:bold;
	color:var(--blue-table-even-color);
	padding:0.2rem 0.5rem 0.2rem 0.5rem;
}
/*	-----------	Transparent Back -----------	*/
table.trans thead tr th {
	background-color:transparent;
	font-size:90%;
	line-height:1.5;
	font-weight:bold;
	color:var(--blue-text-color);
	padding:0.4rem 0.5rem 0.4rem 0.5rem;
	margin-top:1em;
}
table.trans tbody { color: var(--blue-text-color); line-height:2;}
table.trans tbody tr td {background-color:transparent;padding-left:0.5rem;padding-top:0;padding-bottom:0;line-height:2;}
table.bluetbl tbody tr:hover {background-color: var(--blue-table-hover-color);}
/*	-----------	Green Table -----------	*/
table.greentbl thead tr {
	background: -webkit-linear-gradient(#48cfad 0%, #2e826d 100%); /* For Safari */
	background: -o-linear-gradient(#48cfad 0%, #2e826d 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#48cfad 0%, #2e826d 100%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#48cfad 0%, #2e826d 100%); /* Standard syntax */
	font-size:90%;
	line-height:1.5;
	font-weight:bold;
	color:white;
	padding:0.2rem 0.5rem 0.2rem 0.5rem;
}
table.greentbl tbody { color: #325c4f; font-size:90%;line-height:1.1; }
table.greentbl tbody tr td {padding-left:0.5rem;padding-top:0;padding-bottom:0;}
table.greentbl tbody tr:nth-child(even) {
	background-color: #87f5d2;
}
table.greentbl tbody tr:nth-child(odd) {
	background-color: #e1f5ef;
}
table.greentbl tbody tr:hover {
	background-color: #7fcbb3;
}
table.greentbl tfoot tr {
	background: -webkit-linear-gradient(#48cfad 0%, #2e826d 100%); /* For Safari */
	background: -o-linear-gradient(#48cfad 0%, #2e826d 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#48cfad 0%, #2e826d 100%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#48cfad 0%, #2e826d 100%); /* Standard syntax */
	font-size:90%;
	line-height:120%;
	font-weight:bold;
	color:white;
	padding:0.2rem 0.5rem 0.2rem 0.5rem;
}

/*	-----------	roundbut -----------	*/
.roundbut {
	display: inline-block;
	font-weight: normal;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*border: 1px solid transparent;*/
	border:none;
	padding: 0.5rem 1rem;
	font-size: 0.8rem;
	border-radius: 1rem;
	text-decoration: none;
}
.roundbut:focus, .roundbut.focus, .roundbut:active:focus, .roundbut:active.focus, .roundbut.active:focus, .roundbut.active.focus {
	outline: 0;
}

.roundbut:focus, .roundbut:hover {
  text-decoration: none;
}

.roundbut.focus {
  text-decoration: none;
}

.roundbut:active, .roundbut.active {
	background-image: none;
	outline: 0;
}

.roundbut.disabled, .roundbut:disabled {
  cursor: not-allowed;
  opacity: .65;
}

a.roundbut.disabled, fieldset[disabled] a.roundbut {
	pointer-events: none;
}

.roundbut-green {
  color: #fff;
  background-color: #2e826d;
}

.roundbut-green:hover {
  color: #fff;
  background-color: #1c4f42;
}

.roundbut-green.disabled:hover {
  background-color: #2e826d;
}

.tbl-col1 { text-align:right;color:var(--blue-text-color);background: transparent;}
.tbl-col2 { text-align:left;color:var(--blue-text-color);background: transparent;}
.tbl-iconbut { display:inline;font-size:85%;text-align:right;color:var(--blue-text-color);background: transparent;padding-right:0.5em;}
.tbl-iconbut:hover { background:var(--blue-text-color);color:white;}