@charset "utf-8";
/* CSS Document */

html,body {
	font-family:  "ＭＳ ゴシック", "MS Gothic", "HiraKakuProN-W3", sans-serif;
	font-size: 46px;
	touch-action:none;
}

div.mainBox {
	padding: 20px 50px;
}
h6.compName {
	text-align-last: justify;
}
h7.compNameEng {
	text-align: center;
}
h2.systemTitle{
	text-align: center;
	font-weight: 700;
}

.modal{
	width: 100%;
	padding: 0;
	margin: 0;
}
.modal-xl{
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	margin: auto;
}

header {
	padding: 10px;
	height: 120px;
	touch-action:none;
}
.headerFull {
	width: 100%;
	margin: 0;
	padding: 0;
}
.listBox {
	height: calc(100% - 120px);
	overflow-y: auto;
}
.listBoxRenraku {
	height: calc(100% - 190px);
	overflow-y: auto;
}
.listBoxTaxi {
	height: calc(100% - 190px);
	overflow-y: auto;
}

.list-group{
	height: 100%;
	background: #FFF;
}

.haisyaTbody {
	/*
	background: linear-gradient(#00a1e9,#7fbfff);
	border-bottom: 1px solid #c0c0c0;
	color: #FFF;
	*/
}
.saisokuTbody {
	background: linear-gradient(#ea5550,#ff7f7f);
	border-bottom: 1px solid #c0c0c0;
	color: #FFF;
}

input[type=checkbox] {
    width: 50px;
    height: 50px;
    vertical-align: middle;
}
input[type=radio] {
    width: 50px;
    height: 50px;
    vertical-align: middle;
}
.radioLabel {
	height: 50px;
	line-height: 50px;
}

.dateInput {
	width: 380px;
}
.timeInput {
	width: 250px;
}

input.boarNo {
	width: 161px;
}

ul {
	touch-action:pan-y ;
}
ul>li {
	padding-top: 10px;
	padding-bottom: 10px;
}

.row {
	display: flex;
    flex-wrap: wrap;
}
img.sumi {
	width: 46px;
	height: 46px;
}
img.kettei {
	width: 46px;
	height: 46px;
}

.icon-red {
	color: #F00;
}
.icon-yellow {
	color: #ffa500;
}


.container {
	max-width: 100%;
}

.TaxiNickName {
	width: 120px;
	height: 85px;
	line-height: 85px;
}
.PilotLink {
	width: 200px;
	height: 85px;
	line-height: 85px;
}
.HaishaInfo {
	width: calc(100% - 380px);
	height: 85px;
	line-height: 85px;
}
.simpleHaishaInfo {
	width: calc(100% - 450px);
	height: 85px;
	line-height: 85px;
}
.Icon{
	width: 50px;
}
.BortNo{
	width: 120px;
}
.Biko{
	width: calc(100% - 250px);
}
.HaishaButton {
	width: 130px;
}

.divWifi {
	float: right;
	width: 85px;
	height: 85px;
	padding-top: 19px;
}
.divWifi>.fas{
	position: absolute;
}
.iconSlashwifi {
	display: none;
}