*, *:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}


body { 
    padding-top: 100px; 
    font-size: 12px;
 }
 div{
   border-collapse: collapse;
 }
 h2{
   font-size:20px;
 }
 h3{
   font-size:18px;
 }
 .container{
   width:100%;
 }
  .required {
    color: #a00;
  }

  .form-login {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
  }

  .top-menu {
    max-width: 700px;
    margin: 0 auto;
  }
  .top-menu .row {
    margin-bottom: 14px;
  }
  .top-menu a {
    font-size: 20pt;
    height: 124px;
    width: 365px;
    display: table-cell;
    vertical-align: middle;
  }

  .btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
  }
  .btn-primary.btn-outline:hover,
  .btn-success.btn-outline:hover,
  .btn-info.btn-outline:hover,
  .btn-warning.btn-outline:hover,
  .btn-danger.btn-outline:hover {
    color: #fff;
  }
  .header_memo{
     color: white;
     position: absolute;
     top: 10px;
     font-size: 14px;
     right: 30px;
   }
   .file_info{
     text-align: right;
     font-size:17px;
   }
   .th, .td{
     border-right:1px solid #666666;
     border-bottom:1px solid #666666;
     vertical-align: middle;
     padding:2px;      
   }
   .th{
     background-color: #cccccc;
     text-align: center;
   }
   .table_wrap{
     display: table;
     width:100%;
     border-collapse: collapse;
     border-top:1px solid #666666;
     border-left:1px solid #666666;
   }
   .table_wrap.no_border{
     border-top:0px solid white;
     border-left:0px solid white;
   }
   .header_left, .header_right, .target_header_left, .target_header_right{
     display: table-cell;
   }
   .header_left{
     width:30%;
   }
   .header_right{
     width:70%;
   }
   .target_header_left{
     width:10%;
   }
   .target_header_right{
     width:90%;
   }
   .header_right_inner_wrap{
     display: table;
     width:100%;
     border-collapse: collapse;
     border-left:1px solid #666666;
   }
   .header_right_inner{
     display: table-cell;
     text-align: center;
   }
   .comment{
     display: table;
     width:100%;
     border-collapse: collapse;
   }
   .comment div{
     display: table-cell;
     width:50%;
   }
   .header1{
     width:25%;
   }
   .header2{
     width:15%;
   }
   .header3{
     width:60%;
   }


   .comp_title{
     width:5%;
   }
   .comp_detail{
     width:95%;
   }
   .comp_detail_text{
     width:30%;
   }
   .comp_point{
     width:70%;
   }
   .comp_point_inner1{
     width:70%;
   }
   .comp_point_inner2{
     width:10%;
     text-align: center;
   }

   .comp_title,.comp_detail,.comp_detail_text,.comp_point, .comp_point_inner1, .comp_point_inner2{
     display: table-cell;
   }
   .comp_detail_wapper, .comp_point_inner_wrap{
     display: table;
     border-collapse: collapse;      
     width:100%;
   }
   .comp .btn-group,.target .btn-group{
     width:100%;
   }
   .comp .btn{
     width:25%;
     padding:0;
   }
   .target .btn{
     width:20%;
     padding:0;
   }
   .table_wrap pre{
     padding: 3px;
     margin: 0 0 0px;
     line-height: 1.5;
     color: inherit;
     word-break: break-all;
     word-wrap: break-word;
     background-color: transparent;
     border: 0px solid #ccc;
     border-radius: 0px;
     font-family: inherit;
     font-weight:normal;
     font-size:inherit;
     white-space: pre-wrap ;
   }
   .table_wrap textarea{
     width:100%;
     min-height:100px;
   }

   .target_col1,.target_col2,.target_col3,.target_col4,.target_col5, .target_col2_1, .target_col2_2{
     display: table-cell;
   }
   .target_col1{
     width:5%;
   }
   .target_col2{
     width:65%;
   }
   .target_col3,.target_col4,.target_col5{
     width:10%;
     text-align: center;
   }
   .target_col2_1{
     width:10%;
   }
   .target_col2_2{
     width:90%;
   }
   
   .table_inner_wrap{
     display: table;
     width:100%;
   }
   .dummy_cell{
    border-bottom:1px solid #666666;
    border-right:1px solid #666666;
    padding:2px;
    min-height:31px;
   }

   .disable_area{
     pointer-events: none;
   }

   .disable_area .btn-success.active{
     background-color: gray!important;
     border-color:gray!important;
   }
   .disable_area .btn-success{
    border-color:gray!important;     
   }
.hide_element{
  width:0px;
  display: none;
}

.flex{
  display: flex;
}
.flex_head{
  font-weight:bold;
}
.flex div:nth-child(1){
  width: 50px;
}
.flex div:nth-child(n+2){
  width: 150px;
  text-align: center;
}
.chart_flex{
  display: flex;
}
.person_title{
  color:white;
  padding-top:30px;
}
.link_to_another_task{
  font-size:17px;
}
table.prt__authorize th, table.prt__authorize td{
  min-width:90px;
  border: 1px solid #666666;
  padding:5px;
}
table.prt__authorize th{
  background-color: #ccc;
}

textarea:disabled {background-color: #cccccc;}

.chart_txt, .chart_close{
  padding:20px;
  color:blue;
  cursor: pointer;
}
.chart_close{
  display: none;
}
.chart{
  display: none;
}
ul.subordinates li{
  display: flex;
  justify-content: space-between;
}
ul.subordinates li div{
  width:33%;
}

.menu .chart_txt, .menu .chart_close{
  margin-top:-30px;
}

.switch_btn_area{
  display: flex;
  margin-bottom:10px;
}
.switch_btn_area > form{
  margin-right:10px;
}

#ikkatu{
  display: flex;
  justify-content: flex-end;
  margin-bottom:20px;
}
#ikkatu select{
  margin:0 10px;
}

@media print{
  header{display:none;}
  .btn_area{display: none;}
  body{
    padding-top:0;
    font-size:9px;
    -webkit-print-color-adjust: exact;
  }
  button, input, select, textarea,.btn{
    font-size:9px;
  }
  .panel{
    margin-bottom:0;
  }
  .panel-body{
    padding:0;
  }
  .h1, .h2, .h3, h1, h2, h3{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .table_wrap textarea{
    min-height:auto;
  }
  .link_to_another_task{
    display: none;
  }
  .switch_btn_area{
    display: none;
  }
  .comp_title{
    width:7%;
  }
  .comp_detail_text{
    width:28%;
  }

  .btn-success.active, .btn-success:active, .open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #15a589 !important;
    border-color: #13987e!important;
  }
}

.koukasha_report {
  display: flex;
  flex-wrap: wrap;
  width:1350px;
}

.koukasha_report li{
  width:300px;
}