@charset "utf-8";
@import "framework.css";
/* CSS Document */

/********** Header **********/

header {
 margin: 0;
 width: 100%;
 height: 50px;
 background-color: #333;
}

/********** Article **********/

article {
 width: 800px;
 margin: 0 auto 0 auto;
}

table {
 border-collapse: collapse;
}

td {
 border: 1px solid #CCC;
 font-size: 12px;
 padding: 10px;
}

.img-list {
 max-width: 160px;
 max-height: 120px;
}

.td1 {
 width: 150px;
 text-align: center;
}

.td2 {
 width: 650px;
}

.td2 {
 width: 200px;
}

.tdReg {
 text-align: center;
}

.url {
 width: 650px;
 height: 20px;
}

.title {
 width: 650px;
 height: 20px;
}

.label {
 width: 650px;
 height: 20px;
}

.detail {
 width: 650px;
 height: 200px;
}

.role {
 margin: 0 10px 0 10px;
}

.float {
 float: left;
}

.progress-width {
 width: 49%;
}

.report-width {
 width: 99%;
}

.bg-dh {
 background-color: #F9F;
}

.bg-yahagi {
 background-color: #6F0;
}

.bg-aoi {
 background-color: #F0F;
}

.bg-yuni {
 background-color: #C9F;
}

.bg-ccom {
 background-color: #6CF;
}

.bg-enoki {
 background-color: #F90;
}

.bg-tokiwa {
 background-color: #F00;
}

.bg-minami {
 background-color: #FF0;
}

.bg-nami {
 background-color: #FC0;
}

.bg-sato {
 background-color: #0F0;
}

.bg-kobe {
 background-color: #000;
 color: #FFF;
}

.saturday {
 background-color: #6CF !important;
}

.sunday {
 background-color: #FCF !important;
}

.colorRed {
 background-color: #F00 !important;
}

.textColorRed {
 color: #F00;
}

.topBorder {
 border-top: 3px solid #000 !important;
}

.rightBorder {
 border-right: 3px solid #000 !important;
}

.bottomBorder {
 border-bottom: 3px solid #000 !important;
}

.leftBorder {
 border-left: 3px solid #000 !important;
}

.td-title {
 background-color: #D2E3E6;
}

#material_rack {
 width: 100px;
}

#material_tray {
 width: 100px;
}

#material {
 width: 200px;
}

#thick {
 width: 50px;
}

#width {
 width: 100px;
}

#depth {
 width: 100px;
}

#btnRepeat {
 visibility: hidden;
}

.press {
 color: #00F;
}

.laser {
 color: #F00;
}

.laser {
 color: #0F0;
}

.border-top {
 border-top: 2px solid #333 !important;
}

.border-bottom {
 border-bottom: 2px solid #333 !important;
}

.red {
 color: #FF0000;
 font-size: 24px !important;
}

.yellow {
 color: #FF9900;
 font-size: 24px !important;
}

.normal {
 color: #CCCCCC;
}

/* モーダルウィンドウ */
/* ------------------------------- */

.modal-body .text-info {
 margin-top: 5px;
 margin-bottom: 0;
}

/* .modal-lgの場合、タブレット以下の画面サイズで切れる対策 */
@media (min-width: 768px) {
 .modal-lg {
  width: 100%;
 }
}
@media (min-width: 992px) {
 .modal-lg {
  width: 1000px;
 }
}

/* 検索ボタン
/* ------------------------------- */

.search-body {
 display: none;
 margin-top: 30px;
 margin-bottom: 30px;
}

.order-change {
 float: right;
}

.hidden-btn {
 display: none;
}

/* オートコンプリート */
/* ------------------------------- */

/* モーダル上にも表示できるように */
.ui-autocomplete {
 z-index: 1151 !important;
}

.ui-menu-project {
 border-bottom: 1px solid #CCC;
}

/* no-dataTables
/* ------------------------------- */

.no-dataTables table {
 margin-top: 10px;
 margin-bottom: 0;
}

.no-dataTables table tr {
 cursor: pointer;
}

.no-dataTables table th i {
 float: right;
 color: rgba(0, 0, 255, 0.5);
}

.no-dataTables table th i.fa-sort {
 float: right;
 color: rgba(50, 50, 50, 0.2);
}

.no-dataTables table .sorting {
 cursor: pointer;
}

body {
    height: 1500px;
}
.back-to-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    z-index: 2;
    display: none;
}
.back-to-top:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background: #000000;
}
.back-to-top:after {
    content: "↑";
    display: block;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}