newdwh2021/ecs/jskult-webapp/src/static/css/bioStyle.css

/* Bootstrap 5.10以降、box-sizingのデフォルト値によってテーブルがずれるため、このページ限定的にリセット */
/* @see https://bootstrap-guide.com/content/reboot#page-defaults */
*, ::after, ::before {
    box-sizing: revert;
}

body {
    white-space: nowrap;
    background-color: LightCyan;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1 {
    font-size: 155%;
    margin-left: 2%;
    margin-top: 0%;
    margin-bottom: 0%;
    font-weight: 700;
}

.title {
    width: 800px;
}

table{
    border-collapse : collapse;
}

.headerTable{
    width: 100%;
}

.headerTd{
    width: 24%;
}

.headerTdCenter{
    text-align: center;
    width: 50%;
}

.headerTdRight{
    text-align: right;
    padding-right: 2%;
}

.header_bt{
    width: 40%;
}


.search_table {
    margin-bottom: 1%;
    padding-bottom: 1%;
    width: 100%;
}

.searchColumnTd{
    width: 14%;
}

.searchTextBoxTd{
    width: 18%;
}

._form {
    width: 95%;
    margin-left: 3%;
}

._form._border {
    border-bottom: solid 1px gray;
    margin-bottom: 10px;
}

.back_bt {
    padding-bottom: 10px;
}

._form input[type=text] {
    width: 193px;
    height: 25px;
}
._form input[type=checkbox] {
    width:  13px;
    height: 13px;
}

._form select {
    width: 193px;
    height: 25px;
}

.result_info {
    text-align: right;
}


.search_tb {
    padding-right: 25px;
}

.search_bt {
    /* width: 60px; */
    margin-left: 10px;
}

.clear_bt{
    margin-left: 120px;
    /* width: 60px */
}

.search_dropdown {
    width: 175px;
}

.bioScroll_div {
    overflow: auto;
    white-space: nowrap;
    margin-top: 1%;
    margin-bottom: 1%;
    width: 100%;
    height: 500px;
}
.bioScroll_div::-webkit-scrollbar {
    height: 5px;
    width: 10px;
}

.bioScroll_div::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #eee;
}

.bioScroll_div::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
}

.noLine{
    text-decoration: none;
}

.resultAreaMsg {
    margin-top: 5%;
    text-align: center;
    font-size: 150%;
}

.search_btTd {
    text-align: right;
}

.selection {
    display: none;
}

#page-1 {
    display: block;
}

.search_middleTd {
    padding-right: 25px;
    width : 450px;
}

.transition{
    text-align: right;
    margin-right: 60px;
}

.transition_bt{
    width: 110px;
    height: 40px;
    margin-left: 15px;
    margin-right: 15px;
}

.instutionInfo_table{
    width: 1132px;
    margin-bottom: 50px;
}

.institution_column {
    width : 160px;
    background : rgb(225, 233, 250);
    border : solid 1px;
}

.institution_data {
    background : rgb(244, 244, 244);
    border : solid 1px;
    padding-left : 0.5em;
    padding-right : 0.5em;
}

.data_width_long  {
    width : 500px;
}

.data_width_middle  {
    width : 300px;
}

.data_width_short  {
    width : 100px;
}

.checkbox_margin {
    margin-left : 20px;
}

.border_top_none  {
    border-top-style:none;
}

.border_bottom_none  {
    border-bottom-style:none;
}

.textbox_margin {
    margin-left : 20px;
}

.textbox_margin_short {
    margin-left : 5px;
}

.label_margin {
  margin-left: 10px;
  margin-right: 10px;
}

.trt_course{
    width: 70px;
}

.small_tb{
    width: 100px;
}

.docBelongScroll_div {
    overflow: auto;
    height: 100px;
    width: 500px;
    margin: 0px 30px 0px 30px;
}

.rightPadding_table{
    padding-right: 50px;
}

.verticalBar_td{
    width: 1px;
    height: 150px;
    background-color: gray;
}

.docPlaceScroll_div {
    overflow: auto;
    height: 150px;
    width: 700px;
    margin: 0px 30px 0px 30px;
}

.result_tr{
    overflow-y: scroll;
    overflow-x: scroll;
}

.result_data{
    overflow-y: scroll;
    overflow-x: scroll;
    width: 50px;
}

/* tablesoter */
table.tablesorter {
    font-family:arial;
    background-color: #CDCDCD;
    font-size: 12pt;
    text-align: left;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 0.1px solid silver;
    font-size: 12pt;
    padding: 4px;
    padding-right: 20px;
}
table.tablesorter thead tr .header {
    background-image: url(bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    border: 0.1px solid silver;
    vertical-align: top;
}
table.tablesorter tbody td div{
    float: right;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}