body{
	color: #221714;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1rem;
}

/*main-header---------------------------------------------------------------------------------------*/

	.main-header{
		color: #fff;
		background-color: #333;
	}

	.navbar-light .navbar-nav .nav-link {
		color: #fff;
	}

	.navbar-light .navbar-nav .nav-link.login_staff {
		font-size: 0.75rem;
		line-height: 1.5rem;
	}


	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	    color: #fff;
	}

/*main-header---------------------------------------------------------------------------------------*/

/*main-sidebar--------------------------------------------------------------------------------------*/

	.main-sidebar{
		background-color: #17499d;
	}

	.brand-text div{
		padding: 1rem;
	}

	.brand-text img{
		width: 100%;
	}

	.sidebar{
		padding: 0;
	}

		.main-sidebar .sidebar a.nav-link{
			color: #ffffff;
		}

		.main-sidebar .sidebar .nav-item a.nav-link:hover {
			color: #ffffff;
		}

	.control-sidebar a{
		color: red;
	}

	.nav-sidebar .nav-header{
		padding: 0.25rem 0.5rem;
		background-color: #ffffff;
		margin-bottom: .25rem;
	}

	.nav-sidebar .nav-item{
		font-size: 0.75rem;
		margin: 0rem 0.25rem;
	}

	.nav-sidebar .nav-item .nav-link{
		padding: .25rem 0.5rem;
		margin-bottom: .25rem;
	}

	.nav-sidebar .nav-item .nav-icon{
		font-size: 0.75rem !important;
	}

	.nav-sidebar .nav-line{
		border-top: 1px solid #ffffff;
		margin-bottom: .25rem;
	}

/*main-sidebar--------------------------------------------------------------------------------------*/

/*main-footer---------------------------------------------------------------------------------------*/

	.main-footer{
		color: #fff;
		background-color: #333;
		font-size: 0.75rem;
	}

/*main-footer---------------------------------------------------------------------------------------*/

/*content-------------------------------------------------------------------------------------------*/

	.content .card-header{
		background-color: #17499d;
		color: #ffffff;
	}

	.content .card-header .card-title{
		font-size: 0.75rem;
		font-weight: bold;
	}

	.edit_content{
		max-width: 1116px;
	}

	.content-header .content-title{
		font-size: 1.1rem;
	}

	.content-header .content-title p{
		margin-left: 10px;
		display: inline;
	}

	.icheck-eco{
		font-size: 0.75rem;
	}

	.icheck-eco label{
	    font-weight: normal;
	}

		.icheck-eco>input:first-child+input[type=hidden]+label::before,
		.icheck-eco>input:first-child+label::before
		{
		    background-color: #fff;
		}

		.icheck-eco>input:first-child:disabled+input[type=hidden]+label,
		.icheck-eco>input:first-child:disabled+label
		{
			opacity: 1;
		}
		.icheck-eco>input:first-child:disabled+input[type=hidden]+label::before,
		.icheck-eco>input:first-child:disabled+label::before
		{
			background-color: #e9ecef;
		    border-color: #ced4da;
		}

		.icheck-eco>input:first-child:checked+input[type=hidden]+label::before,
		.icheck-eco>input:first-child:checked+label::before
		{
		    background-color: #ccc200;
		    border-color: #ccc200;
		}

		.icheck-simple>label {
		    padding-left: 22px !important;
		}

		.icheck-simple>input:first-child+input[type=hidden]+label::before,
		.icheck-simple>input:first-child+label::before{
			margin-left: -22px;
		}

	.search-eco{
		font-size: 0.75rem;
	}

		.search-eco .form-control{
			font-size: 0.75rem;
			height: unset;
			padding: 0.25rem;
		}

	.radio-group{
		font-size: 0.75rem;
	}

		.radio-group label {
		    margin-right: 0.50rem;
		}

/*content-------------------------------------------------------------------------------------------*/

/*table---------------------------------------------------------------------------------------------*/

	table.table{
		margin-bottom: 0px;
		font-size: .75rem;
	}

	table.table th{
		background-color: #17499d !important;
		color: #ffffff;
		vertical-align: middle;
		padding: 5px;
	}

	table.table td{
		vertical-align: middle;
		padding: 5px;
		word-wrap: break-word;
		word-break: break-all;
		height: auto;
	}

	table.dataTable {
		border-collapse: collapse !important;
		table-layout: fixed;
		width: max-content;
	}

	table.dataTable th, table.dataTable td{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: unset;
	}

	.dataTables_length, .dataTables_info, .dataTables_filter, .pagination .page-item .page-link{
		font-size: 0.75rem;
		padding: 0.25rem 0.5rem;
	}

	.dataTables_length select{
		font-size: 0.75rem;
	}

	.dataTables_length{
		padding: 0;
	}

	.dataTables_filter{
		padding: 0;
	}

	.dataTables_wrapper div{
		margin: 0;
	}
/*
	table.dataTable th {
		position: relative;
		min-width: 50px;
	}
*/
	.master_list_block{
		width: 100%;
		max-width: none;
		overflow: auto;
	}

		.master_list_block .col-sm-12,
		.master_list_block .col-sm-6
		{
			padding: 0px;
		}

	table.dataTable thead input {
  		width: 100%;         /* セルいっぱいに広げる */
  		box-sizing: border-box; /* paddingやborderを含めてwidthを計算 */
  		font-size: 12px;      /* ヘッダーに合わせてやや小さく */
  		padding: 2px 4px;     /* コンパクトに */
  		margin-top: 2px;      /* タイトルとの間に少し空ける */
  		border: 1px solid #ccc;
  		border-radius: 4px;
	}

	.dataTables_filter {
		display:none !important;
	}

.dtfc-fixed-left {
  position: relative;
}
.dtfc-fixed-left::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: #ccc;
  pointer-events: none;
  z-index: 1200;
}
/*
	.resizer {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		cursor: ew-resize;
		user-select: none;
		background: transparent;
	}
*/
/*table---------------------------------------------------------------------------------------------*/

/*form----------------------------------------------------------------------------------------------*/

	.form-group .row{
		margin-bottom: 0.5rem;
	}

	.form-control{
		font-size: 0.75rem;
		height: 1.55rem;
		padding: 0.2rem 0.25rem;
	}

	.form-control-button{
		font-size: 0.75rem;
		height: 1.55rem;
		padding: 0.2rem 0.25rem;
	}

	.control-label{
		font-size: 0.75rem;
		height: calc(1.75rem);
		line-height: calc(1.75rem);
		text-align: right;
		margin-bottom: 0rem;
	}

	.inline-label{
		font-size: 0.75rem;
		height: calc(1.75rem);
		line-height: calc(1.75rem);
		margin: 0rem 0.25rem;
	}

	.confirm{
		background-color: #f9f9f9;
	}

	.confirm-textarea{
		height: auto;
	}

 	.confirm-button{
		display: none;
	}

	.form-inline-label{
		padding: 0.5rem;
	}

		.radio-block label{
			margin-left: 0.75rem;
		}

	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

/*form----------------------------------------------------------------------------------------------*/

/*common--------------------------------------------------------------------------------------------*/

	.card.card-outline-tabs .card-header a:hover{

		border-top: 3px solid #cccc00;

	}

	.card-body{
		padding: 0.75rem;
	}

	.card-body p{
		font-size: 0.75rem;
		margin: 0px;
		padding: 0.75rem;
	}

	.nav-tabs{
		font-size: 0.75rem;
		font-weight: bold;
	}

		.nav-tabs a{
			color: #221714;
		}

	.errorlist{
		cursor: pointer;
		font-size: 0.7rem;
	}

	.errorlist:hover{
		text-decoration: underline;
	}

	.alert{
		font-size: 0.8rem;
		padding: 0.5rem;
	}

	.alert i{
		margin-right: 0.5rem;
	}

	.common-button{
		font-size: 0.75rem;
		padding: 0.25rem 1rem;
	}

	.common-button.b-r i{
		margin-left: 0.5rem;
	}

	.common-button.b-l i{
		margin-right: 0.5rem;
	}

	.common-list-button{
		font-size: 0.75rem;
		padding: 0.1rem 0.25rem;
	}

	.common-list-button.b-r i{
		margin-left: 0.25rem;
	}

	.common-list-button.b-l i{
		margin-right: 0.25rem;
	}

	.common-display-button{
		font-size: 0.75rem;
		padding: 0 0.5rem;
	}

	.common-search-button{
		font-size: 0.75rem;
		padding: 0 0.5rem;
	}

	.common-pattern_edit-button{
		font-size: 0.75rem;
		padding: 0 0.5rem;
	}

	.common-pattern_select-button{
		font-size: 0.75rem;
		padding: 0 0.5rem;
	}

	.common-pattern-name{
		font-size: 0.75rem;
		line-height: 100%;
	}

	.display_edit_block{
		width: 750px;
		margin: 0 auto;
	}

		.display_edit_block .card-header{
			background-color: #FFF980;
		}

	.search_edit_block{
		width: 1000px;
		margin: 0 auto;
	}

		.search_edit_block .card-header{
			background-color: #FFF980;
		}

			.search_edit_block .card-header .card-title{
				font-size: 0.75rem;
				font-weight: bold;
			}

	.logininfo_load_block{
		width: 600px;
		margin: 0 auto;
	}



	.permit_edit_block{
		width: 1000px;
		margin: 0 auto;
	}

		.permit_edit_block .card-header{
			background-color: #FFF980;
		}

			.permit_edit_block .card-header .card-title{
				font-size: 0.75rem;
				font-weight: bold;
			}

	.pattern_edit_block{
		width: 300px;
		margin: 0 auto;
	}

		.pattern_edit_block .card-header{
			border-top: 3px solid #FFF980;
		}

			.pattern_edit_block .card-header .card-title{
				font-size: 0.75rem;
				font-weight: bold;
			}

	.pattern_select_block{
		width: 400px;
		margin: 1rem auto;
	}

		.pattern_select_block .card-header{
			border-top: 3px solid #FFF980;
		}

			.pattern_select_block .card-header .card-title{
				font-size: 0.75rem;
				font-weight: bold;
			}

			.pattern_select_block .filter{
				font-size: 0.75rem;
				font-weight: bold;
			}


	.client_select_block{
		width: 1000px;
		margin: 1rem auto;
	}

	#clientlist{
		width: 100%;
	}

	#clientlist tr th:nth-child(1),
	#clientlist tr td:nth-child(1)
	{
		width: 80px;
	}

	#clientlist tr th:last-child,
	#clientlist tr td:last-child
	{
		width: 50px;
		text-align: center;
	}

	.discharger_select_block{
		width: 800px;
		margin: 0 auto;
	}

	#dischargerlist{
		width: 100%;
	}

	#dischargerlist tr th:nth-child(1),
	#dischargerlist tr td:nth-child(1)
	{
		width: 80px;
	}

	#dischargerlist tr th:last-child,
	#dischargerlist tr td:last-child
	{
		width: 50px;
		text-align: center;
	}

	.spot_select_block{
		width: 800px;
		margin: 0 auto;
	}

	#spotlist{
		width: 100%;
	}

	#spotlist tr th:nth-child(1),
	#spotlist tr td:nth-child(1)
	{
		width: 80px;
	}

	#spotlist tr th:last-child,
	#spotlist tr td:last-child
	{
		width: 50px;
		text-align: center;
	}

	.transporter_select_block{
		width: 800px;
		margin: 0 auto;
	}

	#transporterlist{
		width: 100%;
	}

	#transporterlist tr th:nth-child(1),
	#transporterlist tr td:nth-child(1)
	{
		width: 80px;
	}

	#transporterlist tr th:last-child,
	#transporterlist tr td:last-child
	{
		width: 50px;
		text-align: center;
	}

	.disposal_select_block{
		width: 800px;
		margin: 0 auto;
	}

	#disposallist{
		width: 100%;
	}

	#disposallist tr th:nth-child(1),
	#disposallist tr td:nth-child(1)
	{
		width: 80px;
	}

	#disposallist tr th:last-child,
	#disposallist tr td:last-child
	{
		width: 50px;
		text-align: center;
	}

/*common--------------------------------------------------------------------------------------------*/