html, body{
	height:100%;
	font-size: 90%;
}

.container {
	max-width: initial;
}
.container-fluid{
	height: 100%;
}

.bg {
	height: 100%;
	width: 100%;
}

.bg2 {
	background-color: white;
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	bottom:10px;
}

.footer {
  position: fixed;
  bottom: 10px;
  left: 0;
  width: 100%;
}

button:not(.btn-sm, .js-btn-login, .btn-half, .btn-long) {
    width: 120px;
}

.btn {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 90%;
}

.btn-half {
	display:inline;
	width:60px;
}

.btn-long {
	display:inline;
	width:180px;
}

.form-control, .form-control-plaintext, .form-select, .input-group-text {
	padding: 2px 10px;
	font-size: 95%;
}

.form-label {
	margin-bottom: 2px;
}

.page-link {
	padding-top: 2px;
	padding-bottom: 2px;
}

span.rownum {
	position: relative;
	display: block;
	padding: 3px 12px 3px;
}

ul {
	margin-bottom: 4px;
}

.system-title {
  -webkit-text-stroke: 0.5px #FFFFFF; /* 縁取りの太さと色 */
  color : #FF0000
}

@media (min-width: 1800px) {
  .w-xxl-75 {
    width: 75% !important;
  }
}

.watermark-bg {
    position: relative;
    background-color: #E0FFFF;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='200'%3E%3Ctext x='20' y='100' transform='rotate(-30 150 100)' fill='rgba(255,0,0,0.08)' font-size='28' font-family='Arial'%3ETEST ENVIRONMENT%3C/text%3E%3C/svg%3E");

    background-repeat: repeat;
}

div.information-list {
	max-height: 100px;
	overflow: auto;	
}

pre.js-body {
	margin-bottom: 2px;
}