/************************************************************
** style.css 2023 BSDForAll
************************************************************/

	* {margin:0; padding:0;}
	html {
		/*Disable Scroll @ Axis-X*/
		overflow-x:hidden;

		scrollbar-width:thin; /* \"auto\" or \"thin\" */
		scrollbar-color:rgba(60,192,248,0.75) grey;	/*#C69500*/ /*blue orange*/;	/* scroll thumb and track */
		scroll-behavior:smooth;">
	}
	body {
		/*background: whitesmoke;
		font-family: monospace;*/
		font-family:Helvetica,Trebuchet,Arial,sans-serif;
		font-size:80% /*65%*/ /*112%*/;
		font-weight:300;
		line-height:1.3 /*1.5*/;
		/*max-width:60rem;*/
		margin:0 auto;
	}
	div.BSDpufferfishR {
		position:fixed;
		top:100%;
		left:100%;
		margin-top:-190px;
		margin-left:-150px;
	}
	div.BSDpufferfishR img {width:100px;}
	.tg  {border-collapse:collapse;border-spacing:0;}
	.tg td{border-color:black;border-style:solid;border-width:1px;font-size:13px;overflow:hidden;padding:5px 5px;word-break:normal;}
	.tg th{border-color:black;border-style:solid;border-width:1px;font-size:13px;overflow:hidden;padding:5px 5px;word-break:normal;}
	.tg .tg-baqh{text-align:center;vertical-align:top}
	.tg .tg-0lax{text-align:left;vertical-align:top}

	/*IMAGE STYLE*/
	img:hover {
		-moz-transform:scaleX(-1);
		-o-transform:scaleX(-1);
		-webkit-transform:scaleX(-1);
		transform:scaleX(-1);
		filter:FlipH;
		-ms-filter:"FlipH";
	}
	.img-hor {
		-moz-transform:scaleX(-1);
		-o-transform:scaleX(-1);
		-webkit-transform:scaleX(-1);
		transform:scaleX(-1);
		filter:FlipH;
		-ms-filter:"FlipH";
	}
	.img-hor:hover {
		-moz-transform:scaleX(1);
		-o-transform:scaleX(1);
		-webkit-transform:scaleX(1);
		transform:scaleX(1);
		filter:FlipH;
		-ms-filter:"FlipH";
	}
	.img-vert {
		-moz-transform:scaleY(-1);
		-o-transform:scaleY(-1);
		-webkit-transform:scaleY(-1);
		transform:scaleY(-1);
		filter:FlipV;
		-ms-filter:"FlipV";
	}
	.img-hor-vert {
		-moz-transform:scale(-1, -1);
		-o-transform:scale(-1, -1);
		-webkit-transform:scale(-1, -1);
		transform:scale(-1, -1);
	}

	div.imgpufferfishright {
		z-index:11000;
	}
	div.imgpufferfishright img {width:100px;}
	
	div.imgpufferfishleft {
		z-index:11000;
		-moz-transform:scaleX(-1);
		-o-transform:scaleX(-1);
		-webkit-transform:scaleX(-1);
		-ms-transform:scaleX(-1);
		transform:scaleX(-1);
		-ms-filter:"FlipH";
		filter:FlipH;
	}
	div.imgpufferfishleft img {width:100px;}

code {
    background: #F5F5F5;
    border: 1px
    solid #AAAAAA;
    overflow: auto;
    padding: 10px
}
span.error {
display: block;
padding: 5px;
background: red;
color: white;
}
error {
display: block;
padding: 5px;
background: red;
color: white;
}
hidden {
visibility: hidden;
padding: 0;
margin: 0;
}
span.hidden {
visibility: hidden;
padding: 0;
margin: 0;
}
success {
display: block;
padding: 5px;
background: green;
color: white;
}
span.success {
display: block;
padding: 5px;
background: green;
color: white;
}

span.mon {
    display: block;
    padding: 5px;
    background: #3eb93e;
    color: white;
}

span.success.hidden {
visibility: hidden;
padding: 0;
margin: 0;
}
cmdbox {
    background: #F5F5F5;
    border: 1px solid #AAAAAA;
    overflow: auto;
    padding: 10px;
}

pre.cmdbox {
    background: #F5F5F5;
    border: 1px solid #AAAAAA;
    overflow: auto;
    padding: 10px;
}

input:required,
textarea:required {
  border-color: red !important;
}
input:required + label {
  color: red;
}

form div {
  padding: 5px;
}
label {
  display: block;
}
input + label {
  display: inline-block;
  margin-right: 10px;
}

textarea[type=text_box],
textarea {
  border: 1px solid #999;
  padding: 5px;
  width: 100%;
}

textarea {
	background: url(./lines.png);
	background-attachment: local;
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-top: 10px;
	border-color:#ccc;
}

div.b {
  word-wrap: break-word;
}

pre {
  word-wrap: break-word;
}