@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

@media print {
    body { display: none !important; }
}

.fa-spin-custom, .glyphicon-spin {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.box.box-solid.box-primary.pg-header,
.box.box-solid.box-primary {
    border: 1px solid #00AA00;
}
.box.box-solid.box-primary>.box-header,
.box.box-solid.box-primary>.box-header.pg-header {
    background: #00AA00;
    background-color: #00AA00;
}

col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}   
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}

.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    col-sm-2-5 {
        width: 40%;
        float: left;
    }
    col-sm-3-5 {
        width: 60%;
        float: left;
    }
    col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
    .col-lg-3-5 {
        width: 60%;
        float: left;
    }
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
}

html {
    width: 100%;
    height: 100%;
}

body {  
    
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #252525; 
    padding: 24px;
    width: 100%;
    height: 100%;
} 
body.full
{
     padding: 0;
}
body.full div.container
{
     padding: 0;
     width:100%;
}

* {  
    margin:0;

    padding:0;
}
p,li,dt,dl {  
    line-height:1.6;  
}  
p {  
    margin:0 0 1em 0;  
}  
a:link { color:#000; text-decoration:none }
a:visited { color:#000; text-decoration:none }
a:hover { color:#000; text-decoration:none }
a:active { color:#000; text-decoration:none }

h4 {color: #ffffff;}
.table-bordered {
  border: 1px solid #f39c12;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #f39c12;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

thead tr{
    background-color: #ffdead ;
}
tr.selected{
    background-color: #ff851b ;
    color:white;
}
tr td.selected{
    background-color: #ff851b ;
    color:white;
}
.table_header{
    background-color: #ffdead ;
}
.modal_thumb_wrap.selected{
    background-color: #ff851b ;
}

.app_bg_gray
{
    background-color:  #d2d6de;
}
.btn_width
{
    min-width: 44px;
}

.disabled
{
    background: #ccc;
    opacity: 0.35;
}
.pan .non_current
{
    opacity: 0.4;
}
.underline
{
    text-decoration:underline;
}

.font_large {
    font-size: large;
}
.font_medium {
    font-size: medium;
}

.clickable {
    cursor: pointer;
}

.scroll_area {
    position: fixed;
    overflow-y: scroll;
    background: white;
    height: 100%;
    width: inherit;
}
.scroll_area_after {
    content: "";
    height: 20%;
    display: block;
}

table.table_fixed_scroll {
      height: 100%;
      position: relative;
      display: block;
    }

    table.table_fixed_scroll>thead {
      display: block;
    }

    table.table_fixed_scroll>tbody {
      overflow-y: auto;
      height: 90%;
      width: 100%;
      display: block;
    }

    table.table_fixed_scroll>tbody>tr,
    table.table_fixed_scroll>thead>tr {
      display: table;
      width: 100%;
    }

    table.table_fixed_scroll>tbody>tr>td {
      display: table-cell;
      vertical-align: top;
      float: none;
      border-top: 0px;
    }