@CHARSET "UTF-8";
body {
	/* font-family:"ヒラギノ角ゴ ProN W3", "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important; */
	font-size:13px;
	color:#555;
	background-color:#fff;
	-webkit-text-size-adjust:none;
	overflow:auto;
}

body.overflow-y-auto {
	overflow-y:auto;
}

h1,h2,h3,h4,h5,h6 {
	font-family:inherit;
}

h5+.english {
	font-size:13px;
	color:#8089a0;
	margin-left:4px;
}

button {
	outline:none !important;
}
/*
textarea:not([readonly]):focus,
input[type="text"]:not([readonly]):focus,
input[type="password"]:not([readonly]):focus,
input[type="datetime"]:not([readonly]):focus,
input[type="datetime-local"]:not([readonly]):focus,
input[type="date"]:not([readonly]):focus,
input[type="month"]:not([readonly]):focus,
input[type="time"]:not([readonly]):focus,
input[type="week"]:not([readonly]):focus,
input[type="number"]:not([readonly]):focus,
input[type="email"]:not([readonly]):focus,
input[type="url"]:not([readonly]):focus,
input[type="search"]:not([readonly]):focus,
input[type="tel"]:not([readonly]):focus,
input[type="color"]:not([readonly]):focus,
select:not([readonly]):focus {
	border-color:#ff9a2e !important;
}
*/
textarea[readonly]:focus,
input[type="text"][readonly]:focus,
input[type="password"][readonly]:focus,
input[type="datetime"][readonly]:focus,
input[type="datetime-local"][readonly]:focus,
input[type="date"][readonly]:focus,
input[type="month"][readonly]:focus,
input[type="time"][readonly]:focus,
input[type="week"][readonly]:focus,
input[type="number"][readonly]:focus,
input[type="email"][readonly]:focus,
input[type="url"][readonly]:focus,
input[type="search"][readonly]:focus,
input[type="tel"][readonly]:focus,
input[type="color"][readonly]:focus,
select[readonly]:focus {
	border-color:#d5d5d5 !important;
}

table button.btn:focus {
	box-shadow:0 0 0px 1px #ff9a2e !important;
}

button.multiselect-btn.btn-white:focus {
	border-color:#ff9a2e !important;
	/* box-shadow:0 0 1px 1px #ff9a2e !important; */
}

button.btn {
	border-radius:4px !important;
}

/* label {
	font-size:13px;
} */

input[type=text], input[type=password], input[type=datetime],
input[type=datetime-local], input[type=date], input[type=month],
input[type=time], input[type=week], input[type=number],
input[type=email], input[type=url], input[type=search],
input[type=tel], input[type=color] {
	padding:4px;
	border-radius:4px !important;
	/* font-size:13px; */
	color:#555;
}

input[type=checkbox].ace + .lbl::before,
input[type=radio].ace + .lbl::before {
	color:#18a1e3;
}

input[type=checkbox].ace:disabled+.lbl::before,
input[type=radio].ace:disabled+.lbl::before,
input[type=checkbox].ace[disabled]+.lbl::before,
input[type=radio].ace[disabled]+.lbl::before,
input[type=checkbox].ace.disabled+.lbl::before,
input[type=radio].ace.disabled+.lbl::before {
	color:#18a1e3;
}

textarea,
textarea.form-control {
	padding:4px;
	border-radius:4px !important;
	/* font-size:13px; */
	color:#555;
}

textarea::-webkit-input-placeholder {
	color:#c0c0c0;
}

textarea::-moz-placeholder {
	color:#c0c0c0;
}

textarea::-ms-input-placeholder {
	color:#c0c0c0;
}

textarea[disabled] {
	color:#848484 !important;
	background-color:#eee !important;
	border-color:#d5d5d5 !important;
}

select {
	padding:2px 4px;
	color:#555 !important;
}

select[disabled] {
	color:#848484 !important;
	background-color:#eee !important;
}

select:not([disabled]):hover {
	border-color:#b5b5b5;
}

a {
	color:#555;
	text-decoration:none;
}

table tbody tr.changed {
	background-color:#ffffe0 !important;
}

.radio, .checkbox {
	display:inline-block;
}

.radio {
	margin-bottom:0px;
	margin-top:4px;
}

.sidebar.h-sidebar {
    position: relative !important;
    float: none !important;
    width: auto !important;
    margin-top: 0px !important;
    border-width: 0 !important;
	font-size:16px;
}

.sidebar.h-sidebar .nav-list {
	border-width: 0 !important;
    border-bottom: 2px solid #79b0ce !important;
}

.sidebar.h-sidebar .nav-list>li {
	float: left !important;
	border-width: 0 0 0 1px;
}

.sidebar.h-sidebar .nav-list>li>a {
	line-height: 22px !important;
    height: auto !important;
    padding: 10px 14px !important;
}


.main-container {
	/* max-width:1440px; */
	margin:0 auto;
}

.main-container:before {
	/* width:auto; */
}

#mainContainerDiv {
	/* overflow:auto; */
	overflow:overlay;
}

#mainContainerDiv #sidebar {
	overflow-x:hidden;
	overflow-y:overlay;
}

#mainContainerDiv #sidebar::-webkit-scrollbar {
	 width:0px;
	 height:0px;
}

.page-content {
	padding:6px 12px;
	position:static;
	background-color:inherit;
}

.page-background {
	/* background-color:rgba(58, 163, 217, 0.1);
	background-image:-webkit-linear-gradient(top, rgba(58, 163, 217, 0.1) 0%, #fff 100%);
	background-image:-o-linear-gradient(top, rgba(58, 163, 217, 0.1) 0%, #fff 100%);
	background-image:linear-gradient(to bottom, rgba(58, 163, 217, 0.1) 0%, #fff 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(58, 163, 217, 0.1)', endColorstr='#fff', GradientType=0); */

	/* background-color:rgba(58, 163, 217, 0.1);
	background-image:-webkit-linear-gradient(top, rgba(58, 163, 217, 0.5) 0%, rgba(0, 219, 0, 0.1) 100%);
	background-image:-o-linear-gradient(top, rgba(58, 163, 217, 0.5) 0%, rgba(0, 219, 0, 0.1) 100%);
	background-image:linear-gradient(to bottom, rgba(58, 163, 217, 0.5) 0%, rgba(0, 219, 0, 0.1) 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(58, 163, 217, 0.5)', endColorstr='rgba(0, 219, 0, 0.1)', GradientType=0); */

	/* background-color:#ebebeb; */
	/* background-color:#f2f2f2; */
	/* background-color:#e4e6e9; */

	/* background: #66cdcc;
	background: -moz-linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #66cdcc), color-stop(100%, #336799));
	background: -webkit-linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
	background: -o-linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
	background: -ms-linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
	background: linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66cdcc, endColorstr=#336799, GradientType=1); */

 	/* background: #66cdcc;
	background: -moz-linear-gradient(-45deg, rgba(0, 219, 0, 0.1) 0%, rgba(58, 163, 217, 0.5) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0, 219, 0, 0.1)), color-stop(100%, rgba(58, 163, 217, 0.5)));
	background: -webkit-linear-gradient(-45deg, #rgba(0, 219, 0, 0.1) 0%, rgba(58, 163, 217, 0.5) 100%);
	background: -o-linear-gradient(-45deg, rgba(0, 219, 0, 0.1) 0%, rgba(58, 163, 217, 0.5) 100%);
	background: -ms-linear-gradient(-45deg, rgba(0, 219, 0, 0.1) 0%, rgba(58, 163, 217, 0.5) 100%);
	background: linear-gradient(-45deg, rgba(0, 219, 0, 0.1) 0%, rgba(58, 163, 217, 0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(0, 219, 0, 0.1), endColorstr=rgba(58, 163, 217, 0.5), GradientType=1); */
}

.page-box-background {
	background-color:#fff;
	border-radius:4px;
	/* 2018/03/11 mqj add start */
	padding-bottom:12px;
	/* 2018/03/11 mqj add end */
}

.page-content .section {
	/* padding-left:12px;
	padding-right:12px; */
	padding-left:4px;
	padding-right:4px;
	overflow:auto;
	position:relative;
}

.page-content .page-header {
	padding-bottom:7px;
	margin-left:12px;
	margin-right:12px;
}

.page-content .page-header h1 {
	font-size:18px;
	/* font-family:"ヒラギノ角ゴ ProN W3", "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */
	font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif !important;
}

.page-content .page-header h1 small {
	font-size:13px;
}

.condition-collapse {
	color: #8089a0;
	font-size: 12px;
	float: right;
	margin-top: 4px;
	cursor: pointer;
}

.condition-collapse i.ace-icon {
	font-size: 16px;
	position: relative;
}

.condition-collapse i.ace-icon.up {
	display: inline-block;
	top: 1px;
}

.condition-collapse i.ace-icon.down {
	display: none;
	top: 2px;
}

.condition-collapse.collapsed i.ace-icon.up {
	display: none !important;
}

.condition-collapse.collapsed i.ace-icon.down {
	display: inline-block !important;
}

input[type=radio].ace + .lbl::before {
	line-height:14px;
	height:15px;
	min-width:15px;
	margin-right:4px;
	text-shadow:none;
	top:0px;
}

input[type=checkbox].ace.ace-switch+.lbl::before,
input[type=checkbox].ace.ace-switch:disabled+.lbl::before,
input[type=checkbox].ace.ace-switch.disabled+.lbl::before {
	background-color:#cacaca !important;
}

input[type=checkbox].ace.ace-switch:not(:disabled):not(.disabled):checked+.lbl::before {
	background-color:#18a1e3 !important;
}

 /** IEの場合 */
.form-control {
	height:28px;
}

.input-group-addon {
	padding:2px 8px;
	color:#18a1e3 !important;
	background-color:#fff;
}

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

.form-group .control-label {
	padding-top:4px !important;
	padding-bottom:4px !important;
	line-height:20px; /** IEの場合 */
	margin-bottom:2px;
	vertical-align:top;
}

.form-group .btn-group {
	vertical-align: top;
}

.input-group > .btn-group > .btn {
	line-height:1.42857143;
}

#searchBody {
	/* padding:6px 0px 0px 0px; */
}

#searchBody .page-header button {
	margin-top:-4px;
}

.condition .conditionRow .conditionCell:not(.conditionHiddenCell) label.control-label {
	min-width:42px;
}

.condition .conditionRow .conditionCell .conditionVal,
.condition .conditionRow .conditionCell .conditionLabel,
.condition .conditionRow .conditionCell .conditionFile {
	margin-left:6px !important;
}

.condition .conditionRow .conditionCell .range {
	margin-top:4px !important;
	margin-left:6px !important;
}

.condition .conditionRow .conditionCell div.input-group-div {
	margin-left:6px !important;
}

 /** IEのline-heightの解像度はChromeと同じではありません、そう高さを指定する必要があります。 */
.condition .conditionRow .conditionCell input[type=text]:not(.multiselect-search) {
	height:28px !important;
}

/** IEの場合 */
.condition .conditionRow .conditionCell .multiselect-btn {
	height:28px !important;
}

.condition .conditionRow .conditionCell .radio {
	margin-top:4px !important;
}

.condition .conditionRow .conditionCell .checkbox {
	margin-top:2px !important;
}

.condition .conditionRow .conditionCell .pos-rel {
	padding:4px 6px !important;
	line-height:0px;
}

.condition .conditionRow .conditionCell .search-date-picker {
	border-radius:4px 0px 0px 4px !important;
}

.condition .conditionRow .conditionCell .search-datetime-picker {
	border-radius:4px 0px 0px 4px !important;
}

.condition .conditionRow .conditionCell .dateBtn {
	border-radius:0px 4px 4px 0px !important;
}

.condition .conditionRow .conditionCell .radio .lbl::before {
	margin-right:4px;
	text-shadow:none;
	padding-right:1px;
	top:0px;
}

.condition .conditionRow .conditionCell .selecttext-container {
	margin-left:6px;
}

.condition .conditionRow .conditionHiddenCell {
	margin-right:0px !important;
}



.widget-box {
	margin:0px;
	padding:12px;
}

.widget-box .title-icon {
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:100%;
	color:#fff;
}

.widget-box .english {
	font-size:13px;
}

.dropdown-menu.dropdown-close.dropdown-menu-right {
	right:4px;
}

.dropdown-menu .divider {
	margin:5px 0px;
}

.dropdown-menu > li > a {
	padding-top:6px;
	padding-bottom:4px;
}

.footer-container {
	border-top:3px double #ddd;
	background-color:#fff;
	/* max-width:1440px; */
	margin:0 auto;
	position:relative;
	z-index:1;
}

.footer-container .footer-content {
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
}

.footer-container .footer-content .footer-logo {
	width:70px;
	margin-top:-4px;
}

.ace-file-container, .ace-file-input {
	height:27px !important;
}
.ace-file-input .ace-file-container {
	border-radius:4px;
}
.ace-file-input .ace-file-container:before {
	line-height:20px !important;
	background-color:#18a1e3 !important;
	font-size:13px;
	border:2px solid #fff;
	border-radius:4px;
	font-weight:normal;
}
.ace-file-input .remove {
	background-color:#EA4F55;
	top:5px;
}
.ace-file-input .ace-file-container .fa-upload {
	color: #858585 !important;
	background: none !important;
	border:2px solid #fff;
	border-radius:4px;
	left:1px;
}
.ace-file-input .ace-file-container .ace-file-name {
	line-height: 26px !important;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	opacity:0.8;
	background-color:#ddd !important;
	border-color:#ddd;
}

.btn.btn-white {
	color:#555 !important;
}

.btn-loading {
	width:100px;
	color:#fff;
}

.btn-loading.disabled,
.btn-loading[disabled],
fieldset[disabled] .btn-loading,
.btn-loading.disabled:hover,
.btn-loading[disabled]:hover,
fieldset[disabled] .btn-loading:hover,
.btn-loading.disabled:focus,
.btn-loading[disabled]:focus,
fieldset[disabled] .btn-loading:focus,
.btn-loading.disabled:active,
.btn-loading[disabled]:active,
fieldset[disabled] .btn-loading:active,
.btn-loading.disabled.active,
.btn-loading[disabled].active,
fieldset[disabled] .btn-loading.active {
	background-color: #8b9aa3 !important;
	border-color: #8b9aa3;
	opacity:1 !important;
}

.btn-primary,
.btn-primary:focus,
.btn-info,
.btn-info:focus {
	background-color:#18a1e3;
	border-color:#18a1e3;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
	background-color:#158bc4 !important;
	border-color:#18a1e3;
}

.btn-green,
.btn-green:focus {
	background-color:#27C183 !important;
	border-color:#27C183;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active {
	background-color:#09ad6b !important;
	border-color:#27C183;
}

.btn-light-green,
.btn-light-green:focus {
	background-color:#21C4D3 !important;
	border-color:#21C4D3;
}

.btn-light-green:hover,
.btn-light-green:active {
	background-color:#1eadba !important;
	border-color:#21C4D3;
}

.btn-red,
.btn-danger,
.btn-red:focus,
.btn-danger:focus {
	background-color:#EA4F55 !important;
	border-color:#EA4F55;
}

.btn-red:hover,
.btn-danger:hover,
.btn-red:active,
.btn-danger:active {
	background-color:#dc242b !important;
	border-color:#EA4F55;
}

.btn-orange,
.btn-orange:focus {
	background-color:#fb7e1a !important;
	border-color:#fb7e1a;
}

.btn-orange:hover,
.btn-orange:active {
	background-color:#e06707 !important;
	border-color:#fb7e1a;
}

.label-green {
	color:#27C183 !important;
	background-color:transparent;
}

.label-blue {
	color:#18a1e3 !important;
	background-color:transparent;
}

.label-deep-blue {
	color:#2A76B9 !important;
	background-color:transparent;
}

.label-light-green {
	color:#21C4D3 !important;
	background-color:transparent;
}

.label-light-yellow {
	color:#fccf05 !important;
	background-color:transparent;
}

.label-red {
	color:#EA4F55 !important;
	background-color:transparent;
}

.label-purple {
	color:#bf5ccc !important;
	background-color:transparent;
}

.label-orange {
	color:#fb7e1a !important;
	background-color:transparent;
}

.label-grey {
	color:#999 !important;
	background-color:transparent;
}

input.label-text {
	border-color:transparent !important;
}

input.label-text:hover,
input.label-text:focus {
	border-color:transparent !important;
}

input.label-text[disabled],
input.label-text[readonly] {
	color:#555 !important;
	background:transparent !important;
	border-color:transparent !important;
	cursor:pointer;
}

input.label-text[disabled]:hover,
input.label-text[readonly]:hover,
input.label-text[readonly]:focus {
	border-color:transparent !important;
}

.bg-green {
	background-color:#27C183 !important;
}

.bg-blue {
	background-color:#18a1e3 !important;
}

.bg-deep-blue {
	background-color:#2A76B9 !important;
}

.bg-light-green {
	background-color:#21C4D3 !important;
}

.bg-yellow {
	background-color:#fccf05 !important;
}

.bg-red {
	background-color:#EA4F55 !important;
}

.bg-pink {
	background-color:#f4645f !important;
}

.bg-purple {
	/* background-color:#bf5ccc !important; */
	background-color:#6c5fc7 !important;
}

.bg-orange {
	/* background-color:#fb7e1a !important; */
	background-color:#f39c12 !important;
}

.bg-grey {
	background-color:#bfbfbf !important;
}

.bg-black {
	background-color:#000 !important;
}

/** ステータスアイコン */
.statusIcon {
	padding:0px 2px 1px 2px;
	border-radius:4px;
	font-size:13px;
	line-height:17px; /** IEの場合 */
}

/** ステータスアイコンの赤の背景 */
.statusIcon.label-red {
	background-color:#EA4F55 !important;
	color:#fff !important;
}

/** ステータスアイコンの緑の背景 */
.statusIcon.label-green {
	background-color:#27C183 !important;
	color:#fff !important;
}

/** ステータスアイコンの橙の背景 */
.statusIcon.label-orange {
	background-color:#fb7e1a !important;
	color:#fff !important;
}

.fc-blue {
	color:#18a1e3 !important;
}

.fc-green {
	color:#27C183 !important;
}

.fc-grey {
	color:#999 !important;
}

.fc-orange {
	/* color:#ff9a2e !important; */
	color:#ff8a00 !important;
}

.fc-red {
	color:#EA4F55 !important;
}

/** 所定休日のフォントの色 */
.fc-custom-holiday,
#searchResult .dataTable thead tr th.fc-custom-holiday {
	color:#18a1e3 !important;
}

/** 法定休日のフォントの色 */
.fc-legal-holiday,
#searchResult .dataTable thead tr th.fc-legal-holiday {
	color:#EA4F55 !important;
}

/** 変更のフォントの色 */
.fc-change {
	color:#18a1e3 !important;
}

/** 異常の背景の色 */
.bg-error,
input[disabled].bg-error {
	/* background-color:#fbdfc1 !important; */
	background-color:#fce5cd !important;
}

/** 変更の背景の色 */
.bg-change {
	background-color:#fccf05 !important;
}

.bg-alert-high {
	padding:4px 8px 2px 8px;
	border:1px solid #EA4F55;
	border-radius:4px;
	color:#EA4F55;
	background-color:#ffebee;
}

.bg-alert-medium {
	padding:4px 8px 2px 8px;
	border:1px solid #fb7e1a;
	border-radius:4px;
	color:#fb7e1a;
	background-color:#fff2cc;
}

.bg-alert-low {
	padding:4px 8px 2px 8px;
	border:1px solid #18a1e3;
	border-radius:4px;
	color:#18a1e3;
	background-color:#e3f2fd;
}

@media print {
	.bg-alert-high {
		padding:4px 8px 2px 8px;
		border:1px solid #EA4F55;
		border-radius:4px;
		color:#EA4F55 !important;
		background-color:#ffebee !important;
	}

	.bg-alert-medium {
		padding:4px 8px 2px 8px;
		border:1px solid #fb7e1a;
		border-radius:4px;
		color:#fb7e1a !important;
		background-color:#fff2cc !important;
	}

	.bg-alert-low {
		padding:4px 8px 2px 8px;
		border:1px solid #18a1e3;
		border-radius:4px;
		color:#18a1e3 !important;
		background-color:#e3f2fd !important;
	}
}

.dataTables_wrapper label {
	font-size:12px;
}

.tblLeftHeader {
	height: 41px !important;
    line-height: 50px !important;
}

.tblRightHeader {
	padding-top:12px;
	line-height:inherit;
	height: 41px !important;
    line-height: 45px !important;
}

.tblRightHeader .dataTables_paginate .pagination {
	margin:0px 1px 0px 0px;
}

#searchTable:not(.dataTable) {
	margin-top:6px;
}

.dataTable tbody tr.checked {
	background-color:#ceebfa !important;
}

.dataTable tbody tr[data-logic-flg='91'],
.dataTable tbody tr[data-logic-flg='99'],
.dataTable tbody tr[data-logic-flg='19'] {
	display:none;
}

.dataTable tbody tr td {
	color:#555 !important;
}

.dataTable tbody tr.editTr td {
	padding:2px !important;
}

.dataTable tbody tr.editTr td:not(.editTd):not(.minActionBtnTd):not(.hiddenColumn) {
	padding:6px 2px 0px 2px !important;
}

.dataTable tbody tr td.minActionBtnTd {
	padding-top:1px !important;
	padding-bottom:1px !important;
}

.dataTable tbody tr.editTr td.minActionBtnTd {
	padding-top:3px !important;
	padding-bottom:0px !important;
}

.dataTable tbody tr td .minActionBtn {
	margin-bottom:0px !important;
	padding:0px 4px;
	border-width:1px;
}

.dataTable tbody tr td .minIconActionBtn {
	color:#555 !important;
}

.dataTable tbody tr td input[type=checkbox].ace+.lbl {
    line-height: 17px;
    min-height: 17px;
    min-width: 17px;
}

.dataTable tbody tr td select {
	border-radius:4px;
	cursor:pointer;
	height:24px !important;
}

.dataTable tbody tr td select + .btn-group {
	margin-right:0px;
}

.dataTable tbody tr td input {
	text-align:center;
}

.dataTable tbody tr td textarea,
.dataTable tbody tr td input {
	padding:3px 2px !important;
}

.dataTable tbody tr td textarea.changed,
.dataTable tbody tr td input.changed,
.dataTable tbody tr td select.changed {
	background-color:#fff1b3 !important;
}

.dataTable tbody tr td input.negative {
	color:#EA4F55 !important;
}

.dataTable tbody tr td .selecttext-container {
	height:24px !important;
	cursor: pointer;
}

.dataTable tbody tr td .selecttext-content {
	padding:3px;
	cursor: pointer;
}

.dataTable tbody tr td .selecttext-icon,
.dataTable tbody tr td .selecttext-clear {
	top:5px !important;
}

.dataTables_info {
	/* font-size:13px; */
	display:inline-block;
	padding-top:0px;
}

.dataTables_length {
	display:inline-block;
}

.dataTables_length select[name=searchTable_length] {
	margin-top:-2px;
	border-radius:4px;
	font-size:13px;
	cursor:pointer;
	height:28px;
	margin-left:0px;
}

.tblLeftFooter {
	padding-top: 0px !important;
}

.tblLeftFooter .dataTables_info {
    top: 0px !important;
}

.pagination > li:first-child > a {
	border-radius:4px 0px 0px 4px !important;
}

.pagination > li:last-child > a {
	border-radius:0px 4px 4px 0px !important;
}

.pagination > li > a,
.pager > li > a {
	color:#18a1e3;
	background-color:#fff;
	border-color:#d9d9d9;
}
.pagination > li > a:hover,
.pager > li > a:hover {
	color:#18a1e3;
	border-color:#d9d9d9;
	background-color:#f2f2f2;
}
.pagination > li > a:focus,
.pager > li > a:focus {
	border-color:#d9d9d9;
	background-color:#f2f2f2;
}
.pagination > li.disabled > a,
.pager > li.disabled > a,
.pagination > li.disabled > a:hover,
.pager > li.disabled > a:hover {
	background-color:#fff;
}
.pagination > li.active > a,
.pagination > li.active > a:hover {
	background-color:#18a1e3;
	border-color:#18a1e3;
}

.input-icon > .ace-icon {
	line-height:30px;
}

.pagination > li > a,
.pagination > li > span {
	padding:5px 8px 4px 8px;
	height:28px !important;
}

.pagination .paginate_text a,
.pagination .paginate_text span {
	padding:2px 4px !important;
	height:28px !important;
}

.pagination .paginate_text input[type=text] {
	height:22px;
	line-height:18px;
}

.btn-sm, .btn-group-sm > .btn {
	/* padding:4px 6px 5px 6px; */
	/* Meiryo */
	padding:3px 4px 2px 4px;
	min-width:65px;
}

.btn-sm.multiselect-clear-filter {
	min-width:auto;
}
/** ボタンとページングボタンは30px end */

.btn-sm > .ace-icon {
	margin-right:4px;
}
.btn-mini > .ace-icon {
	margin-right:3px;
}

.main-background-color {
	background-color:#008dc8 !important;
}

.main-color {
	color:#008dc8 !important;
}

.modal {
	z-index:10000;
}

.modal-dialog {
	margin:47px auto 0px auto !important;
	transition:none !important;
}

.modal-content {
	border-radius: 4px;
}

.modal-footer {
	padding:5px;
	border-radius: 4px;
}

.bootbox .modal-header .modal-title {
	font-size:13px;
}

.bootbox .modal-body {
	max-height:600px;
	overflow-y:auto;
	width:100%;
}

.modal-section {
	width:80%;
	margin:0 auto;
}

#open-modal .modal-content .modal-buttons {
	width:80%;
	margin:0 auto;
	padding-right:4px;
}

#open-modal .modal-content .modal-footer {
	border-radius:0px;
	background:#f5f5f5;
	border-top-color:#ddd
}

#open-modal .modal-content .modal-footer .modal-selected-container {
	width: calc(100% - 75px);
	display: inline-block;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
	margin-right: 10px;
}

.toast-center-center {
	top: 40%;
	left: 50%;
	margin-top: -55px !important;
	/* margin-left: -150px !important; */
	margin-left: -250px !important;
}

.toast-top-right {
	top:50px;
}

.toast-top-center {
	top:48px;
}

.toast-success {
	background-color:#27C183;
}

.toast-error {
	background-color:#EA4F55;
}

.multiselect-btn {
	padding-top:4px !important;
	padding-bottom:4px !important;
	height:28px !important; /** IEの場合 */
}

.dataTable tbody tr td .multiselect-btn {
	width:100% !important;
	height:24px !important;
}

.multiselect-btn.disabled {
	background-color:#f0f0f0 !important;
}

.dataTable tbody tr td .multiselect-btn .showTextS {
	cursor:pointer;
}

.multiselect-container {
	min-width:100%;
	max-width:150% !important;
}

.multiselect-container > li > a {
	padding:0px;
}

.multiselect-container > li:hover > a,
.multiselect-container > li > a:focus,
.multiselect-container > li > a:active,
.multiselect-container > li.active > a,
.multiselect-container > li.active:hover > a {
	background-color:#18a1e3;
}

.multiselect-container > li > ul > li:hover > a,
.multiselect-container > li > ul > li > a:focus,
.multiselect-container > li > ul > li > a:active,
.multiselect-container > li > ul > li.active > a,
.multiselect-container > li > ul > li.active:hover > a {
	background-color:#18a1e3 !important;
}

.multiselect-container input[type=text].multiselect-search {
	height:28px !important;
	margin:0;
	text-align:left;
}

.multiselect-container .input-group-btn .btn {
	padding:2px 5px 0px 5px !important;
}

.multiselect-container > li > a > label {
	padding:5px 10px 5px 20px !important;
}

.multiselect-container > li > a > label > div {
	display:block !important;
}

/* 前後のトグルボタンを表示しない */
.viewer-toolbar .viewer-prev,
.viewer-toolbar .viewer-next {
	display:none;
}

.common-title-left {
	float: left;
	display: inline-block;
	margin-bottom: 10px;
	text-align: center;
	color: #18a1e3;
	padding: 0px;
}

.common-title-left > h5 {
	margin-top: 12px;
	margin-bottom: 7px;
}

.common-title-left > h5 > .menu-icon {
	margin-right: 6px;
}

.common-title-right {
	float: right;
	display: inline-block;
	border-top: 36px solid #18a1e3;
	border-left: 24px solid transparent;
	height: 0px;
	font-style: oblique;
	text-align: left;
	box-shadow: 26px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.common-title-right .sub-title {
	position: absolute;
	top: -26px;
	font-size: 12px;
	color: #fff;
}

.common-title-right .action-buttons {
	position: absolute;
	top: -27px;
	right: 12px;
}

.common-title-right .action-buttons .close {
	color: #fff;
	font-size: 16px;
	opacity: 1;
}

.popover {
	color:#555 !important;
}

.popupLayer {
}

.popupLayer .popupLayer-title {
}

.popupLayer .popupLayer-container .popupLayer-content .popupLayer-buttons .common-title-left,
.popupLayer .popupLayer-container .popupLayer-content .popupLayer-buttons .common-title-right {
	margin-top:-4px;
}

.popupLayer .popupLayer-container .popupLayer-content .popupLayer-buttons .common-title-right {
	margin-right:-4px;
}

.popupLayer .popupLayer-container .popupLayer-content .popupLayer-iframe iframe {
	min-height:200px;
}

.popupLayer .popupLayer-container .popupLayer-content .popupLayer-buttons[data-position='bottom'] {
	margin-right: 0px;
}

.popupLayer .popupLayer-container .popupLayer-content .popupLayer-buttons[data-position='bottom'] button {
	margin-left: 8px;
}

.popupLayer .btn-confim {
	width:90px;
}

.tooltip {
	background:transparent;
	font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif !important;
}

.tooltip .tooltip-inner {
	word-break:break-all;
	/* background-color:rgba(34, 172, 116, 1) !important; */
	background-color:#ff9a2e !important;
	border-radius:4px;
	padding:6px;
	text-shadow:none !important;
}

.tooltip.top .tooltip-arrow {
	border-top-color:#ff9a2e !important;
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color:#ff9a2e !important;
}

.totalbar_value {
	color:#18a1e3 !important;
}

.datepicker {
	font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif !important;
}

.datepicker-months .month,
.datepicker-years .year {
	border-radius:4px !important;
}

.datepicker-months .month.active,
.datepicker-years .year.active,
.datepicker-months .month.active:hover,
.datepicker-years .year.active:hover,
.datepicker-months .month.active:focus,
.datepicker-years .year.active:focus,
.datepicker-months .month.active:active,
.datepicker-years .year.active:active {
	background-color:#ff9a2e !important;
}

.datepicker td.active,
.daterangepicker td.active,
.datepicker td.active:hover,
.daterangepicker td.active:hover {
	background-color:#ff9a2e !important;
}

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

.tips-content {
	font-size:13px;
}

.nav-tabs > li > a {
	padding:4px 8px !important;
}

 *::-webkit-scrollbar {
	 width:10px;
	 height:10px;
 }

*::-webkit-scrollbar-thumb {
    background-color:#cccccc;
    background-clip:padding-box;
    border-radius:10px;
}

*::-webkit-scrollbar-track {
    box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);
}

.selecttext-container {
	border-radius:4px;
}

.selecttext-edit {
	border-radius:4px;
	text-align:left !important;
	padding:4px;
}

/** ポップアップを隠す */
.popupPage,.content_popupPage {
	position: fixed; top: 0px; filter: alpha(opacity=60); background-color: #777;
	z-index: 999; left: 0px;
	opacity:0.5; -moz-opacity:0.5;
	display:none;
	width: 100%;
	height: 100%;
}

/** ポップアップ画面の起動ボタン */
.popupButton {
	margin-bottom: 3px;
	border: none;
	padding: 4px 9px 4px 9px;
}

/** ポップアップ画面の名称項目 */
.popupButtonInput {
	width: 240px !important;
}

/** ポップアップ画面のIframe */
.popupIframe {
	border:0;
	height:inherit;
}

/** ポップアップを表示 */
.kbn_sb_popup,.kbn_sbh_popup,.kbn_sks_popup,.kbn_hts_popup,.kbn_ki_popup,.kbn_his_popup,.kbn_zipaddress_popup,.content_popup {
	width: 1100px;
	height: 600px;
	color: #3c763d;
	/* background-color: #dff0d8; */
	border-radius: 4px;
	/* padding: 15px; */
	position: absolute;
	/* top: 150px; */
	text-align: center;
	margin: 0 auto;
	z-index: 999;
	left: 50%;
	margin-left: -550px;
	display:none;
}
/** ポップアップを表示 */
.history_popup {
	width: 1110px;
	height: 620px;
	color: #3c763d;
	/* background-color: #dff0d8; */
	border-radius: 4px;
	/* padding: 15px; */
	position: absolute;
	/* top: 150px; */
	text-align: center;
	margin: 0 auto;
	z-index: 999;
	left: 50%;
	margin-left: -550px;
	display:none;
}
/** ポップアップを表示 */
.kbn_payment_popup {
	width: 800px;
	height: 500px;
	color: #3c763d;
	/* background-color: #dff0d8; */
	border-radius: 4px;
	/* padding: 15px; */
	position: absolute;
	/* top: 150px; */
	text-align: center;
	margin: 0 auto;
	z-index: 999;
	left: 50%;
	margin-left: -300px;
	display:none;
}

.condition_poput{
	padding-top:10px;
	padding-bottom:10px;
	width: 600px;
    height: 500px;
    background-color: white;
    border-radius: 4px;
    /* padding: 15px; */
    position: absolute;
    /* top: 150px; */
    margin: 0 auto;
    z-index: 999;
    left: 50%;
    margin-left: -300px;
    display: none;
}

.ymSiru_popup {
	width: 400px;
	height: 600px;
	color: #3c763d;
	/* background-color: #dff0d8; */
	border-radius: 4px;
	/* padding: 15px; */
	position: absolute;
	/* top: 150px; */
	text-align: center;
	margin: 0 auto;
	z-index: 999;
	left: 50%;
	margin-left: -300px;
	display:none;
}
.condition_poput_div{
	padding: 10px 20px 20px 20px;
	border-top: 1px solid;
}

.condition_poput_table{
	border: 1px solid;
	width: 100%;
	margin-bottom:0px;
}

.condition_poput_table td{
	border: 1px solid;
}

.condition_poput_conditionSavedDiv{
	margin-top: 10px;
    margin-bottom: 10px;
}

.condition_poput_title1{
	text-align: center;
	width:10%
}

.condition_poput_title2{
	text-align: center;
	width:40%;
}

.condition_poput_title3{
	text-align: center;
	width:50%;
}

.condition_poput_data1{
	text-align: center;
	width:10%;
}

.condition_poput_data2{
	width:40%;
}

.condition_poput_data3{
	width:50%;
}

.condition_poput_tableDataDiv{
	height: 288px;
	overflow: auto;
	width:570px;
}

.closeIcon{
	float: right;
	margin-right: 5px;
	cursor:pointer;
}

.condition_poput_tableData{
	border-top:0px;
	table-layout: fixed;
	margin-bottom:0px;
	width:560px;
}

#condition_poput_conditionSavedInput{
	height:30px;
	width:533px;
	margin-right: -8px;
}

#condition_poput_conditionSavedSelect{
	border-radius: 4px !important;
}

.condition_pop_button{
	margin-left: 61px;
}

.editRow{
	background-color:#e8e8e8 !important;
}

.hotKeyWord{
	text-decoration: underline;
}

.csvOutput_popup{
	padding-top:10px;
	padding-bottom:10px;
	width: 500px;
    height: 600px;
    background-color: white;
    border-radius: 4px;
    position: absolute;
    margin: 0 auto;
    z-index: 999;
    left: 50%;
    margin-left: -250px;
    display: none;
    top: 98px;
}

.csvOutput_popup_div{
	padding: 10px 20px 20px 20px;
	border-top: 1px solid;
}

.csvOutput_popup_table{
	border: 1px solid;
	width: 100%;
	margin-bottom:0px;
}

.csvOutput_popup_button{
	margin-left: 28px;
}

#csvOutput_popup_conditionSavedInput{
	height:30px;
	width:433px;
	margin-right:-8px;
}

.csvOutput_popup_mainDiv{
	height:453px;
	width: 100%;
}

.csvOutput_popup_i{
	color: #FFF;
}

.i_div{
	cursor: pointer;
	border: 1px solid #FFF;
	text-align: center;
	vertical-align: middle;
	width: 42px;
	height: 105px;
	background-color: #18a1e3;
	padding-top: 40px;
}

.i_div:hover{
	background-color:#4f99c6 !important;
}

.csvOutput_popup_checkbox{
	display: inline-block !important;
	vertical-align: middle !important;
	margin-bottom: 4px !important;
	margin-right: 4px !important;
}

.csvOutput_popup_titleDiv{
	padding-left: 5px;
}

.csvOutput_popup_subTitleDiv{
	padding-left: 5px;
}

.csvOutput_popup_tableDiv{
	width: 398px;
	height: 420px;
	margin-right:20px;
	float: left;
	overflow:auto;
}

.csvOutput_popup_tableRightDiv{
	float:right;
}

.csvOutput_popup_conditionSavedDiv{
	margin-top: 10px;
    margin-bottom: 10px;
}

#csvOutput_popup_conditionSavedInput{
	height:30px;
}

#csvOutput_popup_conditionSavedSelect{
	border-radius: 4px !important;
}

.csvOutput_popup_checkboxLabel{
	min-width:365px;
}

.csvOutput_popup_table td{
	padding:0px 2px 0px 2px !important;
	height:26px;
}

@media only screen and (max-width:991px) {
	.sidebar.responsive:before {
		display: none
	}
	.sidebar.responsive {
		-webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .15);
		box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .15);
		z-index: 1027;
		overflow: hidden;
		max-height: 0;
		-moz-transform: translateX(-200px);
		-webkit-transform: translateX(-200px);
		-o-transform: translateX(-200px);
		-ms-transform: translateX(-200px);
		transform: translateX(-200px);
		-webkit-transition: -webkit-transform .2s linear 0s, max-height 0s
			linear .2s;
		-moz-transition: -moz-transform .2s linear 0s, max-height 0s linear .2s;
		-o-transition: -o-transform .2s linear 0s, max-height 0s linear .2s;
		transition: transform .2s linear 0s, max-height 0s linear .2s;
		position: relative;
		bottom: auto;
		left: 0px;
		margin-left: 0px
	}
}

.white_content {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: auto;
    border: 1px solid black;
    background-color: white;
    z-index: 1002;
    line-height: 15px;
    overflow: hidden;
    width: 559px;
    margin-top: 4px;
    margin-left: 4px;
    float: left;
    max-height:110px;
}

.csv_white_content {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: auto;
    border: 1px solid black;
    background-color: white;
    z-index: 1002;
    line-height: 15px;
    overflow: hidden;
    width: 460px;
    margin-top: 4px;
    margin-left: 4px;
    float: left;
    max-height:110px;
}

.childSelectDiv {
    background: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
}

#condition_poput_conditionSavedSelect .selectDiv{
	height: 18px;
	padding: 3px;
}

.selectDiv:hover{
	background-color:#00000033;
	cursor:pointer;
}

.systemInfo{
	margin-top:0px;
	margin-bottom:0px;
}

.bg{
	display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 1001;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.selectDivActive{
	background-color:#00000033;
}

#csvOutput_popup_conditionSavedSelect .selectDiv {
    height: 18px;
    padding: 3px;
}

.selectAll{
	margin: 0px 4px 0px -2px !important;
}

/** 共通メッセージスタイルを追加 Srart */
#toast-container > div {
	width: 500px;
	min-height: 54px;
	max-height: 450px;
}

.toast-message {
	width: 435px !important;
	max-height: 400px !important;
	overflow-x: auto;
	overflow-y: auto;
}
.conditionRow{
	min-width: 810px;
}
.no-paddingright{
	padding-right: 0px !important;
}
/** 共通メッセージスタイルを追加 End */