@charset "utf-8";
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-action-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal
}

.fa-video-camera-slash:before {
	content: "\eff0";
}

.dropdown-menu-wide {
	width: 400px !important;
}

.dropdown-menu-wide .menu-text {
	width: calc(100% - 20px);
	white-space:normal;
}

.liveassist-remote, .la-remote {
	background-color: black;
	width: 100%;
/*	width: 480px; */
/*	height: 360px; */
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.panel img {
	width: 100%;
}

.btn-round, .box-round, .modal-round {
	border-radius: 100px;
}

.modal-dialog-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100%;
	margin: auto;
}

.fa-rotate-135 {
	transform: rotate(135deg);
}

.fa-rotate-45 {
	transform: rotate(45deg);
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-grab {
	cursor: grab;
}

/* オペレータ画面のグルーピング */
.back-panel {
	background-color: #EBF1DE;
	border: solid 2px #00A65A;
	border-radius: 5px;
	padding: 10px;
}

/* モーダルの角丸 */
.modal-dialog .modal-content {
	border-radius: 3px;
}

/* フォームの必須マーク */
.mandatory:after {
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 0.7em;
	color: #ff4b39;
	content: "\f069";
	padding-left: 2px;
	vertical-align: top;
}

/* オペレータ画面のオン／オフラインマーク */
.presence-mark-adjust {
	padding-right: 4px;
}

.presence-online-color {
	color: #17e617;
}

.presence-offline-color {
	color: #dd4b39;
}

.presence-busy-color {
	color: #f4df41;
}

/* フォームのラベル */
.form-group > .control-label {
	white-space: normal;
}

.form-group-label .form-group label {
	padding-right: 0px;
}

label.plane-label {
	vertical-align: middle;
	font-weight: normal;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin-bottom: 0px;
}

/* メッセージエリアの閉じるボタン */
button.close:empty:after {
	content: "×";
}

textarea.vresize {
	resize: vertical;
}

/* bootboxでの処理中ダイアログ */
p.loading-message {
	margin: 6px 0px;
	font-size: 130%;
	text-align: center;
}

.loading-message span {
	padding-left: 10px;
}

.form-main .form-group > label {
	padding-left: 0px;
}

.form-modal .form-group > label {
	padding-right: 0px;
}

.overlay i.fa.fa-refresh.fa-spin {
	margin: -15px 0px 0px;
}

.text-light-gray {
	color: #777 !important;
}

.notice-bg-yellow {
	background-color: #fff;
	animation: x-notice-bg-color 1.0s 3;
	-webkit-animation: x-notice-bg-color 1.0s 3;
}

@-webkit-keyframes x-notice-bg-color {
	0% { background-color: #ffd900; }
	40% { background-color: #ffe033; }
	100% { background-color: #ffffff ; }
}

@keyframes x-notice-bg-color {
	0% { background-color: #ffd900; }
	40% { background-color: #ffe033; }
	100% { background-color: #ffffff ; }
}

.dugong-table-break-all {
	word-break: break-all;
}

/* 配色はReX基準 */
.dugong-badge-green {
	font-size: 100%;
	color: #069907 !important;
	background-color: #e8f7e1 !important;
	border: 1px solid #b4e996 !important;
	padding-bottom: .2em;
}

.dugong-badge-yellow {
	font-size: 100%;
	color: #f16a00 !important;
	background-color: #ffedd1 !important;
	border: 1px solid #ffd38b !important;
	padding-bottom: .2em;
}

.dugong-badge-blue {
	font-size: 100%;
	color: #009ae9 !important;
	background-color: #daf1fc !important;
	border: 1px solid #a3ddf9 !important;
	padding-bottom: .2em;
}

.dugong-badge-red {
	font-size: 100%;
	color: #ff3939 !important;
	background-color: #ffdbdb !important;
	border: 1px solid #f9aaaa !important;
	padding-bottom: .2em;
}

.dugong-badge-gray {
	font-size: 100%;
	color: #383d41 !important;
	background-color: #e2e3e5 !important;
	border: 1px solid #d6d8db !important;
	padding-bottom: .2em;
}

.dugong-badge-Maroon {
	font-size: 100%;
	color: #ffffff !important;
	background-color: #e66b98 !important;
	border: 1px solid #ca195a !important;
	padding-bottom: .2em;
}

.dugong-badge-Purple {
	font-size: 100%;
	color: #ffffff !important;
	background-color: #9896c7 !important;
	border: 1px solid #555299 !important;
	padding-bottom: .2em;
}

.dugong-badge-Teal {
	font-size: 100%;
	color: #000000 !important;
	background-color: #7fdede !important;
	border: 1px solid #30bbbb !important;
	padding-bottom: .2em;
}





/* AdminLTEの一部配色をReXの配色に変更 */
.alert.alert-danger {
	color: #ff3939 !important;
	background-color: #ffdbdb !important;
	border-color: #f9aaaa !important;
}

.alert.alert-warning {
	color: #f16a00 !important;
	background-color: #ffedd1 !important;
	border-color: #ffd38b !important;
}

.alert.alert-info {
	color: #009ae9 !important;
	background-color: #daf1fc !important;
	border-color: #a3ddf9 !important;
}

.alert.alert-success {
	color: #069907 !important;
	background-color: #e8f7e1 !important;
	border-color: #b4e996 !important;
}

.alert li {
	white-space: pre-wrap;
}

/* Floating card design */
.dugong-card {
	border: 0px;
	border-radius: 8px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	overflow: hidden;
}

/* 左サイドメニューのテキスト折り返し */
.sidebar-menu a span {
	white-space: initial;
}

/* 横幅超過時に「...」とするテキスト（別途width指定が必要） */
.text-overflow-ellipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ヘルプ -> ドキュメント一覧画面 */
.tool-area {
	text-align: right;
	padding: 5px;
}

.table .tool-cell {
	width: 23em;
	text-align: right;
}

.tool-area .btn {
	background-color: #eee;
	font-size: 8px;
	margin: 0;
	line-height: 100%;
}
.table .tool-cell .btn {
	background-color: #eee;
	font-size: 8px;
	margin: 0;
	margin-top: -7px;
	margin-bottom: -6px;
	line-height: 100%;
}

.tool-area .btn .fa,
.table .tool-cell .btn .fa {
	margin-right: 0.5em;
}

.table .tool-cell .btn.btn-download {
	min-width: 12em;
	border: 1px solid #77ba00;
	background-color: #FFF;
	color: #77ba00;
	transition: all .3s;
}

.table .tool-cell .btn.btn-download:hover {
	background-color: #77ba00;
	color: #FFF;
}

.tool-area .btn.btn-upload,
.table .tool-cell .btn.btn-upload {
	min-width: 12em;
	border: 1px solid #ee0077;
	background-color: #FFF;
	color: #ee0077;
	transition: all .3s;
}

.tool-area .btn.btn-upload:hover,
.table .tool-cell .btn.btn-upload:hover {
	background-color: #ee0077;
	color: #FFF;
}

.table .tool-cell .btn.btn-remove {
	background-color: #FFF;
	padding: 0;
	color: #d40000;
	border: 1px solid #d40000;
	transition: all .3s;
}

.table .tool-cell .btn.btn-remove:hover {
	background-color: #d40000;
	color: #FFF;
}

.table .tool-cell .btn.btn-remove i {
	margin: 0;
	font-size: 21px;
	padding: 1px 3px;
}

.modal .caution.caution-danger {
	color: #ff3939 !important;
	padding: 0.5em;
	line-height: 200%;
	letter-spacing: 0.8px;
	background-color: #ffdbdb !important;
	border: 1px solid #f9aaaa !important;
}

.modal .caution.caution-danger strong {
	margin-right: 0.3em;
	border-bottom: 1px dashed #ff3939;
}

.dugong-not-select {
	user-select: none;
	-moz-user-select: none;
}

/* Pagination for Dugong common */
.dugong-pagination {
	display: inline-block;
	padding-left: 0;
	margin: 0;
	border-radius: 4px;
	vertical-align: middle;
}

.dugong-pagination > li {
	display: inline;
}

.dugong-pagination > li form {
	display: inline;
}

.dugong-pagination > li button {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.428571429;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

.dugong-pagination > li:first-child button {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.dugong-pagination > li:last-child button {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.dugong-pagination > li button:hover,
.dugong-pagination > li button:focus {
	background-color: #eeeeee;
}

.dugong-pagination > li button.active,
.dugong-pagination > li button.active:hover,
.dugong-pagination > li button.active:focus {
	z-index: 2;
	color: #ffffff;
	cursor: not-allowed;
	background-color: #337ab7;
	border-color: #337ab7;
}

.dugong-pagination > li button.disabled,
.dugong-pagination > li button.disabled:hover,
.dugong-pagination > li button.disabled:focus {
	color: #999999;
	cursor: not-allowed;
	background-color: #ffffff;
	border-color: #dddddd;
}