:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
	--ct-font-sans-serif: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	font-family: var(--ct-body-font-family);
}

/* -------- Menu Color -------- */
html[data-menu-color=brand] {
	--ct-menu-bg: #008000;
	--ct-menu-item-color: #66cdaa;
	--ct-menu-item-hover-color: #ffffff;
	--ct-menu-item-active-color: #ffffff;
	--ct-menu-icon-twotone-fill: rgba(255, 255, 255, 0.2);
	--ct-menu-item-active-bg: rgba(255, 255, 255, 0.2);
}

/* -------- Topbar Color -------- */
html[data-topbar-color=brand] {
	--ct-topbar-bg: linear-gradient(135deg, #ffa500 0%, #ffd700 60%);
	--ct-topbar-item-color: rgba(255, 255, 255, 0.7);
	--ct-topbar-item-hover-color: #ffffff;
	--ct-topbar-search-bg: rgba(255, 255, 255, 0.1);
}

/* -------- auth-fluid-right -------- */
.auth-fluid {
	background: url("../images/DM/bg_1450x1000_0509_C.jpg") center;
	background-size: auto;
}

/* -------- form-control -------- */
.form-control:disabled {
	background-color: var(--ct-gray-100);
}

/* -------- card-widgets -------- */
.card-widgets-left {
	float: left;
}
.card-widgets-right {
	float: right;
}
.card-widgets-right > a {
	color: inherit;
	font-size: 16px;
	display: inline-block;
	line-height: 1;
	margin-top: 0.375rem !important;
}
.card-widgets-right > a.collapsed i:before {
	content: "\f0415";
}

/* -------- google map -------- */
.g-map {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}
.g-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}

/* -------- snow-editor -------- */
.ql-toolbar {
	background-color: RGBA(243, 247, 249, var(--ct-bg-opacity, 1)) !important;
}

/* -------- table td -------- */
.td-text-omit {
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	max-width: 150px;
}
.td-text-min {
	min-width: 250px;
}

/* -------- dropzone uploaded -------- */
.dropzone-uploaded-img {
	width: 180px;
	height: auto;
	object-fit: contain;
}
.dropzone-gal-box .image-popup-photo img {
	cursor: zoom-in;
}
.dropzone-gal-box .image-popup-material img {
	cursor: zoom-in;
}

/* -------- post -------- */
.conversation-list .conversation-datetime {
	text-align: left;
}
.conversation-list .odd .conversation-datetime {
	text-align: right;
}
.conversation-list .odd .ctext-wrap {
    text-align: left;
}
.simplebar-group {
	max-height: 100px;
}
.simplebar-irai {
	max-height: 370px;
}
.simplebar-chat {
	max-height: 465px;
}

/* -------- input-group-text -------- */
@media (max-width: 1200px) {
	.input-group-text {
		padding-left: 0.2rem;
		padding-right: 0.2rem;
	}
}

/* -------- textarea auto -------- */
.txt-auto {
	resize: none;       /* リサイズ機能を無効 */
	max-height: 230px;	/* 高さ以上でスクロールを出す */
}

/* -------- navbar search -------- */
.navbar-custom .topbar .app-search-div .form-control {
	color: var(--ct-topbar-item-color);
	background-color: var(--ct-topbar-search-bg);
}
.navbar-custom .topbar .app-search-div .form-control::-webkit-input-placeholder {
	color: var(--ct-topbar-item-color);
}
.navbar-custom .topbar .app-search-div .form-control::-moz-placeholder {
	color: var(--ct-topbar-item-color);
}
.navbar-custom .topbar .app-search-div .form-control:-ms-input-placeholder {
	color: var(--ct-topbar-item-color);
}
.navbar-custom .topbar .app-search-div .form-control::-ms-input-placeholder {
	color: var(--ct-topbar-item-color)
}
.navbar-custom .topbar .app-search-div .form-control::placeholder {
	color: var(--ct-topbar-item-color);
}
.navbar-custom .topbar .app-search-div span.search-icon {
	color: var(--ct-topbar-item-color);
}
.app-search-div {
	position: static;
	overflow-y: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
.app-search-div .form-control {
	border: none;
	height: calc(1.5em + .9rem + 2px);
	padding-right: 40px;
	padding-left: 20px;
	background-color: var(--ct-secondary-bg);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.app-search-div span.search-icon {
	position: absolute;
	z-index: 4;
	font-size: 20px;
	line-height: 38px;
	right: 10px;
	top: 0;
	z-index: 5;
	color: var(--ct-secondary);
}
.app-search-div .input-group-text {
	margin-left: 0;
	z-index: 4;
}
.app-search-div .dropdown-menu {
	z-index: 1060;
}
.app-search-button {
	color: var(--ct-topbar-item-color);
	background-color: var(--ct-topbar-search-bg);
	--ct-btn-border-color: rgba(255, 255, 255, 0.1);
}

/* -------- letters between lines -------- */
.letters-line {
	display: flex;
	align-items: center;		/* 垂直中心 */
	justify-content: center;	/* 水平中心 */
	margin-bottom: 0.75rem !important;
}
.letters-line:before, 
.letters-line:after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
	border-color: var(--ct-border-color-translucent);
}
.letters-line:before {
	margin-right: 1em;	/* 文字の右隣 */
}
.letters-line:after {
	margin-left: 1em;	/* 文字の左隣 */
}

/* ----------------------------------- */
/* summernoteの色が他のCSSと競合していたようなので白色へ変更 */
/* ----------------------------------- */
.note-editable {
  background-color: white !important;
}

/* -------- ul error -------- */
.ul-err1 { 
	list-style: none;
	padding-left: 0;
}
.ul-err2 { 
	list-style: none;
}

/* ----------------------------------- */
/* 見積書明細のreadonlyをdisabledっぽく見せる */
/* ----------------------------------- */
.emd_unit[readonly],
.emd_sales_unit_price[readonly],
.emd_list_price[readonly],
.emd_purchase_unit_price[readonly],
.emd_gross_margin[readonly],
.emd_quantity[readonly] {
	background-color: #f3f7f9;
}

/* ----------------------------------- */
/* 見積書明細の幅調整のスタイル */
/* ----------------------------------- */
.min-width-80 { min-width: 80px; }
.min-width-430 { min-width: 430px; }
.min-width-70 { min-width: 70px; }
.min-width-90 { min-width: 90px; }
.min-width-50 { min-width: 50px; }