@charset "UTF-8";

@font-face {
	font-family: 'Moralerspace Neon HW';
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
	src: local('MoralerspaceNeonHW-Regular.ttf'),
	url('/font/MoralerspaceNeonHW-Regular.ttf') format('truetype'),
	url('/font/MoralerspaceNeonHW-Regular.woff') format('woff');
}

/* HTMLタグレベルでの調整 */

html {
  	overflow-y:scroll;
	font-size: 13px;
}

body {
	font-family: "Segoe UI","Meiryo UI","Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1 {
	margin-top: 3px;
	font-size: 2.2rem;
	font-family: "YuGothic", "Yu Gothic", "Meiryo", "Meiryo UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h2 {
	font-size: 1.8rem;
	font-family: "YuGothic", "Yu Gothic", "Meiryo", "Meiryo UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h3 {
	font-size: 1.4rem;
}

h4 {
	font-size: 1.2rem;
}

h3.card-title {
	font-size: 1.05rem;
	font-weight: bold;
	margin-bottom: 0;
}

h3.card-title > a {
	color: inherit;
}

caption {
	font-weight: bold;
	caption-side: top;
}

div.caption {
	font-weight: bold;
	caption-side: top;
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #6c757d;
}

th {
	background-color: #f5f5f5;
	white-space: nowrap;
}

a {
	color: #337ab7;
	text-decoration: none;
}

code, kbd, pre, samp {
	font-family: 'Moralerspace Neon HW', 'BIZ UDゴシック', 'ＭＳ ゴシック', 'MS Gothic', monospace !important;
}

label {
	font-weight: 700;
}
label.form-check-label {
	font-weight: 400;
}

/* コンテナ幅調整 ここから */
@media (min-width: 1500px) {
	.container {
		min-width: 1470px;
		max-width: 1840px;
	}
}
.container, .container-xl {
	max-width: none;
}
.container, .container-lg {
	max-width: none;
}
.container, .container-md {
	max-width: none;
}
.container, .container-sm {
	max-width: none;
}
/* コンテナ幅調整 ここまで */

/* 旧マージン調整ユーティリティ ここから */
.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}
/* 旧マージン調整ユーティリティ ここまで */

/* アイコンマージン調整ユーティリティ */
.icon-margin {
	margin-left: 4px;
}

/* メニュー部分ヘッダ背景色とその他調整 */
.bg-idc-header {
	background-color: #364074!important;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, .63);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: rgba(255, 255, 255, .95);
}

.navbar-nav .dropdown-menu {
	margin: .45rem 0 0;
}

/* 詳細情報表示周り */

.server-detail-box {
	min-height: 300px;
}

.pre-card-body {
	background-color: #fafafa;
	margin-bottom: 3px;
}

.pre-in-card {
	margin: 0;
	padding: 0;
	border-style: none;
	word-wrap: break-word;
	white-space: pre-wrap;
	background-color: #fafafa;
	font-size: 13.3px;
	line-height: 1.53em;
	color: #111;
}

.pre-in-td {
	margin: 0;
	padding: 0;
	border-style: none;
	background-color: #fafafa;
	font-size: 13.3px;
	line-height: 1.51em;
	color: #111;
}

.pre-textarea {
	font-family: 'Moralerspace Neon HW', 'BIZ UDゴシック', 'ＭＳ ゴシック', 'MS Gothic', monospace;
	font-size: 13.3px;
	line-height: 1.52em;
	color: #111;
}

.caution-text {
	font-family: "Segoe UI", "Meiryo", monospace;
	display: inline-block;
	/* font-size: 1.2em; */
	font-weight: bold;
	color: #ff7846;
	margin-left: 1px;
	margin-right: 1px;
	letter-spacing: 1px;
}

/* テーブル表示調整 */

.table-bordered td, .table-bordered th {
	border-color: #d2d2d2;
}

/* タスク作業種別 */
.trouble {
	color: red;
}

.construct {
	color: #cc5500;
}

.sd-operation {
	color: blue;
}

.other-operation {
	color: #009900;
}

/* タスク進捗 */
.task-end {
	text-decoration: line-through;
}

.task-closed {
	background-color: #eee;
}

.task-cancel {
	background-color: #eee;
}

.task-end-over {
	background-color: #fdffe6;
}

/* その他種別 */
.server-closed {
	background-color: #eee;
}

.ssl-closed {
	background-color: #eee;
}

td.task-customer-hidden {
	background-color: #e4a5a5;
}

/* サブワーク種別 */
.card-primary {
	border-color: #337ab7;
}
.card-primary > .card-header {
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7;
}

.card-success {
	border-color: #c9e2b3;
}
.card-success > .card-header {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #c9e2b3;
}

.card-info {
	border-color: #9adcea;
}
.card-info > .card-header {
	color: #2f6a88;
	background-color: #d9edf7;
	border-color: #9adcea;
}

.card-warning {
	border-color: #f7e1b5;
}
.card-warning > .card-header {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #f7e1b5;
}

.card-danger {
	border-color: #e4b9c0;
}
.card-danger > .card-header {
	color: #a94442;
	background-color: #f2dede;
	border-color: #e4b9c0;
}

.card-recovery {
	border-color: #ffe0e0;
}
.card-recovery > .card-header {
	color: #c05454;
	background-color: #faf0f0;
	border-color: #ffe0e0;
}

.card-secondary {
	border-color: #566;
}
.card-secondary > .card-header {
	color: #fff;
	background-color: #6c757d;
	border-color: #566;
}

/* ワークの表示状況フラグ */
.task-hide {
	display: none;
}

.task-hide-body {
	max-height: 48px;
	overflow: hidden;
}

.task-hide-body > .pre-in-card {
	opacity: 0.3;
}

/* 画像サムネイル表示 */
.image-thumbnail-box {
	display: inline-block;
	border: solid 1px #ddd;
	padding: 4px;
	margin: 4px;
	background-color: #fff;
	border-radius: 3px
}

.image-thumbnail-box img {
	max-width: 180px;
	max-height: 180px;
	border-radius: 3px;
}

/* form-control-sm フォーム調整 */
.form-control-sm {
	font-size: 0.94rem;
}

@media (min-width: 768px) {
	.form-group.row > .col-form-label {
		text-align: right;
	}
}

/* btn-sm ボタンサイズ調整 */
.btn-group-sm>.btn, .btn-sm {
	font-size: 0.97rem;
}

/* btn-default emulation ここから */
.btn-default {
	color: #333;
	background-color: #f7f7f7;
	border-color: #d2d2d2;
}

.btn-default:hover {
	background-color: #dedede;
	border-color: #b3b3b3;
}

.btn-default:focus, .btn-light.focus {
	background-color: #dedede;
	border-color: #929292;
	box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-default.disabled, .btn-light:disabled {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle {
	color: #212529;
	background-color: #dae0e5;
	border-color: #d3d9df;
}

.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus,
.show > .btn-default.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
/* btn-default emulation ここまで */

/* btn-xs emulation ここから */
.btn-xs {
	padding: 0.2rem 0.35rem;
	font-size: 0.9rem;
	line-height: 1.25;
	border-radius: 0.2rem;
}
/* btn-xs emulation ここまで */

/* footable 調整 */
.footable>thead>tr>th>span.footable-sort-indicator:before {
	font-size: 85%;
}

/* カレンダー表示周り ここから */
.calendar {
	background-color: #efefef;
}

.calendar-td {
	width:14%;
	height:16%;
	vertical-align:top;
	background-color: #efefef;
}

.calendar-td-enable {
	background-color: #fff;
}

.calendar-td-now {
	background-color: #fcf8e3;
}

.calendar .collapse_link {
	margin: 3px -5px;

	padding-left: 5px;
	padding-right: 5px;
}

.calendar .collapse_link:hover {
	text-decoration: underline;
}
/* カレンダー表示周り ここまで */

/* popover 調整 ここから */
.tooltip-inner {
	background-color: #364074;
}
.popover {
	font-family: inherit;
	font-size: 0.95rem;
	font-weight: normal;
    max-width: 880px;
}
.popover-content {
	word-wrap: break-word;
    word-break: break-all;
}
/* popover 調整 ここまで */

/* select2調整 ここから */
.select2-container--default .select2-results > .select2-results__options {
	max-height: 300px!important;
	overflow-y: auto;
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
	height: 32px!important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
	border: 1px solid #d2d2d2!important;
}

li.select2-results__option {
	min-height: 2.2rem;
}

/* select2調整 ここまで */

/* マウス選択不可 */
.no_area_select {
	user-select: none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}

/* 通知実行中 message */
.notice_message {
	position: absolute;
	font-size: 30px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	-webkit-animation: notice_animation 2000ms ease-out forwards infinite;
	animation: notice_animation 2000ms ease-out forwards infinite;
}
@keyframes notice_animation {
	from,to {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

/* 読み込み中表示オーバーレイ ここから */
.gray_layer {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 100000;
}
.gray_layer > div {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -27px;
	margin-left: -27px;
	z-index: 100000;
	color: #fff;
}
.gray_hidden {
	display: none !important;
}
/* 読み込み中表示オーバーレイ ここまで */

.strong-td {
	color: #000;
	background-color: #ffe69c;
}

.help-color {
	color: #737373;
}

.text-all-break {
	word-break: break-all;
}