@charset "utf-8";
.login{
  display: block;
  width: 300px;
  height: auto;
  right: 0;
  bottom: 0;
  margin-left: 500px;
  margin-top: 170px;
}
.feedbackPanel {
    padding-left: 0px;
    margin-bottom: 0px;
}
ul {
  list-style: none;
}
div.wicket-modal h3.w_captionText {
	font-size: 1rem;
}
.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]), .input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]), .input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]), .input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]), .input-group-sm>select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.4rem + 2px)!important;
}
.table-sm td, .table-sm th {
    padding: .15rem;
}
/* Move down content because we have a fixed navbar that is tall */
body {
	padding-top: 3.7rem;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
		sans-serif;
}

.content-area .feedbackPanel {
	padding: .75rem 1.25rem;
	margin-bottom: 0px;
	position: relative;
	border: 1px solid transparent;
	border-radius: .25rem;
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

/*
 * Sidebar
 */
.sidebar {
	position: fixed;
	top: 3rem;
	bottom: 0;
	left: 0;
	z-index: 1000;
	padding: 1rem;
	overflow-x: hidden;
	overflow-y: auto;
	/* Scrollable contents if viewport is shorter than content. */
	border-right: 1px solid #eee;
	padding-left: 0;
	padding-right: 0;
	font-size: 14px;
}

.sidebar .nav-item {
	width: 100%;
}

.sidebar .nav-item+.nav-item {
	margin-left: 0;
}

.sidebar .nav-link {
	border-radius: 0;
	color: #000000;
}

.sidebar .nav-link.active {
	color: #0014b1;
	background-color: #c7c7c7;
	font-weight: 700;
}

.sidebar a:focus, .sidebar a:hover {
	color: #000000;
	background-color: #ebebeb;
}

.navi-head {
	color: #999999;
	font-size: 0.8rem;
}

.sidebar > .border-bottom{
	border-bottom: 1px solid #ebebeb!important;
}

/*
 * Dashboard
 */

/* Placeholders */
.placeholders {
	padding-bottom: 3rem;
}

.placeholder img {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.panel {
	padding: 20px;
	border: 1px solid transparent;
	border-radius: 4px; . box-shadow (0 1px 1px rgba(0,0,0,.05));
	border-color: #ddd;
}

.footer {
	position: fixed;
	bottom: 10px;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 10px;
	line-height: 10px;
	/* Vertically center the text there */
	/*background-color: #f5f5f5;*/
	z-index: 1001;
	padding: 0 15px;
}

.footer-container {
	width: auto;
	padding: 0 4px;
}

ul.pagination {
	margin-bottom: 4px;
}
div.wicket-modal{
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

.pagination {
	justify-content: center;
}
.bg-fublue2 {
	background-color:rgba(210,227,242,0.6)!important;
}
.bg-fublue {
	background-color:rgba(221, 238, 255,2)!important;
}
.bg-fugray {
    background-color: #f2f2f2 !important;
}
input[type="radio"] {
	margin-right: 0.25rem;
}
.pay-tb > tbody > tr {
	height: 1.8rem;
}
.pay-layout-tb > tbody > tr {
	height: 1.8rem;
}
.pay-ad-tb > tbody > tr {
	height: 1.5rem;
}
.btn-menu1 {
	height: 5rem;
	width: 24rem;
	font-size: 1.3rem;
	display: flex;
	align-items: center;
	text-align: left;
}
.btn-menu1:hover , .btn-menu2:hover{
	color: #000000;
	background-color: #ebebeb;
}
.btn-menu2 {
	height: 11rem;
	width: 24rem;
	font-size: 1.3rem;
	vertical-align: middle;
	text-align: left;
	display: table-cell;
}
a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    	font-size: 2rem;
	width: 3rem;
	text-align: center;
	color: rgb(18, 62, 129) !important;
}
.f007::before {
	content: '\f007';
	}
.f093::before {
	content: '\f093';
	}
.f2b9:before {
	content: '\f2b9';
	}
.f15c:before {
	content: '\f15c';
	}
.f044:before {
	content: '\f044';
	}
.disabled {
	color: #BDBDBD !important;
}
.disabled:hover {
	background-color: #f2f2f2 !important;
}
.pay-tr > td > div {
	height: 1.2rem;
}
td, th { border: 1px #b4b4b4 solid !important; }
.border-right {
    border-right: 1px #b4b4b4 solid !important;
}
td > select {
	padding: 1px!important;
}
/* indicator */
#apindicator {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
}

#base-loader {
	position: fixed;
	top: 40%;
	left: 48%
}

.loader, .loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

.loader {
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(109,141,255,0.2);
	border-right: 1.1em solid rgba(109,141,255,0.2);
	border-bottom: 1.1em solid rgba(109,141,255,0.2);
	border-left: 1.1em solid #6d8dff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}