body {
  padding-top: 70px;
  padding-bottom: 30px;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

/*# シフト管理用 */
/* 線表の色 */
.shift-days-time-on-bg {
  background-color: #8ECAA0;
}

/*# 追加css */
.w3 { width: 3%; }
.w4 { width: 4%; }
.w5 { width: 5%; }
.w6 { width: 6%; }
.w7 { width: 7%; }
.w10 { width: 10%; }
.w13 { width: 13%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }
.w30p { width: 30px; }
.w45p { width: 45px !important; }
.w50p { width: 50px; }
.w70p { width: 70px; }
.w76p { width: 76px; }
.w80p { width: 80px; }
.w90p { width: 90px; }
.w100p { width: 100px; }
.w110p { width: 110px; }
.w120p { width: 120px; }
.w130p { width: 130px; }
.w140p { width: 140px; }
.w150p { width: 150px; }
.w160p { width: 160px; }
.w170p { width: 170px; }
.w180p { width: 180px; }
.w190p { width: 190px; }
.w200p { width: 200px; }
.w300p { width: 300px; }
.w350p { width: 350px; }
.w380p { width: 380px; }
.w400p { width: 400px; }
.w450p { width: 450px; }
.w500p { width: 500px; }
.w600p { width: 600px; }
.w700p { width: 700px; }
.w800p { width: 800px; }
.mt10p { margin-top: 10px; }
.mt30p { margin-top: 30px; }
.ml20p { margin-left: 20px; }
.mb5p { margin-bottom: 5px; }
.mb10p { margin-bottom: 10px; }
.mb20p { margin-bottom: 20px; }
.h80p { height: 80px; }
.h200p { height: 200px; }
.pt4 { padding-top:4px; }
.pl0 { padding-left:0; }
.pl4 { padding-left:4px; }
.pl20 { padding-left:20px; }
.pb5 { padding-bottom:5px; }
.fs10px { font-size: 10px; }
.fs120 { font-size: 120%; }
.text-black { color: #333; }
.text-red { color: red; }
.wsnormal { white-space: normal; }
.label-space01 { margin: 8px 4px 0 0; }
.label-space02 { margin: 8px 4px 0 20px; }
.label-space03 { margin: 4px 4px 0 0; }
.select-space01 { margin: 3px 0 0 0; }
.float-none { float: none; }
div.innerErrorSelf { display: none; }
div.printOnlyDisp { display: none; }
.container table input { width: 80px; }
.container table input.w90 { width: 90%; }
.container table input.w90to50 { width: 90%; }
.container table input.w30p { width: 30px; }
.container table input.w60p { width: 60px; }
.container table input.w70p { width: 70px; }
.container table input.w100p { width: 100px; }
.container table input.w130p { width: 130px; }
.container table input.w140p { width: 140px; }
.container table input.w200p { width: 200px; }
.container table th.vtop {
      vertical-align: top;
}
.container table th.vmid {
      vertical-align: middle;
}
.container table th.bgdark {
      background-color: #001fb8;
}
.table-hover > tbody > tr:hover {
background-color: #e5e5e5;
}   

input.pull-left { float:left; }
.exel-btn { margin:12px 0 0 -69px; }

/*# PC版の横幅を可変にする */
@media (min-width: 768px) {
  .container {
    width: 90vw;
  }
}

/*# ホバー用 */
.cellhover:hover {
  background-color: #025ba2;
}

/*# 追加css(勤怠入力内テーブルのレスポンシブ化) */
@media (max-width: 767px) {
  table.table-responsive02 {
    width: 100%
  }
  .table-responsive02 thead {
    display: block;
    float: left;
    overflow-x: scroll;
  }
  .table-responsive02 th {
    display: block;
    width: auto;
    height: 50px;
  }
  .table-responsive02 tbody {
    display: block;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
  }
  .table-responsive02 tbody tr {
    display: inline-block;
    width: 100%;
  }
  .table-responsive02 td {
    display: block;
    height: 50px;
  }
  table.table-responsive02 input {
    width: 90%;
    height: 90%;
  }
  table.table-responsive02 select {
    height: 90%;
  }
  .container table input.w90to50 { width: 70%; }
  /* 高さの調整は画面で行う */
  .table-scroll {
    overflow-y: auto;
  }
}

/*# 追加css(勤怠入力内テーブルのレスポンシブ化) */
@media (max-width: 640px) {
  .container table input.w90to50 { width: 60%; }
}

/*# 追加css(勤怠入力内テーブルのレスポンシブ化) */
@media (max-width: 480px) {
  .container table input.w90to50 { width: 50%; }
}

/*# 追加css(勤怠入力内テーブルのレスポンシブ化) */
@media (max-width: 767px) {
    table.project-table { width: 100%; }
    .project-table th { width: 30%; }
    .project-table input { width:100%; }
  }

/*# 追加css(ReadOnlyボックス用) */
.bg-transparent {
  background-color: transparent;
  border-style: dotted;
  border-color: lightgrey;
}
.bg-transparent2 {
  background-color: transparent;
  border-style: none;
}
.cursor-pointer {
  cursor:pointer;
}


/*# 追加css(エラー表示 baloon) */
div.baloon {
font-size: 11px;
color: #900;
position: absolute;
padding-left: 20px;
background: url("/am_dev/js/validator/img/baloon.gif") no-repeat top left;
z-index: 100;
height: 34px;
}
div.baloon div.msg_div {
line-height: 25px;
border: solid;
border-width: 1px 0px 1px 0px;
border-color: #676767;
}
div.baloon div.right {
background: url("/am_dev/js/validator/img/baloon_right.gif") no-repeat top right;
height: 28px;
padding-right: 10px;
white-space: nowrap;
}
div.baloon div.in_div {
height:26px;
background-color:#FFFFFF;
}

/*# 追加css(テーブルレスポンシブ) */

@media only screen and (max-width: 767px){
  .minute thead {
      display: none;
  }
  #bigcontent td {
      vertical-align: top;
  }
  table.list2 td.cel2le {
      height: 25px;
  }
  table.list td.cel2le {
      border: solid;
      border-right-width: 1px;
      border-left-width: 1px;
      border-top-width: 1px;
      border-bottom-width: 1px;
      height: 20px;
  }
  table.list td {
      text-align: left;
  }
  .minute td {
      display: block;
  }
  table {
      border-collapse: collapse;
  }

    /*----------------------------------------------------
    .list
    ----------------------------------------------------*/
    table.list td.cel2le::before{
        background-color:#337AB7;
        border-color:#337AB7;
        color:#FFFFFF;
        border:solid;
        border-right-width:1px;
        border-left-width:1px;
        border-top-width:1px;
        border-bottom-width:1px;
        width: 120px;
        height: 38px;
        margin: -6px 6px 0px -6px;
        padding: 5px;
    }

    table.list td.cel2le {
    	height: 38px;
    }

    table.list td.cel2le2::before{
        background-color:#337AB7;
        border-color:#337AB7;
        color:#FFFFFF;
        border:solid;
        border-right-width:1px;
        border-left-width:1px;
        border-top-width:1px;
        border-bottom-width:1px;
        width: 120px;
        height: 38px;
        margin: -6px 6px 0px -6px;
        padding: 5px;
    }

table.list td.cel2le2{
	height:38px;
}

    table.list td.cel2ce::before{
        background-color:#337AB7;
        border-color:#337AB7;
        color:#FFFFFF;
        border:solid;
        border-right-width:1px;
        border-left-width:1px;
        border-top-width:1px;
        border-bottom-width:1px;
        width: 120px;
        height: 38px;
        margin: -6px 6px 0px -6px;
        padding: 5px;
    }

    table.list td.cel2ce{
    	height: 38px;
    }

    table.list td.cel2re::before{
        background-color:#337AB7;
        border-color:#337AB7;
        color:#FFFFFF;
        border:solid;
        border-right-width:1px;
        border-left-width:1px;
        border-top-width:1px;
        border-bottom-width:1px;
        width: 120px;
        height: 38px;
        margin: -6px 6px 0px -6px;
        padding: 5px;
    }

    table.list td.cel2ce{
    	height: 38px;
    }

    table.list td.cel2lo::before{
        background-color:#337AB7;
        border-color:#337AB7;
        color:#FFFFFF;
        border:solid;
        border-right-width:1px;
        border-left-width:1px;
        border-top-width:1px;
        border-bottom-width:1px;
        width: 120px;
        height: 38px;
        margin: -6px 6px 0px -6px;
        padding: 5px;
    }

    table.list td.cel2lo{
    	height: 38px;
    }

    table.list td.cel2lo2::before{
        background-color:#337AB7;
        border-color:#337AB7;
        color:#FFFFFF;
        border:solid;
        border-right-width:1px;
        border-left-width:1px;
        border-top-width:1px;
        border-bottom-width:1px;
        width: 120px;
        height: 38px;
        margin: -6px 6px 0px -6px;
        padding: 5px;
    }

    table.list td.cel2lo2{
    	height: 38px;
    }

    table.list td.cel2ro::before{
        background-color:#337AB7;
        border-color:#337AB7;
        color:#FFFFFF;
        border:solid;
        border-right-width:1px;
        border-left-width:1px;
        border-top-width:1px;
        border-bottom-width:1px;
        width: 120px;
        height: 38px;
        margin: -6px 6px 0px -6px;
        padding: 5px;
    }

    table.list td.cel2ro{
    	height: 38px;
    }

  .minute td:before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
  }

  .container table.minute input.button{
  	width: 58px !important;
  }

}