/*#header_view{
    height: 30px;
    width: 100vw;
    text-align: center;
    z-index: 9999;
    background-color: brown;
    line-height: 2;
  }
*/

#loading_icon{
    height: calc(var(--pdf_box) * 100 - 55px);
    width: 100vw;
    text-align: center;
    z-index: 9999;
    position: absolute;
    background-color: gainsboro;
    opacity: 0.9;
    display: none;
  }
#loading_icon img{
  position: relative;
  top: calc(var(--pdf_box) * 50 - 116px);
  }

#loading_icon.fade_in {
  display: block;
  animation-name: fadein;
  animation-duration: 1.0s;
  animation-fill-mode: forwards;
}

@keyframes fadein {
  0% {
     opacity: 0;
  }
  100% {
     opacity: 0.9;
  }
}

.add_select_routes{
  margin-top: 10px;
}

.routes_select_box{
  width: 100px;
}

.margin_top_10{
  margin-top: 10px;
}
.margin_10{
  margin: 10px;
}
.margin_top_20{
  margin-top: 20px;
}
.margin_top_30{
  margin-top: 20px;
}
.margin_20{
  margin: 20px;
}
.margin_20_20{
  margin: 20px 0;
}
.margin_20_60{
  margin:20px 0 60px 0;
}
.margin_60_60{
  margin:60px 0;
}
.text_center{
  text-align: center;
}
.float_left{
  float: left;
}
.width_70p{
  width:70px;
}
.line_1{
  line-height:1;
}
.line_2{
  line-height:2;
}
.display_none{
  display: none;
}
.display_block{
  display: block;
}
.border_full{
  border:solid;
}
.border_bottom{
  border-bottom: solid;
}
.padding_r_10{
  padding-right: 10px;
}
.margin_r_10{
  margin-right: 10px;
}
.padding_full_5{
  padding: 5px;
}
.position_relative{
  position: relative;
}
.header_button_right{
  position:absolute;
  right:0;
  top:3px;
}
.header_button_left{
  position:absolute;
  left:0;
  top:3px;
}
.user_info{
  width:100wh;
  /*background-color:white;*/
  z-index:9999;
}
.admin_main_content{
  /*width:100vw;
  text-align:center;
  border:solid;
  height:80vh;*/
}
.add_content{
  /*position: absolute;
  right:10px;*/
}
.radio_button_style{
  appearance: auto;
  vertical-align:text-bottom;
}
.admin_sidebar{
  /*float:left;
  width:30vw;
  text-align:center;
  border:solid;
  height:80vh;
  background-color:antiquewhite;*/
}
.now_number__at_view_document{
  border: solid;
  border-color: red;
}
.float_start{
  float: inline-start;
}
.shortcut_150 {
  width: 150px; /* 要素の横幅を指定 */
  white-space: nowrap; /* 横幅のMAXに達しても改行しない */
  overflow: hidden; /* ハミ出した部分を隠す */
  text-overflow: ellipsis; /* 「…」と省略 */
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}
.shortcut_100 {
  width: 100px; /* 要素の横幅を指定 */
  white-space: nowrap; /* 横幅のMAXに達しても改行しない */
  overflow: hidden; /* ハミ出した部分を隠す */
  text-overflow: ellipsis; /* 「…」と省略 */
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}
.shortcut_50 {
  width: 50px; /* 要素の横幅を指定 */
  white-space: nowrap; /* 横幅のMAXに達しても改行しない */
  overflow: hidden; /* ハミ出した部分を隠す */
  text-overflow: ellipsis; /* 「…」と省略 */
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}

.hidden{
  display: none;
}

.document_textarea{
  width: 500px;
}