.new-layout .control-label {
	font-weight: bold !important;
}
.new-layout .form-control,
.new-layout .form-control-static {
	margin-bottom: 16px !important;
}
.new-layout .checkbox,
.new-layout .radio {
	margin-top: 0px !important;
	padding-bottom: 16px !important;
}
.new-layout .cf-tooltip-icon {
	margin-left: 8px !important;
}
.new-layout-remainder .control-label {
	font-weight: bold !important;
}
.new-layout-remainder .form-control {
}
.new-layout-remainder .remainder {
	margin-bottom: 16px !important;
}

#main_contents *,
.modal-dialog *,
.font-standard *,
.font-standard,
.form-group .checkbox label,
.form-group .radio label,
.form-group label,
#float * {
	font-size: 12px;
	font-family: Salesforce Sans, Meiryo, メイリオ, ヒラギノ角ゴ, arial, verdana, sans-serif !important;
}
::-webkit-input-placeholder {
	font-size: 12px !important;
	font-family: Salesforce Sans, Meiryo, メイリオ, ヒラギノ角ゴ, arial, verdana, sans-serif !important;
}
::-moz-placeholder {
	font-size: 12px !important;
	font-family: Salesforce Sans, Meiryo, メイリオ, ヒラギノ角ゴ, arial, verdana, sans-serif !important;
}
:-ms-input-placeholder {
	font-size: 12px !important;
	font-family: Salesforce Sans, Meiryo, メイリオ, ヒラギノ角ゴ, arial, verdana, sans-serif !important;
}

body {
	margin: 0;
	min-width: 1024px;
	height: 100%;
	overflow: hidden;
}

th {
	font-weight: normal;
}
p {
	margin: 0;
	padding: 0;
}
html input[disabled] {
	cursor: not-allowed;
}
.require {
    color: red;
}

.circle {
	border-radius: 50px;
}
.shadow {
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.4);
}
.errorfont {
	color: red !important;
}

/* app.css */
#menu-trigger {
	width: 50px;
	padding-top: 1px;
}
#menu-trigger:hover {
	opacity: 0.9;
}
#menu-trigger:before {
	top: 10px;
	left: 6px;
	width: 40px;
	height: 40px;
}
#menu-trigger.open .line-wrap {
	margin-top: 15px;
	margin-left: 18px;
}
.line-wrap {
	margin-left: 15px;
}
.line-wrap .line {
	width: 21px;
	height: 3px;
	margin-bottom: 3px;
}
.form-control {
	color: #555;
	font-size: 12px !important;
}

.underbar-blue {
	background-image: linear-gradient(#009688,#009688),linear-gradient(#03a9f4,#03a9f4) !important;
}

.main-menu {
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 8px 0 8px 0;
}
.main-menu a {
    cursor: pointer;
}
.btn-group-raised .btn.btn-primary,
.btn-group-raised .input-group-btn .btn.btn-primary,
.btn.btn-fab.btn-primary,
.btn.btn-raised.btn-primary,
.input-group-btn .btn.btn-fab.btn-primary,
.input-group-btn .btn.btn-raised.btn-primary {
	background-color: #07A9F4;
	color: rgba(255,255,255,.84);
/*	font-weight: bold; */
}
.btn-group-raised .btn:not(.btn-link).active.btn-primary,
.btn-group-raised .btn:not(.btn-link):active.btn-primary,
.btn-group-raised .btn:not(.btn-link):focus.btn-primary,
.btn-group-raised .btn:not(.btn-link):hover.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-primary,
.btn.btn-raised:not(.btn-link).active.btn-primary,
.btn.btn-raised:not(.btn-link):active.btn-primary,
.btn.btn-raised:not(.btn-link):focus.btn-primary,
.btn.btn-raised:not(.btn-link):hover.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-primary {
	background-color: #07A9F4;
	color: rgba(255,255,255,.84);
}
.btn:not(.btn-link) {
	box-shadow: none;
}

button.btn:not(.btn-raised):not(.btn-link):hover{
	background-color: #07A9F4;
}
.showMoreSpace{
	padding-left:58px;
	padding-top: 6px;
	color: #00b9e6;
	cursor: pointer;
}
/* bootstrap-material-design.min.css */
.dropdownjs::after {
	content: " " !important;
	background-image: url(/image/20160301/triangle_gray2.png);
	background-repeat: no-repeat;
	background-size:12px 7px;
	background-position: 0 15px;
	height: 25px;
	width: 15px;
}
.togglebutton label input[type="checkbox"] {
	display: none;
}

/* 2023.09.22 GF #25571 表示切替ボタンのカーソル変更 */
label:has(#galleryToggle:disabled) {
	cursor: not-allowed;
}

#main_contents {
	float: left;
	width: calc(100% - 50px);
	height: calc(100% - 55px);
	overflow: auto;
	padding: 24px;
	margin: 0 0 0 50px;
	background-color: #EFEFEF;
}

.info_panel {
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.info_panel_reduct {
	width: calc(100% - 270px - 16px);
	margin: 0 16px 0 0;
}
#info_panel .inner_body.image_search_mode {
	height: calc(100% - 40px - 16px) !important;
}

.inner_header {
	height: 80px;
	width: 100%;
	background-color: #FFF;
	margin: 0 0 16px 0;
}
.inner_header.image_search {
	height: 40px;
}

.inner_body {
	height: calc(100% - 85px - 16px);
	width: 100%;
}

.left_panel {
	float: left;
	width: 256px;
	height: calc(100% - 24px);
	min-height: 500px;
	margin: 0 16px 0 0;
	background-color: #fff;
}

.center_panel {
	float: left;
	width: calc(100% - 256px - 16px);
	height: auto;/*calc(100% - 24px);*/
	background-color: #fff;
}

.action_panel {
	float: right;
	height: 100%;
	min-height: 601px;
	background-color: #fff;
	width: 0px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.action_panel_open {
	float:right;
	width: 269px;
	margin: 0px;
}
.action_panel_open_mobile {
	float: unset;
	width: 100%;
	margin: 0px;
}
.info_panel_reduct_mobile {
	min-height: unset !important;
}
.center_panel_mobile{
	height: unset !important;
	min-height: unset !important;
}
.action_panel_title_wrap {
	width: 100%;
	height: 40px;
	overflow: hidden;
	background-color: #42A9CE;
}
.action_panel_title {
	width: 100%;
	display: none;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
	color: #FFF;
	float: left;
}
.action-panel-title-right-close{
	float: right;
    padding: 8px;
}
.action-panel-title-right-close img{
	width: 24px;
    height: 24px;
}
.action_panel_open .action_panel_title {
	display: block;
	text-overflow: ellipsis;
	font-size: 14px !important;
}
.action_panel_body_wrap {
	width: 100%;
	height: calc(100% - 40px);
	padding: 8px 0 8px 24px;
	overflow-y: auto;
}
.action_panel_body {
	width: 100%;
	display: none;
	overflow-x: hidden;
	white-space: nowrap;
}
.action_panel_open .action_panel_body {
	display: block;
}
.action_panel_body p {
	height: 36px;
	width: 250px;
	text-align: left;
	color: #333;
	margin: 0;
	padding: 0 0 0 8px;
	display: block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	font-weight: normal;
	border: none;
	background: none;
	text-transform: capitalize;
}
.action_panel_body p.show_menu {
	height: 36px;
	overflow-y: hidden;
	text-transform: capitalize;
}
.action_panel_body p.hide_menu {
	height: 0;
	overflow-y: hidden;
}

/* list */
.commonlist {
	position: relative;
}
.commonlist thead.scrollHead,
.commonlist div.scrollHead,
.commonlist tbody.scrollBody,
.commonlist div.scrollBody {
	display: block;
	overflow-x: hidden;
}
.commonlist thead.scrollHead,
.commonlist div.scrollHead {
	overflow-y: hidden;
	background-color: #D8D8D8;
}
.commonlist tbody.scrollBody,
.commonlist div.scrollBody {
	overflow-y: auto;
	overflow-x: auto;
	clear: both;
}
.commonlist tbody.scrollBody > tr,
.commonlist div.scrollBody > tr {
	border-right: 1px solid #DDD;
}
.commonlist tbody.scrollBody > tr:hover,
.commonlist div.scrollBody > tr:hover {
	background-color: #F7F7F7;
}
.commonlist tbody.scrollBody > tr:last-child > td,
.commonlist div.scrollBody > tr:last-child > td {
	padding-bottom: 2px;
}
.commonlist thead.scrollHead > tr > th,
.commonlist div.scrollHead > tr > th,
.commonlist tbody.scrollBody > tr > td,
.commonlist div.scrollBody > tr > td {
	padding: 0 8px 0 8px;
	border-top: 0;
	border-bottom: 1px solid #DDD;
}
.commonlist thead.scrollHead > tr > th,
.commonlist div.scrollHead > tr > th {
	height: 40px;
	background-color: #D8D8D8;
	/*border-top: 1px solid #BBB;*/
	border-right: 1px solid #BBB;
	white-space: nowrap;
	text-transform: none;
	vertical-align: middle;
}
.commonlist thead.scrollHead > tr > th.sortable,
.commonlist div.scrollHead > tr > th.sortable {
	cursor: pointer;
}
.commonlist thead.scrollHead > tr > th > div.title,
.commonlist div.scrollHead > tr > th > div.title {
	float: left;
	font-weight: normal;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px !important;
}
.commonlist thead.scrollHead > tr > th > span.border,
.commonlist div.scrollHead > tr > th > span.border {
	cursor: col-resize;
	float: right;
	height: 36px;
	width: 16px;
	margin: -8px -16px -12px 0;
}
.commonlist tbody.scrollBody > tr > td,
.commonlist div.scrollBody > tr > td {
	height: 40px;
	vertical-align: middle;
	font-size: 12px;
}
.commonlist thead.scrollHead > tr > th:last-child,
.commonlist div.scrollHead > tr > th:last-child {
	border-right: 1px solid #BBB;
}
.commonlist thead.scrollHead > tr > th:first-child,
.commonlist div.scrollHead > tr > th:first-child,
.commonlist tbody.scrollBody > tr > td:first-child,
.commonlist div.scrollBody > tr > td:first-child {
/*	padding-left: 10px; */
}
.commonlist thead.scrollHead > tr > th:last-child,
.commonlist div.scrollHead > tr > th:last-child,
.commonlist tbody.scrollBody > tr > td:last-child,
.commonlist div.scrollBody > tr > td:last-child {
/*	padding-right: 10px; */
}
.commonlist tbody.scrollBody > tr.separater,
.commonlist div.scrollBody > tr.separater {
	background-color: #efefef;
}
.commonlist tbody.scrollBody > tr.separater > td,
.commonlist div.scrollBody > tr.separater > td {
	height: 40px;
	padding: 0 0 0 16px;
}
.commonlist .listload {
	background-color: #FFF;
	opacity: 0.2;
	z-index: 1;
	position: absolute;
	display: none;
}
.commonlist .listload_img {
	background-image: url(/image/20160301/loading2.gif);
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	z-index: 11;
	position: absolute;
	display: none;
}
.commonlist .resizePosition {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background-color: #BBB;
}
.commonlist .jqGridPointIcon {
	position: absolute;
	left: 0;
	top: 22px;
}
.commonlist .jqGridRightPointIcon {
	position: absolute;
	left: 20px;
	top: 20px;
}
.commonlist .jqGridRightTopPointIcon{
	position: absolute;
	top: 2px;
	left: 16px;
}

/* pager */
.commonpager{
	text-align: center;
	height : 40px;
	border: transparent 1px solid;
	border-top	: 1px solid rgb(170, 170, 170);
	margin-top : -1px;
	padding-top: 2px;
}

.commonpager ol{
	margin-top: 8px;
	width: 90%;
}

.commonpager li{
	position:relative !important;
	display:inline-block;
    margin-left: 4px;
    text-align: center;
   	margin: 2px 3px 0 0;
	border-radius: 5px;
	height: 24px;
	width: 24px;
	border: 1px solid #888;
	line-height: 24px;
}

.commonpager li.page-count:hover,
.commonpager li.page-notcount:hover{
	background-color:#F7F7F7;
}

.commonpager li.page-count {
	background: #fff;
    color : #666;
	cursor: hand;
}

.commonpager li.page-count-active {
	background: #DDEEF4;
    color : #666;
}

.commonpager li.page-notcount {
	background: #fff;
	cursor: hand;
	background-position-y: -1px;
}

.commonpager li.page-first {
	background-image: url(/image/20160301/ic_first_page_black_24dp_1x.png);
}
.commonpager li.page-prev {
	background-image: url(/image/20160301/ic_chevron_left_black_24dp_1x.png);
}

.commonpager li.page-next {
	background-image: url(/image/20160301/ic_chevron_right_black_24dp_1x.png);
}

.commonpager li.page-last {
	background-image: url(/image/20160301/ic_last_page_black_24dp_1x.png);
}

.commonpager li.none {
	position: absolute;
	border: 0px;
}

.commonpager div.totalRec {
	float: left;
	font-size: 12x !important;
	line-height: 38px;
	margin-left: 16px;
}

/** treeview */
.treeview .hover {
	font-weight: bold;
}
.treeview ul {
}
.treeview li {
	min-height: 32px;
	background: none;
	padding: 0 0 0 16px;
	cursor: default;
}
.treeview > li {
	min-height: 32px;
	background: none;
	padding: 1px 0 1px 0;
}
.treeview li a {
	color: #666;
}
.treeview .hitarea,
.treeview > li > div.hitarea,
.treeview li.lastCollapsable,
.treeview li.lastExpandable,
.treeview li > ins,
.treeview li.last {
	background-image: none;
}
.treeview li > ins {
	width: 12px;
}
.treeview li.middleLeaf {
	padding-left: 16px;
}
.treeview > li.middleLeaf {
	padding-left: 0;
}
.treeview li.last {
	padding-left: 28px;
}
.treeview > li.last {
	padding-left: 16px;
}
.treeview div.expandable-hitarea,
.treeview div.collapsable-hitarea,
.treeview div.lastCollapsable-hitarea,
.treeview div.lastExpandable-hitarea {
	background-position: 18px 14px;
	background-size: 10px 10px;
	height: 32px;
	position: relative;
	z-index: 2;
	width: 28px;
}
.treeview .expandable-hitarea {
	background-image: url(/image/20160301/arrow_right.png);
}
.treeview .collapsable-hitarea {
	background-image: url(/image/20160301/arrow_down.png);
}
.treeview .highlight,
.favorite .highlight {
	height: 32px;
    width: 256px;
    top: -36px;
    cursor: default;
    position: relative;
    z-index: 1;
}
.treeview .my-top .highlight,
.treeview .my-top+ul li > span.folder .highlight,
.treeview .my-top+ul li > span.folderDRed .highlight,
.treeview .my-top+ul li > span.folderDBlue .highlight,
.treeview .my-top+ul li > span.folderEBooksInput .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .my-top+ul li > span.folderEBooksReject .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .my-top+ul li > span.folderEBooksConfirm .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .my-top+ul li > span.folderEBooksStore .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .my-top+ul li > span.folderEBooksDelete .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .my-top+ul li > span.folderShare .highlight,
.treeview .my-top+ul li > span.folderMyDocuments .highlight,
.treeview .my-top+ul li > span.folderMyPictures .highlight,
.treeview .my-top+ul li > span.folderMyMovies .highlight {
	background-color: rgb(255, 245, 190);
}
.treeview .collabo-top .highlight,
.treeview .collabo-top+ul li > span.folder .highlight,
.treeview .collabo-top+ul li > span.folderPublic .highlight,
.treeview .collabo-top+ul li > span.folderDRed .highlight,
.treeview .collabo-top+ul li > span.folderDBlue .highlight,
.treeview .collabo-top+ul li > span.folderEBooksInput .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .collabo-top+ul li > span.folderEBooksReject .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .collabo-top+ul li > span.folderEBooksConfirm .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .collabo-top+ul li > span.folderEBooksStore .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .collabo-top+ul li > span.folderEBooksDelete .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .collabo-top+ul li > span.folderShare .highlight,
.treeview .collabo-top+ul li > span.folderMyDocuments .highlight,
.treeview .collabo-top+ul li > span.folderMyPictures .highlight,
.treeview .collabo-top+ul li > span.folderMyMovies .highlight {
	background-color: rgb(220, 245, 220);
}
.treeview .company-top .highlight,
.treeview .company-top+ul li > span.folder .highlight,
.treeview .company-top+ul li > span.folderPublic .highlight,
.treeview .company-top+ul li > span.folderDRed .highlight,
.treeview .company-top+ul li > span.folderDBlue .highlight,
.treeview .company-top+ul li > span.folderEBooksInput .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .company-top+ul li > span.folderEBooksReject .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .company-top+ul li > span.folderEBooksConfirm .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .company-top+ul li > span.folderEBooksStore .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .company-top+ul li > span.folderEBooksDelete .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .company-top+ul li > span.folderShare .highlight,
.treeview .company-top+ul li > span.folderMyDocuments .highlight,
.treeview .company-top+ul li > span.folderMyPictures .highlight,
.treeview .company-top+ul li > span.folderMyMovies .highlight {
	background-color: rgb(214, 233, 255);
}
/* 2021.12.16 GF #24787 電子帳簿保存法（ここから追加） */
.treeview .ebooks-top .highlight,
.treeview .ebooks-top+ul li > span.folder .highlight,
.treeview .ebooks-top+ul li > span.folderPublic .highlight,
.treeview .ebooks-top+ul li > span.folderDRed .highlight,
.treeview .ebooks-top+ul li > span.folderDBlue .highlight,
.treeview .ebooks-top+ul li > span.folderEBooksInput .highlight,
.treeview .ebooks-top+ul li > span.folderEBooksReject .highlight,
.treeview .ebooks-top+ul li > span.folderEBooksConfirm .highlight,
.treeview .ebooks-top+ul li > span.folderEBooksStore .highlight,
.treeview .ebooks-top+ul li > span.folderEBooksDelete .highlight,
.treeview .ebooks-top+ul li > span.folderShare .highlight,
.treeview .ebooks-top+ul li > span.folderMyDocuments .highlight,
.treeview .ebooks-top+ul li > span.folderMyPictures .highlight,
.treeview .ebooks-top+ul li > span.folderMyMovies .highlight {
	background-color: rgb(220, 245, 220);
}
/* 2021.12.16 GF #24787 電子帳簿保存法（ここまで追加） */
.treeview .paperlogic-top .highlight,
.treeview .paperlogic-top+ul li > span.folder .highlight,
.treeview .paperlogic-top+ul li > span.folderPublic .highlight,
.treeview .paperlogic-top+ul li > span.folderDRed .highlight,
.treeview .paperlogic-top+ul li > span.folderDBlue .highlight,
.treeview .paperlogic-top+ul li > span.folderEBooksInput .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .paperlogic-top+ul li > span.folderEBooksReject .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .paperlogic-top+ul li > span.folderEBooksConfirm .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .paperlogic-top+ul li > span.folderEBooksStore .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .paperlogic-top+ul li > span.folderEBooksDelete .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .paperlogic-top+ul li > span.folderShare .highlight,
.treeview .paperlogic-top+ul li > span.folderMyDocuments .highlight,
.treeview .paperlogic-top+ul li > span.folderMyPictures .highlight,
.treeview .paperlogic-top+ul li > span.folderMyMovies .highlight {
	background-color: rgb(220, 245, 220);
}
.treeview .archive-top .highlight,
.treeview .archive-top+ul li > span.folder .highlight,
.treeview .archive-top+ul li > span.folderDRed .highlight,
.treeview .archive-top+ul li > span.folderDBlue .highlight,
.treeview .archive-top+ul li > span.folderEBooksInput .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .archive-top+ul li > span.folderEBooksReject .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .archive-top+ul li > span.folderEBooksConfirm .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .archive-top+ul li > span.folderEBooksStore .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .archive-top+ul li > span.folderEBooksDelete .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .archive-top+ul li > span.folderShare .highlight,
.treeview .archive-top+ul li > span.folderMyDocuments .highlight,
.treeview .archive-top+ul li > span.folderMyPictures .highlight,
.treeview .archive-top+ul li > span.folderMyMovies .highlight {
	background-color: rgb(255, 210, 200);
}
.treeview .garbage-top .highlight,
.treeview .garbage-top+ul li > span.folder .highlight,
.treeview .garbage-top+ul li > span.folderDRed .highlight,
.treeview .garbage-top+ul li > span.folderDBlue .highlight,
.treeview .garbage-top+ul li > span.folderEBooksInput .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .garbage-top+ul li > span.folderEBooksReject .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .garbage-top+ul li > span.folderEBooksConfirm .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .garbage-top+ul li > span.folderEBooksStore .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .garbage-top+ul li > span.folderEBooksDelete .highlight, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview .garbage-top+ul li > span.folderShare .highlight,
.treeview .garbage-top+ul li > span.folderMyDocuments .highlight,
.treeview .garbage-top+ul li > span.folderMyPictures .highlight,
.treeview .garbage-top+ul li > span.folderMyMovies .highlight {
	background-color: rgb(220, 220, 220);
}
.treeview .taglist-top+ul li > span.tag .highlight {
	background-color: rgb(225, 225, 255);
}
.favorite .highlight {
	background-color: #fADFE9;
}

.treeview span.folder,
.treeview span.folderPublic,
.treeview span.folderDRed,
.treeview span.folderDBlue,
.treeview span.folderEBooksInput, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksReject, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksConfirm, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksStore, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksDelete, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderShare,
.treeview span.folderMyDocuments,
.treeview span.folderMyPictures,
.treeview span.folderMyMovies,
.treeview span.tag {
	width: 20px;
	height: 32px;
	line-height: 32px;
	padding: 0;
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: 2px 14px;
	background-image: none;
	display: inline-block;
	margin: 0 0 0 -12px;
}
.treeview span.my-top,
.treeview span.collabo-top,
.treeview span.company-top,
.treeview span.ebooks-top, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.paperlogic-top,
.treeview span.archive-top,
.treeview span.garbage-top,
.treeview span.taglist-top {
	margin: 0;
}
.treeview span.folder:before,
.treeview span.folderPublic:before,
.treeview span.folderDRed:before,
.treeview span.folderDBlue:before,
.treeview span.folderEBooksInput:before, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksReject:before, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksConfirm:before, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksStore:before, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksDelete:before, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderShare:before,
.treeview span.folderMyDocuments:before,
.treeview span.folderMyPictures:before,
.treeview span.folderMyMovies:before,
.treeview span.tag:before {
	margin: 2px -3px 0 18px;
	display: inline-block;
	width: 26px;
	height: 32px;
	border-radius: 50%;
	content: " ";
	float: left;
	position: relative;
	z-index: 2;
	background-color: transparent;
	background-image: url(/image/20160301/ic_folder_orange.svg);
	background-repeat: no-repeat;
	background-position: left;
}
.treeview span.folderPublic:before {
	background-image: url(/image/20160301/ic_folder_orange_public.svg);
}
/* 2022.02.10 GF #24787 電子帳簿保存法（ここから） */
.treeview span.folderEBooksInput:before {
	background-image: url(/image/20160301/icon-folder-ebooks-input.png);
}
.treeview span.folderEBooksReject:before {
	background-image: url(/image/20160301/icon-folder-ebooks-reject.png);
}
/* 2022.02.10 GF #24787 電子帳簿保存法（ここまで） */
.treeview span.folderShare:before {
	background-image: url(/image/20160301/icon-folder-shared.svg);
}
.treeview span.folderMyDocuments:before {
	background-image: url(/image/20160301/icon-folder-mydocument.svg);
}
.treeview span.folderMyPictures:before {
	background-image: url(/image/20160301/icon-folder-mypicture.svg);
}
.treeview span.folderMyMovies:before {
	background-image: url(/image/20160301/icon-folder-mymovie.svg);
}
.tagtree span.tag:before {
	background-image: url(/image/20160301/tag.png);
	margin-left     : 0px;
}
.treeview span.my-top:before,
.treeview span.collabo-top:before,
.treeview span.company-top:before,
.treeview span.ebooks-top:before, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.paperlogic-top:before,
.treeview span.archive-top:before,
.treeview span.garbage-top:before,
.treeview span.taglist-top:before {
	margin: 3px 0 0 0;
	width: 36px;
	height: 36px;
	background-color: transparent;
	background-size: 24px 24px;
	background-position: 3px 3px;
	background-repeat: no-repeat;
}
.treeview span.my-top:before {
	background-image: url(/image/20160301/icon-my.svg);
}
.treeview span.collabo-top:before {
	background-image: url(/image/20160301/icon-collabo.svg);
}
.treeview span.company-top:before {
	background-image: url(/image/20160301/icon-company.svg);
}
/* 2021.12.16 GF #24787 電子帳簿保存法（ここから追加） */
.treeview span.ebooks-top:before {
	background-image: url(/image/20160301/icon-ebooks.svg);
}
/* 2021.12.16 GF #24787 電子帳簿保存法（ここまで追加） */
.treeview span.paperlogic-top:before {
	background-image: url(/image/20160301/icon-paperlogic.png);
}
.treeview span.archive-top:before {
	background-image: url(/image/20160301/icon-archive.svg);
}
.treeview span.garbage-top:before {
	background-image: url(/image/20160301/icon-trash.svg);
}
.treeview span.taglist-top:before {
	background-image: url(/image/20160301/icon-tag.png);
}
.treeview span.folder > a,
.treeview span.folder > span,
.treeview span.folderPublic > a,
.treeview span.folderPublic > span,
.treeview span.folderDRed > a,
.treeview span.folderDRed > span,
.treeview span.folderDBlue > a,
.treeview span.folderDBlue > span,
.treeview span.folderEBooksInput > a, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksInput > span, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksReject > a, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksReject > span, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksConfirm > a, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksConfirm > span, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksStore > a, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksStore > span, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksDelete > a, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksDelete > span, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderShare > a,
.treeview span.folderShare > span,
.treeview span.folderMyDocuments > a,
.treeview span.folderMyDocuments > span,
.treeview span.folderMyPictures > a,
.treeview span.folderMyPictures > span,
.treeview span.folderMyMovies > a,
.treeview span.folderMyMovies > span,
.treeview span.tag > a,
.treeview span.tag > span {
	line-height: 38px;
	/* padding: 0 0 0 4px; */
	position: relative;
	z-index: 2;
}
.treeview span.folder > input,
.treeview span.folderPublic > input,
.treeview span.folderDRed > input,
.treeview span.folderDBlue > input,
.treeview span.folderEBooksInput > input, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksReject > input, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksConfirm > input, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksStore > input, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderEBooksDelete > input, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview span.folderShare > input,
.treeview span.folderMyDocuments > input,
.treeview span.folderMyPictures > input,
.treeview span.folderMyMovies > input,
.treeview span.tag > input {
	margin: 14px 4px 0 4px;
}
.treeview li.collapsable > span.folder,
.treeview li.collapsable > span.folderPublic,
.treeview li.collapsable > span.folderDRed,
.treeview li.collapsable > span.folderDBlue,
.treeview li.collapsable > span.folderEBooksInput, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview li.collapsable > span.folderEBooksReject, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview li.collapsable > span.folderEBooksConfirm, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview li.collapsable > span.folderEBooksStore, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview li.collapsable > span.folderEBooksDelete, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview li.collapsable > span.folderShare,
.treeview li.collapsable > span.folderMyDocuments,
.treeview li.collapsable > span.folderMyPictures,
.treeview li.collapsable > span.folderMyMovie,
.treeview li.collapsable > span.tag {
	/*background-image: url(/image/20160301/arrow_down.png);*/
	background-image: none;
}
.treeview li.expandable > span.folder,
.treeview li.expandable > span.folderPublic,
.treeview li.expandable > span.folderDRed,
.treeview li.expandable > span.folderDBlue,
.treeview li.expandable > span.folderEBooksInput, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview li.expandable > span.folderEBooksReject, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview li.expandable > span.folderEBooksConfirm, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview li.expandable > span.folderEBooksStore, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview li.expandable > span.folderEBooksDelete, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview li.expandable > span.folderShare,
.treeview li.expandable > span.folderMyDocuments,
.treeview li.expandable > span.folderMyPictures,
.treeview li.expandable > span.folderMyMovies,
.treeview li.expandable > span.tag {
	/*background-image: url(/image/20160301/arrow_right.png);*/
	background-image: none;
}
.treeview li.collapsable > span.folder.my-top,
.treeview li.expandable > span.folder.my-top,
.treeview li.collapsable > span.folder.collabo-top,
.treeview li.expandable > span.folder.collabo-top,
.treeview li.collapsable > span.folder.company-top,
.treeview li.expandable > span.folder.company-top,
.treeview li.collapsable > span.folder.ebooks-top, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview li.expandable > span.folder.ebooks-top, /* 2021.12.16 GF #24787 電子帳簿保存法 */
.treeview li.collapsable > span.folder.paperlogic-top,
.treeview li.expandable > span.folder.paperlogic-top,
.treeview li.collapsable > span.folder.archive-top,
.treeview li.expandable > span.folder.archive-top,
.treeview li.collapsable > span.folder.garbage-top,
.treeview li.expandable > span.folder.garbage-top {
	background-image: none;
}

.tagtree div.hitarea{
	background-position: 18px 3px;
	height: 20px;
	width: 34px;
}
.tagtree a.tag_title {
	text-decoration: none;
	color: black;
}
.tagtree a.tag_title img {
	display: none;
}
.tagtree > li {
	padding-top: 10px;
}

/** Modal */
.modal {
	overflow-y: auto;
}
.modal .modal-content {
	border-radius: 4px;
}
.modal .modal-header {
	width: 100%;
	border-radius: 4px 4px 0 0;
	color: #FFF;
	font-weight: bold;
	padding: 16px 20px 10px 24px;
}
.modal .modal-header-title {
	float: left;
	width: calc(100% - 32px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}
.setting-header .setting-header-close button,
.modal .modal-header-close button {
	float: right;
	margin: -2px -10px 0 0;
	height: 28px;
	width: 28px;
	opacity: 0.9;
	border-radius: 50%;
	background-image: url(/image/20160301/close-white.png);
	background-size: 24px 24px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.modal .modal-body {
	padding: 24px 24px 16px 24px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	overflow-y: hidden;
}

/** blockUI */
.blockMsg {
	width: auto !important;
	height: auto !important;
	padding: 10px 20px !important;
}
.blockMsg h1 {
	font-size: 12px;
	margin: 0;
	padding: 16px;
}
.blockMsg h1 img {
	margin: 0 16px 0 0;
}

.animate01 {
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
.animate02 {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.animate03 {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.animate04 {
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.ui-datepicker {
	z-index: 5000 !important;
}
.mp-picker {
	z-index: 5000 !important;
}

/** Loader */
.loader {
	position: absolute;
	margin: 0px auto;
	width: 100px;
	z-index: 11;
	display: none;
}
.loader:before {
	content: '';
	display: block;
	padding-top: 100%;
}
.loader .circular {
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	height: 100%;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.loader .path {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
}

/** Textarea lines */
.linedwrap {
	padding: 3px 0 3px 3px;
}
.linedwrap .lines {
	margin-right: 0;
}

#float {
	position: absolute;
	top: calc(100% - 76px);
	left: calc(100% - 76px);
	z-index: 2;
	opacity: 1;
}
#float.minimize,
#float.fadeout {
	opacity: 0;
}
#float button {
	border-radius: 50%;
	background: none;
	background-color: #F06159;
	-webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.4);
}
#float button:hover {
	background-color: #F6A8A4/*#F37065;  #F06159 */
}
#float > button {
	height: 64px;
	width: 64px;
	position: absolute;
	z-index: 12;
}
#float > button > img {
	width: 40px;
	height: 40px;
}
#float.on > button > img {
	/*transform: rotate(225deg);*/
}
#float > div {
	height: 0;
	width: 310px;
	padding: 0 4px 0 0;
	overflow: hidden;
	top: 40px;
	left: -250px;
	position: absolute;
	z-index: 11;
}
#float.on > div {
	height: 240px;
	top: -195px;
}
#float > div > div.float-children-item {
	float: right;
	clear: both;
	margin-bottom: 12px;
}
#float > div > div.float-children-item > p {
	float: left;
	color: #666;
	border-radius: 5px;
	font-size: 15px;
	padding: 8px;
	margin: 5px 5px 0 0;
	cursor: pointer;
	background-color: #DDEEF4;/*#F7F7F7;*/
}
#float > div > div.float-children-item > p:hover {
	background-color: #ECF5F9;
}
#float > div > button,
#float > div > div.float-children-item > button {
	float: right;
	width: 48px;
	height: 48px;
}
#float > div > button {
	clear: both;
}


/** SF Compatible */
.noSidebarCell {
	padding: 0;
}
.noSidebarCell #SpacePortal,
.noSidebarCell #SettingHome {
	min-height: 565px;
}
ul li, ol li {
	margin-left: 0;
}
div.radio {
	height: 18px;
}
input.form-control {
	height: 32px;
}
button.btn {
	border: none;
	padding: 6px 8px;
	margin: 0;
	background: none;
	font-weight: normal;
	line-height: 0;
	height:24px;
	text-transform: capitalize;
}

.modal-content .modal-footer button{
	border: none;
	min-width: 100px;
	max-width: fit-content;
	height: 32px;
	padding: 0 12px;
	margin: 0 0 0 8px !important;
	font-weight: normal;
}
.modal-footer{
	padding: 0 16px 16px 16px !important;
	width: 100%;
}
.modal-footer .btnDiv {
	float: right;
}
.modal-footer .btnDiv .btn {
	float: left;
}

.btn-group-raised .btn.btn-primary,
.btn-group-raised .input-group-btn .btn.btn-primary,
.btn.btn-fab.btn-primary,
.btn.btn-raised.btn-primary,
.input-group-btn .btn.btn-fab.btn-primary,
.input-group-btn .btn.btn-raised.btn-primary {
	background-color: #07A9F4 !important;
}

.form-group .checkbox label, .form-group .radio label, .form-group label {
	font-size: 12px !important;
}
.form-group .form-control::-moz-placeholder {
	line-height: 32px;
}

.form-control[disabled],
.form-group .form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
  border-bottom: none;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#D2D2D2), color-stop(.5,#D2D2D2), color-stop(.5,transparent), to(transparent));
  background-image: -webkit-repeating-linear-gradient(left, #D2D2D2, #D2D2D2 2px, transparent 2px, transparent 4px);
  background-image: -o-repeating-linear-gradient(left, #D2D2D2, #D2D2D2 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(to right, #D2D2D2, #D2D2D2 2px, transparent 2px, transparent 4px);
  -webkit-background-size: 100% 1px;
          background-size: 100% 1px;
}

.checkbox label, .radio label, .togglebutton label{
	font-size: 12px !important;
	color: #787878 !important;
}

.form-group label.control-label ,
label.control-label,
.form-group .checkbox label,
.form-group .radio label,
.form-group label,
label{
	color: #787878;
}

.checkbox .checkbox-material {
	margin: 0 8px 0 0;
}
.checkbox .checkbox-material .check {
    width: 16px;
    height: 16px;
}
.checkbox .checkbox-material .check:before {
    margin-top: -6px;
}

.modal {
	overflow-x: auto !important;
	overflow-y: auto !important;
}
.modal .modal-header {
	padding: 12px 20px 4px 16px !important;
}
.dropdownjs > ul > li {
	margin-left: 0;
}
.dropdown-menu:not([class*="bgm-"]) > li {
	margin-left: 0;
}
.dropdown-menu:not([class*="bgm-"]) > li > a {
	font-size: 13px;
	padding: 8px 17px;
}

/** SF Lightning */
html body.sfdcBody {
	padding: 0;
}
.searchbox-container{
}
.searchbox-container>.searchbox-icon{
	padding: 2px 0 0 8px;
	float: right;
}
.searchbox-container>.searchbox-icon>img{
	width: 24px;
	height: 24px;
}
.searchbox-container>.searchbox-text{
	margin:0px;
	padding-bottom: 0px;
	height : 40px;
	float: right;
}
.searchbox-container>.searchbox-text>input{
	width:0px;
}
.font-size-x-small  {
	font-size: 10px;
}

.font-size-small  {
	font-size: 12px;
}
.font-size-medium  {
	font-size: 13px;
}
.font-size-medium-a  {
	font-size: 14px;
}
.font-size-large  {
	font-size: 16px;
}
.font-size-x-large  {
	font-size: 20px;
}
.font-size-xx-large {
	font-size: 28px;
}

input.font-size-medium-a::-webkit-input-placeholder {
    font-size: 14px !important;
}
input.font-size-medium-a::-ms-input-placeholder {
    font-size: 14px !important;
}
input.font-size-medium-a::-moz-placeholder {
    font-size: 14px !important;
}

input.font-size-small::-webkit-input-placeholder {
    font-size: 14px !important;
}
input.font-size-small::-ms-input-placeholder {
    font-size: 14px !important;
}
input.font-size-small::-moz-placeholder {
    font-size: 14px !important;
}

.checkbox-passwordValue {
	-webkit-appearance: none;
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(/image/20160301/viewing.png);
	margin: 0 0 -10px 0 !important;
	background-size: 24px 24px;
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-right:before,
 .bootstrap-datetimepicker-widget .glyphicon-chevron-left:before {
     font-family: 'Material-Design-Iconic-Font' !important
 }

.bootstrap-datetimepicker-widget table td.today:before{
	border:0px;
}
 .datepicker {
     z-index: 5000 !important;
 }

 .datepicker td.day.active,
 .datepicker td.day.today,
 .datepicker td.day.weekend,
 .datepicker td.day:hover {
     line-height: 30px !important;
 }

 .bootstrap-datetimepicker-widget table td.day {
     line-height: 30px !important;
     height: 37px !important;
 }
 .datepicker table td.day {
     background: transparent !important;
 }

 .datepicker table thead tr:first-child th.picker-switch > div:hover {
     background: #00877a;
 }
 .datepicker table td.day:before {
     display: block !important;
 }

 td.day.today {
     text-align: center !important;
     padding-top: 0px !important;
 }

 .bootstrap-datetimepicker-widget table td.today:before {
     position: static !important;
 }

/** TAB **/
.category-detail-tab {
	/*width: 100%;*/
}

.category-detail-tab-title,
.category-detail-tab-title-modal {
	position: relative !important;
	width: 100% !important;
	height: 43px !important;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none !important;
	border-bottom: solid 1px #CCCCCC;
}
.category-detail-tab-title:before,
.category-detail-tab-title:after,
.category-detail-tab-title-modal:before,
.category-detail-tab-title-modal:after {
	display: table;
	content: '';
}
.category-detail-tab-title:after,
.category-detail-tab-title-modal:after {
	clear: both;
}
.category-detail-tab-title li,
.category-detail-tab-title-modal li {
 	float: left !important;
 	padding: .8em 0 !important;
	color: #FEFEFE !important;
 	text-align: center !important;
 	cursor: pointer !important;
 	display: block;
 	list-style-type: none !important;
 	margin-top: 5px !important;
 	height: 35px;
}

.category-detail-tab-title li > a,
.category-detail-tab-title-modal li > a {
    width: 100%;
    display: block;
    color: #fff;
    height: 43px;
    margin-top: -15px;
    padding-top: 15px;
}

.category-detail-tab-title li:nth-last-child(2),
.category-detail-tab-title-modal li:nth-last-child(2) {
	border-right: none !important;
}

.category-detail-tab-title-bar {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #F98068;
	-webkit-transition: .45s ease-in-out;
	-moz-transition: .45s ease-in-out;
	-o-transition: .45s ease-in-out;
	transition: .45s ease-in-out;
}
.category-detail-tab-contents{
	padding:0px;
	-moz-margin-before: 0px;
	-moz-margin-after: 0px;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
	-moz-padding-start: 0px;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}

.category-detail-tab-contents li {
	display: none;
	background-color: #fff;
	margin: 0;
	list-style-type: none;
}
.category-detail-tab-contents li.active_tab {
	display: block;
}

.category-detail-tab-contents button {
	border: none;
	min-width: 100px;
	max-width: fit-content;
	padding: 0 10px;
	margin: 0 0 0 8px !important;
	font-weight: normal;
}
.tableTitleBorder {
    border-right: 1px solid rgba(170, 170, 170, 0.4) !important;
}
.cf-tooltip-icon {
	width: 16px;
	height: 16px;
}
#powerTip {
	background-color: RGB(81, 160, 253) !important;
	font-size: 12px;
}
#powerTip:before {
	border-bottom-color: RGB(81, 160, 253) !important;
}
#powerTip.nw:before {
	border-top-color: RGB(81, 160, 253) !important;
}
/** 2021.02.22 GF #23320 ツールチップ吹き出しの三角形の色を修正 **/
#powerTip.e:before {
	border-right-color: RGB(81, 160, 253) !important;
	border-bottom: 5px solid transparent !important;
	border-top: 5px solid transparent !important;
}
.btn-lined {
	margin-left: 8px !important;
	float: right;
}

.list-error-message{
	color: #f44336;
	width: 400px;
	height: 30px;
	top: 40px;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	margin: auto;
	text-align: center
}
.pro-tooltip-target {
    font-size : 12px !important;
}

.bootstrap-datetimepicker-widget {
    min-width : 270px !important;
}
label.label-err-color{
	color: #f44336 !important;
}

.list-td-chk{
	position:fixed;
	padding: 13px 12px 12px 12px!important;
	height : 45px;
	z-index: 1;
    border-right : 1px solid #DDD;
}


.chk-scrollBody{
	-ms-overflow-style: none;
}
.chk-scrollBody::-webkit-scrollbar{
 	display:none;
}


.commonlist tbody.chk-scrollBody > tr:hover, .commonlist div.chk-scrollBody > tr:hover {
    background-color: #F7F7F7;
}
.commonlist tbody.chk-scrollBody > tr > td, .commonlist div.chk-scrollBody > tr > td {
    border-top: 0;
    border-bottom: 1px solid #DDD;
}
.commonlist tbody.chk-scrollBody > tr.separater > td, .commonlist div.chk-scrollBody > tr.separater > td {
    height: 40px;
    padding: 0 0 0 16px;
}
.commonlist tbody.chk-scrollBody > tr.separater, .commonlist div.chk-scrollBody > tr.separater {
    background-color: #efefef;
}
.disabled-edit-cursor{
	pointer-events: none!important;
}