@charset "UTF-8";
/* 原価管理システムスタイル定義 */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* common style */
html {
  font-size: 12px;
}

* {
  color: #555;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  box-sizing: border-box;
}

#pwa_navigation {
  display: none;
}

/*
@media all and (display-mode: standalone) {
body {
	padding-bottom: 3rem;
}
#pwa_navigation {
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	width: 100%;
	background: #333;
	padding: 1rem;

	* {
		color: #fff;
		font-size: 3rem;
		margin-right: .5rem;
	}

	.separator {
		display: inline-block;
		width: 2px;
		height: 3rem;
		background: #fff;
	}
}
}
 */
/* util */
.mt-1 {
  margin-top: 0.25em;
}

.mr-1 {
  margin-right: 0.25em;
}

.mb-1 {
  margin-bottom: 0.25em;
}

.ml-1 {
  margin-left: 0.25em;
}

.pt-1 {
  padding-top: 0.25em;
}

.pr-1 {
  padding-right: 0.25em;
}

.pb-1 {
  padding-bottom: 0.25em;
}

.pl-1 {
  padding-left: 0.25em;
}

.mt-2 {
  margin-top: 0.5em;
}

.mr-2 {
  margin-right: 0.5em;
}

.mb-2 {
  margin-bottom: 0.5em;
}

.ml-2 {
  margin-left: 0.5em;
}

.pt-2 {
  padding-top: 0.5em;
}

.pr-2 {
  padding-right: 0.5em;
}

.pb-2 {
  padding-bottom: 0.5em;
}

.pl-2 {
  padding-left: 0.5em;
}

.mt-3 {
  margin-top: 0.75em;
}

.mr-3 {
  margin-right: 0.75em;
}

.mb-3 {
  margin-bottom: 0.75em;
}

.ml-3 {
  margin-left: 0.75em;
}

.pt-3 {
  padding-top: 0.75em;
}

.pr-3 {
  padding-right: 0.75em;
}

.pb-3 {
  padding-bottom: 0.75em;
}

.pl-3 {
  padding-left: 0.75em;
}

.mt-4 {
  margin-top: 1em;
}

.mr-4 {
  margin-right: 1em;
}

.mb-4 {
  margin-bottom: 1em;
}

.ml-4 {
  margin-left: 1em;
}

.pt-4 {
  padding-top: 1em;
}

.pr-4 {
  padding-right: 1em;
}

.pb-4 {
  padding-bottom: 1em;
}

.pl-4 {
  padding-left: 1em;
}

.mt-5 {
  margin-top: 1.25em;
}

.mr-5 {
  margin-right: 1.25em;
}

.mb-5 {
  margin-bottom: 1.25em;
}

.ml-5 {
  margin-left: 1.25em;
}

.pt-5 {
  padding-top: 1.25em;
}

.pr-5 {
  padding-right: 1.25em;
}

.pb-5 {
  padding-bottom: 1.25em;
}

.pl-5 {
  padding-left: 1.25em;
}

.schedule_title_def {
  color: #6060ff;
}

a:link, a:visited {
  color: #6060ff;
  text-decoration: none;
  word-break: break-all;
}
a:hover {
  color: #ff7f7f;
}
a.disabled {
  color: #555;
}
a.disabled:hover {
  cursor: default;
}

.attention {
  font-size: small;
  color: #ff8989;
}

.exp {
  font-size: small;
  color: #aaaaaa;
}

.no-ime {
  ime-mode: disabled;
}

.flex {
  display: flex;
}
.flex.justify-content-center {
  justify-content: center;
}
.flex.justify-content-around {
  justify-content: space-around;
}
.flex.justify-content-between {
  justify-content: space-between;
}
.flex.align-items-center {
  align-items: center;
}

.copylink {
  font-size: 1.2rem;
  margin-left: 0.5em;
  cursor: pointer;
}

#content h3 {
  margin-top: 3px;
  margin-bottom: 2px;
}

/* general color list */
.gc-00 {
  color: #666 !important;
  background: #ffcccc !important;
}

.gc-01 {
  color: #666 !important;
  background: #ffcce5 !important;
}

.gc-02 {
  color: #666 !important;
  background: #ffccff !important;
}

.gc-03 {
  color: #666 !important;
  background: #e5ccff !important;
}

.gc-04 {
  color: #666 !important;
  background: #ccccff !important;
}

.gc-05 {
  color: #666 !important;
  background: #cce5ff !important;
}

.gc-06 {
  color: #666 !important;
  background: #ccffff !important;
}

.gc-07 {
  color: #666 !important;
  background: #ccffe5 !important;
}

.gc-08 {
  color: #666 !important;
  background: #ccffcc !important;
}

.gc-09 {
  color: #666 !important;
  background: #e5ffcc !important;
}

.gc-10 {
  color: #666 !important;
  background: #ffffcc !important;
}

.gc-11 {
  color: #666 !important;
  background: #ffe5cc !important;
}

/* layout style */
#header, #content, #footer {
  min-width: 1000px;
  padding: 5px 0;
}

.subwin #header_container, .subwin #content, .subwin #footer_container {
  min-width: 800px;
  padding: 3px;
}

#content {
  padding-left: 5px;
  padding-right: 5px;
}

#header {
  background: #d1e8ff;
  padding: 3px;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 92;
  box-shadow: 0px 2px 3px #ccc;
}
#header.debug {
  opacity: 0.1;
}
#header.debug:hover {
  opacity: 1;
}
#header.unlogin {
  height: 50px;
}
#header h1 {
  margin: 0;
}
#header h1 a {
  display: inline-block;
}

#container {
  padding-top: 45px;
  padding-bottom: 60px;
}

.subwin #container {
  padding-top: 0px;
}

#footer {
  display: none;
  background: #8484ff;
  box-sizing: border-box;
  margin-top: 30px;
  padding: 5px;
  /*
  	position: fixed;
  */
  bottom: 0;
  width: 100%;
  z-index: 99;
  box-shadow: 0px -2px 3px #ccc;
}

#footer_container {
  text-align: center;
  color: #fff;
}

/* header menubar */
#header_container {
  display: flex;
}
#header_container #head_menu_logo {
  display: flex;
  width: 220px;
  order: 1;
}
#header_container #head_menu_logo h1 {
  padding: 0;
  margin: 0;
  font-size: 110%;
}
#header_container #head_menu_logo .header_logo {
  padding-top: 2px;
  margin-right: 5px;
  float: left;
}
#header_container #head_menu_logo .header_logo img {
  width: auto;
  height: 30px;
}

#header_search_container {
  width: calc(100% - 220px - 520px);
  padding: 5px;
  position: relative;
  order: 2;
}

h2.page-title {
  font-size: 110%;
  margin: 20px 0 5px;
}

/* mainmenu */
#header_menu_opener {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 5px;
  margin-top: 2px;
  margin-right: 5px;
  display: block;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

#header_menu_closer_container {
  text-align: left;
}
#header_menu_closer_container span {
  display: inline-block;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px 5px;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#header_menu_container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5px;
  z-index: 99;
  background: rgba(0, 0, 0, 0.9);
  overflow-y: auto;
  font-size: 120%;
}
#header_menu_container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#header_menu_container > ul {
  margin-top: 15px;
}
#header_menu_container > ul > li {
  float: left;
  margin-left: 0.5em;
  margin-bottom: 2em;
}
#header_menu_container > ul > li > a {
  font-weight: bold;
  color: #ffffc1;
}
#header_menu_container > ul > li > a:before {
  content: "◇ ";
}
#header_menu_container > ul ul {
  padding-left: 1em;
}
#header_menu_container a {
  color: #fff;
}
#header_menu_container a i {
  color: #fff;
}
#header_menu_container a:hover {
  text-decoration: underline;
  color: #ffff7f;
}
#header_menu_container ul li i {
  display: inline-block;
  width: 1.5em;
  text-align: center;
}

/* login info */
#head_login_info {
  width: 515px;
  margin-right: 5px;
  background: #fff;
  border: 1px solid #ccc;
  display: table;
  order: 3;
}
#head_login_info .user_name {
  text-align: center;
  font-weight: bold;
  font-size: small;
  width: 180px;
  height: 36px;
  padding: 3px 15px;
  vertical-align: middle;
  line-height: 1.2em;
  word-break: keep-all;
  box-sizing: border-box;
  display: table-cell;
}
#head_login_info .user_menu {
  margin: 0;
  padding: 0;
  padding-right: 10px;
  width: 330px;
  height: 36px;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}
#head_login_info .user_menu li {
  list-style: none;
  display: inline-block;
  padding: 3px;
  margin: 0;
  margin-left: 2px;
}
#head_login_info .user_menu li:first-child {
  margin: 0;
}
#head_login_info .user_menu li a {
  font-size: small;
}
#head_login_info #head_seat_status {
  cursor: pointer;
}

/*
#header_closer,
#header_opener {
	z-index: 99;
	position: fixed;
	top: 0;
	right: 0;
	border: 1px solid #ddd;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #c1ff84;
	cursor: pointer;
}
#header_closer span,
#header_opener span {
	display: block;
	padding: 3px 10px;
}
*/
/* submenu (action) */
#content .actions > ul {
  margin-top: 2px;
  margin-left: 0;
  margin-bottom: 3px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#content .actions > ul li {
  display: inline-block;
  list-style: none;
  vertical-align: bottom;
  margin-right: 10px;
  margin-bottom: 5px;
}
#content .actions > ul li.delimiter {
  background: #ccc;
  width: 1px;
  height: 1em;
}
#content .actions > ul li.submenu {
  position: relative;
  padding: 3px 10px;
  font-size: 90%;
  background: #616161;
  color: #fff;
  cursor: pointer;
  overflow: visible;
}
#content .actions > ul li.submenu > ul {
  display: none;
  position: absolute;
  left: 0;
  width: auto;
  min-width: 100%;
  padding: 0;
  padding-top: 5px;
  margin: 0;
  background: rgba(255, 255, 255, 0.8);
  overflow: visible;
}
#content .actions > ul li.submenu:hover > ul {
  display: block;
}
#content .actions > ul li.submenu li {
  position: relative;
  display: block;
  width: auto;
  overflow: visible;
  white-space: nowrap;
  margin: 0;
  margin-bottom: 5px;
}
#content .actions > ul li.submenu li a {
  font-size: 100%;
}
#content .actions > ul li a {
  display: block;
  padding: 3px 10px;
  font-size: 90%;
  text-align: center;
  background: #a3a3ff;
  color: #fff;
}
#content .actions > ul li a.disabled {
  background: #aaa;
  display: none;
}
#content .actions > ul li a:hover {
  background: #c6c6ff;
  color: #fff;
}
#content .actions > ul li a.button-delete {
  background: #ffa3a3;
  color: #fff;
}
#content .actions > ul li a.button-delete:hover {
  background: #ffc6c6;
}
#content .actions > ul li a.button-print {
  background: #ffbf7f;
  color: #fff;
}
#content .actions > ul li a.button-print:hover {
  background: #ffe5cc;
}
#content .actions > ul li a.button-master {
  background: #5ce46f;
  color: #fff;
}
#content .actions > ul li a.button-master:hover {
  background: #a7f3b1;
}
#content .actions > ul .dialog-button {
  display: block;
  height: 20px;
  padding: 3px 10px;
  margin-right: 10px;
  font-size: 80%;
  background: #a3a3ff;
  color: #fff;
  border: none;
}
#content .actions > ul .dialog-button:hover {
  background: #c6c6ff;
}

a.button {
  display: block;
  padding: 3px 10px;
  font-size: 80%;
  background: #a3a3ff;
  color: #fff;
  display: inline-block;
}

.action input[type=submit].button-save {
  background: #ffa3a3;
  color: #fff;
}
.action input[type=submit].button-save:hover {
  background: #ffa3a3;
}
.action input[type=submit].button-aproval {
  background: #14ff14;
  color: #fff;
}
.action input[type=submit].button-aproval:hover {
  background: #8eff8e;
}
.action input[type=submit].button-nonaproval {
  background: #ffadad;
  color: #fff;
}
.action input[type=submit].button-nonaproval:hover {
  background: #ffcccc;
}

/* table */
table {
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  box-sizing: border-box;
  table-layout: fixed;
}
table th, table td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  padding: 5px;
}
table th {
  white-space: nowrap;
  background: #efefff;
  text-align: center;
}
table th:not(table th.left, table th.right) {
  padding: 5px 0px;
}
table th.left {
  text-align: left;
}
table th.right {
  text-align: right;
}
table th a.asc:before {
  content: "▲";
}
table th a.desc:before {
  content: "▼";
}
table td {
  word-break: break-word;
}
table td.action {
  white-space: nowrap;
  text-align: center;
}
table td.center {
  text-align: center;
}
table td.right {
  text-align: right;
}
table td.nowrap {
  white-space: nowrap;
}
table td.actions {
  text-align: center;
}
table th.center, table td.center {
  text-align: center;
}
table th.action a,
table th.action button,
table th.action input[type=button],
table th.action input[type=submit], table td.action a,
table td.action button,
table td.action input[type=button],
table td.action input[type=submit] {
  display: inline-block;
  width: auto;
  padding: 3px 10px;
  margin: 1px;
  font-size: small;
  font-weight: normal;
  background: #a3a3ff;
  color: #fff;
  border: none;
  transition: 0.5s ease;
}
table th.action a:hover,
table th.action button:hover,
table th.action input[type=button]:hover,
table th.action input[type=submit]:hover, table td.action a:hover,
table td.action button:hover,
table td.action input[type=button]:hover,
table td.action input[type=submit]:hover {
  background: #c6c6ff;
  color: #fff;
}
table th.action a:focus,
table th.action button:focus,
table th.action input[type=button]:focus,
table th.action input[type=submit]:focus, table td.action a:focus,
table td.action button:focus,
table td.action input[type=button]:focus,
table td.action input[type=submit]:focus {
  background: #eee;
}
table th.action a.disabled, table th.action a[disabled],
table th.action button.disabled,
table th.action button[disabled],
table th.action input[type=button].disabled,
table th.action input[type=button][disabled],
table th.action input[type=submit].disabled,
table th.action input[type=submit][disabled], table td.action a.disabled, table td.action a[disabled],
table td.action button.disabled,
table td.action button[disabled],
table td.action input[type=button].disabled,
table td.action input[type=button][disabled],
table td.action input[type=submit].disabled,
table td.action input[type=submit][disabled] {
  background: #aaa;
}

/* loading icon */
#ajax_loading {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: gray;
  opacity: 0.8;
  z-index: 102;
}

#ajax_loading_container {
  width: 170px;
  height: 37px;
  margin: -9px 0 0 -66px;
  padding: 10px 20px;
  background: #BABABA;
  border-radius: 15px;
  position: fixed;
  left: 50%;
  top: 50%;
}

/* master name */
#customer_name,
#customer_user_name,
#opp_name,
#org_name,
#request_org_name,
#member_name,
#sales_member_name,
#request_member_name,
#process_member_name,
#coop_name,
#coop_user_name,
#aprover_member_name {
  font-weight: bold;
}

/* list paging */
.paging {
  text-align: center;
}
.paging span {
  display: inline-block;
  padding: 5px;
  margin-left: 3px;
  border: 1px solid #ddd;
}
.paging .current {
  font-weight: bold;
  background: #b2d8ff;
}
.paging .disabled {
  color: #888;
}
.paging a {
  text-decoration: none;
  display: block;
}

/* search form */
.search_form {
  margin-bottom: 20px;
}

/* form */
form {
  width: 100%;
}

select,
textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 3px 5px;
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 3px;
}

input[type=text], input[type=password], input[type=tel], input[type=email], input[type=number], input[type=time], input[type=file] {
  box-sizing: border-box;
  width: 100%;
  padding: 3px 5px;
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 3px;
}
input[type=text][readonly], input[type=password][readonly], input[type=tel][readonly], input[type=email][readonly], input[type=number][readonly], input[type=time][readonly], input[type=file][readonly] {
  background: #d1ffff;
}
input[type=number], input.half {
  width: 50%;
}
input.inline {
  display: inline-block;
  width: auto;
}
input.w50 {
  width: 50px;
}
input.w75 {
  width: 75px;
}
input.w100 {
  width: 100px;
}
input#subtotal, input#taxtotal, input#discounttotal, input#total {
  width: 50%;
  text-align: right;
  border: none;
  padding: 0;
  margin: 0;
}
input:disabled, input[disable] {
  background-color: rgb(235, 235, 228) !important;
}
input::placeholder {
  color: #ccc;
}
input:-ms-input-placeholder {
  color: #ccc;
}
input::-ms-input-placeholder {
  color: #ccc;
}

select.inline {
  display: inline-block;
  width: auto;
}
select.w100 {
  width: 100px;
}
select:disabled, select[disabled] {
  background-color: rgb(235, 235, 228) !important;
}

.radio, .radio-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.radio label, .radio-item label {
  margin-left: 5px;
  margin-right: 10px;
  line-height: 1.5em;
}
.radio input[type=radio], .radio-item input[type=radio] {
  height: 1.5em;
}

.checkbox, .select {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.checkbox label, .select label {
  margin-left: 5px;
  margin-right: 10px;
  line-height: 1.5em;
}
.checkbox input[type=checkbox], .select input[type=checkbox] {
  height: 1.5em;
}

.required input, .required select, .required textarea {
  border: 1px solid #ffb2b2;
  background: #ffffea;
}

/* datepicker */
.ui-datepicker {
  z-index: 101 !important;
}
.ui-datepicker .ui-datepicker-title {
  color: #fff;
  vertical-align: middle;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 5px;
}
.ui-datepicker .ui-datepicker-year {
  color: #000;
  margin: 2px !important;
  vertical-align: middle;
}
.ui-datepicker .ui-datepicker-month {
  color: #000;
  margin: 2px !important;
  vertical-align: middle;
  width: 40% !important;
}

/* opportunity list */
.opportunity_list tr.expired {
  background: #ffffa3;
}
.opportunity_list tr.nopay {
  background: #a3ffa3;
}
.opportunity_list tr.finished {
  background: #ffddbc;
}
.opportunity_list tr.failure {
  background: #ddd;
}
.opportunity_list .opp_name.opp_parent:before {
  content: "(親) ";
}
.opportunity_list .opp_name.opp_child:before {
  content: "(子) ";
}
.opportunity_list .parent_opp {
  text-align: right;
  font-size: 80%;
}
.opportunity_list .parent_opp:before {
  content: "親案件：";
  color: #888;
}
.opportunity_list .customer_name {
  text-align: right;
  font-size: 80%;
}
.opportunity_list .customer_name:before {
  content: "顧客：";
  color: #888;
}
.opportunity_list .cost_rate, .opportunity_list .gross_profit_rate, .opportunity_list .net_profit_rate {
  font-size: 80%;
  color: #888;
}
.opportunity_list .cost_rate:before {
  content: "原価率：";
}
.opportunity_list .gross_profit_rate:before {
  content: "粗利率：";
}
.opportunity_list .net_profit_rate:before {
  content: "純利率：";
}
.opportunity_list .rep_name {
  text-align: right;
  font-size: 80%;
  color: #888;
}
.opportunity_list .rep_name:before {
  content: "担当：";
}
.opportunity_list .outsource_name {
  text-align: right;
  font-size: 80%;
  color: #888;
}
.opportunity_list .outsource_name:before {
  content: "発注：";
}
.opportunity_list .history_prev {
  color: #3B8230;
}
.opportunity_list .history_diff {
  color: #1d5987;
}
.opportunity_list .history_diff:before {
  content: "比較：";
}

/* work sum table */
.work_sum .sum_row td {
  font-weight: bold;
}

#opp_calendar .opp_item {
  background: #c6ffe2;
  cursor: pointer;
}

/* opportunity view */
.task_list .finished td {
  background: #ddd;
}
.task_list .expired td {
  background: #ffffa3;
}
.task_list .warning td {
  background: #ffffcc;
}
.task_list td.hidden:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f023";
  margin-right: 5px;
}

#opp-tabs {
  margin-top: 10px;
}

#process_cal {
  margin-top: 20px;
  width: 100%;
  overflow-x: auto;
  padding: 10px 0;
}

#process_cal_table {
  min-width: 100%;
  width: auto;
}
#process_cal_table td {
  padding: 3px 0px;
}

#process_cal .process_cal_box {
  background: green;
  height: 15px;
}
#process_cal th.sun, #process_cal th.holiday {
  color: #ff7f7f;
}
#process_cal th.sat {
  color: #7f7fff;
}
#process_cal .opp_item {
  background: #89ffc4;
}
#process_cal .process_item {
  background: #ccffff;
}
#process_cal .task_item {
  background: #c9ff93;
}
#process_cal .outsource_item {
  background: #ffc993;
}

/* process_list table */
#process_list tr.p_process td,
#process_list_table tr.p_process td {
  background-color: #ffffcc;
}
#process_list tr.sub_process td.process_name,
#process_list_table tr.sub_process td.process_name {
  text-indent: 2em;
}

.existing_processes_list {
  background: #cce5ff;
}

/* payment list */
.action .unpaid {
  background: #ff7f7f;
}

/* payment import */
.payment_import_alert_message {
  background: #ffffcc;
  padding: 20px;
}

table#payment_import_list > tbody > tr > th {
  text-align: left;
}
table#payment_import_list > tbody > tr > td {
  padding-bottom: 40px;
}
table#payment_import_list > tbody > tr > td.action {
  padding-bottom: 5px;
}
table#payment_import_list > tbody > tr:nth-child(4n) {
  background: #ffffea;
}
table#payment_import_list > tbody > tr.nodiff {
  background: #eee;
}
table#payment_import_list span.payment_diff_value {
  color: #ff7f7f;
  font-weight: bold;
}
table#payment_import_list > tbody > tr.nodiff span.payment_diff_value {
  color: #7f7fff;
  font-weight: normal;
}
table#payment_import_list td.payment_list {
  vertical-align: top;
}
table#payment_import_list td.payment_list h4 {
  margin: 0;
}

#payment_import .payment_import_drag_handle {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  width: 1.5em;
  text-align: center;
  cursor: move;
}

#payment_import_list .import_list .payment_value {
  display: block;
}
#payment_import_list .import_list .allocated_remain {
  display: block;
}
#payment_import_list .import_list .allocated_remain:before {
  content: "引き当て残：";
  color: #888;
}
#payment_import_list .import_list .import_row.allocated {
  background: #eee;
}

/*----------------------------
	The file upload form
-----------------------------*/
#upload {
  background-color: #373a3d;
  width: 30%;
  padding: 30px;
  display: inline-block;
  vertical-align: top;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#drop {
  background-color: #2E3134;
  padding: 10px 50px;
  margin-bottom: 30px;
  border: 20px solid rgba(0, 0, 0, 0);
  border-image: url("../img/border-image.png") 25 repeat;
  text-align: center;
  text-transform: uppercase;
  font-size: small;
  font-weight: bold;
  color: #7f858a;
}
#drop a {
  background-color: #007a96;
  padding: 12px 26px;
  color: #fff;
  font-size: smaller;
  cursor: pointer;
  display: inline-block;
  margin-top: 12px;
  line-height: 1;
}
#drop a:hover {
  background-color: #0986a3;
}
#drop input {
  display: none;
}

#upload ul {
  list-style: none;
  margin: 0 -30px;
  padding: 0;
  border-top: 1px solid #2b2e31;
  border-bottom: 1px solid #3d4043;
}
#upload ul li {
  background-color: #333639;
  border-top: 1px solid #3d4043;
  border-bottom: 1px solid #2b2e31;
  padding: 15px;
  height: 80px;
  position: relative;
}
#upload ul li input {
  display: none;
}
#upload ul li p {
  width: 144px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #EEE;
  font-size: smaller;
  font-weight: bold;
  position: absolute;
  left: 100px;
}
#upload ul li i {
  font-weight: normal;
  font-style: normal;
  color: #7f7f7f;
  display: block;
}
#upload ul li canvas {
  top: 15px;
  left: 32px;
  position: absolute;
}
#upload ul li span {
  width: 15px;
  height: 12px;
  background: url("../img/icons.png") no-repeat;
  position: absolute;
  top: 34px;
  right: 33px;
  cursor: pointer;
}
#upload ul li.working span {
  height: 16px;
  background-position: 0 -12px;
}
#upload ul li.error p {
  color: red;
}

.file-list-container {
  display: inline-block;
  width: calc(70% - 10px);
}

.file-list {
  display: block;
  margin-top: 0;
  padding: 0;
}
.file-list:after {
  content: "";
  display: block;
  clear: both;
}
.file-list.bbs-attach {
  width: 100%;
}
.file-list li {
  float: left;
  list-style: none;
  width: 82px;
  height: 100px;
  overflow: hidden;
  margin: 3px;
  font-size: small;
}
.file-list li span.file_icon {
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
  border: 1px solid #ccc;
  background: url("../img/icon/file_type/ico_type_other.png") no-repeat center center;
}
.file-list li span.file_icon.folder {
  background: url("../img/icon/file_type/ico_type_folder.png") no-repeat center center;
}
.file-list li span.file_icon.folder_p {
  background: url("../img/icon/file_type/ico_type_folder_p.png") no-repeat center center;
}
.file-list li span.file_icon.jpg, .file-list li span.file_icon.jpeg {
  background: url("../img/icon/file_type/ico_type_jpg.png") no-repeat center center;
}
.file-list li span.file_icon.png {
  background: url("../img/icon/file_type/ico_type_png.png") no-repeat center center;
}
.file-list li span.file_icon.gif {
  background: url("../img/icon/file_type/ico_type_gif.png") no-repeat center center;
}
.file-list li span.file_icon.bmp {
  background: url("../img/icon/file_type/ico_type_bmp.png") no-repeat center center;
}
.file-list li span.file_icon.pdf {
  background: url("../img/icon/file_type/ico_type_pdf.png") no-repeat center center;
}
.file-list li span.file_icon.zip {
  background: url("../img/icon/file_type/ico_type_zip.png") no-repeat center center;
}
.file-list li span.file_icon.txt {
  background: url("../img/icon/file_type/ico_type_txt.png") no-repeat center center;
}
.file-list li span.file_icon.doc, .file-list li span.file_icon.docx {
  background: url("../img/icon/file_type/ico_type_doc.png") no-repeat center center;
}
.file-list li span.file_icon.ppt, .file-list li span.file_icon.pptx {
  background: url("../img/icon/file_type/ico_type_ppt.png") no-repeat center center;
}
.file-list li span.file_icon.xls, .file-list li span.file_icon.xlsx {
  background: url("../img/icon/file_type/ico_type_xls.png") no-repeat center center;
}
.file-list li span.file_icon.avi {
  background: url("../img/icon/file_type/ico_type_avi.png") no-repeat center center;
}
.file-list li span.file_icon.mpg, .file-list li span.file_icon.mpeg {
  background: url("../img/icon/file_type/ico_type_mpg.png") no-repeat center center;
}
.file-list li span.file_icon.mp3 {
  background: url("../img/icon/file_type/ico_type_mp3.png") no-repeat center center;
}
.file-list li span.file_icon.mp4 {
  background: url("../img/icon/file_type/ico_type_mp4.png") no-repeat center center;
}
.file-list li span.file_icon.mov {
  background: url("../img/icon/file_type/ico_type_mov.png") no-repeat center center;
}
.file-list li span.file_icon.wav {
  background: url("../img/icon/file_type/ico_type_wav.png") no-repeat center center;
}
.file-list li span.file_icon.exe {
  background: url("../img/icon/file_type/ico_type_exe.png") no-repeat center center;
}
.file-list li span.file_name {
  display: block;
  text-align: center;
  font-size: 80%;
  word-break: break-all;
}
.file-list li.dragging {
  opacity: 0.8;
}
.file-list.vertical li {
  float: none;
  width: 100%;
  font-size: 14px;
  height: auto;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
}
.file-list.vertical li span.check {
  width: 1em;
  margin-left: 1.5em;
}
.file-list.vertical li a {
  width: calc(100% - 3em);
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 3px;
}
.file-list.vertical li a:focus {
  outline: 0;
}
.file-list.vertical li a:hover {
  background: #c6ffc6;
}
.file-list.vertical li span.file_icon {
  width: 2em;
  height: 2em;
  display: inline-block;
  background-size: contain;
  margin: 0;
  margin-right: 5px;
  border: none;
}
.file-list.vertical li span.file_name {
  display: inline-block;
  width: calc(30% - 25px);
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  margin-right: 5px;
  font-size: inherit;
  white-space: nowrap;
}
.file-list.vertical li span.file_size {
  display: inline-block;
  width: 10%;
  margin-right: 5px;
  text-align: right;
}
.file-list.vertical li span.upload_to {
  display: inline-block;
  width: 20%;
  font-size: 0.9em;
  margin-right: 5px;
  text-align: left;
}
.file-list.vertical li span.upload_to .opp_name:before {
  content: "案件:";
  font-size: 0.9rem;
  color: #aaa;
}
.file-list.vertical li span.upload_to .action:before {
  content: "アクション:";
  font-size: 0.9rem;
  color: #aaa;
}
.file-list.vertical li span.upload_date {
  display: inline-block;
  width: 20%;
  text-align: center;
}

/* shared folder */
.filelist_breadcrumbs ul li {
  display: inline;
}
.filelist_breadcrumbs ul li.folder:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url("../img/icon/ico_folder_16.png") no-repeat center center;
}
.filelist_breadcrumbs ul li:after {
  content: " > ";
}
.filelist_breadcrumbs ul li:last-child:after {
  content: "";
}

/* process item */
#process_item_list #template_row {
  display: none;
}

/* calendar */
#hanrei_box {
  width: 40%;
}

#user_hanrei {
  margin: 0;
  padding: 0;
}
#user_hanrei li {
  margin: 0;
  padding: 3px;
  list-style: none;
  width: 150px;
  font-size: small;
  display: inline-block;
}

.fc-header {
  border: none;
}
.fc-header td {
  border: none;
}

.fc-border-separate {
  border: none;
}

#select_user_box {
  float: left;
}

#hanrei_box {
  float: right;
}

/* dialog */
.dialog_container table {
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.dialog_container table th {
  background: #ddddff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.dialog_container table td {
  background: #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.dialog_container table td div {
  padding: 3px;
}

#action_detail_dialog_detail_container {
  height: 250px;
  overflow-y: scroll;
}

#process_detail_dialog #process_detail_dialog_progress.link {
  text-decoration: underline;
  color: -webkit-link;
  cursor: pointer;
}

#file_detail_dialog #file_dialog_image_row {
  text-align: center;
}
#file_detail_dialog #file_dialog_image_row img {
  display: inline-block;
  max-width: 400px;
  max-height: 400px;
  margin: auto;
}
#file_detail_dialog a.button {
  display: inline-block;
  padding: 3px 10px;
  margin: 1px;
  font-size: small;
  font-weight: normal;
  background: #a3a3ff;
  color: #fff;
  border: none;
}

#opp_dialog_recently_opp_list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#opp_dialog_recently_opp_list ul li {
  border: 1px solid #ccc;
  border-bottom: none;
  padding: 0.5em 1em;
  cursor: default;
}
#opp_dialog_recently_opp_list ul li:hover {
  background: #d6ffd6;
}
#opp_dialog_recently_opp_list ul li:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#opp_dialog_recently_opp_list ul li:last-child {
  border-bottom: 1px solid #ccc;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* select filter */
.select2-container {
  display: block;
}

/* my page */
#mypage_info_container {
  margin-top: 10px;
  margin-left: -2%;
}
#mypage_info_container .mypage-info-block {
  width: 48%;
  padding: 3px 10px;
  box-sizing: border-box;
}
#mypage_info_container .mypage-info-block h4 {
  margin: 2px;
}
#mypage_info_container .mypage-info-block:nth-child(odd) {
  float: left;
  margin-left: 1%;
}
#mypage_info_container .mypage-info-block:nth-child(even) {
  float: right;
  margin-left: 1%;
}
#mypage_info_container .link_list {
  text-align: right;
  font-size: 100%;
}

#mypage_home_container .mypage_list {
  padding: 0;
  margin: 0;
  border-top: 1px solid #84b2e0;
  border-bottom: 1px solid #f1f6fc;
}
#mypage_home_container .mypage_list li {
  list-style-type: none;
  padding: 3px 10px;
  color: #333333;
  border-top: 1px solid #f1f6fc;
  border-bottom: 1px solid #84b2e0;
}
#mypage_home_container .mypage_list li.send:before {
  content: "(送信)";
  color: #3333ff;
  font-weight: bold;
  background: #ffff7f;
  margin-right: 0.5em;
}
#mypage_home_container .mypage_list li.unread:before {
  content: "(未読)";
  color: #ff3333;
  font-weight: bold;
  background: #ffff7f;
  margin-right: 0.5em;
}
#mypage_home_container .mypage_list li.closed:after {
  content: " closed";
  font-weight: bold;
  color: #3333ff;
}
#mypage_home_container .mypage_list li.new:after {
  content: " new";
  font-weight: bold;
  color: #ff3333;
}
#mypage_home_container .mypage_list li a:visited {
  color: #888;
}

#messages ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
}
#messages ul li {
  padding: 5px 10px;
  margin-bottom: 2px;
}
#messages ul li.congraturations {
  color: #ff6060;
  background: #ffe5e5;
}
#messages ul li.congraturations:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f1fd";
  margin-right: 5px;
}
#messages ul li.info {
  color: #1d4e03;
  background: #ffffb7;
}
#messages ul li.info:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f05a";
  margin-right: 5px;
}
#messages ul li.warning {
  color: #ff6060;
  background: #ffffe5;
}
#messages ul li.warning:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f071";
  margin-right: 5px;
}

#sharedinfo_container h4 {
  margin-top: 20px;
}

/* my tasks */
.task_list .customer_name {
  text-align: right;
  font-size: 80%;
}
.task_list .customer_name:before {
  content: "顧客：";
}

td.cycle_task_rule .input {
  width: auto;
  display: inline-block;
}
td.cycle_task_rule .input select {
  width: auto;
  display: inline-block;
}

/* task calendar */
#member_target {
  margin-bottom: 5px;
}

#task_calendar .task_item, #no_limit_task_list .task_item {
  cursor: pointer;
  background: #b2ffb2 !important;
}

#task_calendar .task_item.hide_task, #no_limit_task_list .task_item.hide_task {
  opacity: 0.6;
}

#task_calendar .task_item.hide_task span.fc-title:before, #no_limit_task_list .task_item.hide_task:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f023";
  margin-right: 5px;
}

#task_calendar .task_item.finished_task, #no_limit_task_list .task_item.finished_task {
  background: #ddd !important;
}

#task_calendar {
  position: relative;
  width: 80%;
  float: left;
}
#task_calendar .task_item:hover {
  background: #c6ffc6 !important;
}

#task_list_wrapper {
  position: relative;
}

#no_limit_task_container {
  position: relative;
  width: 20%;
  float: left;
}

#no_limit_task_list_container {
  min-height: 400px;
  background: #e5fff2;
  padding: 2px;
}

#no_limit_task_list {
  list-style: none;
  margin: 0;
  padding: 5px;
}
#no_limit_task_list li {
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #eaffff;
  padding: 2px;
  margin: 5px;
  cursor: move;
}
#no_limit_task_list li:hover {
  background: #b2ffb2;
}

/* dailyreports */
#dailyreport_container .search_box {
  margin: 5px 0;
}
#dailyreport_container .search_box span {
  display: inline-block;
  font-weight: bold;
  color: #7f7fff;
}
#dailyreport_container .search_box input[type=button] {
  display: inline-block;
}

#workTable .works_toggle_all, #workTable .works_toggle {
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  /*
  	width: 32px;
  	height: 32px;
  	background: url('../img/icon/ico_plus_16.png') no-repeat center center;
  */
  cursor: pointer;
}
#workTable .works_toggle_all:before, #workTable .works_toggle:before {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
#workTable .works_toggle_all.opend:before, #workTable .works_toggle.opend:before {
  content: "\f056";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  /*
  	background: url('../img/icon/ico_minus_16.png') no-repeat center center;
  */
}
#workTable tr.sat th span {
  color: #7f7fff;
}
#workTable tr.sat td {
  background: #d1ffff;
}
#workTable tr.sun th span, #workTable tr.holiday th span {
  color: #ff7f7f;
}
#workTable tr.sun td, #workTable tr.holiday td {
  background: #ffeaea;
}
#workTable tr.today td {
  background: #e5ffcc;
}
#workTable tr:hover td {
  background: #d6ffd6;
}
#workTable tr td[rowspan] {
  background: none;
}
#workTable .btn_work_edit {
  display: inline-block;
  font-size: 20px;
  line-height: 26px;
  /*
  	width: 32px;
  	height: 26px;
  	background: url('../img/icon/ico_edit.png') no-repeat;
  */
  cursor: pointer;
}
#workTable .work_time_attention:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 16px;
  line-height: 16px;
  background: url("../img/icon/ico_warning_16.png") center center no-repeat;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}

#dailyreport_input_dialog .clockpicker_wrapper {
  display: flex;
}
#dailyreport_input_dialog .clockpicker_wrapper input.clockpicker {
  width: calc(100% - 2rem);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#dailyreport_input_dialog .clockpicker_wrapper label.clock-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0.25em;
  margin: 0;
  background: #eee;
  border: 1px solid #ccc;
  border-left: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  cursor: pointer;
}

#work_pre_sum {
  color: #888;
}

#reportStatusTable {
  width: auto;
}
#reportStatusTable table {
  table-layout: auto;
}
#reportStatusTable table th {
  padding: 2px;
}
#reportStatusTable table th.sun, #reportStatusTable table th.holiday {
  color: #ff7f7f;
}
#reportStatusTable table th.sat {
  color: #7f7fff;
}
#reportStatusTable table td {
  text-align: center;
  padding: 2px;
}
#reportStatusTable table td.today {
  background: #e5ffcc;
}
#reportStatusTable table td.sun, #reportStatusTable table td.holiday {
  background: #ffeaea;
}
#reportStatusTable table td.sat {
  background: #d1ffff;
}
#reportStatusTable table td .time {
  font-size: 0.9em;
}

#dailyreport_import .import_logs {
  margin-top: 5px;
}

/* favorite opportunity */
#favorite_icon input {
  padding: 0;
  border: none;
}

/* member sort */
.sort_list .drag_handle {
  background: url("../img/icon/ico_list.png") no-repeat center center;
  cursor: move;
}
.sort_list tr:hover {
  background: #ffffea;
}
.sort_list tr.tDnD_whileDrag {
  background: #ffe5cc;
}

/* flash message */
.flashMessage_container {
  position: absolute;
  width: 600px;
  max-width: 90%;
  height: auto;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 100;
}

.flashMessage {
  margin-bottom: 5px;
  border: 1px solid #ccc;
  padding: 10px;
}
.flashMessage.flash_success {
  background: #e5ffe5;
}
.flashMessage.flash_warning {
  color: #ff8989;
  background: #ffffa8;
}
.flashMessage.flash_failure {
  color: red;
  background: #ffd6d6;
}

/* error message */
.error-message {
  color: #ff7f7f;
  background: #ffffc6;
  border-radius: 5px;
  font-size: small;
  display: inline-block;
  padding: 5px;
  margin: 3px 0;
}

/* input error */
input.form-error, select.form-error, textarea.form-error {
  background: #ffe5e5;
  border-color: #ff7f7f;
}

/* select2 highlighted label */
.select2-results .select2-highlighted .select2-result-label {
  color: #fff;
}

/* full calendar */
.fc-day-header, .fc-sat {
  background: #efefff !important;
}

.fc-sun {
  background: #ffeaea !important;
}

/* dialog */
.ui-dialog .ui-dialog-title {
  color: #fff;
}
.ui-dialog .ui-dialog-content {
  max-height: calc(100vh - 100px) !important;
}

/* search result */
#search_result_box, #schedule_search_result_box {
  position: absolute;
  z-index: 92;
  width: 40%;
  background: #fff;
}

.schedule_search_container {
  position: relative;
  display: inline-block;
  width: 40%;
  padding: 3px 5px 3px 0px;
}

.search_result_list {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  max-height: 500px;
  overflow-y: scroll;
}
.search_result_list li {
  list-style: none;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-indent: 1em;
}
.search_result_list li a {
  display: block;
  padding: 5px;
}
.search_result_list li a:hover {
  background: #7f7fff;
  color: #fff;
}
.search_result_list li span {
  display: block;
}
.search_result_list li.separator {
  background: #7fffff;
  color: inherit;
  font-weight: bold;
  font-size: small;
  text-indent: 0;
  padding: 5px;
}
.search_result_list li.noresult {
  padding: 5px;
  color: #ccc;
}
.search_result_list li .opp_name, .search_result_list li .customer_name, .search_result_list li .tel, .search_result_list li .mobile {
  text-align: right;
  font-size: small;
  margin-right: 20px;
  color: #aaa;
}
.search_result_list li .tel:before {
  content: "Tel: ";
}
.search_result_list li .mobile:before {
  content: "携帯: ";
}
.search_result_list li .coop_name {
  text-align: right;
  font-size: small;
  margin-right: 20px;
  color: #aaa;
}
.search_result_list li .schedule_date {
  text-align: right;
  font-size: small;
  margin-right: 20px;
}

#search_result_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  opacity: 0.4;
  z-index: 92;
  display: none;
}

#header_search_keyword, #schedule_search_keyword {
  position: relative;
  z-index: 91;
}

/* search page */
.search_result .opp_name {
  font-size: small;
  text-align: right;
}
.search_result .opp_name:before {
  content: "案件：";
}
.search_result .customer_name {
  font-size: small;
  text-align: right;
}
.search_result .customer_name:before {
  content: "顧客：";
}
.search_result .coop_name {
  font-size: small;
  text-align: right;
}
.search_result .coop_name:before {
  content: "協力会社：";
}

/* duplicate customer check */
#candidates_box {
  position: absolute;
  background: #ffff9e;
  border: 1px solid #ccc;
  cursor: pointer;
}
#candidates_box h3 {
  font-size: 100%;
  color: #ff7f7f;
  margin: 0;
  margin-left: 5px;
}
#candidates_box ul {
  margin: 0;
  margin-left: 5px;
}

/* 見積・請求 */
#quote_bill_form_tbl #amount_detail dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#quote_bill_form_tbl #amount_detail dl dt, #quote_bill_form_tbl #amount_detail dl dd {
  margin-bottom: 0.5em;
}
#quote_bill_form_tbl #amount_detail dl dt {
  width: 180px;
  text-align: right;
}
#quote_bill_form_tbl #amount_detail dl dd {
  width: calc(100% - 200px);
  margin-left: 1em;
}
#quote_bill_form_tbl #amount_detail .tax_rate {
  width: 15%;
  margin-right: 0.5em;
}
#quote_bill_form_tbl #amount_detail .discount_value {
  width: 20%;
  margin-right: 0.5em;
}
#quote_bill_form_tbl #amount_detail .number_format {
  ime-mode: disabled;
}
#quote_bill_form_tbl #template_row {
  display: none;
}
#quote_bill_form_tbl #detail_list tr.input_row:nth-child(even) {
  background: #f4f4ff;
}
#quote_bill_form_tbl #detail_list tr.input_row td {
  vertical-align: top;
}
#quote_bill_form_tbl .memo_textarea {
  background: #e6ffe0;
}

#quote_bill_view_tbl .amount_setting {
  margin: 0;
  font-size: small;
  line-height: 1.5em;
}
#quote_bill_view_tbl .amount_setting dt {
  font-weight: bold;
  float: left;
  /*	clear: both;*/
}
#quote_bill_view_tbl .amount_setting dt:after {
  content: "：";
}
#quote_bill_view_tbl .amount_setting dd {
  margin-left: 0px;
  margin-right: 10px;
  float: left;
}

.quote_bill_list tr.draft {
  background: #d6ffff;
}
.quote_bill_list tr.before_pub {
  background: #ffffa3;
}
.quote_bill_list tr.after_pub {
  background: #ffe8d1;
}
.quote_bill_list tr.paid {
  background: #bcffbc;
}
.quote_bill_list tr.dest {
  background: #dfdfdf;
}

.minus-val {
  color: #ff7f7f;
}

/* マスタ */
.organization_member_history tr.new_record {
  background: #e5ffe5;
}

/* schedules */
th.search_box {
  text-align: left;
  overflow: visible !important;
}

#date_range, #target_ym_text {
  padding: 3px;
  font-weight: bold;
  display: inline-block;
  width: auto;
  margin-right: 0.5em;
}
#date_range .ympicker, #target_ym_text .ympicker {
  width: 8em;
}

#content ul.move_date {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-left: 5px;
}

#schedule_calendar th.date {
  text-align: center;
}
#schedule_calendar th.sun, #schedule_calendar th.holiday {
  color: #ff7f7f;
}
#schedule_calendar th.sat {
  color: #7f7fff;
}
#schedule_calendar td.today {
  background: #e5ffcc;
}
#schedule_calendar td.sun, #schedule_calendar td.holiday {
  background: #ffeaea;
}
#schedule_calendar td.sat {
  background: #d1ffff;
}
#schedule_calendar td.schedule_cell {
  vertical-align: top;
}
#schedule_calendar td a {
  font-size: small;
}

#schedule_calendar tr.schedule_line td {
  vertical-align: top;
}
#schedule_calendar a.add_schedule {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
}
#schedule_calendar a.edit_schedule {
  cursor: pointer;
}
#schedule_calendar a.edit_schedule:hover {
  text-decoration: underline;
}
#schedule_calendar .schedule_box {
  margin-bottom: 0.5em;
  /*
  	&.color1 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type1;
  	}
  	&.color2 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type2;
  	}
  	&.color3 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type3;
  	}
  	&.color4 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type4;
  	}
  	&.color5 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type5;
  	}
  	&.color6 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type6;
  	}
   */
}
#schedule_calendar .schedule_box .holiday {
  font-size: small;
  color: #ff7f7f;
}
#schedule_calendar .schedule_box .schedule_time {
  display: block;
  font-size: small;
  line-height: 1em;
}
#schedule_calendar .schedule_box .schedule_time + a .schedule_title {
  margin-left: 0.2em;
}
#schedule_calendar .schedule_box.color1 {
  color: #fff;
  background: #E67C73;
}
#schedule_calendar .schedule_box.color1 .schedule_time, #schedule_calendar .schedule_box.color1 .schedule_title, #schedule_calendar .schedule_box.color1 .fc-time, #schedule_calendar .schedule_box.color1 .fc-time span, #schedule_calendar .schedule_box.color1 .fc-title {
  color: #fff;
}
#schedule_calendar .schedule_box.color1 .schedule_time, #schedule_calendar .schedule_box.color1 .schedule_title {
  background: #E67C73;
}
#schedule_calendar .schedule_box.color2 {
  color: #fff;
  background: #F6BF26;
}
#schedule_calendar .schedule_box.color2 .schedule_time, #schedule_calendar .schedule_box.color2 .schedule_title, #schedule_calendar .schedule_box.color2 .fc-time, #schedule_calendar .schedule_box.color2 .fc-time span, #schedule_calendar .schedule_box.color2 .fc-title {
  color: #fff;
}
#schedule_calendar .schedule_box.color2 .schedule_time, #schedule_calendar .schedule_box.color2 .schedule_title {
  background: #F6BF26;
}
#schedule_calendar .schedule_box.color3 {
  color: #fff;
  background: #33B679;
}
#schedule_calendar .schedule_box.color3 .schedule_time, #schedule_calendar .schedule_box.color3 .schedule_title, #schedule_calendar .schedule_box.color3 .fc-time, #schedule_calendar .schedule_box.color3 .fc-time span, #schedule_calendar .schedule_box.color3 .fc-title {
  color: #fff;
}
#schedule_calendar .schedule_box.color3 .schedule_time, #schedule_calendar .schedule_box.color3 .schedule_title {
  background: #33B679;
}
#schedule_calendar .schedule_box.color4 {
  color: #fff;
  background: #4285F4;
}
#schedule_calendar .schedule_box.color4 .schedule_time, #schedule_calendar .schedule_box.color4 .schedule_title, #schedule_calendar .schedule_box.color4 .fc-time, #schedule_calendar .schedule_box.color4 .fc-time span, #schedule_calendar .schedule_box.color4 .fc-title {
  color: #fff;
}
#schedule_calendar .schedule_box.color4 .schedule_time, #schedule_calendar .schedule_box.color4 .schedule_title {
  background: #4285F4;
}
#schedule_calendar .schedule_box.color5 {
  color: #fff;
  background: #9E69AF;
}
#schedule_calendar .schedule_box.color5 .schedule_time, #schedule_calendar .schedule_box.color5 .schedule_title, #schedule_calendar .schedule_box.color5 .fc-time, #schedule_calendar .schedule_box.color5 .fc-time span, #schedule_calendar .schedule_box.color5 .fc-title {
  color: #fff;
}
#schedule_calendar .schedule_box.color5 .schedule_time, #schedule_calendar .schedule_box.color5 .schedule_title {
  background: #9E69AF;
}
#schedule_calendar .schedule_box.color6 {
  color: #fff;
  background: #616161;
}
#schedule_calendar .schedule_box.color6 .schedule_time, #schedule_calendar .schedule_box.color6 .schedule_title, #schedule_calendar .schedule_box.color6 .fc-time, #schedule_calendar .schedule_box.color6 .fc-time span, #schedule_calendar .schedule_box.color6 .fc-title {
  color: #fff;
}
#schedule_calendar .schedule_box.color6 .schedule_time, #schedule_calendar .schedule_box.color6 .schedule_title {
  background: #616161;
}
#schedule_calendar .schedule_box .schedule_title {
  display: inline-block;
  word-break: break-all;
  color: #6060ff;
}
#schedule_calendar .schedule_box .schedule_title.schedule_hidden:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f023";
  margin-right: 5px;
}
#schedule_calendar .schedule_box .schedule_title.schedule_shared:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c0";
  margin-left: 5px;
}
#schedule_calendar .schedule_box .schedule_title.schedule_birthday {
  display: inline-block;
  color: #ff7f7f;
  font-size: 95%;
}
#schedule_calendar .schedule_box .schedule_title.schedule_birthday:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f1fd";
  margin-right: 5px;
}
#schedule_calendar .attendance_schedules,
#schedule_calendar .work_schedules {
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
#schedule_calendar .attendance_schedule_title span {
  color: #83a30f !important;
}
#schedule_calendar .work_schedule_title a {
  color: #29ab29 !important;
}
#schedule_calendar th.org_name {
  white-space: normal;
}

#schedule_input_dialog .date_time .date, #schedule_input_dialog .date_time .time,
#group_schedule_input_dialog .date_time .date,
#group_schedule_input_dialog .date_time .time {
  display: inline-block;
}
#schedule_input_dialog .date_time input,
#group_schedule_input_dialog .date_time input {
  width: 10em;
  display: inline-block;
}
#schedule_input_dialog .schedule_color_select,
#group_schedule_input_dialog .schedule_color_select {
  display: flex;
  flex-wrap: wrap;
}
#schedule_input_dialog .schedule_color_select_item,
#group_schedule_input_dialog .schedule_color_select_item {
  display: flex;
  align-items: center;
  margin-bottom: 0.25em;
}
#schedule_input_dialog .schedule_color_select_item label,
#group_schedule_input_dialog .schedule_color_select_item label {
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 1em;
  padding: 0.1em 0.25em;
  min-width: 2em;
  min-height: 1.5em;
  /*
  	&.color1 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type1;
  	}
  	&.color2 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type2;
  	}
  	&.color3 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type3;
  	}
  	&.color4 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type4;
  	}
  	&.color5 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type5;
  	}
  	&.color6 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type6;
  	}
   */
}
#schedule_input_dialog .schedule_color_select_item label.schedule_color,
#group_schedule_input_dialog .schedule_color_select_item label.schedule_color {
  border: 1px solid #eee;
}
#schedule_input_dialog .schedule_color_select_item label.color1,
#group_schedule_input_dialog .schedule_color_select_item label.color1 {
  color: #fff;
  background: #E67C73;
}
#schedule_input_dialog .schedule_color_select_item label.color1 .schedule_time, #schedule_input_dialog .schedule_color_select_item label.color1 .schedule_title, #schedule_input_dialog .schedule_color_select_item label.color1 .fc-time, #schedule_input_dialog .schedule_color_select_item label.color1 .fc-time span, #schedule_input_dialog .schedule_color_select_item label.color1 .fc-title,
#group_schedule_input_dialog .schedule_color_select_item label.color1 .schedule_time,
#group_schedule_input_dialog .schedule_color_select_item label.color1 .schedule_title,
#group_schedule_input_dialog .schedule_color_select_item label.color1 .fc-time,
#group_schedule_input_dialog .schedule_color_select_item label.color1 .fc-time span,
#group_schedule_input_dialog .schedule_color_select_item label.color1 .fc-title {
  color: #fff;
}
#schedule_input_dialog .schedule_color_select_item label.color1 .schedule_time, #schedule_input_dialog .schedule_color_select_item label.color1 .schedule_title,
#group_schedule_input_dialog .schedule_color_select_item label.color1 .schedule_time,
#group_schedule_input_dialog .schedule_color_select_item label.color1 .schedule_title {
  background: #E67C73;
}
#schedule_input_dialog .schedule_color_select_item label.color2,
#group_schedule_input_dialog .schedule_color_select_item label.color2 {
  color: #fff;
  background: #F6BF26;
}
#schedule_input_dialog .schedule_color_select_item label.color2 .schedule_time, #schedule_input_dialog .schedule_color_select_item label.color2 .schedule_title, #schedule_input_dialog .schedule_color_select_item label.color2 .fc-time, #schedule_input_dialog .schedule_color_select_item label.color2 .fc-time span, #schedule_input_dialog .schedule_color_select_item label.color2 .fc-title,
#group_schedule_input_dialog .schedule_color_select_item label.color2 .schedule_time,
#group_schedule_input_dialog .schedule_color_select_item label.color2 .schedule_title,
#group_schedule_input_dialog .schedule_color_select_item label.color2 .fc-time,
#group_schedule_input_dialog .schedule_color_select_item label.color2 .fc-time span,
#group_schedule_input_dialog .schedule_color_select_item label.color2 .fc-title {
  color: #fff;
}
#schedule_input_dialog .schedule_color_select_item label.color2 .schedule_time, #schedule_input_dialog .schedule_color_select_item label.color2 .schedule_title,
#group_schedule_input_dialog .schedule_color_select_item label.color2 .schedule_time,
#group_schedule_input_dialog .schedule_color_select_item label.color2 .schedule_title {
  background: #F6BF26;
}
#schedule_input_dialog .schedule_color_select_item label.color3,
#group_schedule_input_dialog .schedule_color_select_item label.color3 {
  color: #fff;
  background: #33B679;
}
#schedule_input_dialog .schedule_color_select_item label.color3 .schedule_time, #schedule_input_dialog .schedule_color_select_item label.color3 .schedule_title, #schedule_input_dialog .schedule_color_select_item label.color3 .fc-time, #schedule_input_dialog .schedule_color_select_item label.color3 .fc-time span, #schedule_input_dialog .schedule_color_select_item label.color3 .fc-title,
#group_schedule_input_dialog .schedule_color_select_item label.color3 .schedule_time,
#group_schedule_input_dialog .schedule_color_select_item label.color3 .schedule_title,
#group_schedule_input_dialog .schedule_color_select_item label.color3 .fc-time,
#group_schedule_input_dialog .schedule_color_select_item label.color3 .fc-time span,
#group_schedule_input_dialog .schedule_color_select_item label.color3 .fc-title {
  color: #fff;
}
#schedule_input_dialog .schedule_color_select_item label.color3 .schedule_time, #schedule_input_dialog .schedule_color_select_item label.color3 .schedule_title,
#group_schedule_input_dialog .schedule_color_select_item label.color3 .schedule_time,
#group_schedule_input_dialog .schedule_color_select_item label.color3 .schedule_title {
  background: #33B679;
}
#schedule_input_dialog .schedule_color_select_item label.color4,
#group_schedule_input_dialog .schedule_color_select_item label.color4 {
  color: #fff;
  background: #4285F4;
}
#schedule_input_dialog .schedule_color_select_item label.color4 .schedule_time, #schedule_input_dialog .schedule_color_select_item label.color4 .schedule_title, #schedule_input_dialog .schedule_color_select_item label.color4 .fc-time, #schedule_input_dialog .schedule_color_select_item label.color4 .fc-time span, #schedule_input_dialog .schedule_color_select_item label.color4 .fc-title,
#group_schedule_input_dialog .schedule_color_select_item label.color4 .schedule_time,
#group_schedule_input_dialog .schedule_color_select_item label.color4 .schedule_title,
#group_schedule_input_dialog .schedule_color_select_item label.color4 .fc-time,
#group_schedule_input_dialog .schedule_color_select_item label.color4 .fc-time span,
#group_schedule_input_dialog .schedule_color_select_item label.color4 .fc-title {
  color: #fff;
}
#schedule_input_dialog .schedule_color_select_item label.color4 .schedule_time, #schedule_input_dialog .schedule_color_select_item label.color4 .schedule_title,
#group_schedule_input_dialog .schedule_color_select_item label.color4 .schedule_time,
#group_schedule_input_dialog .schedule_color_select_item label.color4 .schedule_title {
  background: #4285F4;
}
#schedule_input_dialog .schedule_color_select_item label.color5,
#group_schedule_input_dialog .schedule_color_select_item label.color5 {
  color: #fff;
  background: #9E69AF;
}
#schedule_input_dialog .schedule_color_select_item label.color5 .schedule_time, #schedule_input_dialog .schedule_color_select_item label.color5 .schedule_title, #schedule_input_dialog .schedule_color_select_item label.color5 .fc-time, #schedule_input_dialog .schedule_color_select_item label.color5 .fc-time span, #schedule_input_dialog .schedule_color_select_item label.color5 .fc-title,
#group_schedule_input_dialog .schedule_color_select_item label.color5 .schedule_time,
#group_schedule_input_dialog .schedule_color_select_item label.color5 .schedule_title,
#group_schedule_input_dialog .schedule_color_select_item label.color5 .fc-time,
#group_schedule_input_dialog .schedule_color_select_item label.color5 .fc-time span,
#group_schedule_input_dialog .schedule_color_select_item label.color5 .fc-title {
  color: #fff;
}
#schedule_input_dialog .schedule_color_select_item label.color5 .schedule_time, #schedule_input_dialog .schedule_color_select_item label.color5 .schedule_title,
#group_schedule_input_dialog .schedule_color_select_item label.color5 .schedule_time,
#group_schedule_input_dialog .schedule_color_select_item label.color5 .schedule_title {
  background: #9E69AF;
}
#schedule_input_dialog .schedule_color_select_item label.color6,
#group_schedule_input_dialog .schedule_color_select_item label.color6 {
  color: #fff;
  background: #616161;
}
#schedule_input_dialog .schedule_color_select_item label.color6 .schedule_time, #schedule_input_dialog .schedule_color_select_item label.color6 .schedule_title, #schedule_input_dialog .schedule_color_select_item label.color6 .fc-time, #schedule_input_dialog .schedule_color_select_item label.color6 .fc-time span, #schedule_input_dialog .schedule_color_select_item label.color6 .fc-title,
#group_schedule_input_dialog .schedule_color_select_item label.color6 .schedule_time,
#group_schedule_input_dialog .schedule_color_select_item label.color6 .schedule_title,
#group_schedule_input_dialog .schedule_color_select_item label.color6 .fc-time,
#group_schedule_input_dialog .schedule_color_select_item label.color6 .fc-time span,
#group_schedule_input_dialog .schedule_color_select_item label.color6 .fc-title {
  color: #fff;
}
#schedule_input_dialog .schedule_color_select_item label.color6 .schedule_time, #schedule_input_dialog .schedule_color_select_item label.color6 .schedule_title,
#group_schedule_input_dialog .schedule_color_select_item label.color6 .schedule_time,
#group_schedule_input_dialog .schedule_color_select_item label.color6 .schedule_title {
  background: #616161;
}

#schedule_color_name_setting {
  display: flex;
}
#schedule_color_name_setting label {
  margin-right: 1em;
}
#schedule_color_name_setting span.color_sample {
  display: inline-block;
  width: 1.5em;
  margin-right: 0.05em;
  border: 1px solid #ddd;
}
#schedule_color_name_setting div.color_sample {
  padding: 0.25em;
  margin-right: 1em;
  border: 1px solid #ddd;
  min-width: 2em;
  min-height: 1.5em;
}
#schedule_color_name_setting .color_sample {
  min-width: 1.5em;
  /*
  	&.color1 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type1;
  	}
  	&.color2 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type2;
  	}
  	&.color3 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type3;
  	}
  	&.color4 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type4;
  	}
  	&.color5 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type5;
  	}
  	&.color6 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type6;
  	}
   */
}
#schedule_color_name_setting .color_sample.color1 {
  color: #fff;
  background: #E67C73;
}
#schedule_color_name_setting .color_sample.color1 .schedule_time, #schedule_color_name_setting .color_sample.color1 .schedule_title, #schedule_color_name_setting .color_sample.color1 .fc-time, #schedule_color_name_setting .color_sample.color1 .fc-time span, #schedule_color_name_setting .color_sample.color1 .fc-title {
  color: #fff;
}
#schedule_color_name_setting .color_sample.color1 .schedule_time, #schedule_color_name_setting .color_sample.color1 .schedule_title {
  background: #E67C73;
}
#schedule_color_name_setting .color_sample.color2 {
  color: #fff;
  background: #F6BF26;
}
#schedule_color_name_setting .color_sample.color2 .schedule_time, #schedule_color_name_setting .color_sample.color2 .schedule_title, #schedule_color_name_setting .color_sample.color2 .fc-time, #schedule_color_name_setting .color_sample.color2 .fc-time span, #schedule_color_name_setting .color_sample.color2 .fc-title {
  color: #fff;
}
#schedule_color_name_setting .color_sample.color2 .schedule_time, #schedule_color_name_setting .color_sample.color2 .schedule_title {
  background: #F6BF26;
}
#schedule_color_name_setting .color_sample.color3 {
  color: #fff;
  background: #33B679;
}
#schedule_color_name_setting .color_sample.color3 .schedule_time, #schedule_color_name_setting .color_sample.color3 .schedule_title, #schedule_color_name_setting .color_sample.color3 .fc-time, #schedule_color_name_setting .color_sample.color3 .fc-time span, #schedule_color_name_setting .color_sample.color3 .fc-title {
  color: #fff;
}
#schedule_color_name_setting .color_sample.color3 .schedule_time, #schedule_color_name_setting .color_sample.color3 .schedule_title {
  background: #33B679;
}
#schedule_color_name_setting .color_sample.color4 {
  color: #fff;
  background: #4285F4;
}
#schedule_color_name_setting .color_sample.color4 .schedule_time, #schedule_color_name_setting .color_sample.color4 .schedule_title, #schedule_color_name_setting .color_sample.color4 .fc-time, #schedule_color_name_setting .color_sample.color4 .fc-time span, #schedule_color_name_setting .color_sample.color4 .fc-title {
  color: #fff;
}
#schedule_color_name_setting .color_sample.color4 .schedule_time, #schedule_color_name_setting .color_sample.color4 .schedule_title {
  background: #4285F4;
}
#schedule_color_name_setting .color_sample.color5 {
  color: #fff;
  background: #9E69AF;
}
#schedule_color_name_setting .color_sample.color5 .schedule_time, #schedule_color_name_setting .color_sample.color5 .schedule_title, #schedule_color_name_setting .color_sample.color5 .fc-time, #schedule_color_name_setting .color_sample.color5 .fc-time span, #schedule_color_name_setting .color_sample.color5 .fc-title {
  color: #fff;
}
#schedule_color_name_setting .color_sample.color5 .schedule_time, #schedule_color_name_setting .color_sample.color5 .schedule_title {
  background: #9E69AF;
}
#schedule_color_name_setting .color_sample.color6 {
  color: #fff;
  background: #616161;
}
#schedule_color_name_setting .color_sample.color6 .schedule_time, #schedule_color_name_setting .color_sample.color6 .schedule_title, #schedule_color_name_setting .color_sample.color6 .fc-time, #schedule_color_name_setting .color_sample.color6 .fc-time span, #schedule_color_name_setting .color_sample.color6 .fc-title {
  color: #fff;
}
#schedule_color_name_setting .color_sample.color6 .schedule_time, #schedule_color_name_setting .color_sample.color6 .schedule_title {
  background: #616161;
}

#group_schedule_input_dialog .date_time input, #facility_reservation_input_dialog .date_time input {
  width: 10em;
  display: inline-block;
}

#schedule_input_dialog .date_time select, #group_schedule_input_dialog .date_time select, #facility_reservation_input_dialog .date_time select {
  width: 5em;
  display: inline-block;
}

#schedule_notice_settings .schedule_notice_input_container {
  margin-bottom: 3px;
}
#schedule_notice_settings .schedule_notice_input_container input {
  display: inline-block;
  width: 40px;
  height: 30px;
}
#schedule_notice_settings .schedule_notice_input_container select {
  display: inline-block;
  width: 80px;
  height: 30px;
}
#schedule_notice_settings .schedule_notice_input_container .del_schedule_notice {
  cursor: pointer;
  margin-left: 3px;
}

#content .move_date .move_today {
  padding: 3px 20px;
  background: #ff7f7f;
}
.member_select_box_container {
  display: flex;
  justify-content: flex-start;
}
.member_select_box_container .separator {
  width: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.member_select_box_container .separator:after {
  content: "\f362";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}

.sel_member_box, .target_member_box {
  width: 45%;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
}

.target_member_box {
  background: #f4ffea;
}
.target_member_box strong {
  line-height: 2.1em;
}

.sel_member_box ul, .target_member_box ul {
  border: 1px solid #ccc;
  background: #fff;
  list-style: none;
  padding: 0;
  height: 180px;
  overflow-y: scroll;
  margin-bottom: 2px;
}

.sel_member_box ul li {
  text-indent: 1em;
  padding-left: 5px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.sel_member_box ul li.dividor {
  font-weight: bold;
  padding-top: 10px;
  text-indent: 0;
  cursor: default;
}

.target_member_box ul li {
  padding-left: 5px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.sel_member_box ul li span, .target_member_box ul li span {
  line-height: 32px;
}

.sel_member_box ul li span.button, .target_member_box ul li span.button {
  float: right;
  margin-right: 20px;
  font-size: 120%;
}

#add_all_member, #remove_all_member {
  cursor: pointer;
}

#schedule_calendar .schedule_item {
  cursor: pointer;
  background: #b2ffb2;
  border: none;
  /*
  	&.color1 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type1;
  	}
  	&.color2 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type2;
  	}
  	&.color3 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type3;
  	}
  	&.color4 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type4;
  	}
  	&.color5 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type5;
  	}
  	&.color6 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type6;
  	}
   */
}
#schedule_calendar .schedule_item.hide_schedule {
  opacity: 0.6;
}
#schedule_calendar .schedule_item.hide_schedule span.fc-title:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f023";
  margin-right: 5px;
}
#schedule_calendar .schedule_item.shared_schedule span.fc-title:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c0";
  margin-left: 5px;
}
#schedule_calendar .schedule_item:hover {
  opacity: 0.7;
}
#schedule_calendar .schedule_item.color1 {
  color: #fff;
  background: #E67C73;
}
#schedule_calendar .schedule_item.color1 .schedule_time, #schedule_calendar .schedule_item.color1 .schedule_title, #schedule_calendar .schedule_item.color1 .fc-time, #schedule_calendar .schedule_item.color1 .fc-time span, #schedule_calendar .schedule_item.color1 .fc-title {
  color: #fff;
}
#schedule_calendar .schedule_item.color1 .schedule_time, #schedule_calendar .schedule_item.color1 .schedule_title {
  background: #E67C73;
}
#schedule_calendar .schedule_item.color2 {
  color: #fff;
  background: #F6BF26;
}
#schedule_calendar .schedule_item.color2 .schedule_time, #schedule_calendar .schedule_item.color2 .schedule_title, #schedule_calendar .schedule_item.color2 .fc-time, #schedule_calendar .schedule_item.color2 .fc-time span, #schedule_calendar .schedule_item.color2 .fc-title {
  color: #fff;
}
#schedule_calendar .schedule_item.color2 .schedule_time, #schedule_calendar .schedule_item.color2 .schedule_title {
  background: #F6BF26;
}
#schedule_calendar .schedule_item.color3 {
  color: #fff;
  background: #33B679;
}
#schedule_calendar .schedule_item.color3 .schedule_time, #schedule_calendar .schedule_item.color3 .schedule_title, #schedule_calendar .schedule_item.color3 .fc-time, #schedule_calendar .schedule_item.color3 .fc-time span, #schedule_calendar .schedule_item.color3 .fc-title {
  color: #fff;
}
#schedule_calendar .schedule_item.color3 .schedule_time, #schedule_calendar .schedule_item.color3 .schedule_title {
  background: #33B679;
}
#schedule_calendar .schedule_item.color4 {
  color: #fff;
  background: #4285F4;
}
#schedule_calendar .schedule_item.color4 .schedule_time, #schedule_calendar .schedule_item.color4 .schedule_title, #schedule_calendar .schedule_item.color4 .fc-time, #schedule_calendar .schedule_item.color4 .fc-time span, #schedule_calendar .schedule_item.color4 .fc-title {
  color: #fff;
}
#schedule_calendar .schedule_item.color4 .schedule_time, #schedule_calendar .schedule_item.color4 .schedule_title {
  background: #4285F4;
}
#schedule_calendar .schedule_item.color5 {
  color: #fff;
  background: #9E69AF;
}
#schedule_calendar .schedule_item.color5 .schedule_time, #schedule_calendar .schedule_item.color5 .schedule_title, #schedule_calendar .schedule_item.color5 .fc-time, #schedule_calendar .schedule_item.color5 .fc-time span, #schedule_calendar .schedule_item.color5 .fc-title {
  color: #fff;
}
#schedule_calendar .schedule_item.color5 .schedule_time, #schedule_calendar .schedule_item.color5 .schedule_title {
  background: #9E69AF;
}
#schedule_calendar .schedule_item.color6 {
  color: #fff;
  background: #616161;
}
#schedule_calendar .schedule_item.color6 .schedule_time, #schedule_calendar .schedule_item.color6 .schedule_title, #schedule_calendar .schedule_item.color6 .fc-time, #schedule_calendar .schedule_item.color6 .fc-time span, #schedule_calendar .schedule_item.color6 .fc-title {
  color: #fff;
}
#schedule_calendar .schedule_item.color6 .schedule_time, #schedule_calendar .schedule_item.color6 .schedule_title {
  background: #616161;
}
#schedule_calendar .schedule_item.past_schedule {
  color: #555 !important;
  background: #ddd !important;
}
#schedule_calendar .schedule_item.past_schedule .fc-time,
#schedule_calendar .schedule_item.past_schedule .fc-time span,
#schedule_calendar .schedule_item.past_schedule .fc-title {
  color: #555 !important;
}
#schedule_calendar .group_schedule_item {
  cursor: pointer;
  background: #7fbfff !important;
  border: none;
  /*
  	&.color1 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type1;
  	}
  	&.color2 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type2;
  	}
  	&.color3 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type3;
  	}
  	&.color4 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type4;
  	}
  	&.color5 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type5;
  	}
  	&.color6 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type6;
  	}
   */
}
#schedule_calendar .group_schedule_item.color1 {
  color: #fff;
  background: #E67C73;
}
#schedule_calendar .group_schedule_item.color1 .schedule_time, #schedule_calendar .group_schedule_item.color1 .schedule_title, #schedule_calendar .group_schedule_item.color1 .fc-time, #schedule_calendar .group_schedule_item.color1 .fc-time span, #schedule_calendar .group_schedule_item.color1 .fc-title {
  color: #fff;
}
#schedule_calendar .group_schedule_item.color1 .schedule_time, #schedule_calendar .group_schedule_item.color1 .schedule_title {
  background: #E67C73;
}
#schedule_calendar .group_schedule_item.color2 {
  color: #fff;
  background: #F6BF26;
}
#schedule_calendar .group_schedule_item.color2 .schedule_time, #schedule_calendar .group_schedule_item.color2 .schedule_title, #schedule_calendar .group_schedule_item.color2 .fc-time, #schedule_calendar .group_schedule_item.color2 .fc-time span, #schedule_calendar .group_schedule_item.color2 .fc-title {
  color: #fff;
}
#schedule_calendar .group_schedule_item.color2 .schedule_time, #schedule_calendar .group_schedule_item.color2 .schedule_title {
  background: #F6BF26;
}
#schedule_calendar .group_schedule_item.color3 {
  color: #fff;
  background: #33B679;
}
#schedule_calendar .group_schedule_item.color3 .schedule_time, #schedule_calendar .group_schedule_item.color3 .schedule_title, #schedule_calendar .group_schedule_item.color3 .fc-time, #schedule_calendar .group_schedule_item.color3 .fc-time span, #schedule_calendar .group_schedule_item.color3 .fc-title {
  color: #fff;
}
#schedule_calendar .group_schedule_item.color3 .schedule_time, #schedule_calendar .group_schedule_item.color3 .schedule_title {
  background: #33B679;
}
#schedule_calendar .group_schedule_item.color4 {
  color: #fff;
  background: #4285F4;
}
#schedule_calendar .group_schedule_item.color4 .schedule_time, #schedule_calendar .group_schedule_item.color4 .schedule_title, #schedule_calendar .group_schedule_item.color4 .fc-time, #schedule_calendar .group_schedule_item.color4 .fc-time span, #schedule_calendar .group_schedule_item.color4 .fc-title {
  color: #fff;
}
#schedule_calendar .group_schedule_item.color4 .schedule_time, #schedule_calendar .group_schedule_item.color4 .schedule_title {
  background: #4285F4;
}
#schedule_calendar .group_schedule_item.color5 {
  color: #fff;
  background: #9E69AF;
}
#schedule_calendar .group_schedule_item.color5 .schedule_time, #schedule_calendar .group_schedule_item.color5 .schedule_title, #schedule_calendar .group_schedule_item.color5 .fc-time, #schedule_calendar .group_schedule_item.color5 .fc-time span, #schedule_calendar .group_schedule_item.color5 .fc-title {
  color: #fff;
}
#schedule_calendar .group_schedule_item.color5 .schedule_time, #schedule_calendar .group_schedule_item.color5 .schedule_title {
  background: #9E69AF;
}
#schedule_calendar .group_schedule_item.color6 {
  color: #fff;
  background: #616161;
}
#schedule_calendar .group_schedule_item.color6 .schedule_time, #schedule_calendar .group_schedule_item.color6 .schedule_title, #schedule_calendar .group_schedule_item.color6 .fc-time, #schedule_calendar .group_schedule_item.color6 .fc-time span, #schedule_calendar .group_schedule_item.color6 .fc-title {
  color: #fff;
}
#schedule_calendar .group_schedule_item.color6 .schedule_time, #schedule_calendar .group_schedule_item.color6 .schedule_title {
  background: #616161;
}
#schedule_calendar .group_schedule_item.past_schedule {
  background: #ddd !important;
}
#schedule_calendar .group_schedule_item:hover {
  opacity: 0.7;
}
#schedule_calendar .attendance_schedule_item {
  background: #a1ba45;
  border: none;
}
#schedule_calendar .attendance_schedule_item .fc-time,
#schedule_calendar .attendance_schedule_item .fc-time span,
#schedule_calendar .attendance_schedule_item .fc-title {
  color: #fff !important;
}
#schedule_calendar .attendance_schedule_item .fc-title:before {
  content: "届出：";
  font-weight: bold;
}
#schedule_calendar .attendance_schedule_item.past_schedule {
  color: #555 !important;
  background: #ddd !important;
}
#schedule_calendar .attendance_schedule_item.past_schedule .fc-time,
#schedule_calendar .attendance_schedule_item.past_schedule .fc-time span,
#schedule_calendar .attendance_schedule_item.past_schedule .fc-title {
  color: #555 !important;
}
#schedule_calendar .work_schedule_item {
  background: #00aa00;
  border: none;
}
#schedule_calendar .work_schedule_item .fc-time,
#schedule_calendar .work_schedule_item .fc-time span,
#schedule_calendar .work_schedule_item .fc-title {
  color: #fff !important;
}
#schedule_calendar .work_schedule_item .fc-time:before,
#schedule_calendar .work_schedule_item .fc-time span:before,
#schedule_calendar .work_schedule_item .fc-title:before {
  content: "作業：";
  font-weight: bold;
}
#schedule_calendar .work_schedule_item.past_schedule {
  color: #555 !important;
  background: #ddd !important;
}
#schedule_calendar .work_schedule_item.past_schedule .fc-time,
#schedule_calendar .work_schedule_item.past_schedule .fc-time span,
#schedule_calendar .work_schedule_item.past_schedule .fc-title {
  color: #555 !important;
}
#schedule_calendar .holiday_item {
  background: #ffb2b2 !important;
  border: none;
}
#schedule_calendar .birthday_item {
  background: #ffffad !important;
  border: none;
}
#schedule_calendar .birthday_item span.fc-title:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f1fd";
  color: #ff7f7f;
  margin-right: 5px;
}

#schedule_on_day .holiday_item {
  color: #ff7f7f;
}
#schedule_on_day .birthday_item {
  color: #ff7f7f;
}
#schedule_on_day .birthday_item:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f1fd";
  margin-right: 5px;
}

/* dashboard */
#dashboard_list td.schedule_cell, #dashboard_list td.note_cell {
  vertical-align: top;
}
#dashboard_list .attendance_schedules,
#dashboard_list .work_schedules {
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
#dashboard_list .attendance_schedule_title span {
  color: #83a30f !important;
}
#dashboard_list .work_schedule_title a {
  color: #29ab29 !important;
}
#dashboard_list .schedule_birthday {
  color: #ff7f7f;
}
#dashboard_list .schedule_birthday:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f1fd";
  margin-right: 5px;
}
#dashboard_list a {
  font-size: small;
}
#dashboard_list a.sticky-note {
  font-size: 18px;
}
#dashboard_list a.add_schedule {
  display: inline-block;
  float: right;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
}
#dashboard_list a.edit_schedule {
  cursor: pointer;
  line-height: 1em;
}
#dashboard_list a.edit_schedule:hover {
  text-decoration: underline;
}
#dashboard_list .schedule_box {
  margin-bottom: 0.5em;
  /*
  	&.color1 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type1;
  	}
  	&.color2 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type2;
  	}
  	&.color3 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type3;
  	}
  	&.color4 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type4;
  	}
  	&.color5 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type5;
  	}
  	&.color6 {
  		color: #fff;
  		.schedule_time, .schedule_title {
  			color: #fff;
  		}
  		background: $schedule_color_type6;
  	}
   */
}
#dashboard_list .schedule_box .holiday {
  font-size: small;
  color: #ff7f7f;
}
#dashboard_list .schedule_box .schedule_time {
  display: block;
  font-size: small;
  line-height: 1em;
}
#dashboard_list .schedule_box .schedule_time + a .schedule_title {
  margin-left: 0.2em;
}
#dashboard_list .schedule_box.color1 {
  color: #fff;
  background: #E67C73;
}
#dashboard_list .schedule_box.color1 .schedule_time, #dashboard_list .schedule_box.color1 .schedule_title, #dashboard_list .schedule_box.color1 .fc-time, #dashboard_list .schedule_box.color1 .fc-time span, #dashboard_list .schedule_box.color1 .fc-title {
  color: #fff;
}
#dashboard_list .schedule_box.color1 .schedule_time, #dashboard_list .schedule_box.color1 .schedule_title {
  background: #E67C73;
}
#dashboard_list .schedule_box.color2 {
  color: #fff;
  background: #F6BF26;
}
#dashboard_list .schedule_box.color2 .schedule_time, #dashboard_list .schedule_box.color2 .schedule_title, #dashboard_list .schedule_box.color2 .fc-time, #dashboard_list .schedule_box.color2 .fc-time span, #dashboard_list .schedule_box.color2 .fc-title {
  color: #fff;
}
#dashboard_list .schedule_box.color2 .schedule_time, #dashboard_list .schedule_box.color2 .schedule_title {
  background: #F6BF26;
}
#dashboard_list .schedule_box.color3 {
  color: #fff;
  background: #33B679;
}
#dashboard_list .schedule_box.color3 .schedule_time, #dashboard_list .schedule_box.color3 .schedule_title, #dashboard_list .schedule_box.color3 .fc-time, #dashboard_list .schedule_box.color3 .fc-time span, #dashboard_list .schedule_box.color3 .fc-title {
  color: #fff;
}
#dashboard_list .schedule_box.color3 .schedule_time, #dashboard_list .schedule_box.color3 .schedule_title {
  background: #33B679;
}
#dashboard_list .schedule_box.color4 {
  color: #fff;
  background: #4285F4;
}
#dashboard_list .schedule_box.color4 .schedule_time, #dashboard_list .schedule_box.color4 .schedule_title, #dashboard_list .schedule_box.color4 .fc-time, #dashboard_list .schedule_box.color4 .fc-time span, #dashboard_list .schedule_box.color4 .fc-title {
  color: #fff;
}
#dashboard_list .schedule_box.color4 .schedule_time, #dashboard_list .schedule_box.color4 .schedule_title {
  background: #4285F4;
}
#dashboard_list .schedule_box.color5 {
  color: #fff;
  background: #9E69AF;
}
#dashboard_list .schedule_box.color5 .schedule_time, #dashboard_list .schedule_box.color5 .schedule_title, #dashboard_list .schedule_box.color5 .fc-time, #dashboard_list .schedule_box.color5 .fc-time span, #dashboard_list .schedule_box.color5 .fc-title {
  color: #fff;
}
#dashboard_list .schedule_box.color5 .schedule_time, #dashboard_list .schedule_box.color5 .schedule_title {
  background: #9E69AF;
}
#dashboard_list .schedule_box.color6 {
  color: #fff;
  background: #616161;
}
#dashboard_list .schedule_box.color6 .schedule_time, #dashboard_list .schedule_box.color6 .schedule_title, #dashboard_list .schedule_box.color6 .fc-time, #dashboard_list .schedule_box.color6 .fc-time span, #dashboard_list .schedule_box.color6 .fc-title {
  color: #fff;
}
#dashboard_list .schedule_box.color6 .schedule_time, #dashboard_list .schedule_box.color6 .schedule_title {
  background: #616161;
}
#dashboard_list .schedule_box .schedule_title {
  display: inline-block;
  word-break: break-all;
  color: #6060ff;
}
#dashboard_list .schedule_box .schedule_title.schedule_hidden:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f023";
  margin-right: 5px;
}
#dashboard_list .schedule_box .schedule_title.schedule_shared:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c0";
  margin-left: 5px;
}
#dashboard_list .schedule_box .schedule_title.schedule_birthday {
  display: inline-block;
  color: #ff7f7f;
  font-size: 95%;
}
#dashboard_list .schedule_box .schedule_title.schedule_birthday:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f1fd";
  margin-right: 5px;
}
#dashboard_list .editable {
  cursor: pointer;
}
#dashboard_list .db_on {
  background: #e0ffe0;
}

#head_login_info #head_seat_status.db_on {
  background: #e0ffe0;
}

#dashboard_list .db_out, #head_login_info #head_seat_status.db_out {
  background: #e0efff;
}

#dashboard_list .db_off, #head_login_info #head_seat_status.db_off {
  background: #eeeeee;
}

/* bbs style */
#bbs_board_list {
  margin: 0;
  padding: 10px 20px;
}
#bbs_board_list li {
  width: 48%;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 1%;
  float: left;
  display: inline-block;
  background: #e5f2ff;
}
#bbs_board_list li p {
  height: 55px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

#bbs_thread_container span.highlight {
  color: #ff7f7f;
  background: #ffffa8;
  font-weight: bold;
}

#bbs_thread_list_wrapper {
  width: 30%;
  float: left;
}
#bbs_thread_list_wrapper div.paging {
  padding: 10px;
}

#bbs_thread_list_container {
  height: 380px;
  overflow-y: scroll;
}

#bbs_thread_list {
  border-top: 1px solid #ccc;
  margin: 0;
  padding: 0;
}
#bbs_thread_list li {
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ccc;
}
#bbs_thread_list li.selected {
  background: #ccffcc;
}
#bbs_thread_list li h3 {
  font-size: 110%;
  margin: 0;
}
#bbs_thread_list li.new h3:after {
  content: " new";
  color: red;
  font-size: small;
}
#bbs_thread_list li p {
  margin: 0;
  padding: 0;
  color: #aaa;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: small;
}
#bbs_thread_list li .post-info {
  text-align: right;
  font-size: 90%;
}
#bbs_thread_list li a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
}
#bbs_thread_list li a:hover {
  background: #c1ffff;
}

#response_box {
  width: 70%;
  padding: 0;
  float: left;
  box-sizing: border-box;
}
#response_box h3 {
  margin: 0;
  background: #ccffff;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}

#response_box_container {
  overflow-y: scroll;
  border-left: 1px solid #ccc;
}
#response_box_container ul#res_list {
  margin: 0;
  padding: 0;
  border-top: 1px solid #ccc;
  list-style: none;
}
#response_box_container ul#res_list > li {
  border-bottom: 1px solid #ccc;
}
#response_box_container ul#res_list > li:last-child {
  border-bottom: none;
}
#response_box_container ul#res_list > li:hover {
  background: #d6ffff;
}
#response_box_container ul#res_list > li div.response_info {
  padding: 5px 10px;
  background: #e8ffd1;
}
#response_box_container ul#res_list > li.new div.response_info:after {
  content: " new";
  font-size: small;
  color: red;
}
#response_box_container ul#res_list > li p {
  padding: 5px 10px;
}
#response_box_container ul#res_list > li > ul {
  margin: 0;
  padding-left: 20px;
  box-sizing: border-box;
}
#response_box_container ul#res_list > li > ul > li {
  list-style: none;
}

#input_response_box {
  padding: 5px;
  margin-bottom: -80px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  box-sizing: border-box;
}
#input_response_box textarea {
  margin: 0;
  height: 80px;
}
#input_response_box .buttons {
  text-align: left;
  padding: 5px 0 10px;
}
#input_response_box .buttons input {
  background: #7f7fff;
  color: #fff;
  border: none;
  padding: 5px 10px;
}
#input_response_box .buttons input:focus {
  background: #c1c1ff;
}

.input_subresponse_box {
  box-sizing: border-box;
  padding: 5px;
}
.input_subresponse_box textarea {
  margin: 0;
  height: 80px;
}
.input_subresponse_box .buttons {
  text-align: left;
  padding: 5px 0 10px;
}
.input_subresponse_box .buttons input {
  background: #7f7fff;
  color: #fff;
  border: none;
  padding: 5px 10px;
}
.input_subresponse_box .buttons input:focus {
  background: #c1c1ff;
}

#view_thread_container #response_box {
  width: 100%;
}

.cbs_board_list .read td {
  background: #ddd;
}

.cbs_response_list .unread td {
  background: #e0ffc1;
}

#facility_reservation_calendar .reserve_item.past_reserve {
  background: #ddd !important;
}
#facility_reservation_calendar .holiday_item {
  background: #ffb2b2 !important;
}

/* user list */
#user_list {
  width: auto;
  min-width: 100%;
}
#user_list td {
  white-space: nowrap;
}

/* timecards style */
#content_timecards {
  font-size: 2rem;
}

#timecards_container {
  max-width: 1000px;
  margin: auto;
  padding: 20px;
}

#timecards_clock {
  font-size: 2.5rem;
}

#timecards_container #date, #timecards_container #time {
  display: inline;
}
#timecards_container .message {
  font-size: 25px;
  margin: 5px;
}
#timecards_container .legends {
  padding: 0;
  margin: 0;
  list-style: none;
}
#timecards_container .member_list {
  padding: 0;
  margin: 0;
}
#timecards_container .attendance_actions {
  padding: 0;
  margin: 0;
  margin-top: 20px;
}
#timecards_container .legends > li, #timecards_container .member_list > li, #timecards_container .attendance_actions > li {
  list-style: none;
  display: inline-block;
  margin-bottom: 10px;
}
#timecards_container .legends > li > span, #timecards_container .member_list > li > a, #timecards_container .attendance_actions > li > a {
  box-sizing: border-box;
  border: 1px solid #ccc;
  display: block;
  text-align: center;
  padding: 20px 10px;
}
#timecards_container .legends > li > span {
  padding: 5px 10px;
}
#timecards_container .legends > li.seat_status_on > span {
  background: #e0ffe0;
  box-shadow: 0px 0px 2px #aaa;
}
#timecards_container .member_list > li.seat_status_on > a, #timecards_container .attendance_actions > li.seat_status_on > a {
  background: #e0ffe0;
  box-shadow: 0px 0px 2px #aaa;
}
#timecards_container .legends > li.seat_status_out > span, #timecards_container .member_list > li.seat_status_out > a, #timecards_container .attendance_actions > li.seat_status_out > a {
  background: #e0efff;
  box-shadow: 0px 0px 2px #aaa;
}
#timecards_container .legends > li.seat_status_off > span, #timecards_container .member_list > li.seat_status_off > a {
  background: #eeeeee;
  box-shadow: 0px 0px 2px #aaa;
}
#timecards_container .attendance_actions > li.seat_status_off > a {
  background: #eeeeee;
  box-shadow: 0px 0px 2px #aaa;
}
#timecards_container .attendance_actions > li.seat_status_cancel > a {
  background: #ffeaf4;
  font-size: 1.5rem;
}

#timecard_input_button_container th {
  font-size: 1.5rem;
}
#timecard_input_button_container td a.button {
  font-size: 1.2rem;
}

/* process gantt chart */
#process_gantt, #outsource_gantt {
  height: calc(100vh - 200px);
}

.gantt_grid .gantt_grid_scale {
  background: #9393ff;
}
.gantt_grid .gantt_grid_scale .gantt_grid_head_cell {
  color: #fff;
}
.gantt_grid .gantt_grid_data .gantt_row:last-child {
  border: none;
}
.gantt_grid .gantt_tree_content {
  font-size: 90%;
}

.gantt_task .gantt_data_area .gantt_task_row:last-child {
  border: none;
}
.gantt_task .gantt_task_scale .gantt_scale_line:first-child {
  background: #9393ff;
}
.gantt_task .gantt_task_scale .gantt_scale_line:first-child .gantt_scale_cell {
  color: #fff;
}
.gantt_task .gantt_task_scale .gantt_scale_line:nth-child(2) .gantt_scale_cell {
  font-size: 80%;
}
.gantt_task .gantt_scale_cell.holiday, .gantt_task .gantt_task_cell.holiday {
  background: rgba(255, 234, 234, 0.5);
  color: #ff7f7f;
}
.gantt_task .gantt_scale_cell.today, .gantt_task .gantt_task_cell.today {
  background: rgba(255, 255, 204, 0.5);
}

.gantt_task_line .gantt_task_content {
  text-align: left;
}
.gantt_task_line.opportunity {
  border-radius: 0px;
}
.gantt_task_line.opportunity .gantt_task_content {
  color: #666;
}
.gantt_task_line.opp_motion {
  border-color: #cce5ff;
  background: #cce5ff;
}
.gantt_task_line.opp_recieved {
  border-color: #00ff7f;
  background: #00ff7f;
}
.gantt_task_line.opp_finished {
  border-color: #eeeeee;
  background: #eeeeee;
  color: #666;
}
.gantt_task_line.opp_failure {
  border-color: #cccccc;
  background: #cccccc;
  color: #666;
}
.gantt_task_line .gantt_task_content {
  color: #666;
  font-weight: normal;
  font-size: 80%;
  width: auto;
}
.gantt_task_line.process_readonly {
  border-radius: 0px;
}
.gantt_task_line.process_nowork {
  background: #adffff;
}
.gantt_task_line.process_working {
  background: #adffad;
}
.gantt_task_line.process_finished {
  background: #ddd;
}

.gantt-fullscreen {
  position: absolute;
  top: 40px;
  right: 20px;
  width: 30px;
  height: 30px;
  padding: 2px;
  font-size: 32px;
  background: transparent;
  cursor: pointer;
  opacity: 0.5;
  text-align: center;
  -webkit-transition: background-color 0.5s, opacity 0.5s;
  transition: background-color 0.5s, opacity 0.5s;
}
.gantt-fullscreen:hover {
  background: rgba(150, 150, 150, 0.5);
  opacity: 1;
}

/* jquer ui override */
.ui-widget {
  font-size: inherit;
}

.ui-widget-header, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-dialog .ui-dialog-buttonpane button {
  background-image: none;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0px;
}

.ui-accordion-header {
  background-image: none;
}

.ui-accordion .ui-accordion-content {
  overflow-y: hidden;
  padding: 5px;
}

.ui-tabs .ui-tabs-panel {
  padding: 10px;
}

/* tab badge */
.ui-tabs-anchor {
  position: relative;
  display: block;
}
.ui-tabs-anchor .tab-badge {
  display: inline-block;
  color: #fff;
  background: #ff7f7f;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  right: 0;
}

/* datepicker title */
.ui-datepicker .ui-datepicker-title span {
  color: #fff;
}

#products_list_body_container {
  max-height: 300px;
  overflow-y: scroll;
}

#customer_dialog_customer_list_container {
  max-height: 200px;
  overflow-y: scroll;
}
#customer_dialog_customer_list_container .customer_list {
  padding: 5px;
}

/* カラーカスタマイズ項目 */
/* ヘッダー背景 */
#header {
  background: #e0ffe0;
}

/* フッター背景 */
#footer {
  background: #7fff7f;
}

#footer_container {
  color: #666;
}

/* 合計請求書 対象請求 */
table.quote_bill_list tr.target_bill td {
  background: #ffe5cc;
}
table#customer_summary_table {
  text-align: center;
}

/* 取引先関連 集計 */
td.customer_summary_cell.selected {
  background: skyblue;
}
td.customer_summary_cell.over {
  /*
  	background: skyblue;
  */
  cursor: pointer;
}
td.customer_summary_level3 {
  background: #eb8b2d;
}
td.customer_summary_level2 {
  background: #f3b673;
}
td.customer_summary_level1 {
  background: #fbe3c5;
}

th.customer_summary_expected_value_total, td.customer_summary_expected_value_total {
  border-left: 2px solid #b4b4b4;
}

th.customer_summary_relationship_total, td.customer_summary_relationship_total {
  border-top: 2px solid #b4b4b4;
}

/* クイック日報入力 */
#quick_dailyreport_input_box {
  width: 400px;
  height: 100%;
  position: fixed;
  right: -450px;
  top: 0px;
  background: #fff;
  z-index: 99;
  box-shadow: 0 0 10px gray;
  padding: 5px;
}
#quick_dailyreport_input_box.open {
  right: 0px;
}

#quick_dailyreport_toggle {
  display: inline-block;
  position: fixed;
  bottom: 20px;
  right: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #00ff7f;
  color: #fff;
  opacity: 0.4;
}
#quick_dailyreport_toggle:after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f15c";
  font-size: 28px;
  padding: 5px 20px;
}
#quick_dailyreport_toggle:hover {
  opacity: 1;
}

#btn_close_quick_dr {
  position: absolute;
  bottom: 20px;
  left: -50px;
}
#btn_close_quick_dr:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0a9";
  font-size: 40px;
}

#quick_dailyreport_toggle {
  z-index: 10;
  cursor: pointer;
}

#btn_close_quick_dr {
  cursor: pointer;
}

#qdr_work_date_show {
  font-weight: bold;
}

#qdr_input_container {
  height: calc(100% - 10px);
}
#qdr_input_container h3 {
  margin-top: 0px;
  margin-bottom: 5px;
}

#qdr_list_wrap {
  height: calc(100% - 340px);
  overflow-y: auto;
}

#qdr_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#qdr_list li {
  border-bottom: 1px solid #ddd;
  padding: 5px;
}
#qdr_list li.working {
  background: #99ff99;
}
#qdr_list li .title {
  font-weight: bold;
}
#qdr_list li .delete_work_item::before {
  float: right;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f057";
  cursor: pointer;
  font-size: 16px;
}
#qdr_list li .work_time {
  font-weight: bold;
}
#qdr_list li .working {
  color: #fff;
  background: #ff7f7f;
  margin-left: 10px;
  padding: 3px 10px;
  border-radius: 10px;
}
#qdr_list li button {
  background: #a3a3ff;
  color: #fff;
  border: none;
  font-size: small;
  padding: 3px 10px;
}

.aproval_list .aproval_user_type {
  font-size: 80%;
  text-align: right;
  color: #888;
}
.aproval_list .aproval_condition {
  font-size: 80%;
  text-align: right;
  color: #7f7fff;
}
.aproval_list .final_aproval_role {
  font-size: 80%;
  text-align: right;
  color: #ff7f7f;
}

.aproval_flow_container {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  background: #fff;
}

.aproval_flow_box {
  text-align: center;
  padding: 10px;
  margin: 10px;
  border: 1px solid #ccc;
}
.aproval_flow_box.current_flow {
  border: 2px solid #ff7f7f;
  background: #adffff;
}

.aproval_list tr.current_flow {
  background: #adffff;
}

.aproval_flow {
  display: flex;
  align-items: center;
}
.aproval_flow:before {
  content: "\f35a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 130%;
}

.tNotificationes .date_time .date, .tNotificationes .date_time .time {
  display: inline-block;
}
.tNotificationes .date_time input {
  width: 10em;
  display: inline-block;
}
.tNotificationes .date_time select {
  width: 5em;
  display: inline-block;
}

/*# sourceMappingURL=style.css.map */