:root {
  --base-color: #9acd32;
  --base-font-color: #333;
  --base-red:154;
  --base-green:205;
  --base-blue:50;
  --base-rgb: 154,205,50;
  --up-color: #394d12;
}
body {
	padding-top:74px;
/*	padding-bottom:130px; */
	flex-direction: column;
    display: flex;
    min-height: 100vh;
}
#footer-menu {
/*	margin-top:15px; */
	margin-top:auto;
}
.bg-original {
	background-color:var(--base-color);
}
.bg-original02 {
	background-color:rgba(var(--base-rgb),0.2);
}
.bg-original05 {
	background-color:rgba(var(--base-rgb),0.5);
}
.border-original {
	border:solid 1px var(--base-color);
}
.btn-original {
	color:#333;
	border-color:#333;
	background-color:var(--base-color);
}
.text-original {
	color:var(--base-color);
}
.text-original-up {
	color:var(--up-color);
}

h5.title {
	border-left:10px solid var(--base-color);
	padding:5px 8px;
}
h5.title.is_super_admin {
	border-color:var(--danger);
}

#home_disp_name {
	font-size:20px;
}


/** bootstrap hack **/
.form-control.w-auto {
	width:auto;
}
.page-item.active .page-link{
	background-color:var(--base-color);
	border-color:var(--base-color);
	color:var(--base-font-color);
}
.breadcrumb {
	background-color:transparent;
	padding-left:0;
	padding-right:0;
}
.form-control-inline {
	display:inline;
	width:auto;
}

.common-header {
	background-color:#9acd32;
}
.common-header a:not(.btn) {
	color:#666;
}

.strimline {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.table-search,.table-result {
	border:solid 1px #dee2e6;
}
.table-search th,table-result th {
	width:20%;
	background-color:#eee;
	border:solid 1px #dee2e6;
	vertical-align:middle;
}
.table-search td {
	width:30%;
	border:solid 1px #dee2e6;
	vertical-align:middle;
}
.table-search td.oneline, .table-result td {
	width:80%;
	border:solid 1px #dee2e6;
	vertical-align:middle;
}

/** 検索結果 **/
.result_count {
	border:solid 1px #6c757d;
	border-radius:3px;
/*
	margin-top:15px;
	margin-bottom:15px;
*/
}
.result_count span.number {
	font-size:2em;
	padding-right:3px;
	font-weight:bold;
}
.result_count.admin_mode span.number {
/*	font-size:1.3em; */
}

.table-search-result {
	font-size:1em;
	font-weight:normal;
}
table.table-search-result th {
	font-weight:normal;
	text-align:center;
}
table.table-search-result th,table.table-search-result td {
	padding:1px;
}

/** sticky table **/
.table-responsive-original {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    position: relative;
    height: 500px;
}
.table-search-result thead th {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* tbody内のセルより手前に表示する */
  z-index: 6;
 border:solid 1px #dfdfdf;
}
.sticky_l {
	position: -webkit-sticky;
	position: sticky;
	left:0;
	min-width:35px;
	max-width:35px;
}
.table-search-result tbody td.sticky_l {
  /* ヘッダー行内の他のセルより手前に表示する */
  z-index: 2;
  background-color:#EBF5D6!important;
}
.table-search-result thead th.sticky_l {
	z-index:9;
}
.sticky_l_01 {
	position: -webkit-sticky;
	position: sticky;
	left:35px;
}
.sticky_l_02 {
	left:70px;
	min-width: 85px;
	max-width: 85px;
}
.sticky_l_03 {
	min-width:90px;
	max-width:90px;
	left:155px;
}
.sticky_l_04 {
	min-width:90px;
	max-width:90px;
	left:245px;
}
.sticky_l_05_min {
	min-width:70px;
	max-width:70px;
	left:155px;
}
.sticky_l_05 {
	min-width:70px;
	max-width:70px;
	left:235px;
}
.sticky_l_06_min {
	min-width:120px;
	max-width:120px;
	left:225px;
}
.sticky_l_06 {
	min-width:120px;
	max-width:120px;
	left:305px;
}




.table-font-sm {
	font-size:12px;
}

.table-nobreak td,.table-nobreak th {
	white-space: nowrap;
}


/** dispatch/show **/
.dispatch-files {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.dispatch-files>.card {
	width:23%;
	flex:none;
	margin-bottom:10px;
}
.dispatch-files .file_title {
	margin-bottom:3px;
	border:solid 1px #F2F2F2;
	background-color:#F2F2F2;
	border-radius:3px;
	padding:3px;
}


.share-view-modal {
	max-width:1240px;
}
.share-view-modal table td,
.share-view-modal table th {
white-space: unset;
}

table.table-edit-share th,table.table-edit-share td {
	width:auto;
}

#common-header-title {
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 5px #666;
}

.breadcrumb-item+.breadcrumb-item::before {
	content:'＞';
}

#search_term_preview {
	font-size:11px;
	max-height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
}
#search_term_preview span.badge {
	display:inline;
	margin-right:3px;
	white-space: normal;
	margin-bottom:3px;
	line-height:2;
}
#search_term_preview dd{
	margin-bottom:0;
}


.table-upload-owner td{
	font-size:0.9em;
}

.navbar-toggler {
	border-color:#666;
	color:#666;
}
.navbar-toggler .navbar-toggler-icon{
	display:block;
	height:initial;
	width:initial;
}


.connectedSortable {
	min-height:30px;
}

.ck-editor__editable { 
    min-height: 400px; 
}
.ck-editor__nested-editable {
	min-height: auto;
}

.common-help {
	position:absolute;
	top:100%;
	right:0;
	z-index:99;
	min-height:40px;
	min-width:40px;
}
.common-help .btn-common-help {
	position:absolute;
	top:0;
	left:-40px;;
	background-color:#666;
	color:#fff;
	width:40px;
	height:40px;
	cursor:pointer;
	font-size:11px;
	text-align:center;
}
.common-help.a-close .btn-common-help {
	left:0;
}
.common-help .btn-common-help i {
	display:inline-block;
	font-size:20px;
}
.common-help .contents {
	background-color:rgba(0,0,0,0.9);
	padding:10px 15px;
	font-size:11.5px;
	max-width:280px;
	min-width:280px;
	color:#fff;
	min-height:40px;
	overflow-y:auto;
}

.common-help.a-close .contents {
	display:none;
/*	width:0;  */
}


.search-row label:not(.form-check-label) {
	padding:5px 8px;
	display:block;
/*	background-color:rgba(var(--base-red),var(--base-greeb),var(--base-blue),0.8); */
	background-color:rgba(var(--base-rgb), 0.6);
}

#fixed_top_counter {
	position:fixed;
	z-index:30;
	border:solid 3px rgb(var(--base-rgb));
	border-top:0;
	background-color:#fff;
	padding:15px;
}

#fixed_top_counter .result_count {
	margin-top:0;
	margin-bottom:0;
}

#fixed_top_counter .result_count span.number {
	font-size:1.3em;
}


.table-permission tr th {
	width:20%;
}
.table-permission tr td:last-child {
	width:55%;
}

.maintenance_menu .media {
	color:#444;
}
.maintenance_menu .media h5 {
	font-size:14px;
}
.maintenance_menu .media p {
	font-size:12px;
	color:#666;
}
.list_maintenance_menu {
	font-size:14px;
}
#server_message {
	font-size:13px;
}


.table-dispatch tr th,
.table-dispatch tr td {
	border-color:#c0c0c0;
}
.table-dispatch tr th {
	border-bottom:solid 1px #c0c0c0;
}
.table-dispatch thead {
	border-bottom:solid 2px #c0c0c0;
}


.editable-container {
	cursor:pointer;
	background-color:rgba(var(--base-rgb), 0.2);
	position:relative;
}
.editable-container:before {
/*
	font-family: "Font Awesome 5 Free";
*/
	font-family: 'Font Awesome 5 Free';
	content: "\f304";
/*	content: "クリックして編集"; */
	display:block;
	position:absolute;
	bottom:3px;
	font-size:9.5px;
	font-weight:900;
	right:3px;
	color:var(--base-color);
}
.editable-container.editing:before
{
	content: "";
}

.table-common {
	display:flex;
	flex-wrap:wrap;
	border-top: solid 1px #dee2e6;
	border-left: solid 1px #dee2e6;
}
.table-common .table-th,
.table-common .table-td {
	padding:5px;
	border: solid 1px #dee2e6;
	border-top:none;
	border-left:none;
}
.table-common .table-th {
	background-color: #eee;
	width:40%;
}
.table-common .table-td {
	width:60%;
}
.table-common .stretch3 {
	width:100%;
}

#ajax-alert {
	position:fixed;
	right:15px;
	max-width:250px;
}

.index-search-table {
	width:100%;
	border:solid 1px #dee2e6;
}
.title_clm {
	background-color: #eee;
	vertical-align: middle;
	font-weight:bold;
}
.value_clm {
	vertical-align: middle;
}
/** sm **/
@media (min-width: 576px) {
	.table-common .table-th {
		width:20%;
	}
	.table-common .table-td {
		width:30%;
	}
	.table-common .table-td.stretch3 {
		width:80%;
	}
}
/** md **/
@media (min-width: 768px) {
	.index-search-table .title_clm {
		width:20%;
	}
	.index-search-table .value_clm {
		width:30%;
	}
}
/** lg **/
@media (min-width: 992px){
}
/** xl **/
@media (min-width: 1200px){
}

.owner_search_area {
/*	position:relative; */
}
.owner_search_form_area {
/*
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	background-color:#fff;
	border:solid 1px #dfdfdf;
	padding:5px;
	width:100%;
*/
}



.knowladge-contents{
	font-size: 12.5px;
}

.knowladge-contents .table td, .knowladge-contents .table th {
    padding: .75rem;
    vertical-align: top;
    border: 1px solid #dee2e6;
}

.knowledge-taglist a {
	padding:5px 10px;
	font-size:12px;
}

.knowladge-contents figure img {
	max-width:100%;
    border: solid 1px #ddd;
}


.bg-number-color-0,
.bg-number-color-1,
.bg-number-color-2 {
	background-color:#e6e6e6;
}
.bg-number-color-3,
.bg-number-color-4,
.bg-number-color-5 {
	background-color:#cccccc;
}
.bg-number-color-6,
.bg-number-color-7,
.bg-number-color-8 {
	background-color:#b3b3b3;
}
.bg-number-color-9,
.bg-number-color-10,
.bg-number-color-11 {
	background-color:#999999;
}
.file_action_panel {
}

#drop_zone{
	text-align: center;
	width: 100%;
	height: 150px;
	background-color: #f0f0f0; /* グレーの背景色 */
	border: 2px dashed white; /* 点線の白のボーダー */
	border-radius: 5px; /* 角丸 */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#csvs_table {
	counter-reset: rowCount;
}

#csvs_table > tbody > tr {
	counter-increment: rowCount;
}

#csvs_table > tbody > tr > td:first-child::before {
	content: counter(rowCount);
}  