@charset "UTF-8";

/*=======================================================================*/
/* COLORs */
/*=======================================================================*/
/*

WARNER BLUE	rgb(0, 97, 170) / #0061AB

*/

/* WB-80-W       : #3380BB;				/* WB-80-W       */
/* WB-60-W       : #66A0CC;				/* WB-60-W       */
/* WB-40-W       : #99C0DD;				/* WB-40-W       */
/* WB-20-W       : #CCDFEE;				/* WB-20-W       */
/* WB-10-W       : #E5EFF6;				/* WB-10-W       */
/* WB-5-W        : #F2F7FB;				/* WB-5-W        */

/* PINK          : #F0506E;				/* PINK          */
/* YELLOW        : #FDC92E;				/* YELLOW        */
/* BLUE          : #0061AB;				/* BLUE          */
/* BLACK         : #222222;				/* BLACK         */

/* PINK-LIGHT    : #FDE1E6;				/* PINK-LIGHT    */
/* YELLOW-LIGHT  : #FFF6DA;				/* YELLOW-LIGHT  */
/* BLUE-LIGHT    : #D9E6EF;				/* BLUE-LIGHT    */
/* BLACK-LIGHT   : #DCDCDC;				/* BLACK-LIGHT   */

/* PINK-DARKER   : #EE395B;				/* PINK-DARKER   */
/* YELLOW-DARKER : #B18606;				/* BLUE          */				/* YELLOW-DARKER */
/* BLUE-DARKER   : #025696;				/* BLUE-DARKER   */
/* BLACK-DARKER  : #151515;				/* BLACK-DARKER  */



/* Warner Blue */
.bg-wb {
	background-color: rgb(0, 97, 170) !important;				/* WB-100 */
}
.bg-wb-100 {
	background-color: rgba(0, 97, 170, 1) !important;			/* WB-100 */
}
.bg-wb-80 {
	background-color: rgba(0, 97, 170, 0.8) !important;		/* WB-80 */
}
.bg-wb-60 {
	background-color: rgba(0, 97, 170, 0.6) !important;		/* WB-60 */
}
.bg-wb-40 {
	background-color: rgba(0, 97, 170, 0.4) !important;		/* WB-40 */
}
.bg-wb-20 {
	background-color: rgba(0, 97, 170, 0.2) !important;		/* WB-20 */
}
.bg-wb-10 {
	background-color: rgba(0, 97, 170, 0.1) !important;		/* WB-10 */
}
.bg-wb-5 {
	background-color: rgba(0, 97, 170, 0.05) !important;		/* WB-5 */
}

/* black */
.bg-bk {
	background-color: rgb(0, 0, 0) !important;				/* BK-100 */
}
.bg-bk-100 {
	background-color: rgba(0, 0, 0, 1) !important;			/* BK-100 */
}
.bg-bk-80 {
	background-color: rgba(0, 0, 0, 0.8) !important;		/* BK-80 */
}
.bg-bk-60 {
	background-color: rgba(0, 0, 0, 0.6) !important;		/* BK-60 */
}
.bg-bk-40 {
	background-color: rgba(0, 0, 0, 0.4) !important;		/* BK-40 */
}
.bg-bk-20 {
	background-color: rgba(0, 0, 0, 0.2) !important;		/* BK-20 */
}
.bg-bk-10 {
	background-color: rgba(0, 0, 0, 0.1) !important;		/* BK-10 */
}
.bg-bk-5 {
	background-color: rgba(0, 0, 0, 0.05) !important;		/* BK-5 */
}

/* Warner Blue w/ White */
.bg-wb-100-w {
	background-color: rgb(0, 97, 170) !important;				/* WB-100-W */
}
.bg-wb-80-w {
	background-color: #3380BB !important;						/* WB-80-W */
}
.bg-wb-60-w {
	background-color: #66A0CC !important;						/* WB-60-W */
}
.bg-wb-40-w {
	background-color: #99C0DD !important;						/* WB-40-W */
}
.bg-wb-20-w {
	background-color: #CCDFEE !important;						/* WB-20-W */
}
.bg-wb-10-w {
	background-color: #E5EFF6 !important;						/* WB-10-W */
}
.bg-wb-5-w {
	background-color: #F2F7FB !important;						/* WB-5-W */
}

/* Background */
.bg-wb {
	background-color: rgb(0, 97, 170) !important;
}
.bg-bk {
	background-color: #000 !important;
}
.bg-gr {
	background-color: #404756 !important;
}
.bg-wh {
	background-color: #FFF !important;
}

.bg-trans {
	background-color: transparent !important;
}

/* Text */
.text-wb {
	color: rgb(0, 97, 170) !important;
}
.text-bk {
	color: #000 !important;
}
.text-gr {
	color: #404756 !important;
}
.text-wh {
	color: #FFF !important;
}

.text-excel,
.fa-file-excel {
	color: #107c41;
}
.text-word,
.fa-file-word-o {
	color: #185abd;
}
.text-ppt,
.fa-file-powerpoint-o {
	color: #c43e1c;
}
.text-pdf,
.fa-file-pdf-o {
	color: #b91d47;
}

.op0 {
	opacity: 0;
}
.mh-22 {
	max-height: calc(100vh - 22rem);
	overflow-y: scroll !important;
}


/* Font */
.fw-n,
.fw-normal {
	font-weight: 300 !important;
}
.fw-b,
.fw-bold {
	font-weight: 700;
}

/* width */
.w-8r {
	width: 8rem;
}

/* .btn */
.btn {
	overflow: hidden;
}
.btn-block + .btn-block {
	margin-top: 0.25rem;
}
.btn-pink {
	background-color: #F0506E;			/* PINK          */
	border: 1px solid #F0506E;			/* PINK          */
	color: #FFF;
}
.btn-yellow {
	background-color: #FDC92E;			/* YELLOW        */
	border: 1px solid #FDC92E;			/* YELLOW        */
	color: #212529;
}
.btn-wb,
.btn-blue {
	background-color: rgb(0, 97, 170);	/* BLUE          */
	border: 1px solid rgb(0, 97, 170);	/* BLUE          */
	color: #FFF;
}
.btn-black {
	background-color: #222222;			/* BLACK         */
	border: 1px solid #222222;			/* BLACK         */
	color: #FFF;
}

.btn-pink.hover:not(:disabled):not(.disabled),
.btn-pink:hover:not(:disabled):not(.disabled) {
	background-color: #EE395B;			/* PINK-DARKER   */
	color: #FFF;
}
.btn-yellow.hover:not(:disabled):not(.disabled),
.btn-yellow:hover:not(:disabled):not(.disabled) {
	background-color: #FFC107;			/* YELLOW-DARKER */
	color: #212529;
}
.btn-wb.hover:not(:disabled):not(.disabled),
.btn-blue.hover:not(:disabled):not(.disabled),
.btn-wb:hover:not(:disabled):not(.disabled),
.btn-blue:hover:not(:disabled):not(.disabled) {
	background-color: #025696;			/* BLUE-DARKER   */
	color: #FFF;
}
.btn-black.hover:not(:disabled):not(.disabled),
.btn-black:hover:not(:disabled):not(.disabled) {
	background-color: #151515;			/* BLACK-DARKER  */
	color: #FFF;
}

.btn-pink.focus,
.btn-pink:focus,
.btn-pink-inverse.focus,
.btn-pink-inverse:focus {
	box-shadow: 0 0 0 0.2rem rgba(238, 57, 91, 0.5);
}
.btn-yellow.focus,
.btn-yellow:focus,
.btn-yellow-inverse.focus,
.btn-yellow-inverse:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-wb.focus,
.btn-blue.focus,
.btn-wb:focus,
.btn-blue:focus,
.btn-wb-inverse.focus,
.btn-blue-inverse.focus,
.btn-wb-inverse:focus,
.btn-blue-inverse:focus {
	box-shadow: 0 0 0 0.2rem rgba(2, 86, 150, 0.5);
}
.btn-black.focus,
.btn-black:focus,
.btn-black-inverse.focus,
.btn-black-inverse:focus {
	box-shadow: 0 0 0 0.2rem rgba(21, 21, 21, 0.5);
}

/* .btn-inverse */
.btn-pink-inverse {
	background-color: #FFF;
	border: 1px solid #F0506E;			/* PINK          */
	color: #F0506E;						/* PINK          */
}
.btn-yellow-inverse {
	background-color: #FFF;
	border: 1px solid #FDC92E;			/* YELLOW        */
	color: #FDC92E;						/* YELLOW        */
}
.btn-wb-inverse,
.btn-blue-inverse {
	background-color: #FFF;
	border: 1px solid rgb(0, 97, 170);	/* BLUE          */
	color: rgb(0, 97, 170);				/* BLUE          */
}
.btn-black-inverse {
	background-color: #FFF;
	border: 1px solid #222222;			/* BLACK         */
	color: #222222;						/* BLACK         */
}

.btn-pink-inverse.hover:not(:disabled):not(.disabled),
.btn-pink-inverse:hover:not(:disabled):not(.disabled) {
	background-color: #FDE1E6;			/* PINK-LIGHT    */
	color: #F0506E;						/* PINK          */
}
.btn-yellow-inverse.hover:not(:disabled):not(.disabled),
.btn-yellow-inverse:hover:not(:disabled):not(.disabled) {
	background-color: #FFF6DA;			/* YELLOW-LIGHT  */
	color: #FDC92E;						/* YELLOW        */
}
.btn-wb-inverse.hover:not(:disabled):not(.disabled),
.btn-blue-inverse.hover:not(:disabled):not(.disabled),
.btn-wb-inverse:hover:not(:disabled):not(.disabled),
.btn-blue-inverse:hover:not(:disabled):not(.disabled) {
	background-color: #D9E6EF;			/* BLUE-LIGHT    */
	color: rgb(0, 97, 170);				/* BLUE          */
}
.btn-black-inverse.hover:not(:disabled):not(.disabled),
.btn-black-inverse:hover:not(:disabled):not(.disabled) {
	background-color: #DCDCDC;			/* BLACK-LIGHT   */
	color: #222222;						/* BLACK         */
}

.btn-pink.disabled,
.btn-yellow.disabled,
.btn-wb.disabled,
.btn-blue.disabled,
.btn-black.disabled,
.btn-pink-inverse.disabled,
.btn-yellow-inverse.disabled,
.btn-wb-inverse.disabled,
.btn-blue-inverse.disabled,
.btn-black-inverse.disabled,
.btn-pink:disabled,
.btn-yellow:disabled,
.btn-wb:disabled,
.btn-blue:disabled,
.btn-black:disabled,
.btn-pink-inverse:disabled,
.btn-yellow-inverse:disabled,
.btn-wb-inverse:disabled,
.btn-blue-inverse:disabled,
.btn-black-inverse:disabled {
	opacity: 0.4;
}

@media screen and (max-width: 575px) {
	.btn-sm {
		font-size: 0.75rem;
		padding: 0.15rem 0.25rem;
	}
	.btn:not(.btn-xs):not(.btn-sm):not(.btn-md):not(.btn-lg),
	.btn-md {
		font-size: 0.875rem;
		padding: 0.25rem 0.5rem;
	}
	.btn-lg {
		font-size: 1rem;
		padding: 0.375rem 0.75rem;
	}
}
@media screen and (max-width: 767px) {
	.modal .btn-sm {
		font-size: 0.75rem;
		padding: 0.15rem 0.25rem;
	}
	.modal .btn:not(.btn-xs):not(.btn-sm):not(.btn-md):not(.btn-lg),
	.modal .btn-md {
		font-size: 0.875rem;
		padding: 0.25rem 0.5rem;
	}
	.modal .btn-lg {
		font-size: 1rem;
		padding: 0.375rem 0.75rem;
	}
}

.icon-btn {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	border: 1px solid rgb(0, 97, 170);
	color: rgb(0, 97, 170) !important;
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
	text-shadow: 0 0 1px #FFF, 0 0 3px #FFF, 0 0 5px #FFF, 0 0 7px #FFF;
	padding: 2rem 1rem;
	transition-duration: 0.5s;
}
.icon-btn > i {
	display: block;
	width: 5rem;
	height: 5rem;
	background-color: rgb(0, 97, 170);
	border-radius: 50%;
	color: #FFF;
	font-size: 2rem;
	text-shadow: none;
	line-height: 5rem;
	margin: 0.25rem auto 1rem auto;
	padding: 0 0.0.25rem 0.25rem;
	transition-duration: 1s;
	transform: rotateZ(0deg);
}
.icon-btn:hover > i {
	transform: rotateZ(360deg);
}


/* radio-btn */
.radio-btn {
	width: 100%;
}
.radio-btn::after {
	content: "";
	display: block;
	clear: both;
}
.radio-btn > input[type="radio"] {
	display: none;
}
.radio-btn > input[type="radio"] + .btn-blue,
.radio-btn > input[type="radio"] + .btn-blue:hover {
	float: left;
	background-color: #FFF;
	border: 1px solid rgb(0, 97, 170);	/* BLUE          */
	color: rgb(0, 97, 170);				/* BLUE          */
	margin: 0 -1px 0 0;
	cursor: pointer;
}
.radio-btn > input[type="radio"]:checked + .btn-blue {
	background-color: rgb(0, 97, 170);	/* BLUE          */
	border: 1px solid rgb(0, 97, 170);	/* BLUE          */
	color: #FFF;						/* BLUE          */
	cursor: default;
}

/* .alert */
.alert-pink {
	background-color: #FDE1E6;			/* PINK-LIGHT    */
	border-left-color: #F0506E;			/* PINK          */
	color: #F0506E;						/* PINK          */
}
.alert-yellow {
	background-color: #FFF6DA;			/* YELLOW-LIGHT  */
	border-left-color: #FDC92E;			/* YELLOW        */
	color: #B18606;						/* YELLOW-DARKER */
}
.alert-blue {
	background-color: #D9E6EF;			/* BLUE-LIGHT    */
	border-left-color: rgb(0, 97, 170);	/* BLUE          */
	color: rgb(0, 97, 170);				/* BLUE          */
}
.alert-black {
	background-color: #DCDCDC;			/* BLACK-LIGHT   */
	border-left-color: #222222;			/* BLACK         */
	color: #222222;						/* BLACK         */
}

/* .badge */
.badge-pink {
	background-color: #F0506E;			/* PINK          */
	color: #FFF;
}
.badge-yellow {
	background-color: #FDC92E;			/* YELLOW        */
	color: #212529;
}
.badge-wd,
.badge-blue {
	background-color: rgb(0, 97, 170);	/* BLUE          */
	color: #FFF;
}

/* .progress-bar */
.progress-bar-striped {
	background-size: 1rem 1rem;
	background-image: linear-gradient(-45deg,
		rgba(255,255,255,.15) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255,255,255,.15) 50%,
		rgba(255,255,255,.15) 75%,
		transparent 75%,
		transparent
	);
}
.progress-bar-animated {
	animation: bg-slide-right 15s linear infinite;
}

@media screen and (max-width: 991px) {
	.container {
		width: 100%;
		max-width: none;
	}
}



/*=======================================================================*/
/* FONTs */
/*=======================================================================*/
/*
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 100;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 200;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}
*/
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 300;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}
/*
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: local('NotoSansJP-Regular.otf'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 500;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
}
*/
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
}
/*
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 900;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
}
*/


/*=======================================================================*/
/* COMMON */
/*=======================================================================*/

/*----------------------------------*/
/* GENERAL */
* {
	font-family: 'Noto Sans Japanese', sans-serif;
	line-height: 1.4;
	box-sizing: border-box;
	outline: none !important;
}
body {
	overflow-x: hidden;
	width: 100%;
	min-width: 375px;
	min-height: 100vh;
	font-weight: 300;
	font-size: 0.875rem;
	color: #404756;
	background-color: #FAFAFA;
}
.cf::after {
	content: "";
	display: block;
	clear: both;
}

a {
	color: rgb(0, 97, 170);
	text-decoration: none;
	cursor: pointer;
	outline: none;
}
a:hover {
	text-decoration: none;
}

i[class^="fa-"],
i[class^="glyphicon"] {
	font-style: normal;
}

img {
	width: 100%;
	height: auto;
}


/* display */
.d-i {
	display: inline;
}
.d-b {
	display: block;
}
.d-ib {
	display: inline-block;
}

/* icon */
.fa-pulse {
	transform-origin: center center;
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
	animation-duration: 1s;
	animation-timing-function: steps(8);
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	animation-name: fa-spin;
}
@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
	}
@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

/*----------------------------------*/
/* Typo */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	margin: 0.5rem 0 1rem 0;
}
h1 {
	font-size: 2rem;				/* 32px */
}
h2 {
	font-size: 1.5rem;				/* 24px */
}
h3 {
	font-size: 1.25rem;				/* 20px */
}
h4 {
	font-size: 1rem;				/* 16px */
}
h5 {
	font-size: 0.875rem;			/* 14px */
}
h6 {
	font-size: 0.75rem;				/* 12px */
}

h1 > span,
h2 > span,
h3 > span {
	font-weight: 300;
	line-height: 1;
}
h1 > span {
	font-size: 1.25rem;				/* 20px */
}
h2 > span {
	font-size: 1rem;				/* 16px */
}
h3 > span {
	font-size: 0.875rem;			/* 14px */
}

h1 > small,
h2 > small,
h3 > small {
	display: block;
	font-weight: 300;
	line-height: 1;
}
h1 > small {
	font-size: 1.25rem;				/* 20px */
}
h2 > small {
	font-size: 1rem;				/* 16px */
}
h3 > small {
	font-size: 0.875rem;			/* 14px */
}


h1.border-y,
h2.border-y,
h3.border-y,
h4.border-y,
h5.border-y {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 0.5rem;
}

h1.border-l,
h2.border-l,
h3.border-l,
h4.border-l,
h5.border-l {
	border-left: 0.5rem solid #333;
	padding: 0 0 0 1rem;
}

@media screen and (max-width: 767px) {
	h1 {
		font-size: 1.5rem;				/* 24px */
	}
	h2 {
		font-size: 1.25rem;				/* 20px */
	}
	h3 {
		font-size: 1rem;				/* 16px */
	}
	h4 {
		font-size: 0.875rem;			/* 14px */
	}
	h5 {
		font-size: 0.75rem;				/* 12px */
	}
	h6 {
		font-size: 0.75rem;				/* 12px */
	}

	h1 > span,
	h2 > span,
	h3 > span {
		font-weight: 300;
		line-height: 1;
	}
	h1 > span {
		font-size: 1rem;				/* 16px */
	}
	h2 > span {
		font-size: 0.875rem;			/* 14px */
	}
	h3 > span {
		font-size: 0.75rem;				/* 12px */
	}

	h1 > small,
	h2 > small,
	h3 > small {
		display: block;
		font-weight: 300;
		line-height: 1;
	}
	h1 > small {
		font-size: 1rem;				/* 16px */
	}
	h2 > small {
		font-size: 0.875rem;			/* 14px */
	}
	h3 > small {
		font-size: 0.75rem;				/* 12px */
	}
}



/*----------------------------------*/
/* hr */
hr {
	height: 1px;
	background-image: linear-gradient(left, #f0f0f0, rgb(0, 97, 170), #f0f0f0);
	background-image: -webkit-linear-gradient(left, #f0f0f0, rgb(0, 97, 170), #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, rgb(0, 97, 170), #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, rgb(0, 97, 170), #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, rgb(0, 97, 170), #f0f0f0);
	border: none;
	margin: 3rem 0;
}
hr.slash {
	height: 0.5rem;
	background-size: 0.5rem 0.5rem;
	background-image: linear-gradient(-45deg,
		transparent 49%,
		rgb(0, 97, 170) 49%,
		rgb(0, 97, 170) 51%,
		transparent 51%,
		transparent
	);
	border: none;
	margin: 3rem 0;
}
section + section > hr.slash:first-child {
	margin-top: 0;
}

/*----------------------------------*/
/* scroll-bar */
.menu-off ::-webkit-scrollbar,
.modal ::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
	height: 7px;
}
.menu-off ::-webkit-scrollbar-thumb,
.modal ::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.2);
}


/*----------------------------------*/
/* .text */
.text-xxs {
	font-size: 0.6rem;
}
.text-xs {
	font-size: 0.75rem;
}
.text-sm {
	font-size: 0.875rem;
}
.text-md {
	font-size: 1.25rem;
}
.text-lg {
	font-size: 1.5rem;
}

.text-nw {
	white-space: nowrap;
}

.text-pink {
	color: #F0506E;			/* PINK          */
}
.text-yellow {
	color: #FDC92E;			/* YELLOW        */
}
.text-blue {
	color: rgb(0, 97, 170) !important;			/* BLUE          */
}

.text-bold,
b {
	font-weight: 700;
}
.text-normal {
	font-weight: 300 !important;
}

.underlined {
	border-bottom: 1px solid #AAA;
}

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

.text-ofh {
	font-size: 0.875rem;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	line-height: 1rem;
}
.text-ofh[rows="3"] {
	max-height: 3rem;
}
.text-ofh.text-xs {
	font-size: 0.75rem;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 0.9rem;
}
.text-ofh.text-xs[rows="3"] {
	max-height: 2.7rem;
}

.text-minus,
.text-plus-minus[data-value^="-"] {
	color: #DC3545 !important;
}
.mw5 {
	max-width: 5rem;
	word-break: break-all;
	white-space: normal !important;
}
.mw10 {
	max-width: 10rem;
	word-break: break-all;
	white-space: normal !important;
}
.mw15 {
	max-width: 15rem;
	word-break: break-all;
	white-space: normal !important;
}
.mw20 {
	max-width: 20rem;
	word-break: break-all;
	white-space: normal !important;
}



/*----------------------------------*/
/* .badge */
.badge {
	height: 1.2rem;
	line-height: 1.2rem;
	border-radius: 0.6rem;
	background-color: rgb(0, 97, 170);	/* BLUE          */
	color: #FFF;
	font-weight: 300;
	padding: 0 0.5rem;
}

/* .badge-required */
.badge-required {
	display: inline-block;
	width: auto;
	height: 20px;
	line-height: 20px;
	background-color: #F0506E;			/* PINK          */
	color: #FFF;
	font-size: 0.7rem;
	padding: 0 0.4rem;
}

/*----------------------------------*/
/* .btn */
.btn {
	border-radius: 0;
	white-space: nowrap;
}

.btn.disabled,
.btn[disabled] {
	pointer-events: auto !important;
	opacity: 0.4;
}
.btn.disabled:hover,
.btn[disabled]:hover {
	color: #FFF;
	cursor: not-allowed;
}

.btn-xs {
	font-size: 0.65rem;
	line-height: 1rem;
	padding: 0.1rem 0.25rem;
}

/*----------------------------------*/
/* .tab */
.tab-pane {
	padding: 1rem 0;
}
@media screen and (max-width: 575px) {
	.tab-pane {
		padding-bottom: 0;
	}
}

/*----------------------------------*/
/* list */
ul.list-none,
ol.list-none {
	list-style: none;
}


ul.list-disc,
ol.list-disc {
	list-style: disc;
}


/*----------------------------------*/
/* .list-group */
.list-group > .list-group-item {
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 0;
}
.list-group > .list-group-item:hover {
	background-color: rgba(0, 97, 170, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.05);
}
.list-group > .list-group-item.active,
.list-group > .list-group-item.active:hover {
	background-color: rgba(0, 97, 170, 1);
}
.list-group > .list-group-item.unread {
	font-weight: 700;
}


.list-group > .list-group-item > .counter {
	position: absolute;
	top: 50%;
	right: 0.5rem;
	transform: translateY(-50%);
	display: block;
	min-width: 1.5rem;
	height: 1.5rem;
	line-height: calc(1.5rem - 4px);
	background-color: #F0506E;			/* PINK          */
	border: 2px solid #FFF;
	border-radius: 50%;
	color: #FFF;
	font-size: 0.75rem;
	font-weight: 300;
	text-align: center;
	padding: 0 0.25rem;
}

.list-group.w-badge > .list-group-item {
	position: relative;
	padding-left: 4rem;
}
.list-group.w-badge > .list-group-item > .badge {
	position: absolute;
	left: 0.75rem;
}

.list-group.w-avatar > .list-group-item {
	position: relative;
	min-height: 4rem;
	padding-left: 4.5rem;
}
.list-group.w-avatar > .list-group-item > .avatar-img {
	position: absolute;
	top: 0.45rem;
	left: 0.75rem;
	width: 3rem;
}
.list-group.w-avatar > .list-group-item.active > .avatar-img {
	width: calc(3rem - 2px);
	border: 2px solid #FFF;
}


ol.list-group {
	counter-reset: li-count;
	margin: 0 0 0.5rem 0;
}
ol.list-group > .list-group-item {
	position: relative;
	counter-increment: li-count;
	padding-left: 3rem;
}
ol.list-group > .list-group-item:hover {
	background-color: #FFF;
}
ol.list-group > .list-group-item::before {
	position: absolute;
	top: 0.75rem;
	left: 1rem;
	content: counter(li-count);
	display: inline-block;
	width: 1.5rem;
	text-align: right;
	color: inherit;
}

ol.list-group.circled > .list-group-item {
	padding-left: 3rem;
}
ol.list-group.circled > .list-group-item::before {
	position: absolute;
	top: 0.6rem;
	left: 0.75rem;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	background-color: rgb(0, 97, 170);			/* BLUE          */
	border-radius: 50% !important;
	text-align: center;
	color: #FFF;
	font-size: 0.75rem;
}



/*----------------------------------*/
/* table */
.table.table-bordered > thead > tr > th {
	border: 1px solid #CCC !important;			/* BLUE-LIGHT    */
}
.table > thead > tr:last-child > th,
.table > thead > tr:nth-last-child(2) > th[rowspan="2"] {
	border-bottom: 2px solid rgb(0, 97, 170) !important;
}
.table > thead > tr > th {
	background-color: #D9E6EF;			/* BLUE-LIGHT    */
	border-top: none;
	white-space: nowrap;
	padding: 0.75rem 0.5rem;
}



@media screen and (max-width: 767px) {
	.table > thead > tr > th {
		padding: 0.25rem 0.5rem 0 0.5rem;
	}
}

.table > tr > th,
.table > tbody > tr > th,
.table > tr > td,
.table > tbody > tr > td {
	vertical-align: middle;
	border: none;
	padding: 0.5rem;
}
table > thead > tr.v-top > th {
	vertical-align: top !important;
}
table > thead > tr > th[rowspan] {
	vertical-align: middle !important;
}

table > thead > tr.row,
table > tbody > tr.row {
	margin-right: 0;
	margin-left: 0;
}

/* .table-striped */
.table.table-striped > tr:nth-child(odd),
.table.table-striped > tbody > tr:nth-child(odd) {
	background-color: #FFF;
}
.table.table-striped > tr:nth-child(even),
.table.table-striped > tbody > tr:nth-child(even) {
	background-color: #F2F2F2;
}
.table.table-striped > tbody > tr > th {
	background-color: rgba(0, 0, 0, 0.025);
}

/* .table-condensed */
.table.table-condensed > tr > th,
.table.table-condensed > tbody > tr > th,
.table.table-condensed > tr > td,
.table.table-condensed > tbody > tr > td {
	border: none;
	padding: 0.25rem 0.5rem;
}

/* .table-bordered */
.table.table-bordered > tr > th,
.table.table-bordered > thead > tr > th {
	border: 1px solid #E2E2E2;
}
.table.table-bordered > tr > td,
.table.table-bordered > tbody > tr > td {
	border: 1px solid #F2F2F2;
}

/* .table-responsive */
.table-responsive {
	margin: 0 0 1rem 0;
}
.table-responsive > .table {
	margin: 0 0 0.75rem 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td {
	white-space: nowrap;
}

/* table status */
table tbody > tr.status-ACTIVE > td {
	background-color: #FDE1E6				/* PINK-LIGHT    */
}

/* table sort */
table > thead.va-top > tr > th,
table > thead.va-top > tr > td,
table > tbody.va-top > tr > th,
table > tbody.va-top > tr > td,
table > thead > tr.va-top > th,
table > thead > tr.va-top > td,
table > tbody > tr.va-top > th,
table > tbody > tr.va-top > td {
	vertical-align: top;
}

.list-form-header .row > [class^=col-] > a:not([href]) {
	cursor: default;
}
.list-form-header .row > [class^=col-] > a[href] {
	cursor: pointer;
}

table > thead > tr > th > a.sort::after,
.list-form-header .row > [class^=col-] > a.sort::after {
	display: inline-block;
	content: "";
	text-decoration: inherit;
	text-transform: none;
	font-family: 'Font Awesome 5 Free' !important;
	font-size: inherit;
	margin: 0 0 0 0.5rem;
	opacity: 0.5;
}
table > thead > tr > th > a.sort.asc::after,
table > thead > tr > th > a.sort.ASC::after,
.list-form-header .row > [class^=col-] > a.sort.asc::after,
.list-form-header .row > [class^=col-] > a.sort.ASC::after {
	content: "\f0d8";
	opacity: 1;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}
table > thead > tr > th > a.sort.desc::after,
table > thead > tr > th > a.sort.DESC::after,
.list-form-header .row > [class^=col-] > a.sort.desc::after,
.list-form-header .row > [class^=col-] > a.sort.DESC::after {
	content: "\f0d7";
	opacity: 1;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}

.row > [class^="col-"] > .input-group > .form-control-plaintext > .btn-xs {
	float: right;
	margin-left: 0.25rem;
}


/* table filter */
table > thead > tr > th > .form-control,
table > thead > tr > th >  a > .form-control {
	height: calc(1.5em + 0.5rem);
	line-height: 1.5rem;
	border: none;
	font-size: 0.875rem;
	margin: 0.25rem 0 0 0;
	padding: 0.25rem 0.5rem;
}

/* table input */
table > tbody > tr > td > .form-control {
	height: calc(1.5em + 0.5rem);
	line-height: 1.5;
	font-size: 0.875rem;
	margin: 0 0 0 0;
	padding: 0.25rem 0.5rem;
}

/* table.table-condensed filter */
table.table-condensed > thead > tr > th > .form-control,
table.table-condensed > thead > tr > th >  a > .form-control {
	padding: 0.25rem;
}
/* table.table-condensed input */
table.table-condensed > tbody > tr > td > .form-control {
	height: calc(1.25em + 0.5rem);
	line-height: 1.25rem;
	padding: 0.15rem 0.25rem;
}
table.table-condensed > tbody > tr > td > textarea.form-control {
	height: auto;
	line-height: 1.25rem;
	padding: 0.15rem 0.25rem;
}

table th > div[class^="w-"],
table td > div[class^="w-"] {
	overflow: hidden;
	white-space: normal;
	word-break: break-all;
}
table td > div[class^="w-"].h-3l {
	line-height: 1.2;
	max-height: 3rem;
}


/*----------------------------------*/
/* .modal */
.modal-backdrop {
	z-index: 31000;
}

.modal {
	padding: 0 !important;
	z-index: 35000;
}
.modal > .modal-dialog {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	margin: 0;
}
.modal > .modal-dialog:not(.modal-sm):not(.modal-md) {
	width: calc(1140px - 30px);
	max-width: 90%;
}
.modal > .modal-dialog.modal-md {
	width: 50%;
}

#alert-window-modal > .modal-dialog,
#confirm-window-modal > .modal-dialog {
	width: 80%;
	max-width: 500px;
}
#alert-window-modal #alert-ok-button,
#confirm-window-modal #confirm-ok-button,
#confirm-window-modal #confirm-cancel-button {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}
.modal > .modal-dialog.modal-md {
	width: 50%;
}


.modal > .modal-dialog > .modal-content {
	border: none;
	border-radius: 0;
}
.modal > .modal-dialog > .modal-content > .modal-header {
	background-color: rgb(0, 97, 170);
	border: none;
	border-radius: 0;
	padding: 0;
}
.modal > .modal-dialog.modal-pink > .modal-content > .modal-header {
	background-color: #F0506E;
}
.modal > .modal-dialog > .modal-content > .modal-header > .modal-title {
	color: #FFF;
	line-height: 1.5;
	margin: 0;
	padding: 0.5rem 0.75rem;
}
.modal > .modal-dialog > .modal-content > .modal-header > .close {
	float: none;
	display: flex;
	justify-content: center !important;
	align-items: center !important;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 1;
	text-align: center;
	margin: 0;
	padding: 0;
	opacity: 1;
}
.modal > .modal-dialog > .modal-content > .modal-header > .close > i {
	color: #FFF;
	font-size: 1rem;
	line-height: 1;
	text-shadow: none;
	margin: 0;
}
@media screen and (max-width: 767px) {
	.modal .modal-body :not(.text-xxs):not(.text-xs):not(.text-sm):not(.text-md):not(.text-lg) {
		font-size: 0.875rem;
	}
	.modal > .modal-dialog {
		width: calc(100% - 1.5rem);
		min-width: calc(375px - 1.5rem);
		max-height: 90%;
	}

	.modal .form-group.row > .col-form-label {
		padding-top: 0;
		padding-bottom: 0;
	}
}

.modal form.no-gutters .row {
	margin-right: 0;
	margin-left: 0;
}
.modal form.no-gutters .row > [class^=col-] {
	padding-right: 0;
	padding-left: 0;
}

.modal form.no-gutters .form-control {
	height: calc(1.5em + 0.5rem + 2px);
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
}
.modal form.no-gutters .btn {
	height: 31px;
	line-height: 1.5;
	font-size: 0.875rem;
	padding: 0.1rem 0.5rem;
}

.row.nallow-gutters {
	margin-right: -7.5px;
	margin-left: -7.5px;
}
.row.nallow-gutters > [class^=col-] {
	padding-right: 7.5px;
	padding-left: 7.5px;
}


/*----------------------------------*/
/* .alert */
.alert {
	border: none;
	border-left-width: 0.5rem;
	border-left-style: solid;
	border-radius: 0;
	padding: 1rem 1.5rem 1rem 1.5rem;
}

.alert.alert-icon {
	padding-left: 3rem;
}
.alert.alert-icon > .fa {
	float: left;
	line-height: 1.2rem;
	margin: 0 -1.5rem 0 -1.5rem;
}

.alert > h3:first-child,
.alert > h4:first-child,
.alert > h5:first-child {
	margin-top: 0.25em;
	margin-bottom: 1em;
}
.alert > .close,
.alert > .close > .fa {
	color: inherit;
	font-size: 1.25rem;
}
.alert > .error-list {
	margin: 0;
}
.alert > p + .error-list {
	margin-top: 0.5rem;
}


/*----------------------------------*/
/* list */
ul::after,
ol::after,
dl::after {
	content: "";
	display: block;
	clear: both;
}

.list-inline > li {
	display: inline-block;
	margin: 0 1rem 0.25rem 0;
}

/*----------------------------------*/
/* dl */
.dl-horizontal {
	display: flex;
	flex-wrap: wrap;
}
.dl-horizontal > dt,
.dl-horizontal > dd {
	position: relative;
	width: 100%;
	min-height: 1px;
	text-align: left;
	margin: 0;
	padding: 0.75rem 1rem;
}
.dl-horizontal > dt:not([class*=col-]) {
	flex: 0 0 25%;
	max-width: 25%;
}
.dl-horizontal > dd:not([class*=col-]) {
	flex: 0 0 75%;
	max-width: 75%;
}
.dl-striped:not(.n8) > dt:nth-child(4n + 1),
.dl-striped:not(.n8) > dd:nth-child(4n + 2) {
	background-color: rgba(0, 0, 0, 0.025);
}

.dl-striped.n8 > .striped,
.dl-striped.n8 > dt:nth-child(8n + 1),
.dl-striped.n8 > dd:nth-child(8n + 2),
.dl-striped.n8 > dt:nth-child(8n + 3),
.dl-striped.n8 > dd:nth-child(8n + 4) {
	background-color: rgba(0, 0, 0, 0.025);
}

.dl-horizontal > dt:not([class*=col-]),
.dl-horizontal > dt[class*=col-]:not([class*=col-12]):not([class*=col-sm-]):not([class*=col-md-]):not([class*=col-lg-]):not([class*=col-xl-]) {
	text-align: right;
}
@media screen and (max-width: 575px) {
	.dl-horizontal > dt[class*=col-]:not([class*=col-12]) {
		text-align: left;
		padding-right: 0;
	}
}
@media screen and (min-width: 576px) {
	.dl-horizontal > dt[class*=col-sm-],
	.dl-horizontal > dt[class*=col-md-],
	.dl-horizontal > dt[class*=col-lg-],
	.dl-horizontal > dt[class*=col-xl-] {
		text-align: right;
	}
}
@media screen and (min-width: 768px) {
	.dl-horizontal > dt[class*=col-md-],
	.dl-horizontal > dt[class*=col-lg-],
	.dl-horizontal > dt[class*=col-xl-] {
		text-align: right;
	}
}
@media screen and (min-width: 992px) {
	.dl-horizontal > dt[class*=col-lg-],
	.dl-horizontal > dt[class*=col-xl-] {
		text-align: right;
	}
}
@media screen and (min-width: 1200px) {
	.dl-horizontal > dt[class*=col-xl-] {
		text-align: right;
	}
}

@media screen and (max-width: 575px) {
	.dl-horizontal > dt[class*=col-sm-] {
		padding-bottom: 0.375rem;
	}
	.dl-horizontal > dd[class*=col-sm-] {
		padding-top: 0.375rem;
	}
	.dl-horizontal.dl-striped > dt[class*=col-sm-] {
		padding-bottom: 0.375rem;
	}
	.dl-horizontal.dl-striped > dd[class*=col-sm-] {
		padding-top: 0.375rem;
	}
}
@media screen and (max-width: 767px) {
	.dl-horizontal > dt[class*=col-md-] {
		padding-bottom: 0.375rem;
	}
	.dl-horizontal > dd[class*=col-md-] {
		padding-top: 0.375rem;
	}
	.dl-horizontal.dl-striped > dt[class*=col-md-] {
		padding-bottom: 0.375rem;
	}
	.dl-horizontal.dl-striped > dd[class*=col-md-] {
		padding-top: 0.375rem;
	}
}
@media screen and (max-width: 991px) {
	.dl-horizontal > dt[class*=col-lg-] {
		padding-bottom: 0.375rem;
	}
	.dl-horizontal > dd[class*=col-lg-] {
		padding-top: 0.375rem;
	}
	.dl-horizontal.dl-striped > dt[class*=col-lg-] {
		padding-bottom: 0.375rem;
	}
	.dl-horizontal.dl-striped > dd[class*=col-lg-] {
		padding-top: 0.375rem;
	}
}
@media screen and (max-width: 1199px) {
	.dl-horizontal > dt[class*=col-xl-] {
		padding-bottom: 0.375rem;
	}
	.dl-horizontal > dd[class*=col-xl-] {
		padding-top: 0.375rem;
	}
	.dl-horizontal.dl-striped > dt[class*=col-xl-] {
		padding-bottom: 0.375rem;
	}
	.dl-horizontal.dl-striped > dd[class*=col-xl-] {
		padding-top: 0.375rem;
	}
}

.modal > .modal-dialog .dl-horizontal > dt,
.modal > .modal-dialog .dl-horizontal > dd {
	font-size: 0.75rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}


ul.arrow-down-list {
	list-style: none;
	padding: 0;
}
section > ul.arrow-down-list:last-child {
	margin-bottom: 0 !important;
}

ul.arrow-down-list > li {
	position: relative;
	background-color: rgba(0, 0, 0, 0.025);		/* BK-5 */
	word-break: break-all;
	margin: 0 0 2rem 0 !important;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
ul.arrow-down-list > li:last-child {
	margin-bottom: 0 !important;
	text-align: center;
}

ul.arrow-down-list > li.st-START + li.st-,
ul.arrow-down-list > li.st-CHECKED + li.st-,
ul.arrow-down-list > li.st-APPROVED + li.st-,
ul.arrow-down-list:not([class*="st-REJECTED"]) > li[class*="st-REJECTED"] + li.st- {
	background-color: #D9E6EF !important;			/* BLUE-LIGHT    */
}
form.st-CANCELED ul.arrow-down-list > li.st-START + li {
	background-color: rgba(0, 0, 0, 0.025) !important;		/* BK-5 */
}
.list-form > li.st-ACTIVE,
ul.arrow-down-list > li[class*="st-REJECTED"],
ul.arrow-down-list > li.st-REWOUND,
ul.arrow-down-list > li.st-CANCELED {
	background-color: #FDE1E6 !important;			/* PINK-LIGHT    */
}

ul.arrow-down-list.st-REWOUND > li.st-,
ul.arrow-down-list.st-REWOUND > li.st- ~ li,
ul.arrow-down-list[class*="st-REJECTED"] > li[class*="st-REJECTED"] ~ li,
ul.arrow-down-list.st-REWOUND > li.st-REWOUND ~ li,
ul.arrow-down-list[class*="st-REJECTED"] > li[class*="st-REJECTED"]::after,
ul.arrow-down-list.st-REWOUND > li.st-REWOUND::after,
ul.arrow-down-list[class*="st-REJECTED"] > li[class*="st-REJECTED"] ~ li::after,
ul.arrow-down-list.st-REWOUND > li.st-REWOUND ~ li::after,
ul.arrow-down-list[class*="st-REJECTED"] > li[class*="st-REJECTED"] ~ li,
ul.arrow-down-list.st-CANCELED > li.st-CANCELED ~ li,
ul.arrow-down-list[class*="st-REJECTED"] > li[class*="st-REJECTED"]::after,
ul.arrow-down-list.st-CANCELED > li.st-CANCELED::after,
ul.arrow-down-list[class*="st-REJECTED"] > li[class*="st-REJECTED"] ~ li::after,
ul.arrow-down-list.st-CANCELED > li.st-CANCELED ~ li::after {
	opacity: 0.4;
}

ul.arrow-down-list > li:last-child {
	margin-bottom: 0 !important;
	text-align: center;
}
ul.arrow-down-list > li:not(:last-child)::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 100%);
	content: "\f063";
	display: block;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	line-height: 2rem;
	text-align: center;
}
ul.arrow-down-list > li .appr-name {
	white-space: nowrap;
}
ul.arrow-down-list > li .approval-user-role {
	font-size: 0.75rem;
	color: #6c757d !important;
}
ul.arrow-down-list > li .approval-notice {
	font-size: 0.75rem;
	color: #F0506E !important;
}
ul.arrow-down-list > li .approval-date-status {
	font-size: 0.75rem;
	color: #6c757d !important;
}
ul.arrow-down-list > li[class*="st-REJECTED"] ~ li.st- .approval-date-status,
ul.arrow-down-list > li.st-CANCELED ~ li.st- .approval-date-status,
ul.arrow-down-list > li.st-STOPPED ~ li.st- .approval-date-status {
	display: none;
}
ul.arrow-down-list > li .approval-msg-text {
	font-weight: 700;
	margin: 0.25rem 0 0 0;
}
ul.arrow-down-list > li[class*="st-REJECTED"] ~ li.st- .approval-msg-text,
ul.arrow-down-list > li.st-CANCELED ~ li.st- .approval-msg-text,
ul.arrow-down-list > li.st-STOPPED ~ li.st- .approval-msg-text {
	display: none;
}

ul.arrow-down-list > li.st-APPROVED .appr-name:not(.active),
ul.arrow-down-list > li[class*="st-REJECTED"] .appr-name:not(.active) {
	font-size: 0.75rem;
}

.appr-name:not(:empty)[data-suffix]::after {
	content: attr(data-suffix);
	font-size: 90%;
	font-weight: normal;
	margin: 0;
}


/* 却下-再申請ステータス */
ul.arrow-down-list.st-PREV-ATTACH .st-START,
ul.arrow-down-list.st-PREV-ATTACH .st-DRAFT,
ul.arrow-down-list.st-PREV-ROYALTOR .st-START,
ul.arrow-down-list.st-PREV-ROYALTOR .st-DRAFT,
ul.arrow-down-list.st-PREV-ROYALTOR .st-ATTACH,
ul.arrow-down-list.st-PREV-LEG_CHECK .st-START,
ul.arrow-down-list.st-PREV-LEG_CHECK .st-DRAFT,
ul.arrow-down-list.st-PREV-LEG_CHECK .st-ATTACH,
ul.arrow-down-list.st-PREV-LEG_CHECK .st-ROYALTOR,
ul.arrow-down-list.st-PREV-ROY_CHECK .st-START,
ul.arrow-down-list.st-PREV-ROY_CHECK .st-DRAFT,
ul.arrow-down-list.st-PREV-ROY_CHECK .st-ATTACH,
ul.arrow-down-list.st-PREV-ROY_CHECK .st-ROYALTOR,
ul.arrow-down-list.st-PREV-ROY_CHECK .st-LEG_CHECK,
ul.arrow-down-list.st-PREV-WARS .st-START,
ul.arrow-down-list.st-PREV-WARS .st-DRAFT,
ul.arrow-down-list.st-PREV-WARS .st-ATTACH,
ul.arrow-down-list.st-PREV-WARS .st-ROYALTOR,
ul.arrow-down-list.st-PREV-WARS .st-LEG_CHECK,
ul.arrow-down-list.st-PREV-WARS .st-ROY_CHECK {
	opacity: 0.4;
}
ul.arrow-down-list.st-PREV-ATTACH .st-START .approval-msg-text,
ul.arrow-down-list.st-PREV-ATTACH .st-DRAFT .approval-msg-text,
ul.arrow-down-list.st-PREV-ROYALTOR .st-START .approval-msg-text,
ul.arrow-down-list.st-PREV-ROYALTOR .st-DRAFT .approval-msg-text,
ul.arrow-down-list.st-PREV-ROYALTOR .st-ATTACH .approval-msg-text,
ul.arrow-down-list.st-PREV-LEG_CHECK .st-START .approval-msg-text,
ul.arrow-down-list.st-PREV-LEG_CHECK .st-DRAFT .approval-msg-text,
ul.arrow-down-list.st-PREV-LEG_CHECK .st-ATTACH .approval-msg-text,
ul.arrow-down-list.st-PREV-LEG_CHECK .st-ROYALTOR .approval-msg-text,
ul.arrow-down-list.st-PREV-ROY_CHECK .st-START .approval-msg-text,
ul.arrow-down-list.st-PREV-ROY_CHECK .st-DRAFT .approval-msg-text,
ul.arrow-down-list.st-PREV-ROY_CHECK .st-ATTACH .approval-msg-text,
ul.arrow-down-list.st-PREV-ROY_CHECK .st-ROYALTOR .approval-msg-text,
ul.arrow-down-list.st-PREV-WARS .st-START .approval-msg-text,
ul.arrow-down-list.st-PREV-WARS .st-DRAFT .approval-msg-text,
ul.arrow-down-list.st-PREV-WARS .st-ATTACH .approval-msg-text,
ul.arrow-down-list.st-PREV-WARS .st-ROYALTOR .approval-msg-text,
ul.arrow-down-list.st-PREV-WARS .st-LEG_CHECK .approval-msg-text,
ul.arrow-down-list.st-PREV-WARS .st-ROY_CHECK .approval-msg-text {
	font-weight: 300 !important;
}

/* .stay-days */
ul.arrow-down-list > li .stay-days {
	position: absolute;
	top: -0.275rem;
	right: 0.5rem;
	display: block;
	width: 3rem;
	height: 3rem;
	background-color: #FFF;
	line-height: 2rem;
	font-size: 1.25rem;
	font-weight: 300;
	text-align: center;
	margin: 0 !important;
	padding: 1rem 0 0 0;
}
ul.arrow-down-list > li .stay-days::before {
	content: "滞留期間";
	display: block;
	width: 100%;
	background-color: #0061AB;
	line-height: 1rem;
	color: #FFF;
	font-size: 0.6rem;
	font-weight: 300;
	text-align: center;
	margin: -1rem 0 0 0;
}
ul.arrow-down-list > li .stay-days::after {
	content: "日";
	display: inline-block;
	line-height: 1rem;
	font-size: 0.6rem;
	font-weight: 300;
	margin: 0 0 0 0.15rem;
}
ul.arrow-down-list > li[class*="st-REJECTED"] ~ li.st- .stay-days,
ul.arrow-down-list > li.st-CANCELED ~ li.st- .stay-days,
ul.arrow-down-list > li.st-STOPPED ~ li.st- .stay-days {
	display: none;
}
@media screen and (max-width: 575px) {
	ul.arrow-down-list > li {
		min-height: 3.5rem;
	}
	ul.arrow-down-list > li .stay-days {
		top: -1.6rem;
		right: 0.25rem;
	}
}

/*----------------------------------*/
/* .popover
.popover {
	background-color: #FFF;
	border: none;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1);
}
.popover > .arrow::before {

}
.popover > .arrow::after {
	border-top-color: #FFF;
}
.popover > .popover-body {
	font-size: 0.75rem;
}
*/


/*----------------------------------*/
/* .tooltip */
.tooltip.show {
	display: block !important;
	opacity: 1;
}
.tooltip.bs-tooltip-top {
	padding-top: 0;
}
.tooltip.bs-tooltip-bottom {
	padding-bottom: 0;
}
.tooltip.bs-tooltip-top > .arrow::before {
	border-top-color: #FFF;
}
.tooltip.bs-tooltip-bottom > .arrow::before {
	border-bottom-color: #FFF;
}

.tooltip > .tooltip-inner {
	max-width: 300px;
	background-color: #FFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1);
	font-size: 0.6rem;
	color: #404756;
	text-align: left;
}


.tooltip > .edit {
	position: absolute;
	right: 0;
	display: none;
	background-color: #FDC92E;			/* YELLOW        */
	color: #404756;
	font-size: 0.5rem;
	padding: 0 0.25rem;
	cursor: pointer;
}
.tooltip.bs-tooltip-top > .edit {
	bottom: 0.4rem;
}
.tooltip.bs-tooltip-bottom > .edit {
	top: 0.4rem;
}




/*----------------------------------*/
/* .pagination */
.pagination {
	justify-content: center !important;
	margin: 0;
}
.pagination > .page-item > .page-link {
	background-color: #FFF;
	border: none;
	border-radius: 0;
	color: rgb(0, 97, 170);			/* BLUE          */
	margin: 0;
}
.list-form + .pagination,
.list-form + .text-center > .pagination {
	margin-top: 3rem;
}
.pagination > .page-item.active > .page-link {
	background-color: rgb(0, 97, 170);			/* BLUE          */
	color: #FFF;
}
.pagination > .page-item > .page-link.prev,
.pagination > .page-item > .page-link.next {
	padding-right: 0.4rem;
	padding-left: 0.4rem;
}
.pagination > .page-item:not(.active) > .page-link:hover {
	background-color: #F2F7FB;			/* WB-5-W        */
}
.pagination > .page-item.disabled > .page-link {
	color: #DDD;
}

.list-form + div > .pagination {
	margin-top: -1rem;
}

/*----------------------------------*/
/* form */
form > h4 {
	width: calc(100% + 2rem);
	border-top: 1px solid #AAA;
	margin: 1rem -1rem 0.5rem -1rem;
	padding-top: 1rem;
}

form .col-form-label,
.form .col-form-label {
	font-weight: 700;
}
form .col-form-label > .badge-required,
.form .col-form-label > .badge-required {
	border-radius: 0;
	font-size: 0.75rem;
	font-weight: 300;
}


.table th > .col-form-label {
	margin: 0;
	padding: 0;
}
.table th > .col-form-label > .badge-required:first-child {
	margin-right: 0.5rem;
	margin-left: 0;
}

.form-group.disabled * {
	opacity: 0.3;
}

h5.disabled,
.col-form-label.disabled {
	color: #CCC;
}
h5.disabled > .badge-required,
.col-form-label.not-required > .badge-required,
.col-form-label.disabled > .badge-required {
	display: none;
}

.col-form-label[data-show-in-disabled].disabled::after {
	content: attr(data-show-in-disabled);
	color: #17a2b8 !important;
	font-size: 0.75rem;
	font-weight: 300;
	opacity: 1 !important;
}

.form-control[type="number"],
.form-control[type="email"],
.form-control[type="url"],
.form-control[type="tel"],
.form-control[type="password"],
.input-date,
.ime-off {
	ime-mode: disabled !important;
}

.input-num {
	ime-mode: disabled !important;
	text-align: right;
}
.input-yen {
	ime-mode: disabled !important;
	text-align: right;
}

.list-form .form-control[readonly]:not([disabled]) {
	background-color: #FFF;
}
.list-form .input-group > .input-group-prepend > .input-group-text,
.list-form .input-group > .input-group-append > .input-group-text {
	background-color: #DDD;
}


select.form-control {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23DDDDDD%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: top 55% right 0.75rem;
	background-size: 0.65rem auto, 100%;
}

/* rate */
[id^="app.CurrencyID"]:not(:disabled) ~ .current-rate:not(:empty) {
	opacity: 1;
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, 0.4);
	color: #FFF !important;
	font-size: 0.5rem;
	padding: 0.1rem 0.5rem;
}
.list-form .current-rate {
	bottom: calc(31px + 0.1rem - 8px);
	right: 0.1rem;
	display: none;
}
.form-group > .current-rate {
	bottom: calc(38px + 0.5rem - 1px);
	right: 15px;
}

.form-control,
.custom-select,
.custom-file-control,
.custom-file-control::before,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append > .input-group-text {
	border-radius: 0 !important;
	border-color: #DDD;
	font-weight: 300;
	padding: 0.375rem 0.75rem !important;
	ime-mode: active;
}
.form-control[readonly]:not(:disabled) {
	background-color: #F0F0F0;
}
.form-control[disabled] {
	background-color: #F7F7F7;
	color: #DDD;
}

.list-form-input .form-control[disabled][readonly],
.list-form-input .form-control[disabled][data-readonly],
.list-form-input .form-control[disabled][data-readonly] ~ .select2-container--default.select2-container--disabled .select2-selection--single {
	cursor: not-allowed;
}

.list-form-input .form-control[name^="app.ItemNo."]:not([disabled]),
.list-form-input .form-control[name^="app.DeptName."]:not([disabled]),
.list-form-input .form-control[name^="app.EmployeeName."]:not([disabled]),
.list-form-input .form-control[name^="app.ReleaseDt."]:not([disabled]),
.list-form-input .form-control[name^="app.LabelName."]:not([disabled]) {
	cursor: pointer !important;
}

.list-form-input > li.row .custom-control-inline {
	margin: 0.35rem 0.25rem 0.3rem 0.25rem;
}

select.form-control > option:disabled {
	display: none;
}

.form-check {
	margin: 0.25rem 0;
}
.form-check-inline + .form-check-inline {
	margin-left: .75rem;
}

.form-control.input-date,
.form-control.input-yen {
	ime-mode: disabled;
}
.form-control.input-date[readonly]:not(:disabled),
.form-control.input-birthday[readonly]:not(:disabled) {
	background-color: #FFF;
}

/* .input-group */
.form-control[required]:not(:disabled):not(:required),
.custom-select[required],
.custom-file-control[required],
.custom-file-control[required]::before,
.input-group[required] > .input-group-prepend > .input-group-text,
.input-group[required] > .input-group-append > .input-group-text {
	border-radius: 0;
	border-color: #666;
}
.input-group > .input-group-prepend.no-bb > .input-group-text,
.input-group > .input-group-append.no-bb > .input-group-text {
	background-color: transparent;
	border: none;
}

/* .custom-control */
.custom-control,
.custom-control-label {
	cursor: pointer;
}
.custom-radio,
.custom-checkbox {
	margin-top: 0.5rem;
	margin-bottom: 0;
}
.custom-control-label::before,
.custom-control-label::after {
	top: 0.2rem;
}

.custom-control:not(.custom-radio):not(.custom-checkbox),
.custom-control:not(.custom-radio):not(.custom-checkbox) > .custom-control-label {
	cursor: default;
}
.custom-control:not(.custom-radio):not(.custom-checkbox) > .custom-control-label::before {
	display: none;
}
.custom-control-input[disabled],
.custom-control-input[disabled] ~ label {
	color: #AAA !important;
	cursor: not-allowed;
}

.click-clear:checked + .custom-control-label {
	overflow: visible;
}
.click-clear:checked + .custom-control-label::after {
	display: none;
}
.click-clear:checked + .custom-control-label:hover::after {
	content: "ダブルクリックでチェックを外せます";
	top: 0;
	left: -1rem;
	transform: translateY(-100%);
	display: block;
	width: 9rem;
	height: 1rem;
	background-color: #666;
	background-image: none !important;
	border-radius: none;
	color: #FFF;
	font-size: 0.5rem;
	line-height: 1rem;
	white-space: no-wrap;
	padding: 0 0.25rem;
}

select.form-control > option:disabled {
	display: none;
}


.input-group .btn,
.input-group-sm .btn {
	border-radius: 0 !important;
}
.input-group .custom-control {
	margin: 0;
}
.input-group.required > .form-control:not(:disabled) {
	border-color: #666;
}
.input-group.required > .form-control:not(:disabled) ~ .input-group-prepend > .input-group-text,
.input-group.required > .form-control:not(:disabled) ~ .input-group-append > .input-group-text {
	border: 1px solid #666;
}

.form-check {
	margin: 0.25rem 0;
}
.form-check-inline + .form-check-inline {
	margin-left: .75rem;
}


.input-group-sm > p.form-control-plaintext {
	height: calc(1.5em + 0.75rem + 2px);
	background-color: #F0F0F0;
	border-color: #F0F0F0;
	padding: 0.375rem 0.5rem;
}
p.form-control-plaintext[rows] {
	height: auto !important;
}
p.form-control-plaintext[rows="3"] {
	min-height: 4.5rem !important;
}
p.form-control-plaintext[rows="5"] {
	min-height: 7.5rem !important;
}

p.form-control-plaintext:empty[placeholder]::after {
	content: attr(placeholder);
	color: #DDD;
}

/* .alt-input-group
.alt-input-group {
	margin: 0.1rem 0 !important;
}
.alt-input-group > [class^=col-] {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.alt-input-group > .col-2 {
	align-self: center!important;
}
.alt-input-group > .col-2 > .btn {
	overflow: hidden;
	width: calc(100% + 1px);
	height: 2rem;
	line-height: 2rem;
	margin: 0 0 0 -1px;
	padding: 0;
}
.alt-input-group[data-exptype="仮払金申請"] > .col-10,
.alt-input-group[data-exptype="仮払金戻し"] > .col-10 {
	width: 100%;
	max-width: 100%;
	flex-basis: 100%;
}
.alt-input-group[data-exptype="仮払金申請"] > .col-2,
.alt-input-group[data-exptype="仮払金戻し"] > .col-2,
.alt-input-group[data-exptype="仮払金申請"] > .col-2 > .btn.exp-search-btn,
.alt-input-group[data-exptype="仮払金戻し"] > .col-2 > .btn.exp-search-btn {
	display: none;
	width: 0;
	max-width: 0;
	flex-basis: 0;
}
*/

/* striped */
form.form-striped > .form-group {
	background-color: transparent;
	margin: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
form.form-striped > .form-group:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.025);
}
form.form-striped > .form-group:not(.row) {
	padding-right: 15px;
	padding-left: 15px;
}

/* basic style */
form .form-group {
	margin: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
form .form-group > .col-form-label,
.form .form-group > .col-form-label {
	display: block;
	width: 100%;
}
form .form-group > .col-form-label > .badge-required,
.form .form-group > .col-form-label > .badge-required {
	float: left;
	margin: 0 0.5rem 0 0;
}
form .form-group > .col-form-label > .fa-question-circle,
.form .form-group > .col-form-label > .fa-question-circle {
	margin: 0 0 0 0.5rem;
}
.fa-question-circle:not(.active) {
	display: none;
}


form > .form-group:last-child > button {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
.modal form > .form-group:last-child > button {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* .form-horizontal */
@media screen and (min-width: 576px) {
	.form-horizontal > .form-group > .col-form-label[class*=col-sm-]:not(.col-12) {
		text-align: right;
		padding-right: 3rem;
	}
	.form-horizontal > .form-group > .col-form-label[class*=col-sm-]:not(.col-12) > .badge-required {
		float: right;
		margin: 0 -3rem 0 0.5rem;
	}
}
@media screen and (min-width: 768px) {
	.form-horizontal > .form-group > .col-form-label[class*=col-sm-]:not(.col-12),
	.form-horizontal > .form-group > .col-form-label[class*=col-md-]:not(.col-12) {
		text-align: right;
		padding-right: 3rem;
	}
	.form-horizontal > .form-group > .col-form-label[class*=col-sm-]:not(.col-12) > .badge-required,
	.form-horizontal > .form-group > .col-form-label[class*=col-md-]:not(.col-12) > .badge-required {
		float: right;
		margin: 0 -3rem 0 0.5rem;
	}
}
@media screen and (min-width: 992px) {
	.form-horizontal > .form-group > .col-form-label[class*=col-sm-]:not(.col-12),
	.form-horizontal > .form-group > .col-form-label[class*=col-md-]:not(.col-12),
	.form-horizontal > .form-group > .col-form-label[class*=col-lg-]:not(.col-12) {
		text-align: right;
		padding-right: 3rem;
	}
	.form-horizontal > .form-group > .col-form-label[class*=col-sm-]:not(.col-12) > .badge-required,
	.form-horizontal > .form-group > .col-form-label[class*=col-md-]:not(.col-12) > .badge-required,
	.form-horizontal > .form-group > .col-form-label[class*=col-lg-]:not(.col-12) > .badge-required {
		float: right;
		margin: 0 -3rem 0 0.5rem;
	}
}
@media screen and (min-width: 1200px) {
	.form-horizontal > .form-group > .col-form-label[class*=col-sm-]:not(.col-12),
	.form-horizontal > .form-group > .col-form-label[class*=col-md-]:not(.col-12),
	.form-horizontal > .form-group > .col-form-label[class*=col-lg-]:not(.col-12),
	.form-horizontal > .form-group > .col-form-label[class*=col-xl-]:not(.col-12) {
		text-align: right;
		padding-right: 3rem;
	}
	.form-horizontal > .form-group > .col-form-label[class*=col-sm-]:not(.col-12) > .badge-required,
	.form-horizontal > .form-group > .col-form-label[class*=col-md-]:not(.col-12) > .badge-required,
	.form-horizontal > .form-group > .col-form-label[class*=col-lg-]:not(.col-12) > .badge-required,
	.form-horizontal > .form-group > .col-form-label[class*=col-xl-]:not(.col-12) > .badge-required {
		float: right;
		margin: 0 -3rem 0 0.5rem;
	}
}

form .form-group.row > .custom-radio,
form .form-group.row > .custom-checkbox {
	margin-top: 0;
}


/* .no-gutter */
.row.no-gutter,
.form-group.row.no-gutter {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.row.no-gutter > [class^=col-],
.form-group.row.no-gutter > [class^=col-] {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/* .narrow-gutter */
.row.narrow-gutter,
.form-group.row.narrow-gutter {
	margin-right: -7.5px !important;
	margin-left: -7.5px !important;
}
.row.narrow-gutter > [class^=col-],
.form-group.row.narrow-gutter > [class^=col-] {
	padding-right: 7.5px !important;
	padding-left: 7.5px !important;
}

/* .gap-text */
.row > [class^=col-] > .gap-text,
.form-group.row > [class^=col-] > .gap-text {
	float: left;
	display: block;
	width: 30px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin: 0 0 0 -30px;
}
.row > [class^=col-] > .gap-text.d-lg-inline-block {
	float: left;
	display: block;
	width: 30px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin: 0 0 0 -30px;
}
.modal form .gap-text {
	height: 31px !important;
	line-height: 31px !important;
}

/* .input-group */
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append > .input-group-text {
	background-color: #F0F0F0;
	border: none;
	border-radius: 0;
	font-size: inherit;
	font-weight: 300;
}
.input-group > .input-group-prepend > .input-group-text.unstyled,
.input-group > .input-group-append > .input-group-text.unstyled {
	background-color: transparent;
	border-color: transparent;
}

.input-group > .input-group-prepend > [class="btn"],
.input-group > .input-group-append > [class="btn"] {
	background-color: transparent;
	border-color: #999;
}

.input-group > .input-group-prepend.w-icon + .form-control {
	border-left: none;
}
.input-group > .input-group-append.w-icon + .form-control {
	border-right: none;
}
/* .custom-control */
.custom-control-label {
	cursor: pointer;
}
.custom-radio,
.custom-checkbox {
	margin-top: 0.5rem;
	margin-bottom: 0;
}
.custom-control-label::before,
.custom-control-label::after {
	top: 0.2rem;
}



.custom-file-control::before {
	content: "Browse";
}
.custom-file-control:empty::after {
	content: "Choose file...";
}

.form-control-plaintext {
	word-break: break-all;
	min-height: 38px;
}

.input-group > .form-control-plaintext {
	position: relative;
	overflow: hidden;
	flex: 1 1 auto;
	width: 1%;
	white-space: nowrap;
	margin-bottom: 0;
}

div.form .form-control-plaintext,
.form-control-plaintext.bg,
form.wfl-form-view .form-control-plaintext,
form.wfl-form-approve .form-control-plaintext,
form.wfl-form-check .form-control-plaintext,
.form-control-plaintext.disabled {
	min-height: 35px;
	background-color: #F0F0F0;
	padding: 0.375rem 0.75rem;
}

section.view .col-form-label,
section.approve .col-form-label,
section.check .col-form-label {
	font-weight: 700;
}


/*----------------------------------*/
/* validation */
.custom-radio .custom-control-input:indeterminate ~ .custom-control-indicator,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
	background-color: #DDD;
	background-image: none;
}
.was-validated .custom-radio .custom-control-input:valid ~ .custom-control-indicator,
.was-validated .custom-checkbox .custom-control-input:valid ~ .custom-control-indicator {
	background-color: #DDD;
}
.was-validated .custom-radio .custom-control-input:invalid ~ .custom-control-indicator,
.was-validated .custom-checkbox .custom-control-input:invalid ~ .custom-control-indicator {
	background-color: rgba(220, 53, 69, 0.25);
}

.was-validated .custom-radio .custom-control-input:checked ~ .custom-control-indicator {
	background-color: #007bff !important;
}
.was-validated .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
	background-color: #007bff !important;
}
.was-validated .custom-control-input:valid ~ .custom-control-description {
	color: inherit;
}

.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
	color: initial;
}
.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
	background-color: #007bff;
}
.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
	background-color: #dee2e6;
}
.custom-control-input.is-valid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 1px #FFF, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid {
	border-color: #EEE;
}
.custom-select.is-valid[required],
.form-control.is-valid[required],
.was-validated .custom-select:valid[required],
.was-validated .form-control:valid[required] {
	border-color: #666;
}

.form-control.is-valid,
.form-control.is-invalid,
.was-validated .form-control:valid,
.was-validated .form-control:invalid,
.form-control.not-select2.is-valid,
.form-control.not-select2.is-invalid,
.was-validated .form-control.not-select2:valid,
.was-validated .form-control.not-select2:invalid {
	padding-right: 0.75rem !important;
}
.list-form .form-control.is-valid,
.list-form .form-control.is-invalid,
.was-validated .list-form .form-control:valid,
.was-validated .list-form .form-control:invalid,
.list-form .form-control.not-select2.is-valid,
.list-form .form-control.not-select2.is-invalid,
.was-validated .list-form .form-control.not-select2:valid,
.was-validated .list-form .form-control.not-select2:invalid {
	padding-right: 0.25rem !important;
}

.form-control.is-valid:not(.is-invalid),
.was-validated .form-control:valid:not(.is-invalid) {
	background: none !important;
	background-color: #FFF !important;
}
.form-control.is-invalid:not(:disabled),
.was-validated .form-control:invalid:not(:disabled) {
	border-color: #dc3545 !important;
	background: none !important;
	background-color: #f9f2f4 !important;
}


.input-info {
	color: #17A2B8;
	font-size: 0.75rem;
	margin: 0.25rem 0 0 0;
}
.form-control + .invalid-feedback::before {
	display: none;
}
.was-validated .form-control:invalid:placeholder-shown + .invalid-feedback::before {
/*	content: "必須で入力してください";	*/
	display: block;
}
.form-control:invalid:not(:placeholder-shown) + .invalid-feedback::before {
/*	content: "入力が正しくありません";	*/
	display: block;
}
[type="password"].form-control:invalid:not(:placeholder-shown) + .invalid-feedback::before {
	content: "入力が正しくありません（8〜64文字の英数記号（a-zA-Z0-9!#\$%&0=\~\|））";
	display: block;
}

.aside-jpy,
.aside-frgn {
	color: #6c757d;
	font-size: 0.75rem;
	text-align: right;
	margin: 0;
}
.aside-jpy:empty,
.form-group.disabled .aside-jpy,
.form-group .input-group.disabled ~ .aside-jpy,
.form-group.disabled .aside-frgn,
.form-group .input-group.disabled ~ .aside-frgn {
	display: none;
}
.aside-jpy.is-invalid,
.aside-jpy.is-invalid,
.aside-frgn.is-invalid,
.aside-frgn.is-invalid {
	color: #F0506E;
}

/*----------------------------------*/
/* placeholder */
:placeholder-shown {
	color: #DDD !important;
	font-weight: 300;
}
:-moz-placeholder {
	color: #DDD !important;
	font-weight: 300;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #DDD !important;
	font-weight: 300;
}
::-moz-placeholder {
	color: #DDD !important;
	font-weight: 300;
	opacity: 1;
}
::-webkit-input-placeholder {
	color: #DDD !important;
	font-weight: 300;
}

.is-invalid:placeholder-shown,
.was-validated .is-invalid:placeholder-shown,
.was-validated :invalid:placeholder-shown {
	color: #dc3545 !important;
}
.is-invalid:-moz-placeholder,
.was-validated .is-invalid:-moz-placeholder,
.was-validated :invalid:-moz-placeholder {
	color: #dc3545 !important;
	opacity: 1;
}
.is-invalid:-ms-input-placeholder,
.was-validated .is-invalid:-ms-input-placeholder,
.was-validated :invalid:-ms-input-placeholder {
	color: #dc3545 !important;
}
.is-invalid::-moz-placeholder,
.was-validated .is-invalid::-moz-placeholder,
.was-validated :invalid::-moz-placeholder {
	color: #dc3545 !important;
	opacity: 1;
}
.is-invalid::-webkit-input-placeholder,
.was-validated .is-invalid::-webkit-input-placeholder,
.was-validated :invalid::-webkit-input-placeholder {
	color: #dc3545 !important;
}

/*----------------------------------*/
/* .btn-group */
.btn-group.btn-group-justify {
	width: 100%;
}

/*----------------------------------*/
/* .card */
.card {
	display: block;
	background-color: #FFF;
	border: 1px solid #FFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 0.5rem;
	text-align: center;
	margin: 0.5rem 0;
	transition-duration: 0.5s;
}
.card:hover {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.card.disabled,
.card.disabled:hover {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	cursor: not-allowed;
}
.card[data-badge-number]:not([data-badge-number=""]):not([data-badge-number="0"])::after {
	content: attr(data-badge-number);
	position: absolute;
	top: -1rem;
	right: -1rem;
	display: block;
	min-width: 2rem;
	height: 2rem;
	background-color: #0061AB;
	border-radius: 1rem;
	line-height: 2rem;
	text-align: center;
	color: #FFF;
	font-weight: 700;
	padding: 0 0.5rem;
}
.card > .avatar-img {
	width: 5rem;
	height: 5rem;
	line-height: 2rem;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 1.5rem auto 0 auto;
	padding: 1.5rem 0;
}
.card:hover > .avatar-img {
	background-color: rgba(0, 0, 0, 0.08);
}
.card > .avatar-img > img {
	width: auto;
	height: 2rem;
	max-width: 5rem;
	border: none;
	margin: 0 auto;
}
.card > .avatar-img > i {
	color: rgb(0, 97, 170);
	font-size: 2rem;
	margin: -0.2rem 0 0 0.3rem;
}
.card > .card-body {
	overflow: hidden;
	color: #404756;
}
.card > .card-body > h4 {
	margin: 0 0 0.5rem 0;
}
.card.disabled * {
	opacity: 0.3;
}

.card > .card-body > p {
	color: #AAA;
	margin: 0;
}
.card > .card-body > p[rows="2"] {
	overflow: hidden;
	height: 2.6rem;
	line-height: 1.3;
}

.card > .card-footer {
	border: none;
	border-top: 1px solid #E6E6E6;
	padding: 0;
}
.card > .card-footer::after {
	content: "";
	clear: both;
	display: block;
}
.card > .card-footer > div {
	float: left;
	width: calc(100% / 2);
	padding: 0.3rem 0.25rem 0.5rem 0.25rem;
}
.card > .card-footer > div:first-child {
	border-right: 1px solid #E6E6E6;
}
.card > .card-footer > div > p {
	font-size: 0.75rem;
	color: #333;
}
.card > .card-footer > div > p:first-child {
	color: #AAA;
}
.card > .card-footer > div > p + p {
	margin-top: 0.25rem
}

/*----------------------------------*/
/* sizing */
/* width */
.w100 { width: 100% !important; }

.w-10 { width: 10px !important; }
.w-20 { width: 20px !important; }
.w-30 { width: 30px !important; }
.w-40 { width: 40px !important; }
.w-50 { width: 50px !important; }
.w-60 { width: 60px !important; }
.w-70 { width: 70px !important; }
.w-80 { width: 80px !important; }
.w-90 { width: 90px !important; }
.w-100 { width: 100px !important; }
.w-120 { width: 120px !important; }
.w-140 { width: 140px !important; }
.w-150 { width: 150px !important; }
.w-160 { width: 160px !important; }
.w-180 { width: 180px !important; }
.w-200 { width: 200px !important; }
.w-250 { width: 250px !important; }
.w-300 { width: 300px !important; }

.w_1_2 { width: calc(100% / 2 * 1) !important; }
.w_1_3 { width: calc(100% / 3 * 1) !important; }
.w_2_3 { width: calc(100% / 3 * 2) !important; }
.w_1_4 { width: calc(100% / 4 * 1) !important; }
.w_2_4 { width: calc(100% / 4 * 2) !important; }
.w_3_4 { width: calc(100% / 4 * 3) !important; }
.w_1_5 { width: calc(100% / 5 * 1) !important; }
.w_2_5 { width: calc(100% / 5 * 2) !important; }
.w_3_5 { width: calc(100% / 5 * 3) !important; }
.w_4_5 { width: calc(100% / 5 * 4) !important; }
.w_1_6 { width: calc(100% / 6 * 1) !important; }
.w_2_6 { width: calc(100% / 6 * 2) !important; }
.w_3_6 { width: calc(100% / 6 * 3) !important; }
.w_4_6 { width: calc(100% / 6 * 4) !important; }
.w_5_6 { width: calc(100% / 6 * 5) !important; }


/*----------------------------------*/
/* */


/*----------------------------------*/
/* */


/*=======================================================================*/
/* MODIFY BOOTSTRAP */
/*=======================================================================*/

p {
	margin: 0;
}
p + p {
	margin-top: 0.75rem;
}


/*----------------------------------*/
/* body */
/*----------------------------------*/
/* .nav-tabs */
.nav-tabs {
	border: none;
}
.nav-tabs > .nav-item {
	border: none;
	border-radius: 0;
	margin: 0 0.2rem 0 0;
}
.nav-tabs > .nav-item > .nav-link {
	background-color: rgba(0, 0, 0, 0.025);
	border: none;
	border-top: 2px solid transparent;
	border-radius: 0;
	color: #BBB;
}
.nav-tabs > .nav-item > .nav-link[href^="#"] {
	transition-duration: 0.5s;
}
.nav-tabs > .nav-item > .nav-link.active {
	background-color: transparent;
	border-top: 2px solid rgb(0, 97, 170);
	color: rgb(0, 97, 170);
}
.nav-tabs > .nav-item > .nav-link:hover:not(.active) {
	border-top: 2px solid #99C0DD;			/* WB-40-W       */
	background-color: rgba(0, 0, 0, 0.1);
}

.nav-tabs > .nav-item > .nav-link > .badge {
	margin-left: 0.5rem;
}
.nav-tabs > .nav-item > .nav-link:not(.active) > .badge {
	opacity: 0.5;
}

.nav-tabs > .stick-to-right {
	margin-left: auto;
	padding: 0.25rem 0 0 0;
}


@media screen and (max-width: 575px) {
	.nav-tabs > .nav-item > .nav-link {
		padding: 0.5rem 0.75rem;
	}
}

/*----------------------------------*/
/* .row-tabs */
.row-tabs > .nav-tabs {
	display: none;
}
@media screen and (max-width: 767px) {
	.row-tabs {
		margin: 0;
	}
	.row-tabs > .nav-tabs {
		display: block;
		width: 100%;
		margin: 0 0 1rem 0;
	}
	.row-tabs > .nav-tabs > .nav-item,
	.row-tabs > .nav-tabs > .nav-item > .nav-link {
		display: inline-block;
	}

	.row-tabs > [class^=col-] {
		padding-right: 0;
		padding-left: 0;
	}
	.row-tabs > [class^=col-]:not(.active) {
		display: none;
	}
	.row-tabs > [class^=col-] > h4:first-child {
		display: none;
	}
}


/*=======================================================================*/
/* BASE LAYOUT */
/*=======================================================================*/
/*----------------------------------*/
/* header */
header {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: space-between !important;
	width: 100%;
	height: 3rem;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	padding: 0;
	z-index: 20000;
}
header.fixed {
	position: fixed;
}
header.st-WFL-DEV {
	background-color: rgba(240, 80, 110, 0.9);
}
header.st-WFL-TEST,
header.st-WFL-TEST2,
header.st-WFL-TEST3 {
	background-color: rgba(253, 201, 46, 0.9);
}

/*----------------------------------*/
/* .contents */
body > .contents {
	display: block;
	width: 100%;
	min-height: 100vh;
	margin: 0 auto;
	padding: 3rem 0;
}

/*----------------------------------*/
/* .side-menu */
.side-menu {
	position: fixed;
	top: 0;
	right: -260px;
	display: block;
	width: 260px;
	min-height: 100vh;
	background-color: #F2F2F2;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	transition-duration: 0.5s;
	z-index: 15000;
}
.side-menu.show {
	transform: translateX(-260px);
}

@media screen and (max-width: 575px) {
	body {
		min-height: calc(100vh - 74px);
	}
	header {
		height: 2.5rem;
	}
	body > .contents {
		min-height: calc(100vh - 74px);
		padding: 2.5rem 0 0 0;
	}
	.side-menu {
		min-height: calc(100vh - 74px);
	}
}


/*----------------------------------*/
/* .fixed-footer */
.fixed-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #FFF;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	padding: 0.75rem 2rem 0.75rem 0;
	z-index: 10000;
	transition-duration: 0.5s;
}
.fixed-footer.hide {
	transform: translateY(150%);
}
.fixed-footer > span.close {
	position: absolute;
	top: 0;
	right: 0;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	background-color: rgba(0, 0, 0, 0.3);
	color: #FFF;
	font-size: 1rem;
	font-weight: 300;
	text-align: center;
}
@media screen and (max-width: 575px) {
	.fixed-footer {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.fixed-footer {
		padding: 0.75rem 1.5rem 0.75rem 0;
	}
}


/*=======================================================================*/
/* HEADER STYLE */
/*=======================================================================*/

/*----------------------------------*/
/* header */
header > .brand {
	display: inline-block;
	background-color: #FFF;
	margin: 0;
	padding: 0;
}
header > .brand > a {
	overflow: hidden;
	display: block;
	height: 3rem;
	line-height: 2rem;
	color: #000;
	font-weight: 300;
	font-size: 1rem;
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;
	white-space: nowrap;
}
header > .brand > a > img {
	float: left;
	width: auto;
	height: 20.83px;
	margin-top: calc(20.83px * (653 / 1219 / 2));
	margin-right: calc(20.83px * (653 / 1219 / 2) + 0.4rem);
	margin-left: calc(20.83px * (653 / 1219 / 2));
	margin-bottom: calc(20.83px * (653 / 1219 / 2));
}

@media screen and (max-width: 575px) {
	header > .brand {
		margin: 0 0 0 0.25rem;
	}
	header > .brand > a {
		display: block;
		width: 49.86px;
		height: 40px;
		color: #FFF;
		padding: 0.25rem;
	}
}

/*----------------------------------*/
/* .header-navi */
header > .header-navi {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
header > .header-navi::after {
	content: "";
	display: block;
	clear: both;
}
header > .header-navi > li {
	float: left;
	position: relative;
	background-color: #FFF;
	margin: 0;
	transition-duration: 0.5s;
}
header > .header-navi > li > .badge {
	position: absolute;
	top: 1px;
	right: 2px;
	min-width: 1.2rem;
	height: 1.2rem;
	line-height: 1.2rem;
	background-color: #F0506E;			/* PINK          */
	border-radius: 0.6rem !important;
	color: #FFF;
	font-size: 0.75rem;
	font-weight: 300;
	text-align: center;
	padding: 0 0.25rem;
}
header > .header-navi > li > a {
	display: block;
	width: 3.3rem;
	height: 3rem;
	text-align: center;
	padding: 0.7rem 0 0 0;
}
header > .header-navi > li:hover,
header > .header-navi > li.show,
header > .header-navi > li.show:hover {
	background-color: rgb(0, 97, 170);
}
header > .header-navi > li > a > i {
	color: rgb(0, 97, 170);
	font-size: 1.5rem;
}
header > .header-navi > li:hover > a > i,
header > .header-navi > li.show > a > i,
header > .header-navi > li.show:hover > a > i {
	color: #FFF;
}

header > .header-navi > .menu > a {
	width: 3.1rem;
	padding-left: 0.15rem;
}
header > .header-navi > .menu:not(.show) > a > i.fa:last-child,
header > .header-navi > .menu.show > a > i.fa:first-child {
	opacity: 0;
	width: 0;
}

@media screen and (max-width: 575px) {
	header > .header-navi > li > .badge {
		font-size: 0.625rem;
	}
	header > .header-navi > li > a {
		width: 3rem;
		height: 2.5rem;
		padding: 0.5rem 0 0 0;
	}
}



/*----------------------------------*/
/* .dropdown-menu */
header .dropdown-menu {
	position: absolute !important;
	display: block !important;
	width: 15rem;
	left: auto !important;
	top: 3rem !important;
	right: 0 !important;
	border: none;
	border-radius: 0;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	padding: 0;
	transform: translateY(-200%) !important;
	transition-duration: 0.5s;
}
header .dropdown-menu.show {
	transform: translateY(0) !important;
}

header .dropdown-menu > .list-header {
	height: 2rem;
	line-height: 2rem;
	background-color: rgba(0, 97, 170, 0.05);
	font-size: 0.875rem;
	font-weight: 700;
	padding: 0 0.5rem;
}
header .dropdown-menu > .list-header > a {
	float: right;
	height: 2rem;
	line-height: 2rem;
	font-size: 0.75rem;
	font-weight: 300;
	padding: 0 0.25rem;
}

header .dropdown-menu > a {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	max-height: 3rem;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	color: #333;
	font-size: 0.75rem;
	margin: 0;
	padding: 0.5rem 0.5rem 0.5rem 2rem;
}
header .dropdown-menu > a:hover {
	background-color: rgba(0, 0, 0, 0.025);
}
header .dropdown-menu > a.unread::before {
	content: "";
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
	display: block;
	width: 0.6rem;
	height: 0.6rem;
	background-color: rgb(0, 97, 170);			/* BLUE          */
	border: none;
	border-radius: 100%;
}


/*=======================================================================*/
/* FOOTER STYLE */
/*=======================================================================*/
.to-top {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	display: block;
	width: 3rem;
	height: 3rem;
	background-color: rgba(0, 0, 0, 0.3);
	text-align: center;
	padding: 0.75rem 0 0 0;
	opacity: 0.5;
	z-index: 9000;
}
.menu-off .to-top {
	display: none;
}
.to-top:hover {
	opacity: 1;
}
.to-top > i {
	color: #FFF;
	font-size: 1.5rem;
}
@media screen and (max-width: 575px) {
	.to-top {
		bottom: 0.5rem;
		right: 0.5rem;
		width: 2rem;
		height: 2rem;
		padding: 0.25rem 0 0 0;
	}
}


/*=======================================================================*/
/* SIDE-MENU STYLE */
/*=======================================================================*/
/* .side-menu */
.side-menu {
	padding: 4rem 1rem 2rem 1rem;
}
.menu-off .side-menu {
	display: none;
}

.side-menu .user-profile {
	position: relative;
	background-color: rgba(0, 0, 0, 0.05);
	margin: 0 0 1.5rem 0;
	padding: 0.5rem;
}
.side-menu .user-profile > .avatar-img {
	float: left;
	text-align: center;
}
.side-menu .user-profile > .avatar-img > .fa {
	color: #404756;
	font-size: 2rem;
	line-height: 2rem;
	margin: -0.2rem 0 0 0.2rem;
}
.side-menu .user-profile.online::after {
	position: absolute;
	top: 2.75rem;
	left: 2.75rem;
	content: "";
	display: block;
	width: 0.875rem;
	height: 0.875rem;
	background-color: #29E849;
	border: 3px solid #E4E4E4;
	border-radius: 50%;
}
.side-menu .user-profile > .user-name {
	overflow: hidden;
	width: calc(100% - 4rem);
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 0.875rem;
	font-weight: 700;
	margin: 0 0 0 4rem;
}
.side-menu .user-profile > .user-section {
	overflow: hidden;
	width: calc(100% - 4rem);
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 0.75rem;
	margin: 0 0 0 4rem;
}

.side-menu > .btn-menu {
	width: 100%;
	margin: 0 0 2rem 0;
}
.side-menu > .btn-menu::after {
	content: "";
	display: block;
	clear: both;
}
.side-menu > .btn-menu > .btn {
	overflow: hidden;
	position: relative;
	float: left;
	width: 33.33%;
	border: none;
	border-radius: 0;
	text-align: center;
}
.side-menu > .btn-menu > .btn:hover {
	color: rgb(0, 97, 170);
}
.side-menu > .btn-menu > .btn > i {
	transition-duration: 0.5s;
	transform: translateY(-35%);
}
.side-menu > .btn-menu > .btn::after {
	content: attr(title);
	position: absolute;
	bottom: 0.05rem;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.625rem;
	transform: translateY(0);
}


.side-menu > .menu,
.side-menu > .menu ul {
	width: calc(100% + 2rem);
	margin: 0 -1rem;
	font-size: 0.875rem;
	padding: 0;
	transition-duration: 0.5s;
}
.side-menu ul::after {
	content: "";
	display: block;
	clear: both;
}
.side-menu > .menu li {
	overflow: hidden;
	float: left;
	display: block;
	width: 100%;
	color: #222;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	transition-duration: 0.5s;
}

.side-menu > .menu li:hover {
	background-color: rgba(0, 0, 0, 0.025);
}
.side-menu > .menu li > a {
	position: relative;
	display: block;
	width: 100%;
	color: #222;
	padding: 0.75rem 1.25rem;
	transition-duration: 0.5s;
}
.side-menu > .menu li > a:hover {
	background-color: rgb(0, 97, 170);
	color: #FFF;
}
.side-menu > .menu li > a > i {
	float: left;
	color: #222;
	font-size: 1.2rem;
	margin: 0 0.75rem 0 0;
	transition-duration: 0.5s;
}
.side-menu > .menu li > a:hover > i {
	color: #FFF;
}
.side-menu > .menu li > ul {
	overflow: hidden;
	width: calc(100% - 2rem);
	max-height: 0;
	background-color: #E7E7E7;
	border-left: 1px solid rgba(0, 0, 0, 0.05);
	margin: 0 0 0 2rem;
	padding: 0;
	transition: max-height 0.5s ease-in-out;
}
.side-menu > .menu li > a:not([href])::after {
	content: "\f105" !important;
	position: absolute;
	top: 0.8rem;
	right: 0.75rem;
	color: #AAA;
	font-size: 0.875rem;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free' !important;
	transform: rotateZ(90deg);
	transition-duration: 0.5s;
}
.side-menu > .menu li:hover > a:not([href])::after {
	color: #FFF;
}


.side-menu > .menu li.show > ul,
.side-menu > .menu li > ul.opened {
	max-height: 100rem;
	background-color: rgba(255, 255, 255, 0.5);
}
.side-menu > .menu li.show > a:not([href])::after {
	transform: rotateZ(-90deg);
}

.side-menu > .menu li > ul > li > a {
	padding-left: 1rem;
}

.side-menu > .footer {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2rem;
	background-color: #E7E7E7;
	border-top: 1px solid #EEE;
	padding: 0.1rem 0 0.15rem 0;
	z-index: 30000;
}
.side-menu > .footer > .rights {
	float: left;
	display: inline-block;
	height: 1.75rem;
	line-height: 1.75rem;
	font-size: 0.75rem;
	margin: 0;
	padding: 0;
}
.side-menu > .footer > .rights::after {
	display: none;
}
.side-menu > .footer > .rights > i {
	float: left;
	color: #404756;
	font-size: 1rem;
	line-height: 1.75rem;
}
.side-menu > .footer > .ver {
	float: right;
	height: 1.75rem;
	line-height: 1.75rem;
	color: #000;
	font-size: 0.75rem;
	margin: 0 0.25rem 0 0;
	padding: 0 0.25rem;
}

@media screen and (max-width: 575px) {
	.side-menu {
		height: calc(100vh - 74px);
		padding: 3rem 0.75rem 2rem 0.75rem;
	}
	.side-menu > .user-profile {
		margin-bottom: 0.5rem;
	}

	.side-menu > .btn-menu {
		margin-bottom: 1rem;
	}
	.side-menu > .btn-menu + h3 {
		display: none;
	}

	.side-menu > .menu,
	.side-menu > .menu ul {
		margin: 0 -0.75rem;
	}
	.side-menu > .menu li > a {
		padding: 0.5rem 1rem;
	}
	.side-menu > .menu li > ul::before {
		top: 0.55rem;
	}
	.side-menu > .menu > li > ul > li > ul:before {
		top: calc(36px + 0.55rem);
	}
}



/*=======================================================================*/
/* CONTENTS STYLE */
/*=======================================================================*/
/*----------------------------------*/
/* .contents-navi */
.contents-navi {
	display: block;
	width: 100%;
	background-color: #F0F0F0;
	transition-duration: 0.5s;
}
.contents-navi > .container > ul {
	overflow: hidden;
	list-style: none;
	height: 2.5rem;
	margin: 0;
	padding: 0;
}
.contents-navi > .container > ul::after {
	content: "";
	display: block;
	clear: both;
}
.contents-navi > .container > ul > li {
	float: left;
	margin: 0;
	padding: 0;
}
.contents-navi > .container > ul > li > a {
	display: block;
	width: auto;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 0.875rem;
	text-align: center;
	padding: 0 0.65rem;
}
.contents-navi > .container > ul > li > a > span {
	line-height: 2.5rem;
	font-size: 0.6rem;
}
.contents-navi > .container > ul > li > a:hover,
.contents-navi > .container > ul > li.active > a,
.contents-navi > .container > ul > li.active > a:hover {
	background-color: #FAFAFA;
}

/*----------------------------------*/
/* .mega-menu */
.contents-navi {
	position: relative;
}
.contents-navi .mega-menu {
	overflow: hidden;
	position: absolute;
	top: 2.5rem;
	left: 0;
	width: 100%;
	height: 0;
	background-color: #FAFAFA;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
	z-index: 1000;
	transition-duration: 0.5s;
}
.contents-navi > .container > ul > li:hover > a {
	background-color: #FAFAFA;
}
.contents-navi > .container > ul > li:hover > .mega-menu.st1 {
	height: calc(2rem + 1rem);
}
.contents-navi > .container > ul > li:hover > .mega-menu.st2 {
	height: calc(1.5rem * 2 + 1rem);
	overflow-y: scroll;
}
.contents-navi > .container > ul > li > .mega-menu + a > i {
	margin-left: 0.25rem;
}

.mega-menu ul {
	list-style: none;
	margin: 0.5rem 0;
	padding: 0;
}
.mega-menu ul::after {
	content: "";
	display: block;
	clear: both;
}
.mega-menu ul > li {
	float: left;
	margin: 0;
	padding: 0;
}
.mega-menu ul > li > a {
	display: block;
	width: auto;
	text-align: center;
	transition-duration: 0.5s;
}
.mega-menu.st1 ul > li > a {
	min-width: 5rem;
	height: 2rem;
	line-height: 2rem;
	font-size: 0.875rem;
	padding: 0 0.75rem;
}
.mega-menu.st2 ul > li > a {
	min-width: none;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 0.75rem;
	padding: 0 0.5rem;
}

.mega-menu ul > li > a:hover {
	background-color: rgb(0, 97, 170);
	color: #FFF;
}


@media screen and (max-width: 767px) {
	.contents-navi,
	.contents-navi > .container,
	.contents-navi > .container > ul,
	.contents-navi > .container ul > li:hover > .mega-menu {
		height: 2rem;
	}
	.contents-navi > .container {
		overflow-x: scroll;
		overflow-y: hidden;
		padding-right: calc(15px - 0.5rem);
		padding-left: calc(15px - 0.5rem);
	}
	.contents-navi > .container > ul > li > a {
		min-width: 4rem;
		height: 2rem;
		line-height: 2rem;
		font-size: 0.75rem;
		padding: 0 0.5rem;
	}

	.contents-navi .mega-menu {
		top: 2rem;
	}
	.contents-navi .mega-menu ul {
		margin: 0.25rem 0;
	}

	.mega-menu.st1,
	.mega-menu.st2 {
		overflow-y: scroll;
	}
	.mega-menu.st1 ul > li > a,
	.mega-menu.st2 ul > li > a {
		min-width: 4rem;
		height: 1.5rem;
		line-height: 1.5rem;
		font-size: 0.75rem;
		padding: 0 0.5rem;
	}
}

/* .status-navi */
.status-navi {
	display: inline-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin: 1rem 0 2rem 0;
	padding: 0 20px 0 0;
}
.status-navi > li {
	list-style: none;
	flex-grow: 1;
	position: relative;
	height: 2.5rem;
	background-color: #D9E6EF;
	line-height: 1.5rem;
	font-weight: 700;
	font-size: 0.875rem;
	text-align: center;
	white-space: nowrap;
	margin: 0;
	padding: 0.5rem;
}
.status-navi > li.active {
	background-color: #0061AB;
	color: #FFF;
	margin-right: 1.25rem;
	padding-left: 1.5rem;
}
.status-navi > li:first-child::before,
.status-navi > li.active::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 1.25rem solid #D9E6EF;
	border-top: 1.25rem solid transparent;
	border-bottom: 1.25rem solid transparent;
}
.status-navi > li:first-child,
.status-navi > li.active:first-child {
	padding-left: 0.75rem;
}
.status-navi > li:first-child::before,
.status-navi > li.active:first-child::before {
	display: none !important;
}

.status-navi > li:last-child::after,
.status-navi > li.active::after {
	position: absolute;
	top: 0;
	right: -1.25rem;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 1.25rem solid #0061AB;
	border-top: 1.25rem solid #D9E6EF;
	border-bottom: 1.25rem solid #D9E6EF;
}
.status-navi > li:last-child::after {
	border-left-color: #D9E6EF !important;
	border-top-color: #FFF !important;
	border-bottom-color: #FFF !important;
}
.status-navi > li:last-child.active::after {
	border-left-color: #0061AB !important;
	border-top-color: #FFF !important;
	border-bottom-color: #FFF !important;
}

@media screen and (max-width: 767px) {
	.status-navi {
		padding: 0 0.75rem 0 0;
	}
	.status-navi > li {
		height: 1.5rem;
		line-height: 1rem;
		font-size: 0.75rem;
		margin: 0.15rem 0;
		padding: 0.25rem 0.4rem;
	}
	.status-navi > li.active {
		background-color: #0061AB;
		color: #FFF;
		margin-right: 0.75rem;
		padding-left: 1rem;
	}
	.status-navi > li:first-child,
	.status-navi > li.active:first-child {
		padding-left: 1rem;
	}
	.status-navi > li:last-child::after,
	.status-navi > li.active::after {
		right: -0.75rem;
	}
	.status-navi > li::before {
		border-left-width: 0.75rem !important;
		border-top-width: 0.75rem !important;
		border-bottom-width: 0.75rem !important;
	}
	.status-navi > li::after {
		border-left-width: 0.75rem !important;
		border-top-width: 0.75rem !important;
		border-bottom-width: 0.75rem !important;
	}
	.status-navi > li.active::before {
		border-left-color: #D9E6EF !important;
		border-top-color: transparent !important;
		border-bottom-color: transparent !important;
	}
	.status-navi > li.active::after {
		right: -0.75rem;
		border-left-color: #0061AB !important;
		border-top-color: #D9E6EF !important;
		border-bottom-color: #D9E6EF !important;
	}
}


/*----------------------------------*/
/* .main-contents */
.main-contents {
	padding: 1.5rem 0 0 0;
}
.main-contents section {
	padding: 0;
}
.main-contents section + section {
	padding-top: 3rem;
}
.main-contents .contents-header {
	margin: 0 0 2rem 0;
}
.main-contents .contents-header::after {
	content: "";
	clear: both;
	display: block;
}
.main-contents .contents-header > h3 {
	margin: 0 0 1rem 0;
}
.main-contents .contents-header > *:not(h3) {
	margin: 0;
}

@media screen and (max-width: 575px) {
	.main-contents {
		padding: 1rem 0;
	}
	.main-contents section + section {
		padding-top: 2rem;
	}
	.main-contents .contents-header {
		margin: 0 0 1rem 0;
	}
}


/*=======================================================================*/
/* COMMON STYLE */
/*=======================================================================*/
/* internal link */
a[data-link]::after {
	display: none;
}
a[data-link]:hover::after {
	content: attr(data-link)"へ";
	display: inline-block;
	transform: translate(-50%, -100%);
	background-color: #FFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1);
	font-size: 0.5rem;
	padding: 0.15rem 0.25rem;
}

/* .filter-wrapper */
.filter-wrapper {
	background-color: rgba(0, 0, 0, 0.025);		/* BK-5 */
	padding: 1rem 2rem;
	margin: 0 0 1rem 0;
}

/*----------------------------------*/
/* .avatar */
.avatar-img {
	overflow: hidden;
	display: inline-block;
	width: 3rem;
	height: 3rem;
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 50%;
	text-align: center;
	padding: 0.5rem 0;
}
.avatar-img > img {
	width: auto;
	height: 20.83px;
	margin-top: calc(20.83px * (653 / 1219 / 2));
	margin-right: calc(20.83px * (653 / 1219 / 2));
	margin-left: calc(20.83px * (653 / 1219 / 2));
	margin-bottom: calc(20.83px * (653 / 1219 / 2));
}
.avatar-md {
	width: 5rem;
	height: 5rem;
}
.avatar-lg {
	width: 8rem;
	height: 8rem;
}

/*----------------------------------*/
/* .list-striped */

ul.list-striped > li:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.01);
}
ul.list-striped > li:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.05);
}

/* .date-list */
ul.date-list {
	list-style: none;
	margin: 0 0 0.5rem 0;
	padding: 0;
}
ul.date-list > li {
	position: relative;
	min-height: 2.25rem;
	padding: 0.5rem 1rem 0.5rem 10rem;
}
ul.date-list > li::before {
	content: attr(data-dt);
	position: absolute;
	top: 0.5rem;
	left: 1rem;
}

#access_logs\.view .date-list > li {
	word-break: break-all;
}

/*----------------------------------*/
/* .todo-list */
.todo-list {

}
.todo-list > li {

}
.todo-list > li > .due {
	display: block;
	font-size: 0.75rem;
	color: #AAA;
}

.todo-list > li.delay {
	background-color: #FDE1E6;			/* PINK-LIGHT    */
}
.todo-list > li.delay > .due,
.todo-list > li.delay > .custom-control > label {
	color: #F0506E;			/* PINK          */
}


/*----------------------------------*/
/* .messages */
.messages {
	overflow-x: hidden;
	overflow-y: scroll;
	min-height: 20rem;
	background-color: #FFF;
}
.messages > .message-left {
	padding: 1.5rem 4rem 1rem 4rem;
}
.messages > .message-right {
	padding: 1.5rem 4rem 1rem 4rem;
}
.message-left > img {
	float: left;
	width: 40px;
	border-radius: 50%;
	margin: -1rem 0 0 -3.5rem;
}
.message-right > img {
	float: right;
	width: 40px;
	border-radius: 50%;
	margin: -1rem -3.5rem 0 0;
}
.message-left > .bubble,
.message-right > .bubble {
	position: relative;
	background-color: #D9E6EF;			/* BLUE-LIGHT    */
	border-radius: 1rem;
	color: #0061AB;			/* BLUE          */
	padding: 0.5rem 1rem;
}
.messages > .message-left > .bubble {
	background-color: #FFF6DA;			/* YELLOW-LIGHT  */
	color: #B18606;			/* YELLOW-DARKER */
}
.message-left > .bubble {
	border-top-left-radius: 0;
}
.message-right > .bubble {
	border-top-right-radius: 0;
}
.message-left > .bubble::before,
.message-right > .bubble::before {
	position: absolute;
	top: -1rem;
	left: 0.5rem;
	content: attr(data-sent);
	color: #AAA;
	font-size: 0.7rem;
}
.messages > .message-right > .bubble[data-read=""]::after {
	position: absolute;
	top: -1rem;
	left: 6.5rem;
	content: "未読";
	color: #AAA;
	font-size: 0.6rem;
}

.messages + form {
	background-color: rgba(0, 0, 0, 0.025);
	margin: 0;
	padding: 1rem 1.5rem 0.5rem 1.5rem;
}
.messages + form textarea {
	font-size: 0.875rem;
}

@media screen and (max-width: 575px) {
	.messages > .message-left {
		padding: 1.5rem 1rem 1rem 4rem;
	}
	.messages > .message-right {
		padding: 1.5rem 4rem 1rem 1rem;
	}
	.message-left > .bubble,
	.message-right > .bubble {
		font-size: 0.875rem;
	}

	.messages + form {
		background-color: rgba(0, 0, 0, 0.025);
		margin: 0;
		padding: 0.25rem 0.5rem;
	}
}



/*----------------------------------*/
/* .calendar */
.calendar-carousel {
	margin: 3rem 0 0 0;
	padding: 0;
}
@media screen and (max-height: 800px) {
	.calendar-carousel {
		display: none !important;
	}
}

.calendar-carousel .month {
	display: inline-block;
	width: 100%;
	list-style: none;
}
.calendar-carousel .month > h4 {
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 0.875rem;
	font-weight: 700;
	text-align: center;
	margin: 0 0 0.25rem 0;
}

.calendar {
	width: 100%;
	padding: 0;
}
.calendar::after {
	content: "";
	clear: both;
	display: block;
}
.calendar > li {
	float: left;
	width: calc(100% / 7);
	height: 1.5rem;
	line-height: 1.5rem;
	list-style: none;
	text-align: center;
	font-size: 0.75rem;
	margin: 0;
	padding: 0;
}
.calendar > .day {
	position: relative;
	padding: 0;
}
.calendar > .day:nth-child(8).wd1,
.calendar > .day:nth-child(8).wdMon {
	margin-left: calc(100% / 7 * 1);
}
.calendar > .day:nth-child(8).wd2,
.calendar > .day:nth-child(8).wdTue {
	margin-left: calc(100% / 7 * 2);
}
.calendar > .day:nth-child(8).wd3,
.calendar > .day:nth-child(8).wdWed {
	margin-left: calc(100% / 7 * 3);
}
.calendar > .day:nth-child(8).wd4,
.calendar > .day:nth-child(8).wdThu {
	margin-left: calc(100% / 7 * 4);
}
.calendar > .day:nth-child(8).wd5,
.calendar > .day:nth-child(8).wdFri {
	margin-left: calc(100% / 7 * 5);
}
.calendar > .day:nth-child(8).wd6,
.calendar > .day:nth-child(8).wdSat {
	margin-left: calc(100% / 7 * 6);
}

.calendar > .day.wd0,
.calendar > .day.wdSun,
.calendar > .day[data-holiday] {
	background-color: rgba(0, 0, 0, 0.05);
	color: #F0506E;					/* PINK          */
}
.calendar > .day.wd6,
.calendar > .day.wdSat {
	background-color: rgba(0, 0, 0, 0.05);
	color: rgb(0, 97, 170);			/* BLUE          */
}
.calendar > .day.today {
	background-color: rgb(0, 97, 170);			/* BLUE          */
	color: #FFF;
}
.calendar > .day[data-holiday]:hover::after {
	content: attr(data-holiday);
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: auto;
	height: 0.875rem;
	line-height: 0.875rem;
	background-color: #FFF;
	color: #404756;
	font-size: 0.625rem;
	white-space: nowrap;
	padding: 0 0.25rem;
	z-index: 22000;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	transform: translate(-50%, -80%);
}
.calendar > .wd0[data-holiday]:hover::after,
.calendar > .wdSun[data-holiday]:hover::after {
	left: 3px;
	transform: translate(0, -80%);
}
.calendar > .wd6[data-holiday]:hover::after,
.calendar > .wdSat[data-holiday]:hover::after {
	left: auto;
	right: 3px;
	transform: translate(0, -80%);
}

.calendar > [data-plan]::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 0;
	height: 0;
	border-top: 0.25rem solid rgb(0, 97, 170);			/* BLUE          */
	border-right: 0.25rem solid rgb(0, 97, 170);			/* BLUE          */
	border-bottom: 0.25rem solid transparent;
	border-left: 0.25rem solid transparent;
}
.calendar > .day[data-plan]:hover::after {
	content: attr(data-plan);
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: auto;
	height: 0.875rem;
	line-height: 0.875rem;
	background-color: #FFF;
	color: #404756;
	font-size: 0.625rem;
	white-space: nowrap;
	padding: 0 0.25rem;
	z-index: 22000;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	transform: translate(-50%, -80%);
}
.calendar > .wd0[data-plan]:hover::after,
.calendar > .wdSun[data-plan]:hover::after {
	left: 3px;
	transform: translate(0, -80%);
}
.calendar > .wd6[data-plan]:hover::after,
.calendar > .wdSat[data-plan]:hover::after {
	left: auto;
	right: 3px;
	transform: translate(0, -80%);
}

.calendar-carousel > .owl-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.calendar-carousel > .owl-nav > button {
	display: block;
	width: 1.5rem;
	height: 1.5rem !important;
	line-height: 1.5rem !important;
	background-color: rgba(0, 0, 0, 0.01) !important;
	text-align: center;
	font-size: 0.75rem !important;
	padding: 0 0.5rem !important;
}
.calendar-carousel > .owl-nav > button:hover {
	background-color: rgba(0, 0, 0, 0.03) !important;
}
.calendar-carousel > .owl-nav > button.disabled {
	opacity: 0.1;
}
.calendar-carousel > .owl-nav > .owl-prev {
	float: left;
}
.calendar-carousel > .owl-nav > .owl-next {
	float: right;
}
.calendar-carousel > .owl-nav > .owl-prev::after {
	content: "\f104";
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}
.calendar-carousel > .owl-nav > .owl-next::after {
	content: "\f105";
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}

.calendar-carousel > .owl-dots > button > span,
.calendar-carousel > .owl-nav > button > span {
	display: none !important;
}

.calendar-carousel > .owl-dots {
	text-align: center;
}
.calendar-carousel > .owl-dots {

}
.calendar-carousel > .owl-dots > button {
	margin: 0 0.25rem;
}
.calendar-carousel > .owl-dots > button::after {
	content: "";
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	background-color: rgba(0, 0, 0, 0.025);
	border-radius: 50%;
}
.calendar-carousel > .owl-dots > button.active::after {
	background-color: rgb(0, 97, 170);			/* BLUE          */
}

.calendar.large > .day {
	height: 5rem;
	border: 1px solid #E7E7E7;
	text-align: left;
	padding: 0 0.5rem 0.5rem 0.5rem;
}
.calendar.large > .day.today {
	font-weight: 700;
}
.calendar.large > .day[data-holiday]::after,
.calendar.large > .day[data-holiday]:hover::after,
.calendar.large > .day[data-plan]::after,
.calendar.large > .day[data-plan]:hover::after {
	content: attr(data-plan);
	position: absolute;
	top: 1.5rem;
	left: 0.5rem;
	display: block;
	width: auto;
	height: auto;
	line-height: 0.875rem;
	background-color: transparent;
	color: #404756;
	font-size: 0.75rem;
	white-space: normal;
	padding: 0;
	z-index: 100;
	box-shadow: none;
	transform: translate(0, 0) !important;
}
.calendar.large > .day.today[data-holiday]::after,
.calendar.large > .day.today[data-holiday]:hover::after,
.calendar.large > .day.today[data-plan]::after,
.calendar.large > .day.today[data-plan]:hover::after {
	color: #FFF;
}
.calendar.large > .day[data-holiday]::after,
.calendar.large > .day[data-holiday]:hover::after {
	content: attr(data-holiday);
}
.calendar.large > .day[data-plan]::before {
	border-color: transparent !important;
}


@media screen and (max-width: 575px) {
	.calendar.large > .wd {
		display: none;
	}
	.calendar.large > .day {
		float: none;
		width: 100%;
		margin: 0 !important;
	}
	.calendar.large > .day::before {
		position: absolute;
		top: 0;
		left: 1.5rem;
		border: none;
	}
	.calendar.large > .day.wd0::before,
	.calendar.large > .day.wdSun::before {
		content: "(日)";
	}
	.calendar.large > .day.wd1::before,
	.calendar.large > .day.wdMon::before {
		content: "(月)";
	}
	.calendar.large > .day.wd2::before,
	.calendar.large > .day.wdTue::before {
		content: "(火)";
	}
	.calendar.large > .day.wd3::before,
	.calendar.large > .day.wdWed::before {
		content: "(水)";
	}
	.calendar.large > .day.wd4::before,
	.calendar.large > .day.wdThu::before {
		content: "(木)";
	}
	.calendar.large > .day.wd5::before,
	.calendar.large > .day.wdFri::before {
		content: "(金)";
	}
	.calendar.large > .day.wd6::before,
	.calendar.large > .day.wdSat::before {
		content: "(土)";
	}
}


/*----------------------------------*/
/* .list-form */
.list-form-wrapper {
	margin: 0 0 1rem 0;
}
.list-form-header,
.list-form-footer {
	position: relative;
	background-color: #D9E6EF;			/* BLUE-LIGHT    */
	font-size: 0.875rem;
	font-weight: 700;
	padding: 5px;
}
.list-form-header {
	border-bottom: 2px solid rgb(0, 97, 170) !important;
}
.list-form-footer {
	border-top: 2px solid rgb(0, 97, 170) !important;
}
.list-form-header.w-num,
.list-form-footer.w-num {
	padding-left: calc(2rem + 5px);
}
.list-form-header.w-num::before {
	float: left;
	content: "#";
	width: 2rem;
	text-align: center;
	font-size: 1rem;
	margin: 0 0 0 -2rem;
}
.list-form-header > .row-filter {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.3rem;
	font-size: 0.875rem;
	margin: 0;
	padding: 0 !important;
	z-index: 10000;
}
.list-form-header > .row,
.list-form-footer > .row {
	align-items: center !important;
}
.list-form-header [class^=col-],
.list-form-footer [class^=col-] {
	vertical-align: middle;
	padding: 0 0.25rem;
}

.list-form {
	overflow: hidden;
	width: 100%;
	counter-reset: list-form-number;
	list-style: none;
	margin: 0;
	padding: 0 0 3rem 0;
}
.wfl-form-view .list-form,
.modal-content .list-form {
	padding: 0;
}

.list-form:empty {
	padding: 0;
}
.list-form:empty::before {
	content: "表示するデータはありません。" !important;
	display: block;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.05);
	padding: 0.5rem;
}
.list-form > li {
	position: relative;
	counter-increment: list-form-number;
	background-color: #FFF;
	margin: 0 !important;
	padding: 5px;
}
.list-form > li.active {
	background-color: #D9E6EF !important;
}

.list-form > li.st-N {
	color: #CCC;
}

.list-form.list-form-input {
	padding: 0;
}
.list-form-input .dropdown-menu-btn.row-ope {
	position: absolute;
	bottom: 7px;
	left: 0.3rem;
	width: 1.5rem;
	height: 1.5rem;
	z-index: 10000;
}
.list-form-input .dropdown-menu-btn.row-ope > .dropdown-menu {
	min-width: 6rem;
	background-color: #FFF;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	border: none;
	border-radius: 0;
	text-align: center;
	padding: 0.25rem 0.25rem;
}
.list-form-input .dropdown-menu-btn.row-ope > .dropdown-menu::after {
	content: "";
	display: block;
	clear: both;
}
.list-form-input .dropdown-menu-btn.row-ope > .dropdown-menu .row-clone,
.list-form-input .dropdown-menu-btn.row-ope > .dropdown-menu .row-delete {
	float: left;
	width: calc(50%);
	text-align: center;
	font-size: 0.5rem;
	padding: 0.1rem 0.15rem;
}
.list-form-input > li:last-child {
	margin-bottom: 1.5rem !important;
}

.list-form > li [class^=col-] {
	min-height: calc(0.875rem * 1.4);
	padding: 1px;
}

ol.list-form > li {
	padding-left: calc(2rem + 5px) !important;
}

.list-form-input .row {
	margin-right: -1px !important;
	margin-left: -1px !important;
}
.list-form-input .row .col,
.list-form-input .row [class*="col-"] {
	padding-right: 1px !important;
	padding-left: 1px !important;
}

.modal .list-form > li [class^=col-],
.list-form-input > li [class^=col-] {
	padding: 0 1px;
}

ol.list-form > li::before {
	content: counter(list-form-number);
	display: inline-block;
	width: 2rem;
	text-align: center;
	font-size: 1rem;
	margin: 0 0 0 -2rem;
}
.list-form > li:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.05);
}
.list-form > li.st-ACTIVE,
.list-form > li:nth-child(odd).st-ACTIVE {
	background-color: #FDE1E6;			/* PINK-LIGHT    */
}

.list-form > li.list-fade-enp:nth-child(even) {
	-webkit-animation: fade-white 3s ease-in-out 1 normal;
	-moz-animation: fade-white 3s ease-in-out 1 normal;
	animation: fade-white 3s ease-in-out 1 normal;
}
.list-form > li.list-fade-enp:nth-child(odd) {
	-webkit-animation: fade-gray 3s ease-in-out 1 normal;
	-moz-animation: fade-gray 3s ease-in-out 1 normal;
	animation: fade-gray 3s ease-in-out 1 normal;
}
@-webkit-keyframes fade-white {
	0% { background-color: rgba(240, 80, 110, 0.2); }
	100% { background-color: #FFF; }
}
@-moz-keyframes fade-white {
	0% { background-color: rgba(240, 80, 110, 0.2); }
	100% { background-color: #FFF; }
}
@keyframes fade-white {
	0% { background-color: rgba(240, 80, 110, 0.2); }
	100% { background-color: #FFF; }
}
@-webkit-keyframes fade-gray {
	0% { background-color: rgba(240, 80, 110, 0.2); }
	100% { background-color: rgba(0, 0, 0, 0.025); }
}
@-moz-keyframes fade-gray {
	0% { background-color: rgba(240, 80, 110, 0.2); }
	100% { background-color: rgba(0, 0, 0, 0.025); }
}
@keyframes fade-gray {
	0% { background-color: rgba(240, 80, 110, 0.2); }
	100% { background-color: rgba(0, 0, 0, 0.025); }
}
.list-form-header .row,
.list-form-footer .row,
.list-form .row {
	margin-right: -1px;
	margin-left: -1px;
}
.list-form-header .row > [class^=col-],
.list-form-footer .row > [class^=col-] {
	padding-right: 1px;
	padding-left: 1px;
}

.list-form + .list-form-footer {
	margin-top: -3rem;
}

.list-form > li .form-control {
	height: auto;
	min-height: 2rem;
	line-height: 1.5;
	font-size: 0.875rem;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 0.25rem !important;
}
.list-form > li .input-group,
.list-form > li .input-group .input-group-text {
	height: 2rem;
}

.list-form > li .form-control + .select2.select2-container {
	width: 100%;
	height: 2rem;
}

.select2.select2-container .dropdown-wrapper[aria-hidden="true"] {
	display: none;
}
.select2.select2-container * {
	width: 100%;
	height: inherit !important;
}

.list-form > li .form-control + .select2.select2-container > .selection > .select2-selection.select2-selection--single > .select2-selection__rendered {
	line-height: 2rem;
	font-size: 0.875rem;
	padding: 0 1.5rem 0 0.5rem;
}
.select2-container--open {
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.select2-container--open .select2-selection--single {
	border-color: #80bdff !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #F7F7F7;
	opacity: 0.5;
	cursor: default;
}

.list-form > li textarea.form-control[rows="2"] {
	min-height: 67px;
}
.list-form > li textarea.form-control[rows="3"] {
	min-height: 100px;
}

.select2-container.select2-container--default.select2-container--open {
	z-index: 35000;
}

.list-form > li p {
	min-height: 1rem;
	word-break: break-all;
}

@media screen and (max-width: 575px) {
	.list-form {
		overflow: scroll;
		overflow-x: hidden;
		overflow-y: scroll;
		max-height: calc(100vh - 280px) !important;
		margin-bottom: 0.5rem;
		padding-bottom: 0;
	}
	.list-form + div > .pagination {
		margin-top: 1rem;
	}
}

.modal > .modal-dialog .list-form {
	overflow: scroll;
	max-height: 300px !important;
}
.modal > .modal-dialog .list-form-header *,
.modal > .modal-dialog .list-form-footer *,
.modal > .modal-dialog .list-form * {
	font-size: 0.75rem;
}

.list-form + .row-add-btn {
	text-align: center;
	margin: -1rem 0 0 0;
}
.list-form + .row-add-btn > .btn {
	width: 100%;
	max-width: 25rem;
}


/*----------------------------------*/
/* .attachment-list */
.attachment-list {
	counter-reset: number 0;
}
.attachment-list > div[class^="col-"] {
	counter-increment: items 1;
	padding-bottom: 1.5rem;
}
.attachment-list div[class^=col-] > .custom-control {
	margin: 0;
}
.attachment-list > div[class^="col-"] > .image-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 1rem solid #FFF;
	border-left: 1rem solid #FFF;
	border-right: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
}
.attachment-list > div[class^="col-"] > .image-wrapper::after {
	content: counter(items);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 1rem;
	font-size: 0.75rem;
	font-weight: 700;
	text-align: center;
}
.attachment-list div[class^=col-] > .image-wrapper {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	padding-top: 75%;
}
.attachment-list div[class^=col-] > .image-wrapper > a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.attachment-list div[class^=col-] > .image-wrapper > a[data-ext="pdf"],
.attachment-list div[class^=col-] > .image-wrapper > a[data-ext="doc"],
.attachment-list div[class^=col-] > .image-wrapper > a[data-ext="docx"],
.attachment-list div[class^=col-] > .image-wrapper > a[data-ext="xls"],
.attachment-list div[class^=col-] > .image-wrapper > a[data-ext="xlsx"] {
	overflow: hidden;
	background-size: 6rem 6rem;
	background-image: linear-gradient(-45deg,
		rgba(0, 0, 0, 0.05) 0%,
		rgba(0, 0, 0, 0.05) 12.5%,
		transparent 12.5%,
		transparent 25%,
		rgba(0, 0, 0, 0.05) 25%,
		rgba(0, 0, 0, 0.05) 37.5%,
		transparent 37.5%,
		transparent 50%,
		rgba(0, 0, 0, 0.05) 50%,
		rgba(0, 0, 0, 0.05) 62.5%,
		transparent 62.5%,
		transparent 75%,
		rgba(0, 0, 0, 0.05) 75%,
		rgba(0, 0, 0, 0.05) 87.5%,
		transparent 87.5%,
		transparent 100%
	);
}
.attachment-list > div.st-Y > .image-wrapper > a::after {
	content: "済";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: rgb(0, 97, 170);
	font-size: 2rem;
	font-weight: 700;
	text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
}
.attachment-list div[class^=col-] > .image-wrapper > a > i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #404756;
	font-size: 3rem;
}

.attachment-list div[class^=col-] > .image-wrapper > a[data-ext="xls"] > i::before,
.attachment-list div[class^=col-] > .image-wrapper > a[data-ext="xlsx"] > i::before {
	content: "\f1c3";
	color: #107c41;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free' !important;
}
.attachment-list div[class^=col-] > .image-wrapper > a[data-ext="doc"] > i::before,
.attachment-list div[class^=col-] > .image-wrapper > a[data-ext="docx"] > i::before {
	content: "\f1c2";
	color: #185abd;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free' !important;
}
.attachment-list div[class^=col-] > .image-wrapper > a[data-ext="ppt"] > i::before,
.attachment-list div[class^=col-] > .image-wrapper > a[data-ext="pptx"] > i::before {
	content: "\f1c4";
	color: #c43e1c;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free' !important;
}
.attachment-list div[class^=col-] > .image-wrapper > a[data-ext="pdf"] > i::before {
	content: "\f1c1";
	color: #b91d47;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free' !important;
}


/*----------------------------------*/
/* .drop-area */
.drop-area {
	background-color: #FFF;
	background-size: 6rem 6rem;
	background-image: linear-gradient(-45deg,
		rgba(0, 0, 0, 0.05) 0%,
		rgba(0, 0, 0, 0.05) 12.5%,
		transparent 12.5%,
		transparent 25%,
		rgba(0, 0, 0, 0.05) 25%,
		rgba(0, 0, 0, 0.05) 37.5%,
		transparent 37.5%,
		transparent 50%,
		rgba(0, 0, 0, 0.05) 50%,
		rgba(0, 0, 0, 0.05) 62.5%,
		transparent 62.5%,
		transparent 75%,
		rgba(0, 0, 0, 0.05) 75%,
		rgba(0, 0, 0, 0.05) 87.5%,
		transparent 87.5%,
		transparent 100%
	);
	color: #CCC;
	border: 1px solid #DDD;
	padding: 2rem 1rem;
	text-align: center;
	white-space: nowrap;
	cursor: copy;
}
.drop-area:hover {
	border-color: rgb(0, 97, 170);			/* BLUE          */
	animation: bg-slide-right 15s linear infinite;
}

.drop-area > span {
	color: #CCC;
	font-size: 1rem;
	text-align: center;
	white-space: normal !important;
}
.drop-area > i {
	color: #CCC;
	font-size: 6rem;
}
.drop-area:hover,
.drop-area:hover > span,
.drop-area:hover > i {
	color: rgb(0, 97, 170) !important;
}
.drop-area > input[type="file"] {
	display: none;
}

.drop-area.disabled {
	background: #F6F6F6;
	border-color: #EEE;
	cursor: not-allowed;
}
.drop-area.disabled > * {
	opacity: 0;
}

@media screen and (max-width: 767px) {
	.drop-area > span {
		font-size: 0.75rem;
	}
}

/*----------------------------------*/
/* .file-list */
.file-list {
	list-style: none;
	margin: 2rem 0;
	padding: 0;
}
.file-list > li {
	padding: 0.25rem 2.75rem 0.25rem 0.5rem;
}
.file-list > li.deleted {
	display: none;
}

.file-list > li:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.05);
}
.file-list > li > .remove-btn {
	float: right;
	display: block;
	width: 2rem;
	height: 2rem;
	margin: 0.25rem -2.35rem 0 0.5rem;
	padding: 0;
}

.file-list > li > .progress > .progress-bar,
.file-list > li.uploading > .progress > .progress-bar {
	background-color: #FDC92E !important;				/* YELLOW        */
}
.file-list > li.error > .progress > .progress-bar {
	background-color: #F0506E !important;				/* PINK          */
}
.file-list > li.saved > .progress > .progress-bar,
.file-list > li.complete > .progress > .progress-bar {
	background-color: #0061AB !important;				/* BLUE          */
}

.file-list > li.saved > .progress > .progress-bar,
.file-list > li.complete > .progress > .progress-bar {
	width: 100%;
}
.file-list > li.saved > .progress > .progress-bar.progress-bar-animated {
	animation: none;
	background-image: linear-gradient(-45deg, transparent 0%, transparent 100%);
}
.file-list > li.error > .progress > .progress-bar.progress-bar-animated,
.file-list > li.complete > .progress > .progress-bar.progress-bar-animated {
	animation: none;
}
.file-list > li > input.form-control {
	display: none;
	height: auto;
	line-height: 1.5;
	font-size: 0.875rem;
	margin: 0.25rem 0 0 0;
	padding: 0.25rem !important;
}
.file-list > li.saved > input.form-control,
.file-list > li.complete > input.form-control {
	display: block;
}

@media screen and (max-width: 575px) {
	.file-list {
		margin-top: 0;
	}
}


/*=======================================================================*/
/* typeahead */
/*=======================================================================*/
.has-warning .twitter-typeahead .tt-input,
.has-warning .twitter-typeahead .tt-hint {
	border-color: #8a6d3b;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .twitter-typeahead .tt-input:focus,
.has-warning .twitter-typeahead .tt-hint:focus {
	border-color: #66512c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-error .twitter-typeahead .tt-input,
.has-error .twitter-typeahead .tt-hint {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .twitter-typeahead .tt-input:focus,
.has-error .twitter-typeahead .tt-hint:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-success .twitter-typeahead .tt-input,
.has-success .twitter-typeahead .tt-hint {
	border-color: #3c763d;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .twitter-typeahead .tt-input:focus,
.has-success .twitter-typeahead .tt-hint:focus {
	border-color: #2b542c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.input-group .twitter-typeahead:first-child .tt-input,
.input-group .twitter-typeahead:first-child .tt-hint {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	width: 100%;
}
.input-group .twitter-typeahead:last-child .tt-input,
.input-group .twitter-typeahead:last-child .tt-hint {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	width: 100%;
}
.input-group.input-group-sm .twitter-typeahead .tt-input,
.input-group.input-group-sm .twitter-typeahead .tt-hint {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
select.input-group.input-group-sm .twitter-typeahead .tt-input,
select.input-group.input-group-sm .twitter-typeahead .tt-hint {
	height: 30px;
	line-height: 30px;
}
textarea.input-group.input-group-sm .twitter-typeahead .tt-input,
textarea.input-group.input-group-sm .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-hint {
	height: auto;
}
.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
	border-radius: 0;
}
.input-group.input-group-sm .twitter-typeahead:first-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:first-child .tt-hint {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.input-group.input-group-sm .twitter-typeahead:last-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:last-child .tt-hint {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}
.input-group.input-group-lg .twitter-typeahead .tt-input,
.input-group.input-group-lg .twitter-typeahead .tt-hint {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
}
select.input-group.input-group-lg .twitter-typeahead .tt-input,
select.input-group.input-group-lg .twitter-typeahead .tt-hint {
	height: 46px;
	line-height: 46px;
}
textarea.input-group.input-group-lg .twitter-typeahead .tt-input,
textarea.input-group.input-group-lg .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-hint {
	height: auto;
}
.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
	border-radius: 0;
}
.input-group.input-group-lg .twitter-typeahead:first-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:first-child .tt-hint {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.input-group.input-group-lg .twitter-typeahead:last-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:last-child .tt-hint {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
}
.twitter-typeahead {
	width: 100%;
	float: left;
}
.input-group .twitter-typeahead {
	display: table-cell !important;
}
.twitter-typeahead .tt-hint {
	color: #999999;
}
.twitter-typeahead .tt-input {
	z-index: 2;
}
.twitter-typeahead .tt-input[disabled],
.twitter-typeahead .tt-input[readonly],
fieldset[disabled] .twitter-typeahead .tt-input {
	cursor: not-allowed;
	background-color: #eeeeee;
}
.tt-dropdown-menu,
.tt-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	min-width: 160px;
	width: 100%;
	list-style: none;
	font-size: 14px;
	background-color: #FFF;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	padding: 5px 0;
	margin: 2px 0 0;
}
.tt-dropdown-menu .tt-suggestion,
.tt-menu .tt-suggestion {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 300;
	line-height: 1.42857143;
	color: #404756;
}
.tt-dropdown-menu .tt-suggestion:nth-child(odd),
.tt-menu .tt-suggestion:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.025);
}
.tt-dropdown-menu .tt-suggestion.tt-cursor,
.tt-menu .tt-suggestion.tt-cursor,
.tt-dropdown-menu .tt-suggestion:hover,
.tt-menu .tt-suggestion:hover {
	background-color: rgb(0, 97, 170);			/* BLUE          */
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
	outline: 0;
}
.tt-dropdown-menu .tt-suggestion.tt-cursor a,
.tt-menu .tt-suggestion.tt-cursor a,
.tt-dropdown-menu .tt-suggestion:hover a,
.tt-menu .tt-suggestion:hover a {
	color: #404756;
}
.tt-dropdown-menu .tt-suggestion p,
.tt-menu .tt-suggestion p {
	margin: 0;
}

/* extra for typeahead */
input[type=text],
input[type=tel],
input[type=email] {
	-webkit-appearance: none;
/*	-webkit-text-fill-color: #555;	*/
	box-shadow: none;
}
.input-suggest:disabled {
	color: #555 !important;
	background-color: #FFF !important;
}
.twitter-typeahead .tt-hint {
	color: #555 !important;
}


/*=======================================================================*/
/* .datetime-picker */
/*=======================================================================*/
.datepicker-container {
	border: 1px solid #666 !important;
	border-radius: 0;
	box-shadow: none !important;
	transform: translateY(-10px);
	padding: 0.5rem;
}
.datepicker-container::before,
.datepicker-container::after {
	display: none;
}


.datepicker-container .datepicker-panel > ul > li {
	height: 30px;
	line-height: 30px;
	font-size: 0.875rem;
}
.datepicker-container .datepicker-panel > ul > li.disabled,
.datepicker-container .datepicker-panel > ul > li.disabled:hover {
	background-color: transparent;
	color: #EEE;

}
.datepicker-container .datepicker-panel > ul > li.picked,
.datepicker-container .datepicker-panel > ul > li.picked:hover {
	background-color: rgb(0, 97, 170) !important;
	color: #FFF;
}


/*=======================================================================*/
/* .bootstrap-tagsinput */
/*=======================================================================*/
.form-control[data-role="tagsinput"] {
	display: none;
}

.bootstrap-tagsinput {
	position: relative;
	display: block;
	width: 100%;
	min-height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #FFF;
	background-clip: padding-box;
	border: 1px solid #EEE;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	cursor: text;
}
.bootstrap-tagsinput::after {
	content: "";
	display: block;
	clear: both;
}
.bootstrap-tagsinput input {
	border: none;
	box-shadow: none;
	outline: none;
	background-color: transparent;
	padding: 0 0.5rem;
	margin: 0;
	width: 9rem;
	max-width: inherit;
}
.bootstrap-tagsinput input:focus {
	border: none;
	box-shadow: none;
}
.bootstrap-tagsinput .tag.label {
	position: relative;
	float: left;
	height: 1.5rem;
	line-height: 1.5rem;
	background-color:rgba(0, 0, 0, 0.1);
	border: none;
	border-radius: 0;
	color: #404756;
	font-size: 0.875rem;
	margin-right: 0.5rem;
	margin-bottom: 0.25rem;
	padding: 0 2rem 0 0.5rem;
}
.bootstrap-tagsinput .tag.label [data-role="remove"] {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	background-color:rgba(0, 0, 0, 0.05);
	text-align: center;
	cursor: pointer;
}
.bootstrap-tagsinput .tag.label [data-role="remove"]:hover {
	background-color:rgba(0, 0, 0, 0.1);
}
.bootstrap-tagsinput .tag.label [data-role="remove"]:after {
	content: "×";
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	padding: 0;
}


.bootstrap-tagsinput.tag-suggest {
	height: auto;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-bottom: none;
}
.bootstrap-tagsinput.tag-suggest + .form-control.input-tag + .twitter-typeahead {
	border: 1px solid #DDD;
	border-top: none;
	padding: 0.25rem;
}
.bootstrap-tagsinput.tag-suggest + .form-control.input-tag + .twitter-typeahead > .form-control.tt-input {
	background-color: #E7E7E7 !important;
	border: none;
}
.bootstrap-tagsinput.tag-suggest > input[type=text] {
	display: none;
}


/*=======================================================================*/
/* .select2 */
/*=======================================================================*/
.select2.select2-container:not(.input-group > .select2-container) {
	display: block;
	width: 100% !important;
}
table > thead > tr > th > .select2.select2-container {
	margin: 0.15rem 0 0 0;
}
.select2.select2-container > .selection > .select2-selection.select2-selection--single {
	width: 100%;
	height: auto;
	border: 1px solid #DDD;
	border-radius: 0;
}
select.form-control[required]:not(:disabled) + .select2.select2-container > .selection > .select2-selection.select2-selection--single {
	border-color: #666;
}
.form-control.is-invalid + .select2.select2-container > .selection > .select2-selection.select2-selection--single,
.was-validated .form-control:invalid + .select2.select2-container > .selection > .select2-selection.select2-selection--single {
	border-color: #dc3545 !important;
	background-color: #f9f2f4 !important;
}
.form-control.is-invalid + .select2.select2-container > .selection > .select2-selection.select2-selection--single .select2-selection__placeholder,
.was-validated .form-control:invalid + .select2.select2-container > .selection > .select2-selection.select2-selection--single .select2-selection__placeholder {
	color: #dc3545 !important;
}
.select2.select2-container > .selection > .select2-selection.select2-selection--single > .select2-selection__rendered {
	height: calc(1.5em + .75rem + 2px);
	font-size: 0.875rem;
	line-height: 1.5rem;
	padding: 0.375rem 1.5rem 0.375rem 0.75rem;
}
table > thead > tr > th > .select2.select2-container > .selection > .select2-selection.select2-selection--single > .select2-selection__rendered {
	height: calc(1.5em + 0.5rem);
	font-size: 0.875rem;
	line-height: 1.5;
	padding: 0.25rem 1.25rem 0.25rem 0.5rem;
}

.select2.select2-container > .selection > .select2-selection.select2-selection--single > .select2-selection__rendered > .select2-selection__placeholder {
	color: #DDD;
	font-size: 0.875rem;
	font-weight: 300;
}
.select2.select2-container > .selection > .select2-selection.select2-selection--single > .select2-selection__rendered > .select2-selection__clear {
	width: 1.5rem;
	height: 100%;
	line-height: 1.7rem;
	text-align: center;
	color: #AAA;
	font-weight: 300;
	margin: 0 -1.5rem 0 0;
	z-index: 1000;
}
table > thead > tr > th > .select2.select2-container > .selection > .select2-selection.select2-selection--single > .select2-selection__rendered > .select2-selection__clear {
	width: 1.25rem;
	line-height: 1.25rem;
	margin: 0 -1rem 0 0;
}
.list-form .select2.select2-container > .selection > .select2-selection.select2-selection--single > .select2-selection__rendered > .select2-selection__clear {
	line-height: 1.5 !important;
}

.select2.select2-container > .selection > .select2-selection.select2-selection--single > .select2-selection__arrow {
	top: 0;
	right: 0;
	width: 1.5rem;
	height: 100%;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23DDDDDD%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: top 55% right 0.75rem;
	background-size: 0.65rem auto, 100%;
}
table > thead > tr > th > .select2.select2-container > .selection > .select2-selection.select2-selection--single > .select2-selection__arrow {
	width: 1.25rem;
	background-position: top 55% right 0.5rem;
	background-size: 0.55rem auto, 100%;
}
.select2.select2-container > .selection > .select2-selection.select2-selection--single > .select2-selection__arrow > b {
	display: none;
}



.select2-container.select2-container--default.select2-container--open > .select2-dropdown {
	border: 1px solid #666;
	border-radius: 0;
}
.select2-container.select2-container--default.select2-container--open > .select2-dropdown > .select2-search > .select2-search__field {
	font-size: 0.75rem;
	line-height: 1.4;
	padding: 0.25rem 0.5rem;
}
.select2-container.select2-container--default.select2-container--open > .select2-dropdown > .select2-results > .select2-results__options {
	max-height: 200px;
}
.select2-container.select2-container--default.select2-container--open > .select2-dropdown > .select2-results > .select2-results__options  .select2-results__option {
	display: block;
	background-color: #FFF;
	font-size: 0.75rem;
	padding: 0.25rem 0.5rem;
}
.select2-container.select2-container--default.select2-container--open > .select2-dropdown > .select2-results > .select2-results__options  .select2-results__option[aria-disabled="true"] {
	display: none;
}
.select2-container.select2-container--default.select2-container--open > .select2-dropdown > .select2-results > .select2-results__options  .select2-results__option:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.025);		/* BK-5 */
}
.select2-container.select2-container--default.select2-container--open > .select2-dropdown > .select2-results > .select2-results__options  .select2-results__option.select2-results__option--highlighted {
	background-color: rgb(0, 97, 170);			/* BLUE          */
	color: #FFF;
}
.select2-results__group {
	font-weight: 700;
}


/* .modal */
.modal:not([id*="filter-modal"]) .select2.select2-container > .selection > .select2-selection.select2-selection--single > .select2-selection__rendered {
	height: 29px;
	padding: 0.2rem 1.5rem 0.2rem 0.75rem;
}


/*=======================================================================*/
/* .lightGallery */
/*=======================================================================*/
.lg-sub-html {
	padding-right: 5rem;
	padding-left: 5rem;
}

.lg .lg-progress-bar {
	top: 3rem;
}

.lg-toolbar {
	padding-top: 3.5rem;
}
.lg-toolbar > .lg-icon {
	position: relative;
}
.lg-toolbar > .lg-icon::before {
	position: absolute;
	top: -0.25rem;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	width: auto;
	line-height: 1;
	color: #FFF;
	font-size: 0.7rem;
	white-space: nowrap;
	padding: 0.1rem 0.25rem;
	z-index: 2000;
}
.lg-toolbar > .lg-icon:hover::before {
	display: block;
}

.lg-toolbar > .lg-close::before {
	content: "閉じる";
}
.lg-toolbar > #lg-download::before {
	content: "ダウンロード";
}
.lg-toolbar > .lg-autoplay-button::before {
	content: "自動スライドショー";
}
.lg-toolbar > #lg-zoom-in::before {
	content: "拡大表示";
}
.lg-toolbar > #lg-zoom-out::before {
	content: "縮小表示";
}
.lg-toolbar > #lg-actual-size::before {
	content: "原寸表示";
}

.lg-thumb-outer.lg-grab {
	padding: 0 1rem;
}

[data-src] > img {
	cursor: pointer;
}


/*----------------------------------*/
/* .dropify */
/*----------------------------------*/
.dropify-wrapper {
	border: 1px solid #DDD;
	text-align: center;
}
.dropify-wrapper:not(.disabled),
.dropify-wrapper.has-preview .dropify-preview {
	background-color: #FFF;
	background-size: 6rem 6rem !important;
	background-image: linear-gradient(-45deg,
		rgba(0, 0, 0, 0.05) 0%,
		rgba(0, 0, 0, 0.05) 12.5%,
		transparent 12.5%,
		transparent 25%,
		rgba(0, 0, 0, 0.05) 25%,
		rgba(0, 0, 0, 0.05) 37.5%,
		transparent 37.5%,
		transparent 50%,
		rgba(0, 0, 0, 0.05) 50%,
		rgba(0, 0, 0, 0.05) 62.5%,
		transparent 62.5%,
		transparent 75%,
		rgba(0, 0, 0, 0.05) 75%,
		rgba(0, 0, 0, 0.05) 87.5%,
		transparent 87.5%,
		transparent 100%
	) !important;
	color: #666;
	border: 1px solid #DDD;
	text-align: center;
	cursor: copy;
}
.dropify-wrapper:not(.disabled):hover {
	border-color: rgb(0, 97, 170);			/* BLUE          */
	animation: bg-slide-right 15s linear infinite !important;
}
.dropify-wrapper .dropify-message {
	white-space: normal;
}
.dropify-wrapper .dropify-message p {
	color: #CCC;
	margin: 5px 0 0;
}

.dropify-font-file:before {
	content: "\f15b";
	font-weight: 900;
	font-family: 'Font Awesome 5 Free' !important;
}
.dropify-font-upload:before,
.dropify-wrapper .dropify-message span.file-icon:before {
	color: #CCC;
	content: "\f1c3";
	font-weight: 900;
	font-family: 'Font Awesome 5 Free' !important;
}
.dropify-wrapper:not(.disabled):hover .dropify-message .file-icon,
.dropify-wrapper:not(.disabled):hover .dropify-message span.file-icon:before,
.dropify-wrapper:not(.disabled):hover .dropify-message p {
	color: rgb(0, 97, 170);
}

.dropify-wrapper.has-error {
	border-color: #dc3545 !important;
	background-color: #f9f2f4 !important;
}
.dropify-wrapper.disabled {
	background-color: #F6F6F6;
	cursor: not-allowed;
}
.dropify-wrapper input {
	cursor: copy;
}

.dropify-wrapper.disabled .dropify-message {
	opacity: 0 !important;
}
.dropify-wrapper.disabled .dropify-preview {
	display: none !important;
}
.dropify-wrapper.disabled + p.text-xs.text-info,
.dropify-wrapper.disabled ~ .file-dl {
	display: none !important;
}

.dropify-wrapper.has-error .file-icon,
.dropify-wrapper.has-error .dropify-message {
	color: #dc3545 !important;
}
.dropify-wrapper .dropify-preview .dropify-render img {
	width: auto !important;
	height: 100% !important;
}

.dropify-wrapper.has-preview .dropify-preview i {
	display: inline-block;
	font: normal normal normal 16px/1 'Font Awesome 5 Free';
	font-size: 5rem;
	height: 7rem;
	text-decoration: inherit;
	text-rendering: optimizeLegibility;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	width: 1.28571429em;
	color: #0061AB;
	text-align: center;
}
.dropify-wrapper.has-preview .dropify-preview i[class^="dropify-font-"]::before {
	line-height: 5rem;
	margin: 0 !important;
}
.dropify-wrapper.has-preview .dropify-preview i[class^="dropify-font-"]::after {
	content: "選択済み";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	font-weight: normal;
	font-size: 0.675rem;
	line-height: 1rem;
}
.dropify-wrapper .dropify-preview .dropify-render .dropify-extension {
	color: #0061AB;
	margin: 0;
}

#contracts\.view .dropify-wrapper.has-preview .dropify-preview i,
#contracts\.edit .dropify-wrapper.has-preview .dropify-preview i,
#contracts\.view .dropify-wrapper .dropify-preview .dropify-render .dropify-extension,
#contracts\.edit .dropify-wrapper .dropify-preview .dropify-render .dropify-extension {
	color: #107c41;
}

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-infos-message {
	line-height: 1.2;
	font-weight: normal;
	white-space: normal;
}

/*----------------------------------*/
/* Page Individual Style */
/*----------------------------------*/
/* /error/999.html */
[id^="error."] section > .contents-header > h3[data-label] {
	position: relative;
	line-height: 16rem;
	font-size: 5rem;
	text-align: center;
	margin: 0 0 5rem 0;
	padding: 0;
}
[id^="error."] section > .contents-header > h3[data-label]::before {
	content: attr(data-label);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	line-height: 1;
	color: rgba(0, 97, 170, 0.4);
	font-size: 16rem;
	font-weight: 700;
}
[id^="error."] section > p {
	line-height: 1.5;
	font-size: 1.25rem;
	text-align: center;
	margin: 2rem 0;
}
@media screen and (max-width: 767px) {
	[id^="error."] section > .contents-header > h3[data-label] {
		line-height: 10rem;
		font-size: 2rem;
	}
	[id^="error."] section > .contents-header > h3[data-label]::before {
		font-size: 10rem;
	}
}






/* /messages/index */
#messages-index .contents {
	padding-bottom: 0;
}

#messages-index .main-contentns .row,
#messages-index .left-column,
#messages-index .right-column {
	transition-duration: unset !important;
}

#messages-index .left-column > .list-group.w-avatar {
	overflow-x: hidden;
	overflow-y: scroll;
	min-height: 20rem;
	height: 100%;
}

#messages-index .right-column > .messages {
	height: calc(100vh - 2.5rem - 2.5rem - 5.75rem - 1.8rem - 197px);
}


@media screen and (max-width: 767px) {
	#messages-index .left-column {
		overflow: hidden;
		width: calc(4.5rem + 30px);
	}
	#messages-index .right-column {
		width: calc(100% - 4.5rem - 30px);
		padding-left: 0;
	}
	#messages-index .left-column > .list-group.w-avatar > a {
		overflow: hidden;
		width: 100%;
		height: 4rem;
		padding: 0 0 0 4.5rem;
	}
	#messages-index .left-column > .list-group.w-avatar > a > .counter {
		top: 0.75rem;
		right: 0;
	}
}
@media screen and (max-width: 575px) {
	#messages-index .main-contents {
		padding-bottom: 0;
	}
	#messages-index .left-column {
		width: calc(3.5rem + 30px);
	}
	#messages-index .right-column {
		width: calc(100% - 3.5rem - 30px);
		padding-left: 0;
	}
	#messages-index .left-column > .list-group.w-avatar {
		height: calc(100vh - 2.5rem - 2rem - 1rem - 19px - 1rem - 72px - 0.5rem);
	}
	#messages-index .left-column > .list-group.w-avatar > a {
		overflow: hidden;
		width: 100%;
		height: 3.5rem;
		min-height: 3.5rem;
		border: none;
		padding: 0 0 0 3.5rem;
	}
	#messages-index .left-column > .list-group.w-avatar > a > .avatar-img {
		top: 0.25rem;
		left: 0.2rem;
		width: 3rem;
	}
	#messages-index .left-column > .list-group.w-avatar > a > .counter {
		top: 0.75rem;
		right: 0;
	}

	#messages-index .right-column > .messages {
		height: calc(100vh - 2.5rem - 2rem - 1rem - 19px - 1rem - 135px - 72px);
	}
	#messages-index .right-column > .messages + form textarea {
		height: 100px;
		padding: 0 0.25rem;
	}
	#messages-index .right-column > .messages + form .btn {
		width: 100%;
		font-size: 0.75rem;
		padding: 0.2rem 1rem;
	}
}


/* #workflow/view */
.workflow-flow-list > .list-group-item:not(:last-child) {
	position: relative;
	margin-bottom: 2rem;
}

.workflow-flow-list > .list-group-item {
	background-color: rgba(0, 97, 170, 0.1);
	border: none !important;
}
.workflow-flow-list > .list-group-item.done {
	background-color: rgba(0, 0, 0, 0.1);
}
.workflow-flow-list > .list-group-item.active {
	background-color: rgba(0, 97, 170, 1);
}

.workflow-flow-list > .list-group-item:not(:last-child)::after {
	content: "";
	position: absolute;
	bottom: -1.3rem;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 0;
	height: 0;
	border-top: 0.5rem solid #333;
	border-right: 0.4rem solid transparent;
	border-left: 0.4rem solid transparent;
}

.workflow-flow-list > .list-group-item > .name {

}
.workflow-flow-list > .list-group-item > .role {
	float: right;
	color: #AAA;
	font-size: 0.75rem;
}
.workflow-flow-list > .list-group-item > .status {
	display: block;
	font-size: 0.75rem;
	margin: 0.25rem 0 0 0;
}


/* #attendance */
#attendance table > tbody > tr.wk0,
#attendance table > tbody > tr.wk6,
#attendance table > tbody > tr.holiday {
	background-color: rgba(0, 0, 0, 0.1);
}

/* #workflow-currency */
#workflow-currency #currency-table {

}
#workflow-currency #currency-table > thead > tr > th {
	text-align: center;
}
#workflow-currency #currency-table > tbody > tr > td:nth-child(1) {
	text-align: left;
}
#workflow-currency #currency-table > tbody > tr > td:nth-child(2) {
	text-align: right;
}
#workflow-currency #currency-table > tbody > tr > td:nth-child(1) > img {
	width: auto;
	height: 1rem;
	margin: 0 0.5rem 0 0;
}




/*----------------------------------*/
/* .row.*-gutters */
.row.narrow-gutters {
	margin-right: -7.5px !important;
	margin-left: -7.5px !important;
}
.row.narrow-gutters > [class^="col"] {
	padding-right: 7.5px !important;
	padding-left: 7.5px !important;
}

@media screen and (min-width: 576px) {
	.row.narrow-sm-gutters {
		margin-right: -7.5px !important;
		margin-left: -7.5px !important;
	}
	.row.narrow-sm-gutters > [class^="col"] {
		padding-right: 7.5px !important;
		padding-left: 7.5px !important;
	}
}


/*----------------------------------*/
/* .dept-tree */
.dept-tree {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dept-tree ul {
	list-style: none;
	margin: 0.25rem 0 0.25rem 0;
	padding: 0 0 0 2rem;
}
.dept-tree ul > li {
	position: relative;
	border-left: 1px solid rgb(0, 97, 170);			/* BLUE          */
	line-height: 1rem;
	font-size: 0.875rem;
	padding: 0.25rem 0 0.25rem 1.5rem;
}

.dept-tree ul::before {
	content: "\f28e";
	content: "\f146";
	position: absolute;
	top: 0;
	left: -0.75rem;
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	background-color: rgb(0, 97, 170);			/* BLUE          */
	text-align: center;
	color: #FFF;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	opacity: 1;
	z-index: 2000;
	cursor: pointer;
}
.dept-tree li.closed {
	border-left-color: transparent;
}
.dept-tree li.closed > .members {
	display: none;
}
.dept-tree li.closed > ul::before {
	content: "\f2c2";
}	content: "\f0fe";

.dept-tree li.closed > ul {
	height: 0;
	margin: 0;
	padding: 0;
}
.dept-tree li.closed > ul > li {
	display: none;
	opacity: 0;
}
.dept-tree li::before {
	content: "";
	position: absolute;
	top: 0.75rem;
	left: calc(-1 * 3.5rem - 1px);
	display: block;
	width: 2.8rem;
	height: 1px;
	background-color: rgb(0, 97, 170);			/* BLUE          */
}
.dept-tree > li > ul > li::before {
	display: none;
}
.dept-tree li > ul > li:last-child::after {
	content: "";
	position: absolute;
	top: calc(0.75rem + 1px);
	left: calc(-1 * 3.5rem - 2px);
	display: block;
	width: 3px;
	height: calc(100% + 3px);
	background-color: #FAFAFA;
	z-index: 1000;
}



/*----------------------------------*/
/* .dept-tree2 */
.dept-tree2,
.dept-tree2 ul {
	list-style: none;
	margin: 0.25rem 0 0.25rem 0;
	padding: 0 0 0 2rem;
}
.dept-tree2 li {
	position: relative;
	border-left: 1px solid rgb(0, 97, 170);			/* BLUE          */
	line-height: 1rem;
	font-size: 0.875rem;
	padding: 0.25rem 0 0.25rem 1.5rem;
}

.dept-tree2 ul > li > ul::before {
	content: "\f28e";
	content: "\f146";
	position: absolute;
	top: 0;
	left: -0.75rem;
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	background-color: rgb(0, 97, 170);			/* BLUE          */
	text-align: center;
	color: #FFF;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	opacity: 1;
	z-index: 2000;
	cursor: pointer;
}
.dept-tree2 li.closed {
	border-left-color: transparent;
}
.dept-tree2 li.closed > .members {
	display: none;
}
.dept-tree2 li.closed > ul::before {
	content: "\f2c2";
	content: "\f0fe";
}
.dept-tree2 li.closed > ul {
	height: 0;
	margin: 0;
	padding: 0;
}
.dept-tree2 li.closed > ul > li {
	display: none;
	opacity: 0;
}
.dept-tree2 li::before {
	content: "";
	position: absolute;
	top: 0.75rem;
	left: calc(-1 * 3.5rem - 1px);
	display: block;
	width: 2.8rem;
	height: 1px;
	background-color: rgb(0, 97, 170);			/* BLUE          */
}
.dept-tree2 > li > .company {
	position: absolute;
	top: 0;
	left: -2rem;
	display: block;
	width: calc(100% + 2rem);
	height: 44px;
	line-height: 28px;
	background-color: rgb(0, 97, 170);			/* BLUE          */
	color: #FFF;
	padding: 0.5rem;
}
.dept-tree2 > li::before {
	display: none;
}
.dept-tree2 li > ul > li:last-child::after {
	content: "";
	position: absolute;
	top: calc(0.75rem + 1px);
	left: calc(-1 * 3.5rem - 2px);
	display: block;
	width: 3px;
	height: calc(100% + 3px);
	background-color: #FAFAFA;
	z-index: 1000;
}
.dept-tree2 > li > ul {
	margin-top: 3rem;
}

.dept-tree2 > li > .company > .team {
	width: auto;
	margin: 0;
	padding: 0 0.5rem;
}
.dept-tree2 > li > .company > .team:first-child {
	margin: 0 0 0 1rem;
}
.dept-tree2 > li > .company > .team::before,
.dept-tree2 > li > .company > .team::before,
.dept-tree2 > li > .company > .team::before {
	content: attr(data-role);
	color: #FFF;
	text-transform: uppercase;
	margin: 0 0.25rem 0 0;
}


.emp-list {
	float: right;
	display: inline-block;
	width: 100%;
	list-style: none;
	padding: 0;
}

.team {
	display: block;
	width: calc(100% - 3.5rem);
	min-height: 1.75rem;
	background-color: rgba(0, 0, 0, 0.03);		/* BK-5 */
	margin: 0 0 0 1rem;
	padding: 0 1rem;
	transition-duration: 0.5s;
}
.company > .team {
	display: inline-block;
}
.dept-tree li.closed .team {
	display: none;
}
.emp {
	position: relative;
	display: inline-block;
	height: 1.25rem;
	line-height: calc(1.25rem - 2px);
	background-color: #CCDFEE;			/* WB-20-W       */
	font-size: 0.75rem;
	color: #404756;
	margin: 0.25rem 0.25rem 0.25rem 0.75rem;
	padding: 0 0.5rem 0 1.25rem;
}
.emp > img {
	position: absolute;
	top: 50%;
	left: -0.5rem;
	transform: translateY(-50%);
	width: 1.5rem;
	height: 1.5rem;
	border: 2px solid #FFF;
	border-radius: 50%;
	margin: 0;
}


.company > .team > .emp {
	background-color: #FFF;			/* BLUE          */
	color: #404756;
}
.emp[data-role-id="0201"] {
	background-color: rgb(0, 97, 170);			/* BLUE          */
	color: #FFF;
}
.emp[data-role-id="0301"] {
	background-color: rgb(0, 97, 170);			/* BLUE          */
	color: #FFF;
}
.emp[data-role-id="0401"] {
	background-color: #3380BB;			/* WB-80-W       */
	color: #FFF;
}
.emp[data-role-id="0501"] {
	background-color: #3380BB;			/* WB-80-W       */
	color: #FFF;
}
.emp[data-role-id="0601"] {
	background-color: #99C0DD;			/* WB-40-W       */
}
.emp[data-role-id="0701"] {
	background-color: #99C0DD;			/* WB-40-W       */
}
.emp[data-role-id="0801"] {
	background-color: #CCDFEE;			/* WB-20-W       */
}
.emp[data-role-id="0806"] {
	background-color: #99C0DD;			/* WB-40-W       */
}
.emp[data-role-id="0807"] {
	background-color: #CCDFEE;			/* WB-20-W       */
}

.emp[data-role-id]::before {
	font-size: 0.625rem;
	margin: 0 0.5rem 0 0;
}
.emp[data-role-id="0201"]::before,
.emp[data-role-id="0301"]::before,
.emp[data-role-id="0401"]::before,
.emp[data-role-id="0501"]::before,
.emp[data-role-id="0601"]::before,
.emp[data-role-id="0701"]::before,
.emp[data-role-id="0801"]::before,
.emp[data-role-id="0806"]::before,
.emp[data-role-id="0807"]::before {
	content: attr(data-role-name);
}



/* .ui-droppable */
.team.ui-droppable.ui-droppable-hover {
	background-color: #FDE1E6;			/* PINK-LIGHT    */
}
.dept-tree2 > li > .company > .team.ui-droppable.ui-droppable-hover,
.dept-tree2 > li > .company > .team.ui-droppable.ui-droppable-hover,
.dept-tree2 > li > .company > .team.ui-droppable.ui-droppable-hover {
	padding-right: 5rem;
}
.dept-tree2 > li > .company > .team.ui-droppable.ui-droppable-hover::before,
.dept-tree2 > li > .company > .team.ui-droppable.ui-droppable-hover::before,
.dept-tree2 > li > .company > .team.ui-droppable.ui-droppable-hover::before {
	color: #404756;
}


/* .ui-draggable */
.emp.ui-draggable.ui-draggable-handle {
	cursor: move !important;
}
.emp.ui-draggable.ui-draggable-handle.ui-draggable-dragging {
	background-color: rgb(0, 97, 170);			/* BLUE          */
	color: #FFF;
	padding-left: 2.75rem;
}
.emp.ui-draggable.ui-draggable-handle.ui-draggable-dragging > img {
	width: 3rem;
	height: 3rem;
}

/*=======================================================================*/
/* #department-new */
#department-new #user-modal .modal-title {
	line-height: 2rem;
	padding: 0.25rem 0.75rem;
}
#department-new #user-modal .modal-title::after {
	content: "さん";
	font-size: 0.75rem;
	font-weight: 300;
	margin: 0 0 0 0.25rem;
}
#department-new #user-modal .modal-title > img {
	width: 2rem;
	height: 2rem;
	border: 2px solid #FFF;
	border-radius: 50%;
	margin: 0 0.5rem 0 0;
}


#department-new #user-modal .modal-body table > tbody > tr > td > span {
	display: block;
	margin: 0;
}
#department-new #user-modal .modal-body table > tbody > tr > td > span:nth-child(2) {
	margin-left: 1rem;
}
#department-new #user-modal .modal-body table > tbody > tr > td > span:nth-child(3) {
	margin-left: 2rem;
}
#department-new #user-modal .modal-body table > tbody > tr > td > span:nth-child(4) {
	margin-left: 3rem;
}




/*----------------------------------*/
/* .ui-sortable */
.ui-sortable-handle {
	cursor: ns-resize;
}



/*----------------------------------*/
/* form editor */
.element-menu-list {
	margin: 0;
	padding: 0;
}
.element-menu-list > li {
	width: 100%;
	height: auto;
	line-height: 1rem;
	background-color: rgba(0, 0, 0, 0.025);
	list-style: none;
	margin: 0.5rem 0;
	padding: 1rem;
}


/*----------------------------------*/
/* animations */
.bg-striped {
	background-size: 6rem 6rem;
	background-image: linear-gradient(-45deg,
		rgba(0, 0, 0, 0.05) 0%,
		rgba(0, 0, 0, 0.05) 12.5%,
		transparent 12.5%,
		transparent 25%,
		rgba(0, 0, 0, 0.05) 25%,
		rgba(0, 0, 0, 0.05) 37.5%,
		transparent 37.5%,
		transparent 50%,
		rgba(0, 0, 0, 0.05) 50%,
		rgba(0, 0, 0, 0.05) 62.5%,
		transparent 62.5%,
		transparent 75%,
		rgba(0, 0, 0, 0.05) 75%,
		rgba(0, 0, 0, 0.05) 87.5%,
		transparent 87.5%,
		transparent 100%
	);
}
.bg-stripe-animated {
	animation: bg-slide-right 15s linear infinite;
}

@keyframes bg-slide-right {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 100% 100%;
	}
}

.currency_flag {
	width: auto;
	height: 1rem;
	margin: 0 0.25rem 0 0;
}

/* debug */
#sidebar {
	overflow: scroll;
	overflow-x: hidden;
	position: absolute;
	top: 8.5rem;
	right: 0px;
	max-width: 75vw;
	max-height: 75vh;
	background-color: #FFF;
	box-shadow: 0px 0px 3px rgba(0, 97, 170, 0.5), 0px 0px 6px rgba(0, 97, 170, 0.5), 0px 0px 9px rgba(0, 97, 170, 0.5);
	padding: 0.5rem;
	z-index: 20000;
}
#toggleSidebar {
	position: absolute;
	top: 8.5rem;
	right: 0px;
	transform: translateY(-105%);
	display: inline-block;
	background-color: rgb(0, 97, 170);			/* BLUE          */
	box-shadow: 0px 0px 5px rgba(0, 97, 170, 0.5);
	color: #FFF;
	text-align: center;
	padding: 0.25rem 0.5rem;
}
#sidebar > h4 {
	background-color: rgb(0, 97, 170);
	color: #FFF;
	font-size: 0.875rem;
	margin: 0;
	padding: 0.25rem 0.5rem;
}
#sidebar > dl > dt {
	font-size: 0.7rem;
	padding: 0 0 0 0.5rem;
}
#sidebar > dl > dd {
	font-size: 0.75rem;
	padding: 0 0 0 1.5rem;
}


/* .dropdown-menu-btn */
.dropdown-menu-btn.data-ope > .dropdown-menu {
	min-width: 7rem;
	background-color: #FFF;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	border: none;
	border-radius: 0;
	text-align: center;
	padding: 0.25rem;
}
.dropdown-menu-btn.data-ope > .dropdown-menu::after {
	content: "";
	display: block;
	clear: both;
}
.dropdown-menu-btn.data-ope > .dropdown-menu .btn {
	float: left;
	clear: none;
	width: 50%;
	height: 1.5rem;
	line-height: calc(1.5rem - 2px);
	font-size: 0.75rem;
	text-align: center;
	padding: 0;
}
.dropdown-menu-btn.data-ope > .dropdown-menu form {
	float: left;
	clear: none;
	width: 50%;
}
.dropdown-menu-btn.data-ope > .dropdown-menu .btn.btn-block {
	width: 100%;
	margin: 0;
}
.dropdown-menu-btn.data-ope > .dropdown-menu form .btn {
	width: 100%;
}
.dropdown-menu-btn.data-ope > .dropdown-menu form .btn.btn-block {
	width: 200%;
}


@media screen and (max-width: 575px) {
	.fa-xs-rotate-90 {
		transform: rotate(90deg);
	}
}



/* .terms */
.terms {
	margin: 0;
}
.terms > dt {
	margin: 0 0 0.5rem 0;
}
.terms > dd {
	margin: 0 0 3rem 0;
}

.terms > dd ul {
	list-style: none;
	margin: 1rem 0;
	padding: 0;
}
.terms > dd ul > li {
	line-height: 1.2;
	margin: 0 0 0.5rem 0;
}
.terms > dd ul > li::before {
	display: inline-block;
	text-align: right;
}

.terms > dd > ul > li {
	counter-increment: indent1;
	padding: 0 0 0 2rem;
}
.terms > dd > ul > li::before {
	content: counter(indent1)'．';
	width: 2rem;
	margin: 0 0 0 -2rem;
}
.terms > dd > ul > li > ul > li {
	counter-increment: indent2;
	padding: 0 0 0 2rem;
}
.terms > dd > ul > li > ul > li::before {
	content: '（'counter(indent2)'）';
	width: 3rem;
	margin: 0 0 0 -3rem;
}



iframe {
	width: 100%;
	border: none;
	box-shadow: none;
}
.modal-body > iframe {
	min-height: 27rem;
	overflow-y: scroll;
}
.show-in-modal header,
.show-in-modal .side-menu,
.show-in-modal .to-top,
.show-in-modal .contents-navi,
.show-in-modal .contents-header,
.show-in-modal #toggleSidebar {
	display: none;
}
.show-in-modal {
	min-width: auto !important;
}
.show-in-modal > .contents {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.show-in-modal .list-form {
	overflow-x: hidden;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	max-height: 15rem !important;
	padding: 0;
}
.show-in-modal .list-form::-webkit-scrollbar {
	display: none;
}

.show-in-modal .list-form + .list-form-footer {
	margin-top: 0rem;
}

.show-in-modal .container,
.show-in-modal .main-contents {
	padding: 0 !important;
}
.show-in-modal * {
	font-size: 0.75rem;
}


.image-container {
	position: relative;
	height: calc(100vh - 10rem);
}
.image-control-area {
	position: relative;
}
.image-control-area > .image-control-buttons {
	position: absolute;
	top: 0;
	right: 0;
	width: 152px;
	z-index: 100000;
	margin: 0;
	padding: 0;
}
.image-control-buttons::after {
	content: "";
	clear: both;
	display: block;
}
.image-control-buttons > li {
	float: right;
	list-style: none;
	display: block;
	margin: 0 0 2px 2px;
}
.image-control-buttons > li > button {
	width: 2.25rem;
	height: 2.25rem;
	line-height: 2.25rem;
	text-align: center;
	padding: 0;
}
.image-control-buttons > li > button > i {
	line-height: 2.25rem;
	font-size: 1.35rem;
}

.image-control-area > .image-control {
	transition-duration: 0.3s;
	z-index: 10000;
}


/* .image-thumbnails */
.image-thumbnails-wrapper {
	overflow: hidden;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	border-right: 1.25rem solid #E5EFF6;				/* WB-10-W       */
}
.image-thumbnails-wrapper::after {
	content: "";
	position: fixed;
	bottom: 2.5rem;
	right: 0.25rem;
	display: block;
	width: 0;
	height: 0;
	border-top: 0.5rem solid transparent;
	border-bottom: 0.5rem solid transparent;
	border-left: 0.65rem solid rgb(0, 97, 170);
}
.image-thumbnails {
	overflow: hidden;
	overflow-x: scroll;
	overflow-y: hidden;
	width: auto;
	height: 100px;
	max-height: 100px;
	white-space: nowrap;
	background-color: #E5EFF6;				/* WB-10-W       */
	counter-reset: number 0;
	margin: 0;
	padding: 0.25rem 0.5rem;
	z-index: 100;
}
.image-thumbnails::after {
	content: "";
	display: block;
	clear: both;
}
.image-thumbnails > li {
	position: relative;
	counter-increment: items 1;
	width: 6rem;
	height: 5rem;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	list-style: none;
	display: inline-block;
	margin: 0.25rem;
}
.image-thumbnails > li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 1rem solid #FFF;
	border-left: 1rem solid #FFF;
	border-right: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
}
.image-thumbnails > li::after {
	content: counter(items);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 1rem;
	font-size: 0.75rem;
	font-weight: 700;
	text-align: center;
}
.image-thumbnails > li.active::before {
	border-top: 1rem solid rgb(0, 97, 170);
	border-left: 1rem solid rgb(0, 97, 170);
}
.image-thumbnails > li.active::after {
	color: #FFF;
}

.image-thumbnails > li > a {
	display: block;
	width: 100%;
	height: 100%;
}

.image-thumbnails > li.st-Y > a::after {
	content: "済";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: rgb(0, 97, 170);
	font-size: 2rem;
	font-weight: 700;
	text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
}
@media screen and (max-width: 767px) {
	.image-thumbnails {

	}
}

/*  */
.input-group[data-diff] {
	position: relative;
}
.input-group[data-diff]::after {
	content: '自動計算との差異 'attr(data-diff)' 'attr(data-currency-label);
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	transform: translateY(-60%);
	background-color: #F0506E;				/* PINK          */
	color: #FFF;
	line-height: 1;
	font-size: 0.6rem;
	padding: 0.125rem 0.25rem;
	z-index: 500;
}
.input-group[data-diff=""]::after,
.input-group[data-diff="0"]::after,
.input-group:not([data-diff^="-"])[data-input="true"]::after {
	content: '';
	display: none;
}
.input-group[data-diff] > input.form-control {
	z-index: 490;
}

/* 仮払残高 */
span[for="app.PrepaidRemain"][data-date],
label.custom-control-label[for="app.PrepaidRemain"][data-date*="/"] {
	position: relative;
	display: inline-block;
	padding-bottom: 1.25rem;
}
span[for="app.PrepaidRemain"][data-date]::after,
label.custom-control-label[for="app.PrepaidRemain"][data-date*="/"]::after {
	content: "※"attr(data-date)"時点で経理処理済みの残高です";
	position: absolute;
	top: auto;
	bottom: 0.25rem;
	left: 0.5rem;
	display: block;
	width: 100%;
	height: 0.875rem;
	background: none;
	line-height: 0.875rem;
	color: #0061AB;
	font-size: 0.75rem;
	white-space: nowrap;
}

.list-form-wrapper > .list-form > .st-DELETED [class*="col-"] :not(.btn-group):not(.dropdown-menu):not(form):not(.btn) {
	opacity: 0.7;
}
#rec-approver-edit-form .list-form > .st-CLOSED,
#rec-approver-edit-form .list-form > .st-CLOSED *,
#pap-approver-edit-form .list-form > .st-CLOSED,
#pap-approver-edit-form .list-form > .st-CLOSED * {
	opacity: 0.9;
}

#pap-approver-edit-form .list-form:empty + div > button[type="submit"],
#rec-approver-edit-form .list-form:empty + div > button[type="submit"] {
	display: none;
}


/*----------------------------------*/
/* #mypage */
#mypage\.user .card {
	margin-bottom: 1.5rem;
}

/*----------------------------------*/
/* 契約管理カード */
#contracts\.edit .dropify-wrapper.disabled + p,
#contracts\.approve .dropify-wrapper.disabled + p {
	display: none;
}

#contracts\.index .list-form .appr-name.active,
#contracts\.all .list-form .appr-name.active,
#contracts\.view .arrow-down-list .appr-name.active,
#contracts\.approve .arrow-down-list .appr-name.active {
	font-weight: 700;
}
#contracts\.index .list-form .appr-name + .appr-name:not(:empty)::before,
#contracts\.all .list-form .appr-name + .appr-name:not(:empty)::before,
#contracts\.view .arrow-down-list .appr-name + .appr-name:not(:empty)::before,
#contracts\.approve .arrow-down-list .appr-name + .appr-name:not(:empty)::before {
	content: "/";
	font-size: 0.875rem;
	font-weight: 300;
	margin: 0 0.25rem 0 0;
}



/* .download-box */
.download-box {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 200px;
	background-color: #F6F6F6;
	border: 1px solid #DDD;
	text-align: center;
	padding: 1rem;
}
.download-box:empty::after {
	content: "添付なし";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.75rem;
	color: #6c757d;
}
.download-box > a:not(.btn) {
	display: inline-block;
}
.download-box > i,
.download-box > a:not(.btn) > i {
	margin: 0.75rem 0;
}

.download-box[data-file-ext$=".pdf"] > i::before {
	content: "\f1c1";
	color: #b91d47;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}
.download-box[data-file-ext$=".xls"] > i::before,
.download-box[data-file-ext$=".xlsx"] > i::before {
	content: "\f1c3";
	color: #107c41;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}
.download-box[data-file-ext$=".doc"] > i::before,
.download-box[data-file-ext$=".docx"] > i::before {
	content: "\f1c2";
	color: #185abd;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}
.download-box[data-file-ext$=".jpg"] > i::before,
.download-box[data-file-ext$=".jpeg"] > i::before,
.download-box[data-file-ext$=".png"] > i::before,
.download-box[data-file-ext$=".gif"] > i::before,
.download-box[data-file-ext$=".bmp"] > i::before {
	content: "\f1c5";
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}
.download-box[data-file-ext$=".ppt"] > i::before,
.download-box[data-file-ext$=".pptx"] > i::before {
	content: "\f1c4";
	color: #c43e1c;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}
.download-box[data-file-ext$=".log"] > i::before,
.download-box[data-file-ext$=".txt"] > i::before,
.download-box[data-file-ext$=".text"] > i::before {
	content: "\f15c";
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}


/* .contract-approval-form */
.contract-approval-form {
	float: left;
	width: calc(100% - 3.5rem);
}
.contract-approval-form .btn:disabled {
	opacity: 0.3;
}

#receiver-list {
	padding: 0 !important;
}
#receiver-list > li {
	list-style: none;
	width: calc(100% + 1px);
	line-height: 1.25rem;
	padding: 0.5rem 1rem;
	background-color: #FFF;
	border: 1px solid rgba(0, 0, 0, 0.125);
	margin: -1px -1px 0 0;
}
#receiver-list:empty::after {
	content: attr(data-empty);
	padding: 0.5rem 0;
}
#receiver-list > li > button.btn-xs {
	padding-top: 0;
	padding-bottom: 0;
}

#receiver-list.st-DRAFT > .list-group-item {
	width: 100% !important;
	max-width: none !important;
}

/* tooltip */
[data-tooltip] {
	position: relative;
	display: block;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
}
[data-tooltip]::before {
	position: absolute;
	top: 0;
	left: 50%;
	display: none;
	width: 0;
	height: 0;
	content: "";
	border-top: 0.5rem solid rgba(0, 0, 0, 0.6);
	border-right: 0.25rem solid transparent;
	border-left: 0.25rem solid transparent;
	z-index: 100000;
}
[data-tooltip]::after {
	position: absolute;
	top: 0;
	left: 50%;
	display: none;
	width: auto;
	min-width: 100%;
	transform: translate(-50%, -100%);
	content: attr(data-tooltip);
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFF;
	font-size: 0.75rem;
	border-radius: 0.25rem;
	padding: 0.15rem 0.5rem;
	z-index: 100000;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
}
[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
	display: block;
}



/*  */
#exp-dept-list > li ul.dept-list {
	list-style: none;
	margin: 0.25rem 0;
}
#exp-dept-list > li ul.dept-list > li {
	line-height: 1.1;
	font-size: 0.75rem;
}
#exp-dept-list > li ul.dept-list > li::before {
	content: "┝";
	margin-right: 0.5rem;
}
#exp-dept-list > li ul.dept-list > li:last-child::before {
	content: "┗";
}

/* マスタ参照 */
#masters\.list .table-responsive > table > tbody:empty {
	position: relative;
	height: 1.75rem;
}
#masters\.list .table-responsive > table > tbody:empty::after {
	content: "データがありません";
	position: absolute;
	display: block;
	width: 100%;
	height: 1.75rem;
	line-height: 1.75rem;
}

/* 契約稟議書 */
div.form.st-LAPSED::after {
	content: "失\A効";
	white-space: pre;
	position: fixed;
	top: 15rem;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(255, 255, 255, 0.75);
	border: 5px double #dc3545;
	color: #dc3545;
	font-weight: bold;
	font-size: 5rem;
	padding: 0.5rem;
}

div.form.st-REAPP:not(.st-LAPSED)::after,
form.wfl-form.st-REAPP:not(.st-LAPSED)::after {
	content: "再";
	position: absolute;
	top: 9rem;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 5rem;
	height: 5rem;
	line-height: calc(5rem - 10px);
	background-color: rgba(255, 255, 255, 0.75);
	border: 5px double #dc3545;
	border-radius: 50%;
	color: #dc3545;
	font-weight: bold;
	font-size: 3rem;
	text-align: center;
}


/* .tree-list */
.tree-list {
	overflow: hidden;
	overflow-y: scroll;
	max-height: calc(100vh - 23rem);
	padding-bottom: 1rem;
}
.tree-list .dept-name {
	height: auto;
	white-space: normal;
}
.tree-list .ringi-users {
	line-height: 0.75rem;
	margin: 0;
}
.tree-list .ringi-users > span {
	color: #17a2b8;
	font-size: 0.65rem;
	margin: 0 0.25rem;
}

.tree-list > li:nth-child(2n) {
	background-color: rgba(255, 255, 255, 0.05);
}
.tree-list > li:nth-child(2n + 1) {
	background-color: rgba(0, 0, 0, 0.05);
}
.tree-list li.layer1 .dept-name {
	padding-left: 0rem;
}
.tree-list li.layer2 .dept-name {
	padding-left: 2rem;
}
.tree-list li.layer3 .dept-name {
	padding-left: 4rem;
}
.tree-list li.layer4 .dept-name {
	padding-left: 6rem;
}
.tree-list li.layer5 .dept-name {
	padding-left: 8rem;
}
.tree-list li.layer6 .dept-name {
	padding-left: 10rem;
}
.tree-list li.layer7 .dept-name {
	padding-left: 12rem;
}


.tree-list .upper-layer-fd-approver {
	width: 100%;
	white-space: normal;
	word-break: break-all;
	color: #28a745;
	font-size: 0.65rem;
	text-align: right;
}
#ringi\.approver .tree-list .upper-layer-fd-approver::before {
	content: "※未設定の場合は（";
}
#ringi\.approver .tree-list .upper-layer-fd-approver::after {
	content: "）が適用されます";
}

#departments\.tree .tree-list .upper-layer-fd-approver::before {
	content: "※上位部門の（";
}
#departments\.tree .tree-list .upper-layer-fd-approver::after {
	content: "）が適用されます";
}

.tree-list .upper-layer-fd-approver:empty {
	display: none;
}
.tree-list .upper-layer-fd-approver > span + span {
	margin-left: 0.25rem;
}

@media screen and (max-width: 767px) {
	.tree-list li.layer1 > div > .row {
		padding-left: calc(0rem - 0.5rem);
	}
	.tree-list li.layer2 > div > .row {
		padding-left: calc(2rem - 0.5rem);
	}
	.tree-list li.layer3 > div > .row {
		padding-left: calc(4rem - 0.5rem);
	}
	.tree-list li.layer4 > div > .row {
		padding-left: calc(6rem - 0.5rem);
	}
	.tree-list li.layer5 > div > .row {
		padding-left: calc(8rem - 0.5rem);
	}
	.tree-list li.layer6 > div > .row {
		padding-left: calc(10rem - 0.5rem);
	}
	.tree-list li.layer7 > div > .row {
		padding-left: calc(12rem - 0.5rem);
	}
}

/* セールスレポート - お気に入り */
#sales_reports\.favorites .detail-list-wrapper {
	overflow: hidden;
	min-height: auto;
	padding-top: 0;
	padding-bottom: 0;
}
#sales_reports\.favorites .detail-list {
	background-color: #FFF;
	padding: 0.5rem 1rem;
}
#sales_reports\.favorites .detail-list > .row:nth-child(1) {
	background-color: #CCDFEE !important;
}
#sales_reports\.favorites .detail-list > .row:nth-child(1) > * {
	font-weight: bold;
}
#sales_reports\.favorites .detail-list > .row:nth-child(odd) {
	background-color: #E5EFF6;
}
#sales_reports\.favorites .detail-list > .row:nth-child(even) {
	background-color: #FFF;
}

#sales_reports\.favorites .detail-list:empty::after {
	content: "まだ登録がありません。";
}
#sales_reports\.favorites .detail-list:empty + p.text-info {
	display: none;
}

#sales_reports\.favorites .row-delete-btn + [data-name="data-order"] {
	margin-left: 1rem;
}

.detail-list-toggle-btn {
	position: relative;
	width: 1.25rem;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	margin-right: 0.25rem;
	margin-left: -1.25rem;
}
@media screen and (max-width: 575px) {
	#sales_reports\.favorites .row-delete-btn + [data-name="data-order"] {
		display: block;
		margin-left: 0;
	}
}

.detail-list-toggle-btn > .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.detail-list-toggle-btn[data-open="false"] > .fa-minus {
	display: none;
}
.detail-list-toggle-btn[data-open="true"] > .fa-plus {
	display: none;
}

#sales_reports\.favorites .list-form.sortable-list > li.ui-sortable-helper {
	background-color: #FDE1E6 !important;
}


#hinban-search-modal .modal-dialog .dropify-wrapper,
#hinban-list-modal .modal-dialog .dropify-wrapper,
#pos-list-modal .modal-dialog .dropify-wrapper {
	max-width: 300px;
	margin: 0 auto;
}

#item-list .list-form > li.selected,
#item-search-list .list-form > li.selected,
#pos-search-list .list-form > li.selected {
	opacity: 0.5;
}
#item-list .list-form > li .btn.disabled,
#item-search-list .list-form > li .btn.disabled,
#pos-search-list .list-form > li .btn.disabled {
	display: none;
}
#item-list .list-form > li.selected .hinban-select-btn,
#item-search-list .list-form > li.selected .hinban-select-btn,
#pos-search-list .list-form > li.selected .hinban-select-btn {
	display: none;
}
#item-list .list-form > li.selected .btn.disabled,
#item-search-list .list-form > li.selected .btn.disabled,
#pos-search-list .list-form > li.selected .btn.disabled {
	display: block;
}


#teiki-date-list > tbody > tr > td[data-mon="01"]:not([data-day="20"]),
#teiki-date-list > tbody > tr > td[data-mon="03"]:not([data-day="20"]),
#teiki-date-list > tbody > tr > td[data-mon="05"]:not([data-day="20"]),
#teiki-date-list > tbody > tr > td[data-mon="07"]:not([data-day="20"]),
#teiki-date-list > tbody > tr > td[data-mon="09"]:not([data-day="20"]),
#teiki-date-list > tbody > tr > td[data-mon="11"]:not([data-day="20"]) {
	background-color: rgba(0, 97, 170, 0.1) !important;
}
#teiki-date-list > tbody > tr > td[data-mon="02"]:not([data-day="20"]),
#teiki-date-list > tbody > tr > td[data-mon="04"]:not([data-day="20"]),
#teiki-date-list > tbody > tr > td[data-mon="06"]:not([data-day="20"]),
#teiki-date-list > tbody > tr > td[data-mon="08"]:not([data-day="20"]),
#teiki-date-list > tbody > tr > td[data-mon="10"]:not([data-day="20"]),
#teiki-date-list > tbody > tr > td[data-mon="12"]:not([data-day="20"]) {
	background-color: rgba(41, 232, 73, 0.1) !important;
}



/* #royaltor-tab */
#royaltor-tab {
	margin: 2rem 0;
}
#royaltor-tab[data-status="DRAFT"] .tab-del-btn,
#royaltor-tab[data-status="DRAFT"] .tab-add-btn,
#royaltor-tab:not([data-status="DRAFT"]):not([data-status="ATTACH"]):not([data-status="ROYALTOR"]) .tab-del-btn,
#royaltor-tab:not([data-status="DRAFT"]):not([data-status="ATTACH"]):not([data-status="ROYALTOR"]) .tab-add-btn {
	display: none !important;
}
#royaltor-tab > .tab-content > .tab-pane {
	padding-top: 0.5rem;
}

#royaltor-tab > .nav-tabs > .nav-item > .nav-link > .tab-del-btn {
	display: none;
}
#royaltor-tab > .nav-tabs > .nav-item > .nav-link.active > .tab-del-btn {
	display: inline-block;
	margin-left: 1rem;
}

.card-file-name {
	height: 2.25rem;
}