/*

order-details

*/
/*#order-view-orders-details > div.order-view-details > div > div:nth-child(3) > div > table:nth-child(2) > tbody > tr > td > textarea {
	pointer-events: none;
}*/
.outputbtn div {
	width: 25%;
}
.outputbtn div a {
    display: flex; /* Flexboxを有効化 */
    align-items: center; /* 縦方向を中央揃え */
    justify-content: center; /* 横方向を中央揃え（必要に応じて削除） */
    height: 60px; /* 必要な高さを指定 */
    text-align: center; /* テキストの中央揃え */
    text-decoration: none; /* 下線を削除（オプション） */
	padding: 5px 5px;
    word-wrap: break-word; /* 長い単語を強制的に改行 */
    word-break: break-word; /* 長い単語が改行されない場合に対応 */
    overflow-wrap: break-word; /* 現在の仕様に基づく推奨プロパティ */
    white-space: normal; /* テキストが一行で表示されないようにする */
	font-size: 14px;
}
/*オーダーの確定書ボタンなどの色*/
.outputbtn div a:first-child {
	background-color: rgb(113, 167, 217);
	border: 1px solid #333;
}
.outputbtn div a:first-child:hover {
	background-color: rgb(93, 147, 197);
    border: 1px solid #AAA;
}
.outputbtn div:nth-child(2) a {
	background-color: rgb(166, 209, 127);
	border: 1px solid #333;
}
.outputbtn div:nth-child(2) a:hover {
    background-color: rgb(146, 189, 107);
    border: 1px solid #AAA;
}
.outputbtn div:nth-child(3) a {
	background-color: rgb(189, 183, 107);
	border: 1px solid #333;
}
.outputbtn div:nth-child(3) a:hover {
    background-color: rgb(169, 163, 87);
    border: 1px solid #AAA;
}
.outputbtn div:nth-child(4) a {
	background-color: rgb(200, 204, 61);
	border: 1px solid #333;
}
.outputbtn div:nth-child(4) a:hover {
	background-color: rgb(180, 184, 41);
    border: 1px solid #AAA;
}
.kv-btn-reset {
	display: none;
}
.kv-btn-view {
	display: none;
}
.kv-btn-save,
.kv-btn-update {
	position: absolute;
    left: 50px;
}
.panel-title .kv-btn-save .glyphicon.glyphicon-floppy-disk,
.panel-title .kv-btn-update .glyphicon.glyphicon-pencil {
	background-color: #F7931E;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    line-height: 127px;
    font-size: 40px;
    text-align: center;
}
body .scroll-top-button {
	background: #f30000;
}
body .scroll-top-button:hover {
	background: #ff0000;
}
#orderupdateform-food_allergies_jp,
#orderupdateform-food_allergies {
	height: 8.5em;
}
#orderupdateform-client_comments_jp,
#orderupdateform-client_comments {
	height: 8.5em;
}
#detail_status {
  padding: 10px 40px 10px 2px;
  border-radius: 2px;
  margin-bottom:0!important;
}
#add-comment-button {
  font-size: 18px;
  margin: 5px auto 20px auto;
  padding: 10px 20px;
  line-height: 1;
  text-align: center;
  display: block;
}
#edit-alert-button {
  margin: 10px auto 20px auto;
  padding: 10px 20px;
  line-height: 1;
  text-align: center;
  display: block;
}
/*予約詳細　タブのデザイン変更*/
.tab-area {
  overflow:auto;
}
.horizon-tabs {
  width:1220px!important;
}
#order-view-orders-details.order-view-orders-details {
  width:1250px;
}
#myTabs > li.nav-item > a {
  padding: 20px 3px 10px 3px;
  height: 70px;
  width: 79.3px;
  letter-spacing: 1px;
  background: #eee;
  display: block;
  text-align: center;
  font-size: 13px;
  text-decoration: none !important;
}
#myTabs > li.nav-item > a b {
  display:inline-block;
  text-align:center;
}
#myTabs > li:nth-child(1) a b {
  width:60px;
}
#myTabs > li:nth-child(14) a b {
  width:60px;
}
#myTabs > li:nth-child(1) a {
  border-bottom:6px solid #333;
}
#myTabs > li:nth-child(2) a {
  border-bottom:6px solid #0067c0;
}
#myTabs > li:nth-child(3) a {
  border-bottom:6px solid #a561ed;
}
#myTabs > li:nth-child(4) a {
  border-bottom:6px solid #72baa7;
}
#myTabs > li:nth-child(5) a {
  border-bottom:6px solid #919191;
}
#myTabs > li:nth-child(6) a {
  border-bottom:6px solid #bdbdbd;
}
#myTabs > li:nth-child(7) a {
  border-bottom:6px solid #EDA739;
}
#myTabs > li:nth-child(8) a {
  border-bottom:6px solid #ff0000;
}
#myTabs > li:nth-child(9) a {
  border-bottom:6px solid #66CC33;
}
#myTabs > li:nth-child(10) a {
  border-bottom:6px solid #ffa197;
}
#myTabs > li:nth-child(11) a {
  border-bottom:6px solid #cc0000;
}
#myTabs > li:nth-child(12) a {
  border-bottom:6px solid #FF6FFF;
}
#myTabs > li:nth-child(13) a {
  border-bottom:6px solid #666;
}
#myTabs > li:nth-child(14) a {
  border-bottom:6px solid #999;
}
#myTabs > li:nth-child(15) a {
  border-bottom:6px solid #aaa;
}
/*予約詳細　コメント欄のフォント変更*/
#commentarea #commentlist {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#confirm-mailsend-button,
#notification-mailsend-button,
#canceled-mailsend-button,
#prompt-mailsend-button,
#othertime-mailsend-button,
#ng-mailsend-button,
#advance-mailsend-button,
#invoice-mailsend-button,
#trouble-mailsend-button,
#free-mailsend-button,
#free-mailsend-button {
  margin: 1em 1em;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 30px;
}
/*予約詳細　カレンダーの大きさ*/
.search_on .datetimepicker-days table.table-condensed,
.search_on .datetimepicker-hours table.table-condensed,
.search_on .datetimepicker-minutes table.table-condensed,
.search_on .datepicker-days table.table-condensed {
	width: 334px;
}
.search_on .datetimepicker-days table.table-condensed tr td,
.search_on .datetimepicker-hours table.table-condensed tr td,
.search_on .datepicker-days table.table-condensed tr td {
	padding: 10px;
    border: 1px solid #eee;
}
.search_on .datetimepicker-hours table.table-condensed tr td span {
	display: flex;
    height: auto;
    min-height: 50px;
    border-radius: 3px;
    padding: 4px 3px;
    word-break: keep-all;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    font-size: 1.3rem;
    text-align: center;
    border: 1px solid #eee;
}
.search_on .datetimepicker-hours table.table-condensed tr td span:hover {
    background: #d4deed;
}
.search_on .datetimepicker-days table.table-condensed tr td:hover {
    background: #e0e7f1;
}
.search_on .datetimepicker-minutes table.table-condensed tr td span {
	display: flex;
    height: auto;
    min-height: 50px;
    border-radius: 3px;
    padding: 4px 3px;
    word-break: keep-all;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    font-size: 1.3rem;
    text-align: center;
    border: 1px solid #eee;
}
.search_on .datetimepicker {
	border: 2px solid #bbb;
}
/*予約詳細　thを整列*/
#order-view-orders-details .order-view-details .col-lg-5 table th {
    background-color: #e1e1e1;
    width: 125px;
    font-size: 13px;
}
#order-view-orders-details section #commentform #comment_choices {
	width:460px;
}
/* CSVモーダル  */
@media (min-width: 991px) {
	.modal-dialog .modal-content,
	.modal .modal-dialog{
		width:950px;
	}
	.modal-dialog .modal-content .modal-header {
    	padding: 5px 0 5px 15px;
	}
	.modal-dialog .modal-content .modal-header button {
		padding:10px;	
	}
	.modal-dialog .modal-content .modal-body button {
    	margin: 0 0 10px 3px;
	}
	.modal-dialog .modal-content label {
		line-height: 1.6;
        width: 25%;
        font-size: 1.2rem;
		vertical-align: top;
		float:left;
		display:block;
	}
	.modal-dialog .modal-content label input[type="checkbox"] {
		margin:0;
		height: 15px;
    	width: 15px;
    	vertical-align: middle;	
	}
	.modal-dialog .modal-content label:nth-of-type(38),
	.modal-dialog .modal-content label:nth-of-type(52){
		width:75%;
	}
	.modal-dialog .modal-content label:nth-of-type(29),
	.modal-dialog .modal-content label:nth-of-type(30),
	.modal-dialog .modal-content label:nth-of-type(31),
	.modal-dialog .modal-content label:nth-of-type(32),
	.modal-dialog .modal-content label:nth-of-type(39),
	.modal-dialog .modal-content label:nth-of-type(40),
	.modal-dialog .modal-content label:nth-of-type(41),
	.modal-dialog .modal-content label:nth-of-type(42) {
		margin-top:10px;
		padding-top:10px;
		border-top:1px dotted #ccc;
	}
	.modal-dialog .modal-content label:nth-of-type(53),
	.modal-dialog .modal-content label:nth-of-type(54),
	.modal-dialog .modal-content label:nth-of-type(55),
	.modal-dialog .modal-content label:nth-of-type(56),
	.modal-dialog .modal-content label:nth-of-type(69),
	.modal-dialog .modal-content label:nth-of-type(70),
	.modal-dialog .modal-content label:nth-of-type(71),
	.modal-dialog .modal-content label:nth-of-type(72) {
		margin-top:10px;
		padding-top:10px;
		border-top:1px dotted #ccc;
	}
}
/*****************************************
予約一覧
******************************************/
.search_on .order_status {
    display: flex;
    height: auto;
	min-height:36px;
    border-radius: 3px;
    padding: 4px 3px;
    word-break: keep-all;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    font-size: 1.3rem;
    text-align: center;
}
.search_on #gridArea button {
	margin-bottom: 5px;
    border-radius: 3px;
}
.search_on .col-lg-4 #kakuteisho_btn {
	min-width: 130px;
	background-color: rgb(113, 167, 217);
    border: 1px solid #333;
}
.search_on .col-lg-4 #kakuteisho_btn:hover {
	min-width: 130px;
	background-color: rgb(93, 147, 197);
    border: 1px solid #AAA;
}
.search_on .col-lg-4 #yoyakufax_btn {
    background-color: rgb(166, 209, 127);
    border: 1px solid #333;
}
.search_on .col-lg-4 #yoyakufax_btn:hover {
    background-color: rgb(146, 189, 107);
    border: 1px solid #AAA;
}
.search_on .col-lg-4 #cancelfax_btn {
    background-color: rgb(189, 183, 107);
    border: 1px solid #333;
}
.search_on .col-lg-4 #cancelfax_btn:hover {
    background-color: rgb(169, 163, 87);
    border: 1px solid #AAA;
}
.search_on .col-lg-4 #changeconfirm_btn {
	min-width: 130px;
	background-color: rgb(200, 204, 61);
    border: 1px solid #333;
}
.search_on .col-lg-4 #changeconfirm_btn:hover {
	min-width: 130px;
	background-color: rgb(180, 184, 41);
    border: 1px solid #AAA;
}
/*****************************************
システム設定画面のヘッダーのレイアウト崩れのカウンター
******************************************/
body #main_wrap > .container {
    padding-top: 70px!important;
}
body.search_on #main_wrap > .container {
    padding: 157px 0 0 !important;
}
.shops-index h3 {
	font-size: 22px;
}
/*****************************************
グレーナビゲーション
******************************************/
table.kv-grid-table th {
  font-size: 12px;
  letter-spacing: -1px;
}
/*****************************************
子供横並び
******************************************/
.kids-course-group .form-group {
  display: flex;
  flex-direction: row;
}

/*****************************************
システムサイドバー　カスタマイズ
******************************************/
.site-menu #summaryArea h3 {
    margin: 0 0 10px 0;
}
.panel .head-style.panel-heading {
  margin: 0 0 0 -8px;
  width: calc(100% + 8px);
}
.container #sideMenu {
  margin-left: 3px;
  padding-right: 3px;
  font-size: 13px;
  flex-basis: 200px;
  min-width: 200px;
  border-right: solid 2px #949494;
}
.table ul.kv-sidenav li ul li a {
  margin:0;
  padding: 10px 1px 10px 1px;
}
.table ul.kv-sidenav li a {
    margin: 0;
    padding: 10px 5px;
}
.table ul.kv-sidenav li a.kev-toggle {
    padding-left: 2%;
  margin:0;
}
#sideMenu .site-menu .panel .table ul.nav li span.badge {
  padding: 5px 7px 3px 7px;
  border-radius: 4px;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li span.badge {
  padding: 5px 5px 3px 5px;
  margin-left: -8px;
  border-radius: 4px;
  background: #e0f2f5;
  color: #333;
}
/*#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(1) span.badge {
  background:#83a5aa;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(2) span.badge {
 background:#D98282;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(3) span.badge {
 background:#A6D17F;
}*/
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(4) span.badge,
#p0 > div > div:nth-child(3) > div.table > ul > li:nth-child(1) > ul > li:nth-child(4) > a > span,
#p0 > div > div:nth-child(3) > div.table > ul > li > ul > li:nth-child(4) > a > span {
  background:#68A96D;
  color:#fff;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(5) span.badge,
#p0 > div > div:nth-child(3) > div.table > ul > li:nth-child(1) > ul > li:nth-child(5) > a > span,
#p0 > div > div:nth-child(3) > div.table > ul > li.active > ul > li:nth-child(5) > a > span {
 background:#03ad60;
  color:#fff;
}
/*#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(6) span.badge {
 background:#8BD1D4;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(7) span.badge {
 background:#1a6d03;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(8) span.badge {
 background:#778899;
}*/
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(9) span.badge,
#p0 > div > div:nth-child(3) > div.table > ul > li:nth-child(1) > ul > li:nth-child(9) > a > span,
#p0 > div > div:nth-child(3) > div.table > ul > li.active > ul > li:nth-child(9) > a > span  {
 background:#A692E0;
  color:#fff;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(10) span.badge,
#p0 > div > div:nth-child(3) > div.table > ul > li:nth-child(1) > ul > li:nth-child(10) > a > span,
#p0 > div > div:nth-child(3) > div.table > ul > li.active > ul > li:nth-child(10) > a > span  {
 background:#777777;
  color:#fff;
}
/*#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(11) span.badge {
 background:#010066;
}*/
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(12) span.badge,
#p0 > div > div:nth-child(3) > div.table > ul > li:nth-child(1) > ul > li:nth-child(12) > a > span,
#p0 > div > div:nth-child(3) > div.table > ul > li.active > ul > li:nth-child(12) > a > span  {
 background:#EDA739;
  color:#fff;
}
/*#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(13) span.badge {
 background:#EDA739;
}*/
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(14) span.badge,
#p0 > div > div:nth-child(3) > div.table > ul > li:nth-child(1) > ul > li:nth-child(14) > a > span,
#p0 > div > div:nth-child(3) > div.table > ul > li.active > ul > li:nth-child(14) > a > span  {
 background:#EDA739;
  color:#fff;
}
/*#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(15) span.badge {
 background:#EDA739;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(16) span.badge {
 background:#e8b0ce;
}*/
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(17) span.badge,
#p0 > div > div:nth-child(3) > div.table > ul > li:nth-child(1) > ul > li:nth-child(17) > a > span,
#p0 > div > div:nth-child(3) > div.table > ul > li.active > ul > li:nth-child(17) > a > span  {
 background:#de9bbf;
  color:#fff;
}
/*#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(18) span.badge {
 background:#ffa197;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(19) span.badge {
 background:#71A7D9;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(20) span.badge {
 background:#C8CC3D;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(21) span.badge {
 background:#bdb76b;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(22) span.badge {
 background:#bdb76b;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(23) span.badge {
 background:#857d22;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(24) span.badge {
 background:#bdb76b;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(25) span.badge {
 background:#C1A694;
}*/
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(26) span.badge,
#p0 > div > div:nth-child(3) > div.table > ul > li:nth-child(1) > ul > li:nth-child(26) > a > span,
#p0 > div > div:nth-child(3) > div.table > ul > li > ul > li:nth-child(26) > a > span {
 /*background:#886945;*/
 margin-left: -16px;
}
/*#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(27) span.badge {
 background:#909090;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(28) span.badge {
 background:#909090;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(29) span.badge {
 background:#909090;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(30) span.badge {
 background:#28598F;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(31) span.badge {
 background:#C22047;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(32) span.badge {
 background:#909090;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(33) span.badge {
 background:#75414D;
}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(34) span.badge {
 background:#C22047
;}
#sideMenu .site-menu .panel:nth-of-type(3) .table ul.nav li ul li:nth-of-type(35) span.badge {
 background:#909090;
}*/