/*!
 * Common style for Store Information DB System.
 */
html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 26px; /* same value as the 'height' of the footer element */
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
whiteLink:link{
  color: white;
}
form {
	margin: 0;
}
th, td {
	vertical-align: middle !important;
	font-size: 90%;
	white-space: nowrap;
}
th.wrap, td.wrap {
	white-space: normal;
}
input:read-only {
    color:black !important;
}
select:disabled {
    color:black !important;
}
textarea:read-only {
    color:black !important;
}
/**
 * Bootstrap components
 */
.well {
	margin-bottom: 10px; /* override bootstrap */
}
.label-lg {
    padding: .3em .7em .3em;
    font-size: 85%;
}
/**
 * Icons
 */
i.fa {
	margin-right: 5px;
}
.input-group-addon i.fa {
	margin-right: 0;
}
/**
 * Footer
 */
footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 26px; /* same value as the 'margin-bottom' of the body element */
	border-top: 1px solid #ccc;
	background-color: #eee;
}
footer p {
	float: right !important; /* same with 'pull-right' */
	margin: 2px 5px 0 0; /* override bootstrap */
	color: #777; /* same with 'text-muted' */
	font-size: 85%; /* same with 'small' */
}
/**
 * Page header
 */
.page-header {
	/* override bootstrap */
	padding-bottom: 0;
	margin: 0 0 5px;
}
.page-header>h3 {
	/* override bootstrap */
	margin-top: 12px;
	margin-bottom: 5px;
	line-height:35px;

}
/**
 * Button
 */
button.btn-wide {
	padding-left: 25px;
	padding-right: 25px;
}
button.btn-xs {
	/* customize bootstrap - 'btn-xs' */
	padding-top: 2px;
	padding-bottom: 2px;
}
/**
 * List title
 */
h4.list-title {
	margin-top: 0; /* override bootstrap - h4 */
	margin-bottom: 5px; /* override bootstrap - h4 */
	font-weight: bold;
}
/**
 * Record count row
 */
div.record-count-row {
	margin-bottom: 5px;
}
/**
 * List-style Table
 */
table.list-table th {
	background-color: #666;
	color: #fff;
	text-align: center;
}
/**
 * Pagination
 */
.pagination  {
}
/**
 * Form
 */
.form-horizontal .form-group  input {
	/* override bootstrap */
	display: inline-block;
}
.form-horizontal .form-group  input>span {
	margin-left: 3px;
}
.form-horizontal .form-group  select {
	/* override bootstrap */
	display: inline-block;
	width: auto;
}
.form-inline .form-group>label {
	margin-right: 5px;
}
.form-inline .form-group input[type='checkbox'] {
	margin-right: 3px;
}
.form-inline .form-group>*:last-child {
	margin-right: 15px;
}
.form-control-static {
	/* override bootstrap */
	min-height: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.checkbox-inline.disabled, .radio-inline.disabled {
    color: #999; /* add to bootstrap */
}
label.readonly {
	color: #999;
	cursor: default; /* override bootstrap */
}
input:read-only, textarea:read-only {
	color: #999;
}
span.required {
	color: #ea1c0d;
	font-size: 110%;
}
span.help-inline {
	color: #737373; /* same color with help-block */
}
span.notice {
	margin-left: 5px;
	color: #a94442; /* same color with text-danger */
	font-size: 90%;
}
/**
 * IME Control
 */
input.alnum {
	ime-mode: disabled;
}
input.number {
	ime-mode: disabled;
	text-align: right;
}
input.kana {
	ime-mode: active;
}
input.date {
	width: 	100px !important;
	ime-mode: disabled;
	color:black;
}
input.time {
	width: 	70px !important;
	ime-mode: disabled;
	color:black;
}
/**
 * Override pickadate.js - default.date.css
 */
.picker__select--month, .picker__select--year {
    padding: .3em !important;
    width:100px !important;
}
.picker__weekday {
  text-align: center;
}
input.fieldError,textarea.fieldError,select.fieldError{
  background-color: lightpink;
}
input[readonly].fieldError,textarea[readonly].fieldError,select[readonly].fieldError{
  background-color: lightpink !important;
}
span.fieldError  {
  color: red;
  white-space:nowrap;
}

div.alert{
	padding:5px;/* override bootstrap */
}
.navbar {/* override bootstrap */
	margin-bottom: 0;
    min-height: 30px;
}
.navbar-brand {/* override bootstrap */
    height: 30px;
	padding-top: 14px;
}
.navbar-text {/* override bootstrap */
	margin-top: 18px;
	margin-bottom: 18px;
}
.navbar-nav>li>a {/* override bootstrap */
	margin-top: 0px;
	margin-bottom: 0px;
}
.yen:after{
	margin-left: 2px;
	content: "\5186";
}
.uploadImage{
	border: 1px gray solid;
	width:100%;
	margin-top:5px;
	margin-bottom:0px;
}
.dateTimePcikerButton{
	border-right:0px !important;
	border-left:0px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.dateTimePcikerButton i{
	margin-right: 0px;
}
.dateTimePcikerButtonDisabled{
    border-right:0px !important;
    border-left:0px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.dateTimePcikerButtonDisabled i{
    margin-right: 0px;
}
.timePickerButton{
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.timePickerButton i{
	margin-right: 0px;
}
.timePickerButtonDisabled{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.timePickerButtonDisabled i{
    margin-right: 0px;
}
.fileClearButton:disabled{
	border-right:0px !important;
	border-left:0px !important;
}
hr{
	border-color:gray;
}
.sorterPadding{
	padding-right:18px !important;
}
#loading {
	width: 96px; /* gif画像の幅 */
	height: 96px; /* gif画像の高さ */
	margin: -68px 0 0 -68px; /* gif画像を画面中央に */
	padding: 15px; /* gif画像を大きく */
	background: white; /* gif画像の背景色 */
	opacity: 0.5; /* 透過させる */
	border-radius: 15px; /* 丸角 */
	position: fixed; /* gif画像をスクロールさせない */
	left: 50%; /* gif画像を画面横中央へ */
	top: 50%; /* gif画像を画面縦中央へ */
	display:none;
}

.typicalPicker{
	width:115px !important;
}
.timePicker{
	width:70px !important;
}
.badge-danger{
	background-color: pink !important;
	color: #dc3460 !important;
}









/*------------------------------------
- COLOR primary
------------------------------------*/
.alert-primary {
    color: #051018;
    background-color: #82b6e3;
    border-color: #71addf;
}

.alert-primary hr {
    border-top-color: #5ca1da;
}

.alert-primary .alert-link {
    color: #000000;
}

.badge-primary {
    color: #fff;
    background-color: #1c517d;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
    background-color: #123553;
}

.bg-primary {
    background-color: #1c517d !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #123553 !important;
}

.border-primary {
    border-color: #1c517d !important;
}

.btn-primary {
    color: #fff;
    background-color: #1c517d;
    border-color: #1c517d;
}

.btn-primary:hover {
    color: #fff;
    background-color: #153e5f;
    border-color: #123553;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(28, 81, 125, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #1c517d;
    border-color: #1c517d;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #123553;
    border-color: #0f2d46;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(28, 81, 125, 0.5);
}

.btn-outline-primary {
    color: #1c517d;
    background-color: transparent;
    border-color: #1c517d;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #1c517d;
    border-color: #1c517d;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(28, 81, 125, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #1c517d;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #1c517d;
    border-color: #1c517d;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(28, 81, 125, 0.5);
}

.list-group-item-primary {
    color: #051018;
    background-color: #71addf;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #051018;
    background-color: #5ca1da;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #051018;
    border-color: #051018;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #71addf;
}

.table-hover .table-primary:hover {
    background-color: #5ca1da;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #5ca1da;
}

.text-primary {
    color: #1c517d !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #123553 !important;
}



/*------------------------------------
- COLOR info
------------------------------------*/
.alert-info {
    color: #073c45;
    background-color: #9fe8f4;
    border-color: #8de3f2;
}

.alert-info hr {
    border-top-color: #76deef;
}

.alert-info .alert-link {
    color: #021417;
}

.badge-info {
    color: #fff;
    background-color: #149db4;
}

.badge-info[href]:hover, .badge-info[href]:focus {
    color: #fff;
    background-color: #0e7486;
}

.bg-info {
    background-color: #149db4 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #0e7486 !important;
}

.border-info {
    border-color: #149db4 !important;
}

.btn-info {
    color: #fff;
    background-color: #149db4;
    border-color: #149db4;
}

.btn-info:hover {
    color: #fff;
    background-color: #108093;
    border-color: #0e7486;
}

.btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(20, 157, 180, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #149db4;
    border-color: #149db4;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0e7486;
    border-color: #0d6878;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(20, 157, 180, 0.5);
}

.btn-outline-info {
    color: #149db4;
    background-color: transparent;
    border-color: #149db4;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #149db4;
    border-color: #149db4;
}

.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(20, 157, 180, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #149db4;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #149db4;
    border-color: #149db4;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(20, 157, 180, 0.5);
}

.list-group-item-info {
    color: #073c45;
    background-color: #8de3f2;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #073c45;
    background-color: #76deef;
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #073c45;
    border-color: #073c45;
}

.table-info,
.table-info > th,
.table-info > td {
    background-color: #8de3f2;
}

.table-hover .table-info:hover {
    background-color: #76deef;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #76deef;
}

.text-info {
    color: #149db4 !important;
}

a.text-info:hover, a.text-info:focus {
    color: #0e7486 !important;
}



/*------------------------------------
- COLOR success
------------------------------------*/
.alert-success {
    color: #2b4507;
    background-color: #d0f49f;
    border-color: #c8f28d;
}

.alert-success hr {
    border-top-color: #bcef76;
}

.alert-success .alert-link {
    color: #0f1702;
}

.badge-success {
    color: #212529;
    background-color: #71b414;
}

.badge-success[href]:hover, .badge-success[href]:focus {
    color: #212529;
    background-color: #54860e;
}

.bg-success {
    background-color: #71b414 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #54860e !important;
}

.border-success {
    border-color: #71b414 !important;
}

.btn-success {
    color: #212529;
    background-color: #71b414;
    border-color: #71b414;
}

.btn-success:hover {
    color: #212529;
    background-color: #5c9310;
    border-color: #54860e;
}

.btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(113, 180, 20, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
    color: #212529;
    background-color: #71b414;
    border-color: #71b414;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color: #212529;
    background-color: #54860e;
    border-color: #4b780d;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(113, 180, 20, 0.5);
}

.btn-outline-success {
    color: #71b414;
    background-color: transparent;
    border-color: #71b414;
}

.btn-outline-success:hover {
    color: #212529;
    background-color: #71b414;
    border-color: #71b414;
}

.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(113, 180, 20, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #71b414;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
    color: #212529;
    background-color: #71b414;
    border-color: #71b414;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(113, 180, 20, 0.5);
}

.list-group-item-success {
    color: #2b4507;
    background-color: #c8f28d;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #2b4507;
    background-color: #bcef76;
}

.list-group-item-success.list-group-item-action.active {
    color: #212529;
    background-color: #2b4507;
    border-color: #2b4507;
}

.table-success,
.table-success > th,
.table-success > td {
    background-color: #c8f28d;
}

.table-hover .table-success:hover {
    background-color: #bcef76;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #bcef76;
}

.text-success {
    color: #71b414 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #54860e !important;
}




/*------------------------------------
- COLOR warning
------------------------------------*/
.alert-warning {
    color: #848000;
    background-color: #fffdcc;
    border-color: #fffdb7;
}

.alert-warning hr {
    border-top-color: #fffc9e;
}

.alert-warning .alert-link {
    color: #514f00;
}

.badge-warning {
    color: #212529;
    background-color: #fff800;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
    color: #212529;
    background-color: #ccc600;
}

.bg-warning {
    background-color: #fff800 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #ccc600 !important;
}

.border-warning {
    border-color: #fff800 !important;
}

.btn-warning {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
}

.btn-warning:hover {
    color: #212529;
    background-color: #dbd500;
    border-color: #ccc600;
}

.btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 248, 0, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #ccc600;
    border-color: #bcb700;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 248, 0, 0.5);
}

.btn-outline-warning {
    color: #fff800;
    background-color: transparent;
    border-color: #fff800;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 248, 0, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #fff800;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 248, 0, 0.5);
}

.list-group-item-warning {
    color: #848000;
    background-color: #fffdb7;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #848000;
    background-color: #fffc9e;
}

.list-group-item-warning.list-group-item-action.active {
    color: #212529;
    background-color: #848000;
    border-color: #848000;
}

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #fffdb7;
}

.table-hover .table-warning:hover {
    background-color: #fffc9e;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #fffc9e;
}

.text-warning {
    color: #fff800 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #ccc600 !important;
}