@charset "utf-8";
/* CSS Document */


body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color : #f2f3f5;

}

.delete_section:hover {
	cursor: pointer;
}

.setting_group_manager {
	margin-top: 10px;
}

.setting_branch_manager,
.margin-top {
	margin-top: 10px;
}

.settings_select{
	display: inline-block;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
}

.setting_table{
	width: 60%;
	margin-bottom: 1rem;
	color: #212529;
	border: 1px solid #dee2e6;
	border-collapse: collapse;
}

form#user_info input {
	width: 150px;
}

.oc_outline_box{
	background-color:#FFF;
	padding:0.5rem 1rem;
}

.logo{
	float:left;
	margin-left:2px;
	margin-right: 20px;
}

.jems_logo{
    float:left;
    padding-left:10px;
    margin-top: 2px;
}

img{
	border:none;
}


h2{
	background-position:left center;
	background-repeat:no-repeat;
	color:black;
	font-size:16px;
	padding:0px 3px 3px 13px;
}


p{
	line-height:150%;
}

.oc_outline_box input{
	border:1px solid #cccccc;
	background-color:white;
}

.oc_outline_box input[type="email"]{
	padding: 5px;
}

.oc_outline_box .light_gray_table [type="submit"]{

	background-color:#eeeeee;
	padding:3px;
	margin:2px;
}

hr.gray_border{
	border-top:1px solid #cccccc;
}

.item_name{
	background-color:#eaebeb;
	padding:5px;
	margin:10px 0;
}

.item_name_short{
	background-color:#f3d0a7;
	float:left;
	padding:5px;
	margin:1px;
	width:120px;
	font-size:14px;
}

.item_content_short{
	float:left;
	padding:3px;
	margin:1px;
}

.item_content{
	margin:20px 0;
}

.table_wrap{
	overflow-x: scroll;
}

.clear_both{
	clear:both;
	margin:0px;
	padding:0px;
}

.point{
	width:300px;
	float:left;
	background-color:#fff;
	}

.comment{
	width:620px;
	float:left;
	padding-left:10px;
	}

.name_and_date{
	color:#26a012;
	font-size:14px;
	}
.user_menu{
	color:#26a012;
	width:300px;
	font-size:14px;
	text-align:left;

	}

.oc_outline_box form#user_info div .user_email{
	width:300px;
}

.welcome{
	color:#30aaac;
	font-size:14px;
	text-align:left;
	padding:3px;
	float:left;
	}

.handsontableInput{
	height: 16px !important;
}

.oc_outline_box .prescribed_working_times_table .all_prescribed_working_times_table .edit_drivers_table .ht_master .wtHolder{
	width: 1250px !important;
}

.oc_outline_box div .fix_check_button:hover{
	color:white;
}

.oc_outline_box .prescribed_working_times_table .all_prescribed_working_times_table div div .wtHolder .wtHider .wtSpreader .htCore tr td .enterMass {
	margin: 5px;
}

.oc_outline_box .prescribed_working_times_table .all_prescribed_working_times_table .edit_drivers_table div .wtHolder .wtHider .wtSpreader .htCore tr th div span .light_yellow,
.oc_outline_box .prescribed_working_times_table .all_prescribed_working_times_table div .light_yellow{
	background-color: #FFFF99;
}

.table-wrap {
	overflow-x: scroll;
}

.white-space{
	white-space	: nowrap;
}

.expired{
	background-color: rgba(253,21,147,0.5);
}

.one_week_ago{
	background-color:#ffd7e9;
}

.one_month_ago{
	background-color:yellow;
}

.car_item{
	width: 130px;
}

@media only screen and (max-width:1023px) {
	.welcome{
		font-size:12px;
	}
}

@media only screen and (max-width:768px) {
	.welcome{
		display: block;
	}
}



#geocode_address{
	visibility:hidden;

}

li{
	margin:10px auto;
}

.pale_blue{
	background-color: 	#F5F5F5;
	padding:5px;
}

.pale_blue_box{
	padding:10px;
	background-color: #f1fce9	;
	border-bottom:1px solid #d5e6f1;
	border-top:1px solid #d5e6f1;
}

.white_box{
	padding:10px;
	}

div.head_navi{
	height:30px;
	margin-top:0.5rem;
}

#cse{
	float:left;
	margin:0px;
	}

.search_bar a{
	color:#fff;
	text-decoration:none;
	margin:0px 1px;
}

.info_bar{
	float:right;
	padding-right:10px;
	height: 31px;
	padding-top: 3px;
}

@media only screen and (max-width:1023px) {
	.info_bar{
/*		font-size: smaller;*/
	}
}


.top_new{
	float:left;
	width:300px;
	padding:0px 10px 5px 10px;
}

.twitter{
	float:left;
	width:250px;
}

.info_box{
	width:100%;
	height:620px;
	vertical-align:top;
}

.feature{
	border-right:1px solid #ccc;
	margin-right:10px;
}

.overflow-visible{
    overflow:visible !important;
}

.place_name{
	float:left;
	width:120px;
	height:15px;
	display:inline;
	text-align:left;
	}

.place_name_long{
	float:left;
	width:180px;
	height:15px;
	display:inline;
	}

.place_name_short{
	float:left;
	width:70px;
	height:15px;
	display:inline;
	}


.place_name_clear{
	display:block;
	clear:both;
	height:10px;

	}

.list{
	border:1px solid #ccc;
	border-collapse:collapse;
	}

.list1 li{
	margin:20px;
	list-style:square;
}


.list td{
	padding:5px;
	border:1px solid #ccc
	}

.list th{
	padding:5px;
	border:1px solid #fff;
	background-color:green;
	color:white;
	font-weight:normal;
	font-size:13px;
	}




.message{
	color:red;
	margin:10px 0;
	}

.orange_big{
	background-color:#ffb87e;
	border-bottom:1px solid #b92e03;
	width:600px;
	padding:8px;
	font-size:16px;
	text-align:left;
}

.red{
	color:red;
	font-weight:bold;
}

.allocation-failure{
	color: red;
}

.hover-default:hover {
	cursor: default;
}

.red-light{
	color:red;
}

.red_color{
	color:red;
}

.gray{
	color:#999999;
}

.ocher {
	color: #c7811c;
}


.footer{

	color:#999999;
	border-top:1px solid #cccccc;
	font-size:12px;
	margin-top:40px;
	padding-top:10px;

}

.no_underline{
	cursor: pointer;
}

.no_underline:hover{
	text-decoration:none;
}

a.no_underline img {
	cursor: pointer;
}


a.no_underline {
	cursor: pointer;
	display: inline-block;
}


a.white-a {
	text-decoration: underline;
	color: #FFFFFE;
}

a.white-a:not([href]) {
	text-decoration: underline;
	color: #FFFFFE;
}

a.white-a:hover {
	text-decoration: none;
	color: #FFFFFE;
}

a.white-a:not([href]):hover {
	text-decoration: none;
	color: #FFFFFE;
}

.should_show_notice{
	background-color: #D11C2C;
	padding: 7px;
}

.footer a{
	color:#999999;
	text-decoration:none;
	border-right: 1px solid #CCCCCC;
	padding: 0px 5px;
	}

.border_right {
    color: #999999;
    border-right: 1px solid #CCCCCC;
    padding: 0px 5px;
}

@media screen and (max-width:576px) {
	.footer a {
		display: block;
		padding: 5px 5px 5px 0px;
		border: none;
	}
}

.big_font{
	font-size:20px;
	font-weight:bold;
}

table.zebra tr:nth-child(2n) td {
    background: none repeat scroll 0 0 #E9F4FC;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
}

.small_text{
	font-size:small;
}

.left_align_block{
	width:300px;
	float:left;
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0 !important;
    width: auto;
}

.status_1_color{
	color :#FF0000;
}

.status_2_color{
	color :#0e97f8;
}

.status_3_color{
	color : #0ef850;
}

.status_4_color{
	color : #760ef8;
}

.stop_color{
	color : grey;
}

.light_gray_table{
	margin:10px 0px;
	font-size:14px;
}

.light_gray_table th{
	background-color:#dddddd;
	font-weight:normal;
	padding:5px;
}
.light_gray_table td{
	padding:5px;
}

.day-report-table{
	margin:10px 0px;
	font-size:14px;
}

.day-report-table th{
	background-color:#dddddd;
	font-weight:normal;
	padding:5px;
	border:1px solid #cccccc;
}

.day-report-table td{
	padding:5px;
	border:1px solid #cccccc;
}

.day-report-table .true-title{
	font-weight: bold;
}

.day-report-table .blank{
	padding: 1px;
	font-size: 1px;
	border: none;
	background-color: white;
}

.day-report-table-sm{
	margin:10px 0px;
	font-size:14px;
}

.day-report-table-sm th{
	background-color:#dddddd;
	font-weight:normal;
	padding:2px 4px;
	border:1px solid #cccccc;
}

.day-report-table-sm td{
	padding:2px 4px;
	border:1px solid #cccccc;
}

.day-report-table-sm .true-title{
	font-weight: bold;
}

.day-report-table-sm .blank{
	padding: 1px;
	font-size: 1px;
	border: none;
	background-color: white;
}

.day-report-table-sm .blank.edit-string{
	padding: 2px 4px;
	font-size: 14px;
	border: none;
	background-color: white;
}

.light_gray_table, .light_gray_table td,.light_gray_table th {
	border:1px solid #cccccc;
	border-collapse:collapse;
}

.report_table{
	border:1px solid #cccccc;
	border-collapse:collapse;
	margin-bottom:10px;
	margin-top:10px;
	font-size:14px;
	width:100%;
	max-width:1200px;
}

.check_box_th{
	width:30px;
}

.operation_box_th{
	width:80px;
}

.two-content-table {
	width: 100%;
}

.two-content-table td:first-child {
	width: 30px;
}

.two-content-table.w-600 td:nth-child(n+2) {
	width: 335px;
}

.three-content-table {
	width: 100%;
}

.three-content-table td:first-child {
	width: 30px;
}

.three-content-table.w-600 td:nth-child(n+2) {
	width: 223px;
}

.with-bar-graph {
	width: 100%;
}

.with-bar-graph td:first-child {
	width: 30px;
}

.with-bar-graph.w-600 td:nth-child(4) {
	width: 302px;
	padding-right: 0px;
	padding-left: 0px;
}

.report_table th{
	background-color: #f5eeba;
	border:1px solid #cccccc;
	font-weight:bold;
	font-size:13px;
	padding:5px;
}

.report_table td{
	padding:5px;
	border:1px solid #cccccc;
}

.report_table .cell-inside-cell {
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

.report_table .cell-inside-cell:last-child {
	border-bottom: none;
}

.report_table.root_detail tr td input {
	margin: 0;
	width: auto;
	max-width: 300px;
}

.report_table_repair{
	border:1px solid #cccccc;
	border-collapse:collapse;
	margin-bottom:10px;
	margin-top:10px;
	width:20%;
	max-width:1200px;
	font-size:14px;
	float:right;

}

.report_table_repair th{
	background-color:#f5eeba;
	border:1px solid #cccccc;
	font-weight:normal;
	font-size:13px;
	padding:5px;
}

.report_table_repair td{
	padding:5px;
	border:1px solid #cccccc;
}

.report_table_repair.root_detail tr td input {
	margin: 0;
	width: auto;
	max-width: 300px;
}

.icon_cell img{
	margin:auto;
	display:block;
}

.each_message{
	border:1px solid #cccccc;
	-webkit-border-radius: 10px; /*Chrome、Safari用*/
	-moz-border-radius:10px;  /*Firefox用*/
	border-radius:10px;  /*IE9用*/
	margin:10px 0px;
}

.each_message div{
	padding:3px;
	margin:0px;
}

.message_header{
	background-color : #f5eeba;
	font-size:13px;
	margin-top:0px;
	border-radius:8px 8px 0 0;
}

.has_read{
	background-color : #26A012;
	-webkit-border-radius: 10px; /*Chrome、Safari用*/
	-moz-border-radius:10px;  /*Firefox用*/
	border-radius:5px;  /*IE9用*/
	color:white;
	padding:1px 2px;
}

.has_not_read{
	background-color : red;
	-webkit-border-radius: 10px; /*Chrome、Safari用*/
	-moz-border-radius:10px;  /*Firefox用*/
	border-radius:5px;  /*IE9用*/
	color:white;
	padding:1px 2px;
}

.error_info{
	background-color : pink;
}

div.message_jyusyo{
	font-size:13px;
	color:#26A012;
	margin:2px;
}

.float{
	float:left;
}

.float_box{
	float:left;
	position:relative;
	margin:5px 20px 5px 5px;
	width:400px;
}

.float_box_mini{
	float:left;
	position:relative;
	margin:0px 20px 10px 0px;
}

.float_box_mini_text{
	float:left;
	position:relative;
	margin:2px 20px 10px 0px;
}

.each_detail{
	margin-bottom:10px;
	height:110px;
}

.height_50{
	height:50px;
   }



a.link_button{
	background-color : #26A012;
	-webkit-border-radius: 10px; /*Chrome、Safari用*/
	-moz-border-radius:10px;  /*Firefox用*/
	border-radius:5px;  /*IE9用*/
	color:white;
	min-width:40px;
	font-size:14px;
	padding:2px 6px;
	cursor: pointer;
	text-decoration:none;
	display:inline-block;
	}

.each_line{
	border-bottom:1px solid #e6f6da;
	clear:both;
}


.orange_button{
	background-color : orange;
	-webkit-border-radius: 15px; /*Chrome、Safari用*/
	-moz-border-radius:15px;  /*Firefox用*/
	border-radius:15px;  /*IE9用*/
	color:white;
	font-size:14px;
	padding:2px;
	width:20px;
	text-align:center;
	margin-left:0px;
}

.left_map{
	float:left;
	width:1000px;
}

.black_window{
	background-color : #333333;
	opacity:0.7;
	float:left;
	width:200px;
	position:absolute;
	top:115px;
	right:0;
	z-index:10;
	padding:10px;
	color:white;
}

.black_window_wide{
	background-color : #333333;
	opacity:0.8;
	float:left;
	width:500px;
	position:absolute;
	top:115px;
	right:0;
	z-index:10;
	color:white;
}

.black_window_middle{
	background-color : #333333;
	opacity:0.8;
	float:left;
	width:300px;
	position:absolute;
	top:115px;
	right:0;
	z-index:10;
	color:white;
	padding: 5px;
}

.bottom_white_line{
	border-bottom:1px solid #cccccc;
}

#plan_and_result td, #plan_and_result th{
	padding-right: 3px;
	vertical-align: top;
}


.white-letter {
	color:white;
}

.transparent_table th,.transparent_table td{
	padding: 7px;
	border: white 1px solid;
}

.transparent_table th {
	/*color: #c6f190;*/
	font-weight: normal;
}

.transparent_table td {
	color: #c6f190;
	font-weight: normal;
}


.float_left_form {
	float: left;
}

.green_label{
	font-size:12px;
	color:#c6f190;
	}

#each_route_summary{
	font-size:12px;
	}

.dark_green_label{
	color:#26a012;
	}

.dark_orange_label{
	color: chocolate;
}

.dark_red_label{
    color: #CC0033;
}

.brown_text{
	color:#d28b3f;
}


.area{
	padding:5px;
}

.area .left_menu{
	width:200px;
	float:left
}

.area div .right_three_contents_padding{
	padding:0 0 0 200px;
}

.area div .right_three_contents_padding .select_padding{
	padding:5px;
}


/* ----------------------------------------
   アコーディオンメニュー
---------------------------------------- */
.accordion .accordion_head {cursor:pointer;}

.accordion_head{
	background-image:url("../image/icon_message.png");
	background-repeat:no-repeat;
	background-position:220px top;
	margin:3px 3px;
	padding:0px;
}

.accordion ul{
	font-size:14px;
	border:1px solid #cccccc;
	list-style:none;
	padding:10px;
	margin:0px;
	}

.accordion li ul li{
	border-bottom:1px solid #cccccc;
	list-style:none;
	}

/* ----------------------------------------
   ボタン
---------------------------------------- */
.middle_table{
	width:700px;
}

.width800{
	width:800px;
}

table.middle_table td.show_group_manager {
	width: 50px;
}

/*table.middle_table td.show_branch_manager {
	width: 50px;
}*/

table.middle_table td.show_group_manager,
td.show_branch_manager,
td.edit_cell,
td.delete_cell {
	text-align: center;
}

.map{
	height:600px;
	width: 100%;
	clear: both;
}

@media screen and (max-width: 1024px) {
	/* 1024pxまでの幅の場合に適応される */
	.map{
		padding-right:30px;
	}
}

#map{
	height: 100%;
	width: 100%;
}

#updated{
	position:relative;
	float:right;
	color: #022094;
	font-size: 25px;
}

@media screen and (max-width: 1024px) {
	/* 1024pxまでの幅の場合に適応される */
	#updated {
		font-size: 20px;
	}
}

.popup_window{
	padding:5px 5px 15px 5px;
	margin:0;
}

/* work around conflict of Chrome and OpenLayers */
.olTileImage {
	-webkit-backface-visibility: visible !important;
	-webkit-transform: none !important;
}

.form-signin input[type="email"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}
.form-signin .form-control {
    -moz-box-sizing: border-box;
    font-size: 16px;
    height: auto;
    padding: 10px;
    position: relative;
}
.form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.form-signin {
    max-width: 330px;
}


.btn-block {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.btn-lg, .btn-group-lg > .btn {
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.33;
    padding: 10px 16px;
}
/*
.btn-primary {
    background-color: #428BCA;
    border-color: #357EBD;
    color: #FFFFFF;
}*/
.btn {
	min-width:150px;
}



.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #3276B1;
    border-color: #285E8E;
    color: #FFFFFF;
}

.login{
	padding:10px 5px;
}

/* ul.slimmenu li {
    width:160px;
}

 */

.demand_table{
	border-collapse:collapse;
}

.demand_table tr td{
	padding:10px;
}

.demand_table .tr_border{
	border:2px solid #dbd8d8;
}

.demand_table tr .exist_border{
	border:2px solid #dbd8d8;
}

.oc_outline_box .demand_table{
	border-collapse:collapse;
}

.oc_outline_box .demand_table tr td{
	padding:10px;
}

.oc_outline_box .demand_table .tr_border{
	border:2px solid #dbd8d8;
}

.oc_outline_box .demand_table tr .exist_border{
	border:2px solid #dbd8d8;
}

#loading{
	margin: 50px auto;
	text-align:center;
}

.under_map_list{

	margin-top:15px;
	margin-bottom:15px;
}

.div_list{
	margin:15px 0px;
}
.div_list div{
	margin:10px 0px;
}

.copy_right{
	font-size:14px;
	color:#999999;
}

.margin_auto{
	margin:auto;
}

.margin_top0{
	margin-top:0;
}

.margin_left5{
	margin-left:5px;
}

.margin_bottom10{
	margin-bottom:10px;
}

.margin10{
	margin:10px 0px;
}


.margin20{
	margin:20px 0px;
}

.square_list{
	list-style:square;
}

.square_list li{
	margin-top:3px;
	margin-bottom:3px;
	margin-left:20px;
	list-style:square;
}



.mapboxgl-popup-close-button {
	z-index: 50;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* bootstrapから借用*/



button.btn-ocher {
    background-color: #c7811c;
    background-image: linear-gradient(to bottom, #da8e20, #c7811c);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

button.btn-ocher:hover {
	color: #ffffff;
	background-image: linear-gradient(to bottom, #e69b2c, #da8e20);
}

button.btn-gold {
	background-color: #947c15;
	background-image: linear-gradient(to bottom, #b1941a, #947c15);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

button.btn-gold:hover {
	background-image: linear-gradient(to bottom, #c8a71e, #aa9021 );
	color: #ffffff;

}

button.btn-purple {
	background-color: #5e23b0;
	background-image: linear-gradient(to bottom, #6728b6, #5e23b0);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

button.btn-purple:hover {
	background-image: linear-gradient(to bottom, #7e4ac1, #6728b6 );
	color: #ffffff;

}


button.btn-blue {
    background-color: #0b3e9f;
    background-image: linear-gradient(to bottom, #1855ba, #0b3e9f);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

button.btn-blue:hover{
	background-image: linear-gradient(to bottom, #1b5fcf, #114ab6);
}

button.btn-emerald {
	background-color: #0b7779;
	background-image: linear-gradient(to bottom, #099092, #0b7779);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

button.btn-emerald:hover {
	background-image: linear-gradient(to bottom, #0c9d9f, #099092);
}

button.btn-carmine {
	background-color: #d7003a;
	background-image: linear-gradient(to bottom, #e41547, #d7003a);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

button.btn-carmine:hover {
	color: #ffffff;
	background-image: linear-gradient(to bottom, #f12254, #e41547);
}

button.btn-pale-blue {
	background-color: #d2dafa;
	color: #333333;
}

button.btn-pale-blue:hover {
	background-color: #3552c3;
	color:white;
}


/* bootstarp4で消えてしまったのでこちらに追加 */
button.btn-default {
	color: #333;
	background-color: #eeeeee;
	border-color: #ccc;
}

button.btn-large {
    margin: 20px 0;

}

button.btn-gray {
	color: #333333;
	font-weight: normal;
	background-color: #EEEEEE;
}


button.btn-gray:hover {
	background-color: #e0dfdf;
	color: #333333;
}

button.btn-dark-gray {
	background-color: #9fa1a1;
	background-image: linear-gradient(to bottom, #9fa1b7, #9fa1a1);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


button.btn-dark-gray:hover {
	background-image: linear-gradient(to bottom, #aaadb7, #aaadad);
}

button.btn-set-vehicle {
	outline: none;
	border: lightgrey 1px solid;
}

.width_1200{
	width:1200px;
}

.height_100{
	height:100px;
	margin-top:50px;
}

/*.btn:hover, .btn:focus {
    background-position: 0 -30px;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}*/

.csv_illustration {
	margin: 10px 0;
}

a.csv_illustration_sample_download {
	margin: 5px 0;
	display: block;
	width: 210px;
}


.line {
	border-bottom: 1px solid #cccccc;
    clear: both;
    height: 20px;
    margin-bottom:20px;
}

.login_title{
	margin-bottom:10px;
}

button.btn-primary {
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #5f78da;
    background-image: linear-gradient(to bottom, #6d83d9, #3f5dd2);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

button.btn-small {
    padding: 3px 10px 3px;
    font-size: 12px;
    min-width:50px;
	height: 24px;
	white-space: nowrap;
}

button.btn-medium {
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 3px;
    min-width:60px;
    line-height:22px;
}

.error_button{
	margin-top:30px;
	}

a.btn{
	text-decoration:none;
}

.black_bg{
   background-color: #333333;
    color: white;
    opacity: 0.7;
    padding: 10px;
}

.small_title{
    height: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size:15px;
}

.small_title_without_height{
    margin-bottom: 3px;
    margin-top: 15px;
    font-size:14px;
}

/*
.search_bar ul.slimmenu > li:first-child {
	border-left: 1px solid #dddddd;
}
 */

.td-part{
	border: #ccc 1px solid;
	padding: 3px 5px;
}

.th-part{
	border: #ccc 1px solid;
	padding: 3px 5px;
	background-color: #eeeeee;
}

.route_color{
	font-size:20px;
}

input[type="text"].input_mini {
	width:120px;
}

input[type="text"].input_medium {
	width:260px;
}

input[type="text"].input_medium_long {
	width:450px;
}

input[type="text"].input_long {
	width:650px;
}

#map_notice{
	color:#ff0000;
	font-size:12px;
	padding:3px 0px;
}

.small_margin{
	margin-top:5px 0;
}

div.tooltip p{
	color: #FFF;
	background: #33cc99;
	padding: 15px;
	width: 400px
}

.report_table .border-rl-none{
	border-right:0;
	border-left:0
}

.progress_result{
	background-color:#FADBDA;
}

.time{
	font-size:13px;
	color:#337ab7;
}

.progress_result_arrow{
	width:0;
	float:left;
	padding:0 5px;
	margin:0;
}

.oc_outline_box .hr_style{
	 border-color:black;
	 margin:10px 0;
 }

 .report_table tr .width50{
 	width:50px;
 	padding:0;
 	margin:0;
 	min-width:0
 }

.width50{
	width:50px;
}

 .oc_outline_box .new_root_plan tr .name_input, .oc_outline_box .new_root_plan tr .address_input{
 	width:260px;

 }

  .oc_outline_box .new_root_plan tr td input{
 	width:260px;

 }

 .oc_outline_box form .new_root_plan{
 	margin-bottom: 0px;
 	max-width:1300px;
 }

 .font-size14{
 	font-size:14px;
 }

 .failed_root_assign{
 	/*border:1px solid red*/
 }

 .oc_outline_box .gantt table td .scroll{
 	display:none;
 }
 /*, .oc_outline_box .gantt table td .scroll2 table .gdatehead */

 .oc_outline_box .gantt table td .scroll2{
 	border:1px solid red;
 }

 #messages {
    position: fixed;
    bottom: 0;
    right:10%;
    border:1px solid #006dcc;
    z-index: 1200;
}

#messages li{
    width: 200px;
    padding:5px;
    background-color:#ffffff;
    word-wrap: break-word;
    overflow-wrap: break-word;
	border-bottom: solid 1px #cccccc;
}


#messages li.title{
    background-color:#006dcc;
    color:white;
    padding:5px;
    font-weight:bold;
    height:26px;
}

.message_title{
	float:left;
	position:relative;
	height:14px;
}

.message_title a{
	color:#ffffff;
}

.message_title a:hover{
	color:#afd4f4;
}

.close_message{
	float:right;
	position:relative;
	height:15px;
	cursor:pointer;
}

.close_message_right_top{
	float:right;
	position:relative;
	height:15px;
	cursor:pointer;
	position: absolute;
	height: 22px;
	width: 22px;
	right: 6px;
	top: 6px;
	z-index: 12;
	background-color: #CCCCCC;
}

.close_message_right_top button.close {
	opacity: 1;
	width: 22px;
	height: 22px;
}


.message_sender_name{
	float:right;
	position:relative;
	height:15px;
	font-size:11px;
	color:#333333;
	margin-bottom:3px;
}

.message_sender_func_name_container{
    text-align: right;
}

.message_sender_func_name{
    margin-left: auto;
    font-size: 11px;
    color:#333333;
}

.message_read_more{

	font-size:11px;
}

/* .sub-collapser{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
} */

.small_font{
	font-size:12px;
}

.increase_destination{
	margin:10px 0 0 0;

}

.swal2-title{
	background-image:none;
}

.swal-text-left {
	text-align: left;
}


.svg_text{
	font-weight: bolder;
	font-size: 13px;
	color:#023295;
  	stroke:#ffffff;
  	stroke-width:4px;
  	font-family:'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
  	display:block;
  	margin-top:27px;
  	margin-left: -50px;
	text-shadow: 1px 1px 0px #FFF,
    -1px 1px 0px #FFF,
    1px -1px 0px #FFF,
    -1px -1px 0px #FFF;
    pointer-events: none;
    text-align: center;
    width:120px;
}

.oc_outline_box .margin0{
	margin:0;
}

 form .gantt .gchartcontainer .glistgrid, form .gantt .gchartcontainer .glistlbl{
	display:none;
}

.oc_outline_box form .report_table .gannt_tr{
	height:30px;
}

.oc_outline_box form .report_table .gannt_tr th{
	height:20px;
}

td .gcaption{
	height:20px;
	font-size: 14px;
}

.oc_outline_box form .small_title span .car_driver_select_width{
	width:145px;
}


.small_font_size{
	font-size:12px;
}

.font-size10{
	font-size:10px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.align-checkbox {
	position: relative;
	top: 2px;
}

.margin-right-20 {
	margin-right: 20px;
}

.margin-right-10 {
	margin-right: 10px;
}

.display-inline-block {
    display: inline-block;
}

.delivery-planning-conditions li:not(:first-child) {
    margin-left: 10px;
}

.gmajorheading{
	height:19px;
}

.gtaskcelldiv {
    height: 52px;
}

.toukeidensan_img{
	width : 30px;
	height : 30px;
}
.bold {
    font-weight:bold;
}

.draggable{
	width:220px;
	border:3px solid #cccccc;
	border-radius: 6px;
	background:#eeeeee;
	padding:5px;
	margin:5px 0 40px;
}

.destinationSmallBlock{
	padding: 3px;
}

.ui-state-hover{
	background-color: #f3f3f3 !important;
}

.arrowRight{
	float:left;
	padding:0 5px 5px 30px;
}

.hiddenChildren{
	display: none;
}

.indicate-again-button{
	float:left;
}

.pickupDelivery{
    color:#c7811c;
}

.remark-size {
	font-size: 12px;
}

.gtaskcellwkend{
	border: 1px solid #cccccc;
}

.gcharttableh .gmajorheading{
	border: 1px solid #cccccc;
}

.gcharttable .gminorheading, .gcharttableh .gminorheading{
	border: 1px solid #cccccc;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	height: 8px;
}

.gminorheadingwkend{
	border: 1px solid #cccccc;
}

.gannt_tr{
	height:38px !important;
}

.gannt_contents{
	height: 69px !important;
}

.gcharttableh{
	height:38px !important;
}

.glineitem{
	height: 69px !important;
}

.glineitem .gtaskcell{
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

.hidden_show > table > tbody > tr.gantt_contents > td.remark-size > div > #edit_icon {
	display: none;
}

.green-circle-icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color: #4CAF50; /* 緑色 */
	color: white; /* 白色のテキスト */
	border-radius: 50%; /* 円形にする */
	width: 18px; /* 幅 */
	height: 18px; /* 高さ */
	font-size: 14px; /* 文字サイズ */
}


.red_bg {
	background-color: red;
	-webkit-border-radius: 5px; /*Chrome、Safari用*/
	-moz-border-radius: 5px;  /*Firefox用*/
	border-radius: 5px;  /*IE9用*/
	color: white;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 7px 0px 7px;
	text-align: center;
	margin-left: 2px;
}

.red_material_bg {
    background-color: #B00020;
    -webkit-border-radius: 5px; /*Chrome、Safari用*/
    -moz-border-radius: 5px;  /*Firefox用*/
    border-radius: 5px;  /*IE9用*/
    color: white;
    font-weight: bold;
    font-size: 11px;
    padding: 0px 7px 0px 7px;
    text-align: center;
    margin-left: 2px;
}

.dark_orange_bg {
	background-color: #d16a17;
	-webkit-border-radius: 5px; /*Chrome、Safari用*/
	-moz-border-radius: 5px;  /*Firefox用*/
	border-radius: 5px;  /*IE9用*/
	color: white;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 5px 0px 5px;
	text-align: center;
	margin-left: 2px;
}

.dark_green_bg {
	background-color: #26a012;
	-webkit-border-radius: 5px; /*Chrome、Safari用*/
	-moz-border-radius: 5px;  /*Firefox用*/
	border-radius: 5px;  /*IE9用*/
	color: white;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 5px 0px 5px;
	text-align: center;
	margin-left: 2px;
}

.gray_bg {
	background-color: #8A8F94;
	-webkit-border-radius: 5px; /*Chrome、Safari用*/
	-moz-border-radius: 5px;  /*Firefox用*/
	border-radius: 5px;  /*IE9用*/
	color: white;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 5px 0px 5px;
	text-align: center;
	margin-left: 2px;
}

.light_blue_bg {
	background-color: #e4eef1;
	-webkit-border-radius: 5px; /*Chrome、Safari用*/
	-moz-border-radius: 5px;  /*Firefox用*/
	border-radius: 5px;  /*IE9用*/
	padding: 0px 6px 0px 6px;
	text-align: center;
}

.x_scroll_cell {
	font-size: 0;
	min-height: 140px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}

.x_scroll_cell .progress_bar {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.y_scroll_cell {
	max-height: 135px;
	padding: 10px 0px 5px 5px;
	overflow-x: hidden;
	overflow-y: auto;
	word-break: break-all;
}

.start_name {
	text-align: left;
	font-size: 14px;
	padding: 0 0 0 12px;
}

.progress_text {
	font-size: 14px;
	text-align: center;
}

div .border_none {
	border-style: none;
}

div .padding_none {
	padding: 0 0 0 0;
}

div .paddig_progress_bar {
	padding: 10px 0px 1px 0px;
}

div .progress_cell {
	text-align: center;
	text-valign: middle;
	border-style: none;
	height: 18px;
	padding: 0px 0px 0px 0px;
	float:left;
	position:relative;
	top:0px;
	left:0px;
	width:30px;
}

div .progress_start {
	border-radius: 10px 0 0 10px / 10px 0 0 10px;
}

div .progress_end {
	border-radius: 0 10px 10px 0 / 0 10px 10px 0;
	width:24px;
}

div .progress_ellipse {
	text-align: center;
	margin:auto;
	width:23px;
	height:23px;
	top: -3px;
	position: relative;
	left: 0px;
	display:block;
	float:left;
	z-index:3;
	background-color:#fff;
	border-radius:50%;
	border:1px solid #bbbbbb;
}

div .progress_positive {
	background-color: #0f2b72;
}

div .progress_gradient {
	background: linear-gradient(90deg, #0f2b72 0px, #DDD 9px)  no-repeat 0px 0px;
}

div .progress_negative {
	background-color: #DDD;
}

div .progress_ok {
	background-color: #26a012;
}

div .progress_delay {
	background-color: red;
}

.action_1 {
	color: #FF0000;
}

.action_2 {
	color: #0e97f8;
}

.action_3 {
	color: #0ef850;
}

.action_4 {
	color: #760ef8;
}

.padding_topbottom {
	padding: 10px 0 10px 0;
}

.notify_button {
	border-width: 1px;
	height: 15px;
	padding: 1px 5px 1px 5px;
}

div.yellow_arrow{
	background-color:#0f2b72;
}

div.yellow_arrow{
	background: url("../image/yellow_arrow.png") no-repeat 0px 0px;
	background-size: 21px 18px;
	width:21px;
	height:18px;
	top: 0px;
	position: absolute;
	left: 3px;
	display:block;
	float:left;
	z-index:33;
}

@media (-webkit-device-pixel-ratio: 2) {
  div.yellow_arrow{
    background: url("../image/yellow_arrow@2x.png") no-repeat 0px 0px;
    background-size: 21px 18px;
  }
}

.day_select_bar{
	position:relative;
	z-index:34;
}

.flex {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

.sortable {
	counter-reset: num;
	padding: 0 0 0 0;
}

.sortable li::before {
	counter-increment: num;
	content: counter(num);
}

.swappable_list li {
	padding: 10px;
	border-top: 1px solid #cccccc;
}

.swappable_list li div.destination_name {
	width: 140px;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

ul.swappable_list {
	margin-bottom: 0;
}

.swappable_list_title {
	padding: 10px;
	white-space: nowrap;
	overflow: hidden;
	background-color: #f5eeba;
}

.swappable_list_title > .route_info {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.break_all {
	word-break: break-all;
}

.cursor_grab {
	cursor: grab;
}

.no_content {
	color: #999999;
	padding-bottom: 75px;
}

.check_route_map_message_box {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	padding: 20px;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 10px 0px #ccc;
	z-index: 10;
}

.contain_hour_part_width{
	width: 5.5rem;
}

.not_contain_hour_part_width{
	width: 2.5rem;
}

.summary_table td{
	border: 1px solid #cccccc;
	padding: 2px 5px;
}

td.top_border_none{
	border-top: none;
}

td.bottom_border_none{
	border-bottom: none;
}

td.right_border_none{
	border-right: none;
}

.underline {
	text-decoration: underline
}

div.theme--light.v-application{
	background:none;
}

.sf-menu ul.no_shadow{
	box-shadow:none;
}

.sf-menu ul.no_shadow li{
	white-space:normal;
}

li.message{
	max-width:400px;

}

.oc_outline_box select{
	border:1px solid #cccccc;
	margin-right: 5px;
	-moz-appearance: menulist;
	-webkit-appearance:  menulist;
	appearance:  menulist;
}

.oc_outline_box select:focus{
	outline: none;
}

.disabled_form {
	color: #808080;
	background-color: #EBEBE4;
}

.oc_outline_box input.two_degit_input{
	width:30px;
}

.oc_outline_box tr td input.two_degit_input{
	width:30px;
}


.geographic {
    width: 750px;
    height: 40px;
    margin: 0;
    padding: 0;
    display: flex;
}

.geographic li {
  position: relative;
  list-style: none;
}
.geographic li a {
  display: block;
  width: 150px;
  height: 40px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 2.8;
  background: #9fb7d4;
  transition: 0.5s;
  text-decoration: none;
  border-right: 1px solid #eee;
  box-sizing: border-box;
}
.geographic > li:hover > a {/*layer-1*/
  color: orange;
  background: #afc6e2;
}
.geographic > li li:hover > a {/*layer-2*/
  color: olive;
  background: #afc6e2;
}
.geographic li ul {
  top: 40px;
  position: absolute;
}
.geographic li ul li {
  overflow: hidden;
  height: 0;
  transition: 0.2s;
}
.geographic li ul li a {
  border-top: 1px solid #eee;
}
.geographic li:hover > ul > li {
  overflow: visible;
  height: 40px;
}
  .geographic li ul li ul {
    top: 0;
    left: 110px;
  }
  .geographic li ul li ul:before {/*layer-2▷*/
    position: absolute;
    content: "";
    top: 15px;
    left: 30px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
  }
  .geographic li ul li ul li:hover > a {/*layer-3*/
    color: pink;
    background: #afc6e2;
  }
  .geographic li ul li ul.left {
    top: 0;
    left: -190px;
  }
  .geographic li ul li ul.left:before,/*layer-2-left▷*/
  .geographic li ul li ul li ul.left:before {/*layer-3-left▷*/
    position: absolute;
    content: "";
    top: 15px;
    left: 190px;
    border: 5px solid transparent;
    border-right: 5px solid #fff;
  }
  .geographic li ul li ul.left li:hover > a {/*layer-2-left*/
    color: pink;
    background: #afc6e2;
  }
  .geographic li ul li ul li ul.left li:hover > a {/*layer-3-left*/
    color: purple;
    background: #afc6e2;
  }

 .dayReport_div_entire{
  border: 2px solid #93a5ee;
  }
  .dayReport_div_middle{
  border-top: 2px solid #93a5ee;
  }

  .dayReport_div_entire th{
  font-weight: bold;
  }

/*
 * solveVRPResultでtable部分を非表示にする機能のためのcss
 */
/*ボタン装飾*/
.hidden_box label {
	padding: 2px 2.5px 0px 2.5px;
	font-size: 14px;
	border: solid 1px;
	cursor: pointer;
}
/*ボタンホバー時*/
.hidden_box label:hover {
	background: #8ebae0;
}
/*チェックは見えなくする*/
input.hidden_box {
	display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
	padding: 10px 0;
	height: auto;
	opacity: 1;
}
/*チェックボックスを大きく*/
.plot_check {
	vertical-align: middle;
	-ms-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);
	transform: scale(1.4, 1.4);
}


.col_div_title {
                width:150px;
                }
 .col_div {
                display:table-row;
                border-left:1px solid #CCC;
                display:table-cell;
                margin:5px;
                padding:5px 10px;
                }

 .col_div:last-child {
                border-right:1px solid #CCC;
                }

.font_blue_small{
	font-size:small;
	color:blue;
	}

.font_gray_small{
	font-size:small;
	color:#999999;
	}

.font_emerald_small{
	font-size:small;
	color:#30aaac;
	}

.oc_outline_box h1.top_margin_9{
	margin-top:9px;
}

.float_right{
	float:right;
}

.float_left{
	float:left;
}

/* 目のアイコンの位置設定 */
.field-icon {
  color: #555;
  float: right;
  margin-right: 30px;
  margin-top: -45px;
  position: relative;
  z-index: 2;
}

.time-string-box{
	padding: 5px 5px 5px 0px;
}

.time-hyphen-space{
	padding: 5px 10px 5px 5px;
}

.welcome-publicmap{
	color:#30aaac;
	font-size:18px;
	text-align:left;
	padding:8px 30px;
	float:left;
	}

.handsontable th{
	border-right: none
}

.handsontable td.htDimmed{
	color: #333;
}

.handsontable td:last-child {
	vertical-align: middle;
}

.inner-border {
	border-bottom: solid thin #ccc;
}

.border-none-right {
	border-bottom: solid thin #ccc;
	border-right: 0px;
}

.border-none-left {
	border-left: 0px;
}

.ht_clone_top th {
  background-color: #f0f8ff;
}

.vrp_confirm_table {
	border: 1px solid #cccccc;
	border-collapse: collapse;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 100%;
	max-width: 1200px;
	font-size: 14px;
	table-layout: fixed;
	word-break: break-all;
}


.vrp_confirm_table th {
	background-color: #f5eeba;
	border: 1px solid #cccccc;
	font-weight: normal;
	font-size: 13px;
	padding: 5px;
}

.vrp_confirm_table th:nth-of-type(1) {
	width: 40px;
}

.vrp_confirm_table th:nth-of-type(2) {
	width: 130px;
}

.vrp_confirm_table th:nth-of-type(3) {
	width: 200px;
}

.vrp_confirm_table th:nth-of-type(4) {
	width: 105px;
}

.vrp_confirm_table th:nth-of-type(5) {
	width: 90px;
}

.vrp_confirm_table td{
	padding:5px;
	border:1px solid #cccccc;
}

#reset_create_delivery_plan {
	float: right;
}

.excel_tabel_head {
	background-color:#f5eeba;
}

.handsontable_time_set td.not-editable {
	background-color: rgba(0, 0, 0, 0.3);
}

.realtimemap_table_td.status{
	width: 90px;
}

.realtimemap_table a svg{
	margin-bottom: 4px;
}

.realtimemap_table_td.address{
	min-height: 40px;
}

a.nav-link{
	padding-top: 0;
	padding-bottom: 0;
}


.margin-left-20{
	margin-left: 20px;
}

.blue-font {
	color: #2a4ac5;
}

.gray_border_bothside{
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.z-index-2 {
	z-index: 2;
}
.fade-new-icon {
	animation: fadeOut 8s forwards;
	animation-delay: 1s;
	opacity: 1;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@media screen and (min-width:768px) {
	.realtime_map_title {
		margin-left: -10px;
	}
}

@media screen and (max-width:576px) {
	h1.realtime_map_title, #updated{
		padding: 0px;
	}

	div.map_top_label{
		margin-left: 10px auto 10px -10px;
		padding: 0 20px 0 0;
	}
}

.tooltip-container {
	position: relative; /* ツールチップの位置の基準に */
	cursor: pointer; /* カーソルを当てたときにポインターに */
}

.tooltip-text {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
	display: inline-block;
	padding: 5px;
	white-space: nowrap;
	font-size: 0.8rem;
	line-height: 1.3;
	background: #42b983;
	color: #ffffff;
	border-radius: 3px;
	transition: 0.3s ease-in;
}

.tooltip-container:hover .tooltip-text {
	opacity: 1;
	visibility: visible;
}

.hover-pointer:hover {
	cursor: pointer;
}

.hover-shade:hover {
	background-color: rgba(0, 0, 0, 0.3);
}

.mail-icon {
	color: #2a4ac5;
	font-size: 14px;
	padding: 0px 5px;
}

.title_box {
	position: relative;
	margin: 10px 0;
	padding: 10px 20px 15px 5px;
/*	background-color: #EEEEEE;*/
	border: 1px solid #CCCCCC;
	width: fit-content;
}

.title_box .box_title {
	position: absolute;
	display: inline-block;
	top: -8px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 15px;
	background: #FFF;
	color: #5f78da;
	font-weight: bold;
}

.icon_block {
	width: 40px;
	display: inline-block;
	text-align: center;
}

.icon_in_title_box {
	padding: 5px;
}

.btn_in_title_box {
	position: absolute;
	right: 20px;
	bottom: 15px;
}

.input_area_in_title_box {
	width: 150px !important;
	border-radius: 3px;
	padding: 3px;
}

.button_divided_at {
	display: inline-block;
	cursor: none;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	padding: 1px 4px 1px 4px;
	font-size:x-small;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.day_button {
	padding: 3px 10px 3px 10px;
	border-radius: 3px;
	height: 30px;
}

.day_button:hover{
	color: white;
	background-color: #5f78da;
}

.gantt-chart-div, .gantt{
	max-width: 50%;
}

.upper-menu-of-content {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
}

.scroll-x-wrapper {
	overflow-x: auto;
}

.scroll-y-wrapper {
	overflow-y: auto;
}

.thin-border {
	border-width: 1px 0 0 0;
	border-style: solid;
	width: 400px;
	text-align:left;
	margin-left:0px;
}

.top-bottom-center {
	display: flex;
	align-items: center;
}

@media screen and (min-width: 1024px) {
	.br-only-smartphone {
		display: none;
	}
}

.daily_hr {
	height: 1px;
	background-color: #26a012;
}

.overflow-wrap-break-word {
	overflow-wrap: break-word;
}

.branch-menu-head-title {
	max-width: 200px;
}

/* 配送計画の基本設定等で使っているチェックボックス */
.checkbox-default {
	width: 15px;
	height: 15px;
	font-size:15px;
	display: inline;
}

.parcel-modal{
	z-index:1000;
	min-width:300px;
	max-width:500px;
	padding: 1em;
	background:#fff;
	border-radius: 5px;
}

#parcel-overlay{
	/*　要素を重ねた時の順番　*/

	z-index:999;


	/*　画面全体を覆う設定　*/
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);

	/*　画面の中央に要素を表示させる設定　*/
	display: flex;
	align-items: center;
	justify-content: center;

}

.pickup-parcel-label {
	color:#0b3e9f;
}

.delivery-parcel-label {
	color:purple;
}

.input_load_capacity_number {
	width: 60px !important;
	height: 13px;
    text-align: right;
	padding: 5px;
	box-sizing: content-box;
}

.input_load_capacity_div {
	margin-left: 18px
}

.select_car_for_driver_div {
	display: flex;
	align-items: center;
	margin-left: 11px;
}

.select_car_for_driver_div.inside_v_autocomplete input {
	margin: 0;
	font-size: 14px;
	height: 28px;
}

.select_car_for_driver_div.inside_v_autocomplete div.v-input__slot::before {
	border-style: none;
}


.select_car_for_driver_div.inside_v_autocomplete div.v-input__slot::after {
	border-style: none;
}

.select-driver {
	width: 150px;
}

.select2-search__field:focus {
	outline: none;
}

.light-green-bg {
	background-color: #eaffea;
}

.report_mini_table {
	max-width:300px;
	height: auto;
	text-align: left;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	margin: 0 15px 15px 0;
}

.report_mini_table th {
	padding: 5px;
	background-color: #f5eeba;
	border:1px solid #cccccc;
	border-collapse: collapse;
}

.report_mini_table td {
	padding: 1px;
	border-collapse: collapse;
}

.mini_gray_table {
	min-width:300px;
	height: auto;
	text-align: left;
	border: 1px solid white;
	border-collapse: collapse;
	margin: 0 15px 15px 0;
	background-color: #eeeeee;
}

.mini_gray_table td{
	border: 1px solid white;
	border-collapse: collapse;
	padding: 3px;
}

.oc_outline_box tr td input.input_two_digit[type="number"]{
	width:45px;
}

[v-cloak] {
	display: none;
}

.small-padding {
	padding: 1px;
}

.select2-box{
	max-width: 200px;
}

.rounded-checkbox-wrapper {
	display: flex;
	cursor: pointer;
	border-radius: 5px;
	padding: 3px;
	white-space: nowrap;
}

.rounded-checkbox-wrapper:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.rounded-checkbox {
	display: inline-block;
	position: relative;
	background-color: #ffffff;
	border: 2px solid #26a012;
	border-radius: 50%;
	height: 20px;
	width: 20px;
}

.rounded-checkbox.checked {
	background-color: #26a012;
}

.rounded-checkbox:after {
	border: 2px solid #fff;
	border-top: none;
	border-right: none;
	content: "";
	height: 4px;
	width: 8px;
	transform: rotate(-45deg);
	position: absolute;
	top: 30%;
	left: 25%;
}

.rounded-checkbox-label {
	padding: 0 3px;
}

td div .rounded-action-link {
	display: block;
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
}

.rounded-action-link:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.copy_tooltip {
	position: absolute;
	width: 150px;
	height: 25px;
	background-color: rgba(192,192,192,90%);
	border-radius: 5px;
	text-align: center;
	font-size: 18px;

}
.copy_button_div{
	position: relative;
}

.btn-copy-url{
	position: relative;
	z-index: 0;
}

.qr-code-block{
	position: relative;
	z-index: 20;
}
.float-mini-window {
	position: absolute;
	display: flex;
	justify-content: center;
	flex-direction: column;
	background-color: #fff;
	border: #ccc 1px solid;
	border-radius: 5px;
	z-index: 10;
}

.float-mini-window-header {
	width: 100%;
}

.float-mini-window-close {
	font-weight: bold;
	float: right;
}

.only-print-content{
	display: none;
}

.daily-report-table {
	table-layout: fixed;
	width: 900px;
	word-break: break-all;
}


.daily-report-table td{
	padding: 3px;
}

.daily-report-table th{
	padding: 3px;
}

.work-content{
	line-height: 150%;
}

.work-content hr{
	margin:5px;
}

.dashed-hr{
	border-top: dashed #f2f2f2;
}

.span-green{
	color: #26a012;
}

.make-scroll{
	max-width: 100%;
	overflow-x: auto;
}
.focus-breadcrumbs-item{
	color: #2a4ac5;
}
.dey-report-data-color-palet{
	position: relative;
	top: 0;
	left: 0;
}

input[type="checkbox"].readonly {
	opacity: 0.8
}

.field_frame_table th{
    text-align: left;
    font-weight:normal;
    font-size:13px;
    padding:5px;
}

.field_frame_table td{
    text-align: left;
    padding: 6px 10px;
}

.field_frame_table td.drag_and_drop{
    width: 30px;
}

.field_frame_table td.number {
    width: 20px;
    text-align: center;
}

.field_frame_table td.hide_icon {
    width: 50px;
    text-align: center;
}

.less_than_12_char{
	max-width: 12rem;
}

.text_right{
    text-align: right;
}

.box-content-line {
    display: table;
    width: 100%;
}
.box-left-content {
    display: table-cell;
    text-align: left;
}
.box-right-content {
    display: table-cell;
    text-align: right;
    padding-left: 8px;
    padding-right: 8px;
}

.mapbox_popup {
    width: auto;
    height: auto;
    max-width: 240px;
    padding-top: 10px;
}


.dounut-graph-wrapper {
	width: 150px;
	margin-left: 40px;
}

.w-1280 {
	width: 1280px;
}

.w-600 {
	width: 600px;
}

.important_notice_title{
    padding: 5px;
    background-color: #F6AA00;
    color: #0a0a0a;
}


.free_width_report_table{
	min-width: 1280px;
	border:1px solid #cccccc;
	border-collapse:collapse;
	margin-bottom:10px;
	margin-top:10px;
	font-size:14px;
	width:100%;
}

.sticky-th{
	border-left: none;
	border-right: none;
	position: sticky;
	top: 0;
	left: 0;
}

.sticky-td{
	border-left: none;
	border-right: none;
	position: sticky;
	top: 0;
	left: 0;
	background-color: white;
}

.free_width_report_table.min-width-1900{
	min-width: 1900px;
}

.free_width_report_table th{
	background-color: #f5eeba;
	border:1px solid #cccccc;
	font-weight:normal;
	font-size:13px;
	padding:5px;
}

.free_width_report_table td{
	padding:5px;
	border:1px solid #cccccc;
}

.free_width_report_table .cell-inside-cell {
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

.free_width_report_table .cell-inside-cell:last-child {
	border-bottom: none;
}

.m-30 {
	margin: 30px;
}

.day-report-data-color-chart{
	float: right;
}

.color-chart{
	float: right;
	border: 1px solid #cccccc;
}

.color-chart td{
	border: 1px solid #cccccc;
	width: 80px;
	text-align: center;
}


.three-content-table .color-chart td:nth-child(n){
	border: 1px solid #cccccc;
	width: 50px;
	text-align: center;
	font-weight: lighter;
	padding: 0px;
}

#confirm-input-dialog {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	padding: 20px;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 10px 0px #ccc;
}

.signature-input input[type="text"]{
	width: 150px;
}

.servece-info{
	width: 500px;
	height: 180px;
}

.distance-color {
	color: #42b983;
}

.active-status-1-button-color {
	background-color: rgba(235, 0, 0, 0.9);
	color: rgba(255, 255, 255, 1);
}

.active-status-2-button-color {
	background-color: rgba(14, 151, 248, 0.8);
	color: rgba(255, 255, 255, 1);
}

.active-status-3-button-color {
	background-color: rgba(14, 180, 80, 1);
	color: rgba(255, 255, 255, 1);
}

.active-status-4-button-color {
	background-color: rgba(118, 14, 248, 0.8);
	color: rgba(255, 255, 255, 1);
}

.inactive-status-1-button-color {
	background-color: rgba(255, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.7);
}

.inactive-status-2-button-color {
	background-color: rgba(14, 151, 248, 0.1);
	color: rgba(0, 0, 0, 0.7);
}

.inactive-status-3-button-color {
	background-color: rgba(14, 248, 80, 0.1);
	color: rgba(0, 0, 0, 0.7);
}

.inactive-status-4-button-color {
	background-color: rgba(118, 14, 248, 0.1);
	color: rgba(0, 0, 0, 0.7);
}

.status-button {
	text-align: center;
	width: 70px;
	height: 20px;
	margin: 12px 5px 5px 5px;
	border-radius: 3px;
	font-size: 14px;
}

.enable-label {
	margin: 13px 0px 0px 10px;
}

.address-form {
	height: 30px;
	margin: 20px 0px 0px 0px;
}

.notifier-setting-list-ul li{
	margin-bottom: 15px;
}

ul.dod_ul li{
	list-style: disc inside;
}

.paging div a{
	@media (max-width: 900px) {
		padding: 0 2px;
		margin: 0px 1px;
		letter-spacing: -1.1px;
		line-height: 2;
	}
	@media (min-width: 901px) {
		font-size: 1rem;
		padding: 0 8px;
		min-width: 30px;
		height: 30px;
		border: solid 1px #022094;
		color: #022094;
		margin: 0px 3px;
		background-color: #d9dff4;
		letter-spacing: -1px;
		line-height: 2;
	}

}

.paging div a:hover{
	background-color: #ffffff;
	text-decoration: none;
}


.paging div span#pager_current_index{
	@media (max-width: 900px) {
		padding: 0 2px;
		margin: 0px 1px;
		letter-spacing: -1.6px;
	}
	@media (min-width: 901px) {
		font-size: 1rem;
		padding: 0 7px;
		min-width: 30px;
		height: 30px;
		border: solid 1px #022094;
		color: #ffffff;
		background-color: #022094;
		margin: 0px 2px;
		letter-spacing: -1px;
	}
}

.paging-modal div a{
	padding: 0 3px;
	margin: 0px -1px;
	letter-spacing: -1.1px;
	line-height: 2;
}

.paging-modal div span#pager_current_index{
	padding: 0 3px;
	margin: 0px -1px;
	letter-spacing: -1.6px;
}

.notifier-setting-confirm-box{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 10px 0px #ccc;
    z-index: 10;
}

.line-dashed-b {
    border-bottom: 1px dashed #cccccc;
}

.template-setter-tooltip-container {
    position: relative; /* ツールチップの位置の基準に */
	cursor: pointer; /* カーソルを当てたときにポインターに */
}

.template-setter-tooltip-text {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 150px;
	transform: translateX(-50%);
    top: 0;
	display: inline-block;
	padding: 5px;
	white-space: pre-line;
	font-size: 0.8rem;
	line-height: 1.3;
	background: #42b983;
	color: #ffffff;
	border-radius: 3px;
	transition: 0.3s ease-in;
	width: 270px;
	height: 160px;
}

.template-setter-tooltip-container:hover .template-setter-tooltip-text {
	opacity: 1;
	visibility: visible;
}

.select-notifier-tooltip-container {
	position: relative; /* ツールチップの位置の基準に */
	cursor: pointer; /* カーソルを当てたときにポインターに */
	z-index: auto;
}

.select-notifier-tooltip-text {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 150px;
	transform: translateX(-50%);
	display: inline-block;
	padding: 5px;
	white-space: pre-line;
	font-size: 0.8rem;
	line-height: 1.3;
	background: #42b983;
	color: #ffffff;
	border-radius: 3px;
	transition: 0.3s ease-in;
	width: 270px;
	height: auto;
	text-align: left;
	z-index: 9999;
}

.select-notifier-tooltip-container:hover .select-notifier-tooltip-text {
	opacity: 1;
	visibility: visible;
}

.select-notifier-tooltip-text {
	white-space: normal;
}

.soft-cue-message-color {
	color: #8A8F94;
	opacity: 0.8;
}

#dropdown .dropdown-submenu {
	position: relative;
}

.show .dropdown-menu .dropdown-submenu > .dropdown-menu {
	margin-left: 0; /* 横にずらさない */
	top: 100%; /* クリックしたアイテムのすぐ下に配置 */
	margin-top: 0;
	background-color: #EEEEEE;

	width: 100%;
}

.masonry{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.masonry .masonry-item{
	column-count: 2; /* カラム数 */
	column-gap: 1rem; /* カラム間のギャップ */
	width: 100%;
}

.masonry .masonry-item img{
	display: inline-block;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 100%;
}

.masonry-width-768px{
	display: flex;
	flex-wrap: wrap;
	max-width: 768px;
}

.masonry-width-768px .masonry-item{
	column-count: 3; /* カラム数 */
	column-gap: 1rem; /* カラム間のギャップ */
	width: 100%;
}

.masonry-width-768px .masonry-item .masonry-text-img{
	display: inline-block;
	border-radius: 5px;
	margin-bottom: 1rem; /* アイテム間の下マージン */
	width: 100%; /* 幅を100%に設定 */
}

.masonry-width-768px .masonry-item img{
	width: 100%;
}

.masonry-width-768px .masonry-item .text{
	 color: #26A012;
}

.masonry-width-768px .masonry-item .info-tag{
	width: 100%;
	word-wrap: break-word;
}

.masonry-smartphone{
	display: flex;
	max-width: 600px;
}

.masonry-smartphone .masonry-smartphone-items{
	column-count: 2; /* カラム数 */
	column-gap: 1rem; /* カラム間のギャップ */
	width: 100%;
}

.masonry-smartphone .masonry-smartphone-items img{
	width: 100%;
}

.masonry-smartphone text{
	min-width: 40px;
	margin-top: auto;
}

.hidden {
	display: none;
}
/* worktime_editの参照画像のマージン */
.myimgs {
	margin-right: 10px;
	margin-left: 10px;
}

/* モーダル内の画像 */
.detail-modal-content {
	position: absolute;
	object-fit: contain;
	background-color: transparent;
	border: none;
	box-shadow: none;
	width: fit-content;
}


/* 閉じるボタン */
.image-modal-close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: white;
	font-size: 24px;
	cursor: pointer;
}

.image-modal-close:hover,
.image-modal-close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

.hover-cursor {
	cursor: pointer;
}


/* モーダルのスタイル */
.modal {
	display: none; /* 初期状態では非表示 */
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}

.modal img {
	position: absolute;
	max-width: 90%;
	max-height: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.05) ;
}

.modal-close {
	position: absolute;
	top: 20px;
	right: 20px;
	color: white;
	font-size: 24px;
	cursor: pointer;
}

/* 画像のデフォルトスタイル */
.thumbnail {
	transition: transform 0.3s ease, box-shadow 0.3s ease; /* スムーズなアニメーション */
	cursor: pointer; /* カーソルをポインターに変更 */
}

/* ホバー時の拡大効果 */
.thumbnail:hover {
	transform: scale(1.1); /* 10%大きくする */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 軽い影を追加 */
}

.modal_content {
	background: #fff;
	width: 400px;
	margin: 10% auto;
	padding: 20px;
	border-radius: 8px;
	max-height: 70vh;
	overflow-y: auto;
}

.volume_modal_content {
	background: #fff;
	width: 600px;
	margin: 10% auto;
	padding: 20px;
	border-radius: 8px;
	max-height: 70vh;
	overflow-y: auto;
}

.order_setting_modal_content {
	background: #fff;
	align-items: center;
	height: auto;
	width: 500px;
	margin: auto;
	padding: 20px;
	border-radius: 8px;
	overflow-y: auto;
}

#reordering_order_setting_list {
	list-style: none;
	padding-left: 0;
	margin-bottom: 20px;
}

.reordering {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 5px 12px;
	background-color: #eaebeb;
	border-radius: 6px;
	margin-bottom: 6px;
	margin-left: 10px;
}

.reordering_modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center; /* 横中央 */
	align-items: center;     /* 縦中央 */
	background: rgba(0, 0, 0, 0.5); /* オーバーレイ */
	z-index: 9999;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.reordering:hover {
	background: #d6e4ec;
}

.modal-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}

.center-button {
	text-align: center;
	margin-top: 2em;
}

.reordering.dragging {
	opacity: 0.6;
	border-style: dashed;
	background-color: #b9d7ea;
}

.order_setting_column {
	align-items: center;
}

#choices_ul li {
	display: flex;
	align-items: center;
}

#choices_ul li button {
	margin-left: auto;
}

#choices_ul li:nth-child(odd) {
	background-color: #eaebeb;
}

#choices_ul li:nth-child(even) {
	background-color: #ffffff;
}


/* ナビゲーションボタンのスタイル */
.modal .nav-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(255, 255, 255, 0.8); /* 白背景に透明感 */
	color: #333; /* ダークグレーの文字色 */
	border: 2px solid rgba(0, 0, 0, 0.2); /* うっすらした境界線 */
	border-radius: 50%; /* 円形 */
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 軽い影を追加 */
	cursor: pointer;
	font-size: 20px;
	z-index: 10000;
	transition: all 0.3s ease; /* ホバー時のアニメーション */
}

/* 左ボタンの位置 */
.modal .prev {
	left: 10px;
}

/* 右ボタンの位置 */
.modal .next {
	right: 10px;
}

/* ホバー時の効果 */
.modal .nav-button:hover {
	background-color: rgba(0, 0, 0, 0.8); /* 背景を濃く */
	color: white; /* 文字を白に */
	transform: translateY(-50%) scale(1.1); /* 少し大きく */
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); /* 影を強調 */
}

.grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
	gap: 5px;
}

.grid-item {
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.grid-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-container {
	position: relative;
	margin: 5px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;

}


.image-container img {
	display: block;
	width: 100%;
	height: auto;
}


.text-overlay {
	position: absolute;
	top: 10%;
	right: 5%;
	color: white;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
}

/* モバイル対応で少し小さく */
@media (max-width: 768px) {
	.modal .nav-button {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}
}


.image-card {
	width: calc(24% - 10px);
	box-sizing: border-box;
	transition: transform 0.2s ease-in-out;
}

.image-card:hover {
	transform: scale(1.05);
}

.card-img {
	width: 100%; /* カードの幅に合わせる */
	aspect-ratio: 1; /* 幅と高さを1:1にする（正方形） */
	object-fit: cover; /* 中身の画像を切り取ってカバーする */
}


@media (max-width: 768px) {
	.card {
		width: calc(50% - 10px);
	}
}

@media (max-width: 480px) {
	.card {
		width: 100%;
	}
}

/* 配送先検索 */
input[type="text"].wide_search {
	width: 365px;
}

/* 必須スキル等 */
.margin_require_skill {
	margin-left: 100px;
}

.margin_body_type {
	float: right;
}

.driver-skill-overflow-hidden {
	display: none;
}
.driver-skills-overflowing-dot {
	cursor: pointer;
}

.driver-skills-overflowing-close-button {
	cursor: pointer;
}



/* コンテナ全体のスタイル */
.datetime-container {
	display: flex;
	align-items: center;
	gap: 10px; /* 要素間の余白 */
	margin: 10px 0; /* 上下のマージン */
}

/* 日付・時間入力フィールドのスタイル */
.datetime-container input[type="date"],
.datetime-container input[type="time"] {
	padding: 5px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: auto;
}

/* ボタンのスタイル */
.datetime-container .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 10px;
	font-size: 14px;
	color: white;
	background-color: #007bff; /* 青系のボタン色 */
	border: none;
	border-radius: 4px;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap; /* テキストを折り返さない */
}

/* ホバー時のボタンスタイル */
.datetime-container .btn:hover {
	background-color: #0056b3;
}

.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal-content {
	background: white;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	width: 90%;
}

.scrollable-table-container {
	width: 100%;
	overflow-x: auto;
	overflow-y: auto;
	max-height: 400px; /* テーブルが長くなったときにスクロールを発生させる */
}

.scrollable-table-container table {
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 14px;
	max-width: 1900px;
	min-width: 600px; /* スマホでもスクロールしやすいように設定 */
	white-space: nowrap;
}

.scrollable-table-container thead tr {
	background-color: #f4f4f4;
	position: sticky;
	top: 0;
	z-index: 30;
}



.scrollable-table-container th {
	background-color: #f5eeba;
	border: 1px solid #cccccc;
	font-weight: bold;
	font-size: 13px;
	padding: 5px;
}

.scrollable-table-container td {
	border: 1px solid #ccc;
	padding: 10px;
	text-align: left;
}

.scrollable-table-container tbody tr:nth-child(odd) {
	background-color: #F5F5F5;
}

.x-scrollable-table-container {
	width: 100%;
	overflow-x: auto;
	overflow-y: auto;
}

.x-scrollable-table-container table {
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 14px;
	max-width: 1900px;
	min-width: 600px; /* スマホでもスクロールしやすいように設定 */
	white-space: nowrap;
}

.x-scrollable-table-container thead tr {
	background-color: #f4f4f4;
	position: sticky;
	top: 0;
	z-index: 30;
}



.x-scrollable-table-container th {
	background-color: #f5eeba;
	border: 1px solid #cccccc;
	font-weight: bold;
	font-size: 13px;
	padding: 5px;
}

.x-scrollable-table-container td {
	border: 1px solid #ccc;
	padding: 10px;
	text-align: left;
}

.x-scrollable-table-container tbody tr:nth-child(odd) {
	background-color: #F5F5F5;
}

.ap_settings_table_container {
	max-width: 1280px;
	overflow-y: auto;
	height: 100%;
	max-height: 884px;
	margin-bottom: 30px;
}

.ap_settings_table_container table {
	width: 1270px;
	border: 1px solid #cccccc;
}

.ap_settings_table_container thead {
	z-index: 2;         /* 他の要素の上に表示するため */
	background: #eeeeee; /* ヘッダーの背景色 */
	position: sticky;
	top: 0;
	border: 1px solid #cccccc; /* ヘッダーの下に線を引く */

}

.ap_settings_table_container thead th {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #cccccc; /* ヘッダーの下に線を引く */
}

.ap_settings_table_container thead th,
.ap_settings_table_container tbody td {
	padding: 10px 3px;
	border: 1px solid #cccccc;
}

.fit-width {
    width: auto;
    max-width: 100%;
}

.child_geographic_menu {
    padding: 11px;
    cursor: pointer;
}

.child_geographic_menu.selected {
    background-color: #f9f9f9;
    font-weight: bold;
}

.child_geographic_menu:hover {
    background-color: #f0f0f0;
}


/* 点滅 */
.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
	-moz-animation:blink 0.5s ease-in-out infinite alternate;
	animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

@media screen and (max-width: 450px) {
	.day-report-data-color-chart{
		float: none;
	}
}

/* tawk.to */
.tawk-info-box {
	position: fixed;
	right: 24px;
	bottom: 90px;
	z-index: 99999;
	background: rgba(255,255,255,0.9);
	border: 1px solid #ccc;
	border-radius: 20px;
	padding: 8px 12px;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.tawk-info-box .close-btn {
	background: transparent;
	border: none;
	font-size: 14px;
	cursor: pointer;
	padding: 2px 6px;
	line-height: 1;
}

.tawk-info-box .tawk-setting-btn,
.tawk-info-box .close-btn {
	cursor: pointer;
}

.tawk-info-box .tawk-setting-btn:hover {
	background: rgba(0,0,0,0.1);
}

/*テーブルの一番上のボーダーのみ削除*/
.transparent_table tr:first-child th,
.transparent_table tr:first-child td {
    border-top: none;
}

/*テーブルの一番下のボーダーのみ削除*/
.transparent_table tr:last-child th,
.transparent_table tr:last-child td {
    border-bottom: none;
}

.day-report-setting {
    font-weight: bold;
    color: #000;
}
.day-report-setting:hover {
    text-decoration: none;
}

.input-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.autocomplete {
	position: relative;
	display: inline-block;
}

.autocomplete input[type="text"] {
	width: 315px;
	box-sizing: border-box;
	padding-right: 28px;
	border-radius: 0;
}

.autocomplete .dropdown-arrow {
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	pointer-events: auto;
	z-index: 3;
	font-size: 14px;
	color: #555;
	user-select: none;
}

.autocomplete .dropdown-arrow:hover {
	background: #e0e0e0;
	color: #2a4ac5;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
	cursor: pointer;
	transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}

.autocomplete .suggestions {
	position: absolute;
	z-index: 1000;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	max-height: 200px;
	overflow-y: auto;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.autocomplete .suggestions li {
	padding: 6px 10px;
	cursor: pointer;
}

.autocomplete .suggestions li:hover {
	background-color: #f0f0f0;
}

.scale-select {
	height: 32px;
}

.required_skill_label {
	color: #987f16;
}

.text-unobtrusive {
    color: gray;
    font-size: 12px;
}


.max-w-100 {
	max-width: 100px;
}

.center_td {
    text-align: center;
}


.mt_2 {
    margin-top: 2px;
}

.report_table td.pr_14 {
    padding-right: 14px;
}

.min-height-35 {
    min-height: 35px !important;
}

.v-expansion-panel-content__wrap {
    padding: 0 6px 0 !important;
}

.oc_outline_box textarea.no-border-textarea {
    border: none;
    box-shadow: none;
}

.oc_outline_box textarea.no-border-textarea:focus-visible {
    outline: none;
}

.max-w-700-wrap {
    max-width: 700px;
    word-break: break-all;
}