@charset "UTF-8";

/* Common
------------------------------------------------------------------*/

/* Font
------------------------------------------------------------------*/

/* TEXT
------------------------------------------------------------------*/
/* p */
p.comment {
  border     : 1px solid #c0c0c0;
  min-height : 4em;
}

/* color */
.c01 {
  color : #842c37;
}

.c02 {
  color : #ed6c00;
}

/* background
------------------------------------------------------------------*/
.bg01 {
  background-color : #f3e9e7;
}

/* UL, OL, DL
------------------------------------------------------------------*/
ul.disc li,
ol.disc li {
  list-style-type : disc;
  margin          : 15px 35px;
}

ul.decimal li,
ol.decimal li {
  list-style-type : decimal;
  margin          : 15px 35px;
}

/* Table
------------------------------------------------------------------*/
/* type01 */
table.type01 {
  border : 1px solid #ccc;
  margin : 0 0 15px 0;
  white-space: nowrap;
}

table.type01 caption {
  font-weight : bold;
}

table.type01 th.hide,
table.type01 td.hide {
  display: none !important;
}

table.type01 th,
table.type01 td {
  padding : 5px;
  border  : 1px solid #ccc;
}

table.type01 th .hide_col_button {
  cursor: pointer;
  margin-right: 3px;
}

table.type01 th .hide_col_button img {
  width: 10px;
  height: 10px;
}

table.type01 thead th {
  background-color : #fff;
  font-weight      : bold;
}

table.type01 tbody tr.aC th,
table.type01 tbody tr.aC td {
  text-align : center;
}

table.type01 tbody th {
  background-color : #ededed;
  white-space      : nowrap;
}

table.type01 tbody td {
  background-color : #fff;
  white-space      : nowrap;
}

.search-result th .sort-button {
  display: flex;
  flex-direction: column;
  width: 18px;
  margin-left: 5px;
}
.search-result th .sort_up {
  background-image: url(/app/query/astroquery/asset/sort_up.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px 16px;
  height: 13px;
}

.search-result th .sort_up:hover {
  background-image: url(/app/query/astroquery/asset/sorted_up.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px 16px;
  height: 13px;
  cursor: pointer;
}

.search-result th .sort_down {
  background-image: url(/app/query/astroquery/asset/sort_down.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px 16px;
  height: 13px;
}
.search-result th .sort_down:hover {
  background-image: url(/app/query/astroquery/asset/sorted_down.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px 16px;
  height: 13px;
  cursor: pointer;
}

.search-result th .sorted_up {
  background-image: url(/app/query/astroquery/asset/sorted_up.svg);
}

.search-result th .sorted_down {
  background-image: url(/app/query/astroquery/asset/sorted_down.svg);
}

.search-result th .column_name {
  display: flex;
  justify-content: left;
  align-items: left;
  position: relative;
}

/* Form
------------------------------------------------------------------*/

form table tr.error th {
  background-color : #f0b2ba;
}

form table tr.error td {
  background-color : #ffedf0;
}

form table tr.error .attention {
  color       : #dc5f5f;
  font-weight : bold;
  margin      : 3px 0 0 0;
}

/* button01 */
.button01 {
  color            : #fff;
  background-color : #842c37;
  font-weight      : bold;
  padding          : 5px 15px;
  border           : none;
  cursor           : pointer;
}

.button01:hover {
  background-color : #ad5e67 !important;
}

a.button01 {
  color           : #fff;
  text-decoration : none;
}

a.button01:hover {
  color           : #fff;
  text-decoration : none;

}

a span.button01 {
  text-decoration : none !important;
}

/* errorArea */
.errorArea {
  border : 3px solid #ebdedf;
  margin : 10px 0;
}

.errorArea ul {
  margin : 10px 15px 5px 60px;
}

.errorArea li {
  list-style-type : disc;
  margin          : 0 0 0 0;
  color           : #842c37;
}

/* icon
------------------------------------------------------------------*/

/* separate
------------------------------------------------------------------*/
.separate {
  width : 725px;
}

.separate:after {
  visibility : hidden;
  display    : block;
  font-size  : 0;
  content    : " ";
  clear      : both;
  height     : 0;
}

* html .separate {
  zoom : 1;
}

*:first-child + html .separate {
  zoom : 1;
}

.separateInner {
  overflow : hidden;
  _zoom    : 1;
}

/* col02 */
.separate.col02 .separateInner {
  width        : 750px;
  margin-right : -25px;
}

.separate.col02 .col {
  width   : 350px;
  float   : left;
  display : inline;
  margin  : 0 25px 0 0;
}

/* col03 */
.separate.col03 .separateInner {
  width        : 751px;
  margin-right : -26px;
}

.separate.col03 .col {
  width   : 224px;
  float   : left;
  display : inline;
  margin  : 0 26px 0 0;
}

/* col04 */
.separate.col04 .separateInner {
  width        : 740px;
  margin-right : -15px;
}

.separate.col04 .col {
  width   : 170px;
  float   : left;
  display : inline;
  margin  : 0 15px 0 0;
}

/* col05 */
.separate.col05 .separateInner {
  width        : 735px;
  margin-right : -10px;
}

.separate.col05 .col {
  width   : 137px;
  float   : left;
  display : inline;
  margin  : 0 10px 0 0;
}

.tableWrap .draggable th {
  cursor: grab;
}

.draggable.grabbing {
  cursor: grabbing !important;
}
