@CHARSET "UTF-8";

body {
	font-size:14px;
	color:#555;
	overflow:hidden;
	background-color:#fff;
	-webkit-text-size-adjust:none;
	padding:48px 0px;
}

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

body.noHeaderAndFooter {
	padding:0px;
}

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

button {
	outline:none !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus {
	border-color:#ced4da !important;
	/* box-shadow:0 0 1px 1px #ff9a2e !important; */
}

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

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

label {
	font-size:1em;
	margin-bottom:0px;
}

textarea, 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:7px 8px 6px 8px;
	border-radius:4px ;
	font-size:1em;
	color:#555;
}

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

textarea {
	padding:3px 8px;
}

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

select {
	padding:7px 4px 6px 4px !important;
	border-radius:4px !important;
	border-color:#ced4da;
	color:#555 !important;
	background-color:#fff;
	height:36px;
}

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

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

input[type=radio].ace + .lbl::before {
	line-height:12px;
	height:15px;
	min-width:15px;
}

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;
}

.main-container {
	margin:0 auto;
}

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

.row::after {
	content:"";
	clear:both;
	display:table;
}

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

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

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

.form-group .control-label {
	padding-top:10px !important;
	padding-bottom:6px !important;
}

.form-group .form-control {
	height:37px;
	font-size:inherit;
	display:inline-block;
}

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

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

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor:not-allowed;
	pointer-events: none;
	opacity: .65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}

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

.btn-primary:hover,
.btn-primary:active,
.btn-info:hover,
.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: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-red:focus {
	background-color:#EA4F55 !important;
	border-color:#EA4F55;
}

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

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

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

.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;
}

.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-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:2px 6px 1px 6px;
	border-radius:4px;
	font-size:0.75em;
	display:inline-block;
	vertical-align:middle;
	margin-top:-2px;
}

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

/** ステータスアイコンの緑の背景 */
.statusIcon.label-green {
	background-color:#27C183 !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-bold {
	font-weight:bold;
}

/** 所定休日のフォントの色 */
.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-negative {
	color:#EA4F55 !important;
}

/** 変更ハイライトのフォントの色 */
.fc-changed-highlight,
.fc-changed-highlight[disabled] {
	color:#18a1e3 !important;
}

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

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

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

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

/** ボタンとページングボタンは30px start */
.btn-sm, .btn-group-sm > .btn {
	/* padding:4px 6px 5px 6px; */
	/* Meiryo */
	font-size:1em;
	color:#000;
	border: 1px solid #0a84ff;
	border-radius: 999px;
}
.btn-sm, .btn-group-sm > .btn:focus {
	/* padding:4px 6px 5px 6px; */
	/* Meiryo */
	font-size:1em;
	color:#fff;
	background: #0a84ff;
	box-shadow: none !important;
}
.btn-sm, .btn-group-sm > .btn-active {
	/* padding:4px 6px 5px 6px; */
	/* Meiryo */
	font-size:1em;
	color:#fff;
	background: #0a84ff;
	box-shadow: none !important;
}
/** ボタンとページングボタンは30px end */

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

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

.toast {
	opacity: 0.95 !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

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

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

#loadLayer {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:9999;
	background:#fff;
	display:none;
	opacity:1;
}

#loading .loading-container .loading-content {
	background:rgba(0, 0, 0, 0.5);
	border-radius:10px;
	display:inline-block;
	color:#fff;
	padding:8px 12px 6px 12px;
}

#loading .loading-container .loading-content i {
	font-size:40px;
	color:#fff;
}

#loading .loading-container .loading-content .loading-msg {
	margin-top:4px;
}

/* 画面の日付切り替えの共通スタイル start */
.calendar-header-row {
	text-align:center;
	padding:12px 0px;
}

.calendar-header-row > div:first-child {
	padding-left:20px;
	padding-right:0px;
}

.calendar-header-row > div:last-child {
	padding-left:0px;
	padding-right:20px;
}

.calendar-header-row .toggleBtn {
	cursor:pointer;
	color:#888 !important;
	font-size:16px;
}

.calendar-header-row .calendar-label {
	font-weight:bold;
	line-height:1.75;
}
/* 画面の日付切り替えの共通スタイル end */

/* 汉堡菜单 */
.hamburger-menu {
	height: 0;
}

#menu__toggle {
	opacity: 0;
}
#menu__toggle:checked + .menu__btn > span {
	transform: rotate(45deg);
}
#menu__toggle:checked + .menu__btn > span::before {
	top: 0;
	transform: rotate(0deg);
    background-color: #ffffff;
}
#menu__toggle:checked + .menu__btn > span::after {
	top: 0;
	transform: rotate(90deg);
    background-color: #ffffff;
}
#menu__toggle:checked ~ .menu__box {
	left: 0 !important;
}
.menu__btn {
	position: fixed;
	top: 24px;
	left: 20px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 502;
}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
	display: block;
	position: absolute;
	width: 16px;
	height: 2px;
	transition-duration: .25s;
	background-color: #616161;
}
.menu__btn > span::before {
	content: '';
	top: -6px;
}
.menu__btn > span::after {
	content: '';
	top: 6px;
}
.menu__box {
	z-index: 501;
	display: block;
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 80px 0;
	list-style: none;
	background: linear-gradient(171.6deg, #5685FF -6.36%, #66FFD5 133.47%);
	transition-duration: .25s;
}
.menu__item {
	display: block;
	padding: 12px 24px;
	color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-decoration: none;
	transition-duration: .25s;
}
.menu__item_active {
	font-size: 24px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
}
.menu__item:hover {
	font-size: 24px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
}

.footer-content {
    width: 171px;
    height: 36px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: rgba(106,106,106,0.90);
    line-height: 18px;
    letter-spacing: 0px;
    margin: auto;
}

.footer-temp {
	width: 100%;
    height: 36px;
	position: absolute;
    bottom: 16px;
    margin: auto;
    left: 0;
    right: 0;
}


#backReturn .btn-return {
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 0;
}

#backReturn.title {
	height: 16px;
	position: relative;
	top: 0;
	line-height: 16px;
}

#backReturn .head-info {
	height: 16px;
	font-size: 16px;
	font-weight: 700;
	text-align: CENTER;
	color: #000000;
	line-height: 16px;
}