/*!
 * カスタマイズ用のCSS
 * 独自作成のスタイル
 *
 */


 a,a:hover{color:#337ac5;}
body{background:#fff;}
h1.head_title{font-size:18px;font-weight: bolder;padding-left: 30px}
h1.head_title span{font-size:14px; padding-left:20px;}
#wrapper{
	height:100%;
	background:#f8f8f8;
}
.container{
	width:auto;
	padding:20px 30px;
	background:#e6eced;
	height:100%;
}
/*.btn,.panel,.btn-group,.alert{ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}*/
.btn-group>.btn{box-shadow: none;}
.navbar-default{background:#fff;}
.sidebar ul li a.active{background:#e6eced;}
.sidebar-nav .nav > li > a{background:#f8f8f8;}
.sidebar-nav .nav > li > a:hover{background:#e6eced;}

.alert-danger{border:none; background:#f9d3cf;}
.panel-info > .panel-heading{border-bottom:1px solid #83dba2; background:#caf1d7; color:#333; font-size:16px;}
.panel-info{border:1px solid #83dba2;}

.panel{border:1px solid #ddd;}
.panel-common .panel-heading{background:#caf1d7;}
.panel-body .table{margin-bottom:0;}
.panel-footer {
	text-align: center;
    font-weight: bold;
    font-size: 20px;
    background-color: #ffffff;
}

.panel-primary .panel-footer {
	color:#095077;
}

.panel-green .panel-footer {
	color:#5cb85c;
}

.footerWrap{
	padding:30px;
	border-top:1px solid #ddd;
	background:#fff;
}
.btn,.alert,.panel{border-radius: 1px;}
.btn.btn-circle{border-radius: 14px;}
.btn-info{background:#18aa4a; border-color:#18aa4a;}
.btn-info:hover{background:#029434; border-color:#029434;}
.btn-info:active, .btn-info:focus{color:#fff;background-color:#449d44;border-color:#398439}
.btn-info:active:hover{background:#029434; border-color:#029434;}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
	background-color:#18aa4a;
	border-color:#18aa4a;
}

table.borderless>tbody>tr>td{border:none;}

.scroll-panel{
	height:300px;
	overflow-y:auto;
}

.panel-heading .row>div{padding: 0 15px;}

.btn-primary.btn-outline{background:#fff;}
.btn-primary.btn-outline:hover{color:#2e6da4; background-color:#cbdae5;}

.btn-success.btn-outline{background:#fff;}
.btn-success.btn-outline:hover{color:#449d44; background-color:#dcefdd;}
.btn-info.btn-outline{color:#fff;}

.padding-content{padding:28px 0 !important;}
.block-content{display:inline-block; margin-bottom:5px;}
.mode-receipt,
.mode-escape,
.mode-more,
.mode-malfunction,
.mode-noparking{
	padding:20px;
	color:#fff;
}
.mode-receipt{background:#29c75f; border-color:#019f37;}
.mode-escape{background:#e74c3c; border-color:#cc3121;}
.mode-more{background:#095077; border-color:#013556;}
.mode-malfunction{background:#ffc153; border-color:#f99e2a;}
.mode-noparking{background:#39c3da; border-color:#159fb6;}

.usage{font-size:20px;}
.line-margin-obj{margin-top:10px;}


.fa-1x span{font-size:14px; vertical-align:middle; padding-left:20px; display:inline-block; margin-top:-10px;}
.fa-2x span{font-size:20px; vertical-align:middle; padding-left:20px; display:inline-block; margin-top:-10px;}
.fa-3x span{font-size:24px; vertical-align:middle; padding-left:20px; display:inline-block; margin-top:-10px;}
.fa-4x span{font-size:30px; vertical-align:middle; padding-left:20px; display:inline-block; margin-top:-10px;}
.fa-5x span{font-size:36px; vertical-align:middle; padding-left:20px; display:inline-block; margin-top:-10px;}
.fa-6x span{font-size:42px; vertical-align:middle; padding-left:20px; display:inline-block; margin-top:-10px;}
.fa-7x span{font-size:48px; vertical-align:middle; padding-left:20px; display:inline-block; margin-top:-10px;}
.fa-8x span{font-size:56px; vertical-align:middle; padding-left:20px; display:inline-block; margin-top:-10px;}
.fa-9x span{font-size:62px; vertical-align:middle; padding-left:20px; display:inline-block; margin-top:-10px;}
.fa-10x span{font-size:68px; vertical-align:middle; padding-left:20px; display:inline-block; margin-top:-10px;}

.btn .lead{line-height:1; font-size:20px;}

.align-middle{vertical-align:middle !important;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding-right:5px;
	padding-left:5px;
}
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th{
	background:#caf1d7;
}

.fit-button-wrapper{clear:both; overflow:hidden;}
.fit-button-button,
.fit-button-label{
	background:#fff;
	padding:15px;
}
.fit-button-label{border-right:1px solid #ddd;}
.fit-button-label p{padding:8px 0;}


.bg-nomal {
    background-color:white;
}

.bg-escape {
    background-color:#f92500;
}

.bg-enter {
    background-color:#29c75f;;
}

.bg-break {
    background-color:#e5d100;
}

.bg-48over {
    background-color:#28af78;
}

.bg-stop {
    background-color:#c6c6c6;
}

.font-color-black {
    color:black;
}

.font-color-red{color:#e4263d;}
.font-color-orange{color:#ff6100;}
.font-color-blue{color:#007bd1;}

.font-color-darkblue{color:#00008B;}
.font-color-green {
    color:#29c75f;
}


.font-color-yellow {
    color:yellow;
}


.input-text {
	height:80% !important;
	margin-bottom:10px !important;
}

.input-panel {
  margin-top: 5%;
}

.unissued-icon {
	color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
	padding: 3px !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
	text-align: center !important;
	display: inline-block !important;
    max-width: 90% !important;
	font-size: xx-small !important;
	font-weight: lighter !important;
	box-sizing: border-box !important;
	cursor: default !important;
}

.issued-icon {
	color: #31708f !important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
	padding: 3px !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
	text-align: center !important;
	display: inline-block !important;
    max-width: 90% !important;
	font-size: xx-small !important;
	font-weight: lighter !important;
	box-sizing: border-box !important;
	cursor: default !important;
}

.select-in-td {
    height: 29px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    width: 55% !important;
}

.td-include-select {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.panel-set {
	padding:0px !important;
}

.link tr {
cursor:pointer;
}

.now-time {
	border-left-color: red !important;
	border-left-width: thick !important;
	border-left-style: double !important;
}

.tool:after {
	font-family: 'Open Sans Condensed', sans-serif;
	//font-weight:bold;
	font-size: var(--cusFontSize) ;
	content: attr(tool-data);
	margin-left: 1px;
	display: block;
	border: solid 1px #d3d2d2;

	background-image:
		-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.34, rgb(250,250,250)),
		color-stop(1, rgb(224,224,224)),
		color-stop(1, rgb(237,234,237))
		);

	background-image:
		-moz-linear-gradient(
		center bottom,
		rgb(250,250,250) 34%,
		rgb(224,224,224) 100%,
		rgb(237,234,237) 100%
		);

	color: #09549f ;
	text-decoration: none;
	position: absolute;
	margin: 0px 25px 1px 25px;
	right : 1%;
	padding: var(--cusPadding) ;
	visibility: hidden;
	z-index: 100;
	width: 340px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
	border-radius: 7px ;
	text-shadow:1px 0 1px rgba(255, 255, 255, 0.9);
	white-space: pre;
	}

.tool{
	text-decoration:none;
	position: relative;
	}

.tool:hover,
.tool:hover:after{
	visibility: visible;
	z-index: 100;
	}

.congestion-info-yellow {
    background-color: #fcf8e3;
}

.congestion-info-red {
    background-color: #ebccd1;
}

.congestion-info-blue {
    background-color: #d9edf7;
}
.inline {
    display: inline;
}

.btn-gray {
    background-color: #9E9E9E;
    /* border-color: #2e6da4; */
}

@media screen and (min-device-width: 1500px) {
	.table-container {
		width: 1500px !important;
	}
}


.sort {
	cursor: pointer;
}

/* Aggregate Screen */
.row-pointed {
	padding-left: 8%;
}

.row-pointed:hover{
	cursor: pointer;
	background-color: #4286f4;
}

.google-visualization-table-table{
	border: 1px solid #000000 !important;
}

.google-visualization-table-td {
	border: 1px solid #eee !important;
}

.google-visualization-table-tr-head{
  text-align: center;
}

.google-visualization-table-td-number {
    text-align: right;
    white-space: nowrap;
}


.highlighted {
	color : #FFFFFF;
    background-color: #4286f4
}

.table-monthly-row {
	font-size: 12px;
}

.table-monthly-row-avg {
	font-size: 12px;
}

textarea {
	resize: vertical;
}

.time-header{
	width : 25%;
	line-height: 100%;
	margin: 0
}

.time-row{
	height: 100%;
	margin:0;
	padding:0 !important;
	border-top: 0 !important;
}


/** SP ****************************************************/
@media screen and (max-width: 768px) {

	.container{
		margin:0 0 0 0;
		width:auto;
		padding:20px 30px;
		background:#e6eced;
		height:100%;
	}
	.clear-sidepadding>div{padding-right:0; padding-left:0;}
	.clear-sidepadding>div:nth-last-child(1){padding-right:0; padding-left:0;}
	.clear-sidepadding>div:nth-child(1){padding-right:0; padding-left:0;}
	.line-margin-obj{text-align:center;}
	.table-centering{width:100%;}
	.table-centering td,.table-centering th{padding:10px;}
	h1.head_title{padding-left:30px;}
}
@media screen and (min-width: 768px) {

	.sidebar{
		margin-top:1px;
	}
	.form-horizontal .control-label{
		text-align:left;
	}

	.clear-sidepadding>div:nth-last-child(1){padding-right:0;}
	.clear-sidepadding>div:nth-child(1){padding-left:0;}
	.time-status{padding-bottom:9px;}
	.table-centering{width:auto; margin: 0 auto;}
	.table-centering td,.table-centering th{padding:10px;}

}

@media screen and (max-width: 847px) {
	h1.head_title{padding-left:30px;}
}


.big-size {
    font-size: 20px;
   	text-align: center;
   	font-weight: normal;
}

.big-size li{
	width: 100px;
}

.big-size li.active a {
	    background: #ffffff !important;
	    color: #000000 !important;
}

.huge-size{
	 font-size: 30px;
}


.fixedHeader table, .scrollContent table {
	margin-bottom: 0px;
}

.fixedHeader table>thead>tr>th {
	border:1px solid #ddd !important;
}
.scrollContent {
	overflow-y: auto;
	max-height: 381px;
}

.alert.alert-danger {
	max-height : 297px !important;
	overflow-y: auto;
}

.input-coin {
	width : 100% !important;
}

.set-coin-column {
	width : 30% !important;
}

/* Table with fixed header and fixed column*/
.google-visualization-table-th{
	text-align: center;
	border-bottom: 1px solid !important;
    border-right: 1px solid !important;
}
.last-frozen-column{
	    border-right: 2px ridge #eee !important;
}
/* Table with fixed header and fixed column*/

.top-bottom-double-border {
	border-top: double;
	border-bottom: double;
}

.display-none{
	display : none;
}

.font-color-noparking{
	color : #39c3da;
}

.font-color-issue{
	color : #ffc153;
}

.display-flex{
	display : flex;
}


#qrPayUmu {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

.qrPayDiv {
	padding: 5px;
}

.qrPayImgDiv {
	display: flex;
	height: 45px;
	align-items: center;
	justify-content: center;
}

.qrPayImg {
	width: 75px;
}

.qrPayImgAeon {
	width: 75px;
	height: 30px;
    object-fit: contain;
}

.qrPayUmuValid {
	text-align: center;
	background-color: #1955a6;
	border: 1px solid transparent;
	border-color: #2e6da4;
	color: #fff;
	height: 25px;
	padding: 2px;
}

.qrPayUmuInvalid {
	text-align: center;
	background-color: #d9534f;
	border: 1px solid transparent;
	border-color: #d43f3a;
	color: #fff;
	height: 25px;
	padding: 2px;
}