@charset "utf-8";

/* RESET
---------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

* {word-break: break-all;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

ul,ol {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}

a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none;}

del {text-decoration:line-through;}

abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}

table {border-collapse:collapse; border-spacing:0;}

input, select {vertical-align:middle;}

img {vertical-align:bottom; border:none; font-size:0; line-height:0;}

em {font-style:normal;}

body {-webkit-text-size-adjust:none; font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', 'ƒ‚ƒŠƒTƒ VƒS R', 'Droid Sans', ƒƒCƒŠƒI, 'sans-serif'; font-size:14px;}

address {font-style:normal;}

* {box-sizing:border-box;}

/*
 *	COMMON CLASS
 *
 *------------------------------------*/

.layout-fixed {table-layout: fixed;}

.green{color: #096;}

.fz-80{font-size: .8rem;}
.fz-18{font-size: 18px}

.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w200 {width: 200px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w500 {width: 500px !important;}
.w600 {width: 600px !important;}
.w700 {width: 700px !important;}
.w800 {width: 800px !important;}
.w7p {width: 7% !important;}
.w10p {width: 10% !important;}
.w15p {width: 15% !important;}
.w20p {width: 20% !important;}
.w25p {width: 25% !important;}
.w30p {width: 30% !important;}
.w35p {width: 35% !important;}
.w40p {width: 40% !important;}
.w45p {width: 45% !important;}
.w50p {width: 50% !important;}
.w60p {width: 60% !important;}
.w70p {width: 70% !important;}
.w80p {width: 80% !important;}
.w100p {width: 100% !important;}

.mxw300 {max-width: 300px !important;}

.h50 {height: 50px !important;}
.h100 {height: 100px !important;}
.h150 {height: 150px !important;}
.h200 {height: 200px !important;}

.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}

.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}

.mr10{margin-right: 10px !important;}
.mr50{margin-right: 50px !important;}

.canter {
	margin-left: auto;
	margin-right: auto;
}

.nowrap {white-space: nowrap;}

.taL, .tal {
	text-align: left;
}
.taC, .tac {
	text-align: center;
}
.taR, .tar {
	text-align: right;
}
.fL {
	float: left;
}
.fR {
	float: right !important;
}
.cB {
	clear: both;
}
.fwB, .fwb {
	font-weight: bold;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

button:hover, label:hover {cursor: pointer}

/*
 *	LAYOUT
 *
 *------------------------------------*/

header {position:fixed; left:0; top:0; width:100%; z-index:100;}
header .primary-wrap {border-bottom: 1px solid #096; background: linear-gradient(#FFF, #EEE);}
header .primary-wrap::after {content:""; display: block; clear: both;}
header h1 {float: left; width: 200px; height: 40px; padding: 6px; text-align: center; line-height: 20px; font-size:20px;}
header .primary-nav {float: left; width: calc(100% - 200px);}
header .primary-nav .parents {border-left: 1px solid #EEE; border-right: 1px solid #FFF;}
header .primary-nav .parents > li {position:relative; float: left; border-left: 1px solid #FFF; border-right: 1px solid #EEE;}
header .primary-nav .parents > li > a {display: block; height:40px; padding: 10px 30px; line-height: 20px; text-decoration: none;}
header .primary-nav .parents > li > a.active {color: #096;}
header .primary-nav .parents > li > span {display: block; height:40px; padding: 10px 20px; line-height: 20px; text-decoration: none; overflow: hidden;}
header .primary-nav .parents > li > a:hover {background: linear-gradient(#DDD, #FFF);}
header .primary-nav .children {display:none; position: absolute; top:40px; left:0; width: 200px; background: #FFF; border: 1px solid #111}
header .primary-nav .parents > li:hover .children {display: block;}
header .primary-nav .children li {border-top:1px solid #CCC;}
header .primary-nav .children li a {display: block; padding: 10px 20px; text-decoration: none;}
header .primary-nav .children li a:hover {background:#EEE;}

header .primary-wrap-logo-250 h1 {width: 250px;}
header .primary-wrap-logo-250 .primary-nav {width: calc(100% - 250px);}

header .secondary-nav {clear:both; background: #EEE; border-bottom: 1px solid #CCC;}
header .secondary-nav::after {content:""; display: block; clear: both;}
header .secondary-nav ul {float: left; border-left: 1px solid #DDD; border-right: 1px solid #FFF;}
header .secondary-nav li {float: left; border-left: 1px solid #FFF; border-right: 1px solid #DDD;}
header .secondary-nav li a {display: block; height:20px; padding: 10px 30px; line-height: 20px; text-decoration: none;}

footer {margin-top:30px; height: 30px;}
.container {min-height:700px; padding: 40px 10px; background:#F8FFF8}
.container p {margin-bottom: 10px;}
.container p:last-child {margin-bottom: 0;}

.cols {margin-left: -10px; margin-right: -10px;}
.cols::after {content: ""; display: block; clear: both;}
.col-3 {float: left; width: 25.0%; padding: 0 10px;}
.col-4 {float: left; width: 33.3%; padding: 0 10px;}
.col-5 {float: left; width: 41.6%; padding: 0 10px;}
.col-6 {float: left; width: 50%; padding: 0 10px;}
.col-7 {float: left; width: 58.3%; padding: 0 10px;}
.col-8 {float: left; width: 66.6%; padding: 0 10px;}
.col-9 {float: left; width: 75.0%; padding: 0 10px;}

.fixed {position:fixed; top:0; height: 100%; padding-top: 40px; padding-bottom: 40px; overflow: scroll;}
.fixed-left {left:0; border-right: 1px solid #333;}
.fixed-right {right:0; border-left: 1px solid #333;}

.scroll-y {overflow-x: hidden; overflow-y: scroll;}
.no-scroll {overflow: hidden !important;}

.hidden {display:none;}

/*
 *	TITLE
 *
 *------------------------------------*/

.page-title {
	position: relative;
	height: 40px;
	margin: 0 -10px 20px;
	padding: 10px;
	font-size: 18px;
	line-height: 20px;
	background: #FFF;
	border-bottom: 1px solid #111;
}

.page-title .title-button {
    position: absolute;
    right:10px;
    top:5px;
}

.page-title select {
	position: relative;
	top: -2px;
	width: auto;
	margin-left: 15px;
	padding: 0;
	vertical-align: middle;
	font-size: 16px;
	border: none;
	background: none;
}

.section-title {
	position: relative;
	margin: 30px 0 20px;
	padding: 5px 10px;
	font-size: 16px;
	background: #FFF;
	border: 1px solid #DDD;
	border-bottom: 2px solid #096;
}

.section-title .title-button {
    position: absolute;
    right: 5px;
    top: 3px;
}

.block-title {
	margin: 20px 0 10px;
	font-size: 16px;
	color: #096;
}

.section-title:first-child,
.page-title + .section-title {
    margin-top: 0;
}

/*
 *	BUTTON
 *
 *------------------------------------*/

a {
    color: #111;
}

.btn {
	display: inline-block;
	text-decoration: none;
	color: #444;
	background: #EEE;
	border: none;
	white-space: nowrap;
}
.btn:hover {
	/* opacity: 0.8; */
}
.btn-tiny {
	margin-right: 5px;
	padding: 3px 10px;
	border-radius:3px;
    font-size:14px;
    font-weight: normal;
}
.btn-small {
	padding: 3px 15px;
	border-radius:5px;
    font-size:14px;
    font-weight: normal;
}
.btn-medium {
	padding: 10px 0;
	min-width: 200px;
	text-align: center;
	border-radius:5px;
    font-size:16px;
    font-weight: normal;
}

.btn.btn-primary {
	color: #FFF;
	background: #A63029;
    border-bottom: 2px solid #73211D;
}
.btn.btn-proceed {
	color: #FFF;
	background: #14A4CC;
    border-bottom: 2px solid #0F7994;
}
.btn.btn-plain {
	color: #000;
	background: #CCC;
	border-bottom: 2px solid #AAA;
}
.btn.btn-info {
	color: #FFF;
	background: #0A0;
    border-bottom: 2px solid #080;
}
.btn.btn-primary:hover {
    border-bottom: 2px solid #A63029;
}
.btn.btn-proceed:hover {
    border-bottom: 2px solid #14A4CC;
}
.btn.btn-plain:hover {
    border-bottom: 2px solid #CCC;
}
.btn.btn-info:hover {
    border-bottom: 2px solid #0A0;
}

.btn-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 1px solid #DDD;
	text-align: center;
	line-height: 28px;
	background: #FFF;
	border-radius: 15px;
	overflow: hidden;
	font-size: 20px;
	color: #096;
	text-decoration: none;
}

.btn-icon-large {
	display: inline-block;
	width: 50px;
	height: 50px;
	padding: 0;
	border: 1px solid #DDD;
	text-align: center;
	line-height: 48px;
	background: #FFF;
	border-radius: 25px;
	overflow: hidden;
	font-size: 30px;
	color: #096;
	text-decoration: none;
}

/*
 *	SYSTEM MESSAGE
 *
 *------------------------------------*/

.message-wrap {
	display: none;
	position:fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	padding-top: 50px;
	background:rgba(0, 0, 0, 0.5);
}

.sys-message-wrap {
	display: block;
	width: 50%;
	min-width: 300px;
	margin: 0 auto 20px;
	padding: 10px 15px;
	border: 1px solid #888;
	text-align: left;
	background: #EEE;
	color: #000;
}
.sys-message-wrap.sys-message-error {
	border: 1px solid #F00;
	background: #FEE;
	color: #F00;
}
.sys-message-wrap.sys-message-success {
	border: 1px solid #0A0;
	background: #EFE;
	color: #0A0;
}
.sys-message-wrap p {
	margin-bottom: 10px;
}
.sys-message-wrap p:last-child {
	margin-bottom: 0;
}

.sys-error-inline {
	margin-bottom: 5px;
	color: #F00;
}


.loader-wrap {
	display: none;
	position:fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	padding-top: 50px;
	background:rgba(0, 0, 0, 0.7);
}
.loader {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    border: 5px solid #096;
    border-top: 5px solid #CFE;
    border-radius: 20px;
    animation: spin 0.5s linear infinite;
    -webkit-animation: spin 0.5s linear infinite;
    -moz-animation: spin 0.5s linear infinite;
    -ms-animation: spin 0.5s linear infinite;
}
.loader-progress {
	display: none;
    position: absolute;
    margin: auto;
    left: 0;
    top: 120px;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 40px;
	border: 1px solid #CCC;
	background: #FFF;
}
.loader-progress-bar {
	width: 0;
	height: 38px;
	background: #096;
}
.loader-progress-rate {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 38px;
	line-height: 38px;
	text-align: center;
}
@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes spin {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
    0% {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
    0% {-ms-transform: rotate(0deg);}
    100% {-ms-transform: rotate(360deg);}
}

/*
 *	control
 *
 *------------------------------------*/

input[type=text],input[type=number],input[type=email],input[type=password] {width:100%; height: 30px; padding: 5px; border-radius: 5px; background:#FFF; border:1px solid #888;}
select {width:100%; height: 30px; padding: 5px; border-radius: 5px; background:#FFF; border:1px solid #888;}
input[type=text]:disabled {background: #EEE; color: #666;}
select {height: 30px; padding: 5px; border-radius: 5px;}
textarea {width:100%; height:8em; padding: 5px; border-radius: 5px; background:#FFF; border:1px solid #888;}
label {display: inline-block; padding: 2px 5px;}

input[type=text].input-error,
input[type=number].input-error,
input[type=email].input-error,
input[type=password].input-error,
textarea.input-error,
select.input-error {border: 1px solid #C00; background:#FED;}
.sys-input-radio.input-error {padding: 5px 3px 3px 5px; border: 1px solid #C00; background:#FED; border-radius:3px;}
.select2-container--default .select2-selection--single.input-error {border: 1px solid #C00; background:#FED; border-radius:3px;}

.control-select select {width: 100%;}
.control-modal input {width: 80%; margin-right: 3%;}
.control-modal button {width: 15%;}
.control-inline input {width: 100%;}
.control-datepicker input {width: 100%;}
.control-list input {width: 80%; margin-right: 3%;}
.control-list button {width: 15%;}
.control-plain input:only-child {width: 100%;}

.select2-container {width: 100% !important;}

.control-inline {position: relative;}
.control-inline .select-list {display: none; position: absolute; top: 100%; left: 0; z-index: 999; width: 90%; border: 1px solid #DDD; background: #EEE;}
.control-inline .select-list li {margin: 5px; padding: 5px 10px; background: #F8F8F8; border-radius: 5px;}
.control-inline .select-list li:first-child {border-top: none;}
.control-inline .select-list li.active {background: #AEA;}

.control-list .control-list-input {margin-bottom: 5px;}
.control-list .control-list-add .control-list-input {display: none;}

i.required {margin-left:0.5em; color:#F00;}
i.required::before {content: "*";}

.control-radio-designed label {position:relative; overflow:hidden; background:#FFF; border:1px solid #AAA; border-radius:5px;}
.control-radio-designed label input {position:absolute; left:-1000px;}
.control-radio-designed-fat label {padding:5px 15px; margin-right: 3px;}
.control-radio-designed-fat label.checked {border-color:#096; color:#096; background:#DFE;}
.control-radio-designed-fat label.disabled {background: #CCC;}

.modal-wrap {display: none; position:fixed; left: 0; top: 0; z-index: 9990; width: 100%; height: 100%; padding-top: 50px; background:rgba(0, 0, 0, 0.5);}
.modal-inner {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9998; width: 500px; height: 200px; margin: auto; padding: 30px; background: #FFF;}
.modal-close-layer {position: absolute; left: 0; top: 0; z-index: 9997; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.1);}
.modal-close-button {position: absolute; right: -10px; top: -10px; z-index: 9999; width: 30px; height: 30px; line-height: 28px; text-align: center; background: #FFF; border: 1px solid #EEE; border-radius: 15px; color: #AAA; cursor: pointer;}
.modal-close-button::before {content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;}

/*
 *	TABLE / list
 *
 *------------------------------------*/

th, td {vertical-align: middle;}

.workflow-th{vertical-align: top; min-width: 150px; max-width: 200px;}
.workflow-note{color: #096; font-size: .8rem;}
.workflow-td{vertical-align: top;}

.filter-activities {margin-bottom: 10px;}
.filter-activities select {width: auto;}

.activities li {margin-bottom:10px; padding:5px 8px; border:1px solid #CCC; background:#FFF; position: relative;}
.activities li.activity-project-active {border-color: #888;}
.activities li.activity-type-1 {border-radius: 15px 0 0 0;}
.activities li.activity-type-2 {border-width: 3px;}

.activities li.activity-type-icon {border: none; background: none;}
.activities li.activity-type-icon .activity-icon-body {color: #096; font-size: 60px;}
.activities li.activity-type-icon .activity-icon-meta {padding:2px 0; font-size:12px; line-height:16px; color:#666;}
.activities li.activity-type-icon .activity-icon-meta span {display:inline-block; margin-right: 10px;}

.activity-meta {padding:2px 0; font-size:12px; line-height:16px; color:#666;}
.activity-meta span,
.activity-meta a {display:inline-block; padding:0 5px; border-radius:2px;}
.work-color-0 {background: #CCC; color:#000;}
.work-color-1 {background: #FCC; color:#A00;}
.work-color-2 {background: #CCF; color:#00A;}
.work-color-3 {background: #CFC; color:#080;}
.work-color-4 {background: #FFC; color:#660;}
.action-color-0 {background: #666; color: #FFF;}
.action-color-1 {background: #A00; color: #FFF;}
.action-color-2 {background: #00A; color: #FFF;}
.action-color-3 {background: #0A0; color: #FFF;}
.action-color-4 {background: #CC0; color: #000;}
.activity-type-2 .activity-type {background: #000; color:#FFF; border-radius: 0;}
.activity-comment {padding:15px 10px;}
.activity-comment q,
.activity-comment blockquote {margin: 5px 0; padding-left:5px; border-left:5px solid #AAA; color:#666;}
.__activity-comment-editable {cursor: pointer;}
.__activity-comment-editable:hover {background: #F8F8F8;}
.__activity-comment-editform {display: none;}
.activity-result {font-size:12px; line-height:16px; color:#666;}
.activity-result span {display: inline-block; margin-right: 15px;}
.reply-button-wrap {position: absolute; bottom: 5px; right: 5px;}
.activity-control {margin: 5px 5px 0; font-size:12px; line-height:16px;}

.table-form {width:100%;}
.table-form th,
.table-form td {padding-bottom:10px; padding-right:10px;}
.table-form th {padding-top: 5px; text-align:left; vertical-align:top; color:#096;}
.table-form td:last-child {padding-right:0;}
.table-form.wa {width:auto;}

.search-detail-more {display: block; margin-bottom: 10px; text-align: center; background: #FFF; text-decoration: none; color: #096; border-bottom: 1px solid #DDD;}
.search-detail-more::after {display: inline-block; margin-left: 5px; content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;}
.search-detail-more.open::after {content: "\f0d8";}

.project-list {width: 100%; margin-bottom:10px; border:1px solid #CCC;}
.project-list th {padding:10px; text-align:center; color:#096; background:#FFF;}
.project-list td {padding:10px 15px; border-top:1px solid #CCC; cursor:pointer; background:#FFF;}
.project-list td:first-child {padding-left: 30px;}
.project-list td:last-child {padding-right: 15px;}
.project-list .warning td {background:#FDD}
.project-list .notice td {background:#FFC;}
.project-list .announce td {background: #87CEEB;}

.project-list tr:hover td {background:#EEE;}
.project-list .warning:hover td {background:#FCC}
.project-list .notice:hover td {background:#FFA;}
.project-list .announce:hover td {background:#87bee2;}

.project-list.project-list-compact td {padding: 10px;}

.project-sammary {width: 100%; margin-bottom: 20px; padding: 5px; background: #FFF; border: 1px solid #666; border-collapse: separate;}
.project-sammary th,
.project-sammary td {padding: 5px 10px;}
.project-sammary th {text-align: left; color: #096;}

table.compact-list th,
table.compact-list td {padding: 10px;}
table.compact-list td:first-child {padding-left: 15px;}
table.compact-list td:last-child {padding-right: 15px;}

.data-list {margin-bottom:10px; border:1px solid #CCC;}
.data-list thead th {padding:10px 20px; color:#096; background:#FFF;}
.data-list tbody th {padding:10px 20px; border-top:1px solid #CCC; color:#096; background:#FFF; text-align: left;}
.data-list td {padding:10px 20px; border-top:1px solid #CCC; background:#FFF;}
.data-list th:first-child,
.data-list td:first-child {padding-left: 30px;}
.data-list th:last-child,
.data-list td:last-child {padding-right: 30px;}
.data-list .warning td {background:#FDD}
.data-list .notice td {background:#FFC;}
.data-list tbody tr:hover th,
.data-list tbody tr:hover td {background:#F8FFF8;}

.data-list .card-status-1 td {background:#FFC;}
.data-list .card-status-2 td {background:#FDD}
.data-list .card-status-9 td {background:#EEE;}
.data-list .card-status-1:hover td {background:#FFA}
.data-list .card-status-2:hover td {background:#FCC}
.data-list .card-status-9:hover td {background:#E7E7E7;}
.data-list .card-assigned td {font-weight: bold;}

.table-diary {background: #FFF;}
.table-diary th,
.table-diary td {height: 30px; border: 1px solid #CCC; text-align: center; line-height: 30px;}
.table-diary thead th,
.table-diary thead a {color: #096;}
.table-diary td {width: 30px;}
.table-diary td a,
.table-diary td span {display: block;}
.table-diary tbody th {padding: 0 10px;}
.table-diary a {text-decoration: none;}
.table-diary a.diary-commented-1 {color: #14A4CC;}

.list-plain {margin-bottom:10px; padding:10px; border:1px solid #CCC; background:#FFF;}
.list-plain li {margin-bottom: 10px;}
.list-plain li:last-child {margin-bottom: 0;}
.list-plain li a {color:#096;}


.control-radio-designed-work label {opacity: 0.3}
.control-radio-designed-work label.checked {opacity: 1;}
.control-radio-designed-work label:nth-of-type(1) {background: #CCC; color:#000;}
.control-radio-designed-work label:nth-of-type(2) {background: #FCC; color:#A00;}
.control-radio-designed-work label:nth-of-type(3) {background: #CCF; color:#00A;}
.control-radio-designed-work label:nth-of-type(4) {background: #CFC; color:#080;}
.control-radio-designed-work label:nth-of-type(5) {background: #FFC; color:#660;}

.control-radio-designed-action label {opacity: 0.3;}
.control-radio-designed-action label.checked {opacity: 1;}
.control-radio-designed-action label:nth-of-type(1) {background: #666; color: #FFF;}
.control-radio-designed-action label:nth-of-type(2) {background: #A00; color: #FFF;}
.control-radio-designed-action label:nth-of-type(3) {background: #00A; color: #FFF;}
.control-radio-designed-action label:nth-of-type(4) {background: #0A0; color: #FFF;}
.control-radio-designed-action label:nth-of-type(5) {background: #CC0; color: #000;}

.custom-multiple-select {position: relative;}
.custom-multiple-select::after {content: ""; display: block; clear: both;}
.custom-multiple-select-wrap-selected {float: left; width: 40%; max-width: 200px; height: 190px; overflow:scroll; border: 1px solid #888; background: #FFF;}
.custom-multiple-select-wrap-control {float: left; width: 20%; max-width: 100px; height: 190px; text-align: center;}
.custom-multiple-select-wrap-unselected {float: left; width: 40%; max-width: 200px; height: 150px; overflow:scroll; border: 1px solid #BBB; background: #FFF;}
.custom-multiple-select-filter {position: absolute; right: 0; bottom: 0; width: 40%; max-width: 200px; height: 30px;}
.custom-multiple-select-filter input,
.custom-multiple-select-filter select {width: 48%; border: 1px solid #CCC;}
.custom-multiple-select-filter select {margin-left: 3%;}
.custom-multiple-select-filter input:only-child {width: 100%;}
.custom-multiple-select-item {padding: 5px 10px; border: 1px solid #EEE;}
.custom-multiple-select-item-hidden {display: none;}
.custom-multiple-select-item-filtered {display: none;}
.custom-multiple-select-item-handled {background: #096; color: #FFF;}
.custom-multiple-select-wrap-control button {margin: 10px 0;}
.custom-multiple-select-item input {display: none;}

.custom-multiple-select-inline {position: relative;}
.custom-multiple-select-inline::after {content: ""; display: block; clear: both;}
.custom-multiple-select-inline-selected {float: left; width: 70%; min-height: 40px; padding: 5px 5px 0; border: 1px solid #888; background: #FFF;}
.custom-multiple-select-inline-item {display: inline-block; height: 30px; margin-right: 3px; margin-bottom: 5px; padding: 5px 5px 5px 10px; line-height: 20px; border-color:#096; color:#096; background:#DFE; border-radius: 5px;}
.custom-multiple-select-inline-item button {width: 20px; height: 20px; margin-left: 10px; padding: 0; text-align: center; line-height: 20px; border: none; background: #EEE; color: #888; border-radius: 10px;}
.custom-multiple-select-inline-item button:hover {background: #DDD;}
.custom-multiple-select-inline-control {position: relative; float: right; width: 25%; height: 40px;}
.custom-multiple-select-inline-control input {height: 40px;}
.custom-multiple-select-inline-list {display: none; position: absolute; z-index:2; top: 40px; width: 100%; background: #FFF; border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE;}
.custom-multiple-select-inline-list-selected {display: none;}
.custom-multiple-select-inline-list-unselected {display: none; padding:5px 10px; border-top: 1px solid #EEE;}
.custom-multiple-select-inline-list-unselected:hover {background: #096; color: #FFF;}
.custom-multiple-select-inline-list-new {display: none; padding:5px 10px; border-top: 1px solid #EEE;}

.custom-multiple-select-all {position: relative;}
.custom-multiple-select-all::after {content: ""; display: block; clear: both;}
.custom-multiple-select-all-selected {float: left; width: 70%; min-height: 40px; padding: 5px 5px 0; border: 1px solid #888; background: #FFF;}
.custom-multiple-select-all-item {display: inline-block; height: 30px; margin-right: 3px; margin-bottom: 5px; padding: 5px 5px 5px 10px; line-height: 20px; border-color:#096; color:#096; background:#DFE; border-radius: 5px;}
.custom-multiple-select-all-item button {width: 20px; height: 20px; margin-left: 10px; padding: 0; text-align: center; line-height: 20px; border: none; background: #EEE; color: #888; border-radius: 10px;}
.custom-multiple-select-all-item button:hover {background: #DDD;}
.custom-multiple-select-all-control-wrap {position: relative; float: right; width: 25%; height: 40px;}
.custom-multiple-select-all-control-wrap .select2-selection--single {height: 40px !important; line-height: 40px !important;}
.custom-multiple-select-all-control-wrap .select2-selection__rendered {line-height: 40px !important;}

.report-list {padding-top: 10px;}
.report-list .report {margin-bottom: 30px;}
.report-list .report h3 {margin-bottom: 10px; font-size:16px;}

.pager {position: relative; height: 50px; margin-bottom: 10px; line-height: 50px; text-align: center; background: #FFF; border-bottom: 1px solid #CCC;}
.pager-prev,
.pager-next {position: absolute; top: 10px; width: 100px; height: 30px; padding: 6px 0; text-align: center; text-decoration: none; border: 1px solid #CCC;}
.pager-prev::before,
.pager-next::before {font-size: 16px; color: #096;}
.pager-prev {left: 10px;}
.pager-next {right: 10px;}

.report-tags {padding: 5px 10px; background: #EEE; font-size: 12px;}

.report-button-wrap {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}

.add-bookmark,
.remove-bookmark {padding: 3px 5px; background: #FFF; border: 1px solid #EEE; text-decoration: none; border-radius: 5px;}
.add-bookmark {color: #444;}
.remove-bookmark {color: #888;}
.add-bookmark i {color: #000;}
.remove-bookmark i {color: #096;}

.bookmark-note {padding: 5px 10px; background: #EEE; font-size: 12px; cursor: pointer;}
.bookmark-note span {color: #888;}
.bookmark-note-input {display: none; padding: 5px 10px; background: #EEE;}

.bookmark-flag {margin-bottom: 5px;}
.bookmark-flag::after {clear: both;}
.bookmark-flag .flag {padding: 5px; color: #CCC;}
.bookmark-flag .flag-red.active,
.bookmark-flag .flag-red:hover {color: #F00;}
.bookmark-flag .flag-blue.active,
.bookmark-flag .flag-blue:hover {color: #08C;}
.bookmark-flag .flag-yellow.active,
.bookmark-flag .flag-yellow:hover {color: #DD0;}
.bookmark-flag .remove {float: right; text-decoration: none; color: #AAA;}

.radio-flag label {line-height: 20px;}
.radio-flag label.label-1 {color: #F00;}
.radio-flag label.label-2 {color: #08C;}
.radio-flag label.label-4 {color: #DD0;}
.radio-flag label.label-1.checked {border-color: #F00; background: #FEE;}
.radio-flag label.label-2.checked {border-color: #08C; background: #DEF;}
.radio-flag label.label-4.checked {border-color: #DD0; background: #FFE;}

/* calendar */
.table-calendar {width: 100%; table-layout: fixed;}
.table-calendar th,
.table-calendar td {padding: 5px; border: 1px solid #888; background: #FFF; vertical-align: top;}
.table-calendar th.dow-0 {color: #A63029;}
.table-calendar th.dow-6 {color: #14A4CC;}
.table-calendar td {position: relative; padding-bottom: 25px;}
.table-calendar p {margin-bottom: 5px; font-size: 13px;}
.schedule-type {padding: 1px 3px; border-radius: 3px;}
.schedule-type-1 {background: #FF7777; color: #FFF; font-weight: normal;}
.schedule-type-2 {background: #FFBB77; color: #FFF; font-weight: normal;}
.schedule-type-3 {background: #FFFF77; color: #FFF; font-weight: normal;}
.schedule-type-4 {background: #BBFF77; color: #FFF; font-weight: normal;}
.schedule-type-5 {background: #77FF77; color: #FFF; font-weight: normal;}
.schedule-type-6 {background: #77FFBB; color: #FFF; font-weight: normal;}
.schedule-type-7 {background: #77FFFF; color: #FFF; font-weight: normal;}
.schedule-type-8 {background: #77BBFF; color: #FFF; font-weight: normal;}
.schedule-type-9 {background: #7777FF; color: #FFF; font-weight: normal;}
.schedule-type-10 {background: #BB77FF; color: #FFF; font-weight: normal;}
.schedule-type-11 {background: #FF77FF; color: #FFF; font-weight: normal;}
.schedule-type-12 {background: #FF77BB; color: #FFF; font-weight: normal;}
.schedule-name {font-weight: bold;}
.schedule-reply-0 {color: #14A4CC;}
.schedule-reply-1 {color: #096;}
.schedule-reply-2 {}
.schedule-reply-9 {color: #888;}
.calendar-add {position: absolute; right: 3px; bottom: 3px; padding: 3px 5px; color: #096;}
.btn-nav {background: #FFF; border: 1px solid #888; color: #096; font-weight: bold;}
.btn-nav[disabled] {color: #888;}

/* workflow */
.project-list .application-status-1 td {background: #EEF;}
.project-list .application-status-2 td {background: #FFE;}
.project-list .application-status-3 td {background: #FEE;}
.project-list .application-status-4 td {background: #FFF;}
.project-list .application-status-5 td {background: #ececec; color: #696969;}
.project-list .application-status-5 td .btn.btn-plain {color: #696969;}
.project-list .application-status-9 td {background: #F8F8F8;}
.project-list .application-status-1:hover td {background: #DDF;}
.project-list .application-status-2:hover td {background: #FFD;}
.project-list .application-status-3:hover td {background: #FDD;}
.project-list .application-status-4:hover td {background: #F8F8F8;}
.project-list .application-status-9:hover td {background: #DDD;}
.project-list .flow-status- td {background: #EEF;}
.project-list .flow-status-2 td {background: #FFE;}
.project-list .flow-status-3 td {background: #EFE;}
.project-list .flow-status-4 td {background: #FEE;}
.project-list .flow-status-:hover td {background: #DDF;}
.project-list .flow-status-2:hover td {background: #FFD;}
.project-list .flow-status-3:hover td {background: #DFD;}
.project-list .flow-status-4:hover td {background: #FDD;}

.field_title {vertical-align: top; min-width: 150px; max-width: 200px; width:100%; padding-top: 5px; text-align:left; color:#096; font-weight: bold;}
.field_row {display: flex; flex-wrap: wrap; max-width: 1200px; margin-bottom: 5px;}
.field-note{color: #666; font-size: .8rem;}
.input_size-0 {width: 290px;} /* 標準 */
.input_size-1 {width: 140px;} /* 小さめ */
.input_size-2 {width: 590px; max-width: 100%;} /* 大きめ */

/* setting.workflow */
.button-position {display: flex; justify-content: space-between;}

/* task */
.task-deadline td {background: #FFC;}
.task-overdue td {background: #FCC;}
.task-status-done {display: block; padding: 2px 5px; text-align: center; background: #0A0; color: #FFF; border-radius: 3px;}
.task-status-undone {display: block; padding: 2px 5px; text-align: center; background: #A00; color: #FFF; border-radius: 3px;}
.task-user-done,
.task-user-undone {position: relative; display: inline-block; height: 20px; padding: 0 5px 0 25px; line-height: 20px; background: #EEE; border-radius: 3px;}
.task-user-done::before,
.task-user-undone::before {position: absolute; left: 0; top: 0; width: 20px; height: 20px; padding-top: 3px; box-sizing: border-box; text-align: center; color: #FFF; border-radius: 3px 0 0 3px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;}
.task-user-done::before {content: "\f00c"; background: #0A0;}
.task-user-undone::before {content: ""; background: #DDD;}

.tabs {display: flex; gap: 10px; margin-bottom: 10px; border-bottom: 1px solid #000;}
.tabs a {position: relative; bottom: -1px; padding: 5px 15px; border: 1px solid #000; border-radius: 5px 5px 0 0; text-decoration: none;}
.tabs a.active {background: #FFF; color: #096; font-weight: bold; border-bottom: 1px solid #FFF;}

/**
 * ドキュメント表示用
 */
#document-title {display: none;}
#document {max-width: 1200px; margin: 3rem auto; padding: 2rem 2rem 2rem 6rem; background: #FFF; border: 1px solid #000;}
#document h1 {text-indent: -3rem; font-size: 1.5rem; font-weight: bold;}
#document h2 {margin-top: 2rem; text-indent: -3rem; font-size: 1rem; font-weight: bold;}
#document h3 {margin-top: 1rem; text-indent: -2rem; font-size: 1rem; font-weight: bold;}
#document h4 {text-indent: -1rem; font-size: 1rem; font-weight: bold;}
#document h5 {font-size: 1rem; font-weight: bold;}
#document h6 {font-size: 1rem; text-decoration: underline;}
#document ul {padding-left: 1.5rem;}
#document h1 *,
#document h2 *,
#document h3 *,
#document h4 * {text-indent: 0;}
#document h1,
#document h2,
#document h3,
#document h4,
#document h5,
#document h6,
#document p,
#document ul {margin-bottom: 1rem;}
#document ul {list-style-type: disc;}
@media print {
	body {background: none;}
	.container {width: 100%; margin: 2rem 0; border: 1px solid #000;}
	#document-title {display: block; margin-bottom: 2rem; padding: 1rem; font-size: 1.5rem; border-top: 2px solid #000; border-bottom: 2px solid #000;}
}

/**
* モーダル用
*/
.modal {display: none; height: 100vh; position: fixed; top: 0; width: 100%; z-index: 997;}
.modal_bg {background: rgba(0,0,0,0.8); height: 100vh; position: absolute; width: 100%; z-index: 998;}
.modal_content {background: #fff; left: 50%; padding: 40px; position: absolute; position: relative; top: 50%; transform: translate(-50%,-50%); width: 50%; max-height: 90vh; overflow-y: scroll; border-radius: 10px; z-index: 999;}
.close_button {position: absolute; top: 1px; right: 8px; font-size: 26px; font-weight: bold; cursor: default;}