/* TOP */
.comment-box .media a{
	text-decoration: none;
}
.comment-box li:hover{
	background-color: #f5f6f8
}
.comment-box li{
	padding:2px;
}
/* Panel ==================================== */
.info-box .content .number {
    margin-top: 2px;
}

/* Dropzone ==================================== */
.dropzone {
  border: 2px solid transparent !important;
  background-color: #eee !important; }
  .dropzone .dz-message .drag-icon-cph .material-icons {
	font-size: 80px;
	color: #777; }

.dz-drag-hover {
  border: 2px dashed #888 !important; }

/* Data Table Custom ==================================== */
table#dataTables.dataTable thead th, table#dataTables.dataTable thead td {
	border-bottom: 1px solid #ccc;
}
table#dataTables.dataTable.no-footer {
	border-bottom: 1px solid #ccc;
}
table.dataTable td.actions {
	padding:4px 10px;
}
table.dataTable td.actions a{
	margin:0px 5px;
}
.page_info{
	margin: 20px;
	color: #666
}

/* selected row*/
.js-basic tr.selected{
	background-color: #a6b4cd !important;
}


/* panel action*/
.panel-body-action{
	float: right;
	margin:8px 20px 12px 20px;
}

ul.action-button li{
	 margin:5px 5px;
	 text-align: center;
}

/* コントロールの複数行エラーの表示 */
.error ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* DateTimePicker アイコン表示の位置 */
.form-control-feedback-h {
	position: absolute;
	top: 28px;
	right: 20px;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	pointer-events: none;
}
.form-horizontal .form-control-feedback {
    right: 15px;
}

/* 高さ揃え全適用 */
.row-eq-height-all {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

/*宛名印刷*/
.start-index:hover {
  cursor : pointer;
  background-color: #e5e5e5;
}
td.start-index {
  width : 75px;
}

/*入金期限切れ*/
#dataTables tr.expired{
	background-color: #f8d7d3
}
#dataTables tr.expired:hover {
  background-color: #e5e5e5
}

/* 詳細画面系 */
.table.table-view tbody th {
    background-color: #f5f6f8;
}

/*チェックボックのレスポンシブ対応*/
.chk-block{
	display: inline-block;
}

/* 1200px以下用（PC用）の記述 */
@media screen and (max-width:1119px) {

	/* Outlook-View==================================== 画面が崩れる件*/
	#notification_list,
	#notification_detail{
		margin-bottom: 30px;
	}

	#notification_list{
		padding-right: 15px;
	}

	#notification_detail{
		padding-left: 15px;
	}

}

/* 991px以下用（タブレット用）の記述 */
@media screen and (max-width: 991px) {

}

/* 767px以下用（タブレット／スマートフォン用）の記述 */
@media screen and (max-width: 767px) {

}


/* 768px以上用（タブレット用）の記述 */
@media screen and (min-width:768px) {

	/* Data Table Custom ==================================== スクロールが出てしまう件*/
	.table-responsive .row{
		margin-left: 0px;
		margin-right: 0px;
	}

	/* バリデーションで高さがずれてしまう件 */
	.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

/* 992px以上用（PC用）の記述 */
@media screen and (min-width:992px) {

	/* バリデーションで高さがずれてしまう件 */
	.row-eq-height-md {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	/*検索条件モーダルダイアログ用*/
	.modal-xlg {
	    width: 900px;
	}

}

/* 1200px以上用（PC用）の記述 */
@media screen and (min-width:1200px) {

	/* バリデーションで高さがずれてしまう件 */
	.row-eq-height-lg {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	/*検索条件モーダルダイアログ用*/
	.modal-xlg {
	    width: 1500px;
	}

}