@charset "UTF-8";

.datalist-wrapper{
  width: 100%;
}

/*　ページネーション　*/
.datalist-list_header {
	top: 0;
	display: flex;
	justify-content: space-between;
}

.datalist-record-size {
	flex-grow: 2;
	margin-top: 10px;
}

.datalist-select_number {
	font: inherit;
	/* Specify font inheritance of form elements */
	text-transform: none;
	/* Firefox 40+, Internet Explorer 11- */
	background-color: transparent;
	border-style: none;
	-moz-appearance: none;
	/* Firefox 36+ */
	-webkit-appearance: none;
	/* Chrome 41+ */
	margin-left: 5px;
	margin-right: 5px;
	/*border-radius: 5px;*/
	position: relative;
	display: inline-block;
	width: 70px;
	height: 30px;
	border: solid 1px #aaa;
	background-color: #fff;
	background-image: url(../img/triangle.svg);
	background-repeat: no-repeat;
	background-size: 9px 7px;
	background-position: right 5px center;
  padding: 0 0 0 10px;
}

.datalist-datalist-pagination {
	margin-top: 10px;
	width: 150px;
	flex-grow: 0;
	display: flex;
}

.datalist-first,
.datalist-prev,
.datalist-next,
.datalist-end {
	width: 30px;
	height: 25px;
	margin-top: 3px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.datalist-page {
	font-size: 12px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;

}

.datalist-first {
	background-image: url(../img/first.svg);
	background-size: 15px;

}

.datalist-prev {
	background-image: url(../img/prev.svg);
	background-size: 10px 15px;

}

.datalist-next {
	background-image: url(../img/next.svg);
	background-size: 10px 15px;
}

.datalist-end {
	background-image: url(../img/end.svg);
	background-size: 15px;
}

.datalist-first.datalist-non_active {
	background-image: url(../img/non_first.svg);
	cursor: default;
}

.datalist-prev.datalist-non_active {
	background-image: url(../img/non_prev.svg);
	cursor: default;
}

.datalist-next.datalist-non_active {
	background-image: url(../img/non_next.svg);
	cursor: default;
}

.datalist-end.datalist-non_active {
	background-image: url(../img/non_end.svg);
	cursor: default;
}

/*　ダウンロードボタン　*/
.download {
	background-color: #3a91b7;
	padding: 10px;
	border-radius: 5px;
	color: #ffffff;
}

/*　データ　*/
#datalist-container {
 width: 100%;
 margin: 0;
 padding: 0;
}

.dacs-datalist-custom-container {
 width: 100%;
 height: 50px;
 margin: 0px;
 display: flex;
 align-items: center;
}

.dacs-datalist-table-container {
 width: 100%;
 height: calc(100% - 100px);
 background-color: #ffffff;
 border: 1px solid #3e3e3e;
 border-bottom: none;
 margin-top: 10px;
}

.datalist-table-header {
 width: 100%;
 /*height: 30px;*/
 display: flex;
 /*align-items: center;*/
 background-color: #67727e;
 /*font-weight: bold;*/
 color: #ffffff;
 border-bottom: 1px solid #3e3e3e;
}

.dacs-datalist-table-wrapper {
 width: 100%;
 height: calc(100% - 30px);
 overflow: hidden;
}

.dacs-datalist-table-scroll {
 /*width: calc(100% + 17px);*/
 height: 100%;
 /*overflow-y: scroll;*/
}

.datalist-table-row {
 width: 100%;
 /* height: 50px; */
 display: flex;
 /* align-items: center; */
 padding: 0;
 margin: 0;
 height: 100%;
 /*cursor: pointer;*/
 border-bottom: 1px solid #9E9E9E;
}

.datalist-table-row:hover {
 background-color: #eaf2ff;
}

.datalist-table-column {
 border-right: 1px solid #3e3e3e;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 overflow: hidden;
 word-break: break-all;
 flex: 1;
 height: auto;
 padding: 5px;
 margin-right: -1px;
}
.datalist-table-header .datalist-table-column{
    justify-content: center;
}
.datalist-table-header .datalist-table-column span{
    cursor:pointer;
}
/*sort*/
.datalist-table-column .asc_sort, .datalist-table-column .desc_sort{
    width: 1em;
    height: 1em;
    padding-left:3px;
    position: relative;
}
.datalist-table-column .asc_sort::after{
    content:"";
    position:absolute;
    top:0.1em;
    width:0;
    height:0;
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    border-bottom: 0.8em solid #fff;  
}
.datalist-table-column .desc_sort::after{
    content:"";
    position:absolute;
    top:0.1em;
    width:0;
    height:0;
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    border-top: 0.8em solid #fff;     
}
.datalist-table-row-column{
  border-right: 1px solid #9E9E9E;
  /* height: 100%; */
  /* align-items: stretch; */
  max-height: 90px;
  padding: 5px;
}

.datalist-table-row:last-child{
 border-bottom: 1px solid #3e3e3e;
}

.datalist-table-row-column:last-child,
.datalist-table-column:last-child {
  border-right: none;
  border-bottom:none;
}
.table-column-period {
	max-width:210px;
	min-width:105px;
}
.table-column-ship_name,
.table-column-cruise_id {
	max-width:150px;
}

.datalist-table-row-column .text_two_lines{
  /*line-clamp行数を指定できる*/
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.datalist-table-row .table-column-period > :is(span, a){
    margin: auto;
}
.datalist-table-row-column a{
    width: 100%;
    height:100%;
    display:flex;
    align-items:center;
}
.datalist-table-row-column .other_site_link .text_two_lines {
    max-width:calc(100% - 20px);
}

/*------ other window mark ------*/
.datalist-table-row-column .other_site_mark{
    position: relative;
    width: 20px;
    height:20px;
    display: inline-block;
    overflow:visible;
}
.datalist-table-row-column .other_site_mark::before, .datalist-table-row-column .other_site_mark::after{
    content: "";
    box-sizing: border-box;
    position: absolute;
    width: 11px;
    height: 8px;
    border-style: solid;
    border-color: #9E9E9E;
}
.datalist-table-row-column .other_site_mark::before {
    top: 5px;
    left:5px;
    border-width: 1px;
    background: #eee;
}
.datalist-table-row-column .other_site_mark::after {
    top: 8px;
    left: 8px;
    border-width: 0 1px 1px 0;
}

.datalist-checkbox {
 max-width: 50px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.dacs-checkbox {
 margin: 0 !important;
 padding: 0 !important;
 cursor: pointer;
}

.dacs-datalist-pagination {
 width: 100%;
 height: 100%;
 padding: 0;
 margin: 0;
 display: flex;
 align-items: center;
 justify-content: center;
}

/*--------レスポンシブ--------*/
@media screen and (max-width: 750px) {
  .table-column-proposal_title {
    display:none;
  }
}

@media screen and (max-width: 650px) {
  .table-column-chief_scientist{
    display:none;
  }
  .datalist-list_header{
    flex-direction:column;
    align-items:center;
  }
}
@media screen and (max-width: 400px) {
  .table-column-cruise_title{
    display:none;  
  }
}