@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
h2 {
  font-size: 200%;
}
.page-content-wrap {
  padding: 15px;
}
.login-container.lightmode {
  background-size: cover;
}
.breadcrumb i {
  margin-right: 5px;
}
.th {
  text-decoration: line-through;
}
.x-navigation.x-navigation-horizontal > li > a {
  color: #434a54;
}
.x-navigation.x-navigation-horizontal > li > a:hover,
.x-navigation.x-navigation-horizontal > li.active > a {
  color: #ffffff;
  background-color: #152875;
}
.x-navigation.x-navigation-horizontal > li.current > a {
  color: #ffffff;
  background-color: #152875;
}
.x-navigation.x-navigation-horizontal > li.current > a .fa {
  color: #ffffff;
}
.x-navigation li > ul li > a:hover {
  background-color: #152875;
}
.x-navigation li > a:hover {
  background-color: #152875;
}
.x-navigation li.active > a {
  background-color: #152875;
}
#content {
  background-color: #FFF;
}
.input-group-addon {
  line-height: 36px;
}
.ui-widget-content a {
  color: #fff !important;
}
body {
  font-family: YuGothic, "Yu Gothic M", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  font-size: 120%;
  margin: 0;
}
.x-navigation > li.xn-logo > a:first-child {
  font-size: 20px;
  background-color: #152875;
}
.x-navigation > li.xn-logo > a:first-child:hover {
  background-color: #152875;
}
.row {
  padding-top: 20px;
  padding-bottom: 20px;
}
a {
  color: #003d4c;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #367889;
  text-decoration: none;
}
a img {
  border: none;
}
h1,
h2,
h3,
h4 {
  font-weight: normal;
  margin-bottom: 0.5em;
}
h1 {
  background: #fff;
  color: #003d4c;
  font-size: 100%;
}
h2 {
  color: #3C8DBC;
  font-weight: bold;
  font-size: 150%;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  line-height: 34px;
  padding: 0px 5px;
  margin-bottom: 0;
}
h2 i {
  margin-right: 10px;
}
.page-title h2 {
  float: none;
  color: #000;
}
h4 {
  color: #993;
  font-weight: normal;
}
p {
  margin: 0 0 1em 0;
}
.cl {
  clear: both;
  height: 1px;
}
.num {
  font-size: 150%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #333333;
  display: inline-block;
  padding: 0px 0px 0px 2px;
}
.num_total {
  font-size: 200%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  display: inline-block;
  padding: 0px 0px 0px 2px;
  color: #0071bc;
}
table.holiday {
  table-layout: fixed;
}
table.holiday th,
table.holiday td {
  padding: 1px;
  text-align: center;
}
table.holiday th .label,
table.holiday td .label {
  text-align: center;
}
table.holiday label:hover {
  background-color: #E2EDF9;
}
table.holiday label::after {
  display: none;
}
table.holiday input[type=checkbox] {
  display: none;
}
table.holiday input[type="checkbox"]:checked + label {
  background: #31A9EE;
  color: #ffffff;
}
table.holiday label {
  margin: 5px;
  border: 1px solid #006DD9;
  text-align: center;
  display: block;
  padding: 2px;
  margin: 0;
}
.form-control {
  height: auto;
  height: initial;
}
.form-group {
  margin: 0;
  padding: 0;
}
.input-group {
  margin: 0;
  padding: 0;
}
.date input {
  max-width: 150px;
}
.tt {
  display: table;
}
.tt .tr {
  display: table-row;
}
.tt .tc {
  display: table-cell;
}
table.project th,
table.project td {
  padding: 10px;
}
div.checkbox {
  display: inline-block;
  width: initial;
  width: auto;
  vertical-align: middle;
  padding: 10px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: 5px;
}
.gantt-side {
  float: left;
  position: relative;
  min-width: 300px;
}
.holiday {
  background-rgba: 255, 255, 0, 0.2;
}
.project_row {
  background-color: #ccc;
}
.project_row .gantt-valign-container {
  font-weight: bold;
}
.panel-btns {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: 10px;
  z-index: 1030;
  max-width: 300px;
}
.commentcell {
  z-index: 2;
}
.commentcell .gantt-task-content {
  overflow: visible;
}
.commentcell .gantt-task-background {
  background: #F00 !important;
  border-radius: 25px;
}
.row-buttons {
  text-align: right;
}
.row-buttons span {
  cursor: pointer;
}
.row-buttons i {
  margin: 0px 1px;
  font-size: 120%;
  color: #3E82BA;
}
.row-buttons .fa-window-close {
  color: #a94442;
}
.row-buttons .fa-comment {
  color: #8a6d3b;
}
.row-buttons .fa-pencil-square {
  color: #3c763d;
}
.modal-backdrop {
  background-color: rgba(0,0,0,0.5);
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #1b1e24;
  padding: 0px;
  margin: 0px;
}
.panel-toggled .panel-body,
.panel-toggled .panel-footer {
  display: block;
}
.gantt-tree-header-row span.gantt-label-text,
.gantt-table-header-row span.gantt-label-text {
  overflow: visible !important;
}
.gantt-column-btns .gantt-table-row .gantt-row-label .gantt-label-text {
  display: none;
}
.gantt-task-group {
  height: 65%;
  padding-left: 10px;
  color: #FFF;
}
.projectgroup {
  background-color: #efefef;
  color: #555;
  font-weight: bold;
}
.projectgroup .gantt-task-group-left-symbol,
.projectgroup .gantt-task-group-right-symbol {
  border-top: 12px solid #efefef;
}
.projectgroup .gantt-task-group-left-main,
.projectgroup .gantt-task-group-right-main {
  background: #efefef;
}
.gantt-task-progress {
  height: 26px;
}
ul.departmentlist {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
ul.departmentlist li {
  display: inline-block;
  padding-left: 10px;
}
.search-form .form-group {
  display: inline-block;
}
table.search td {
  padding: 2px 5px;
  vertical-align: middle;
}
.gantt-task-content {
  cursor: pointer;
}
.readonlytoggle {
  cursor: pointer;
}
.colorradio {
  display: inline-block;
  margin-right: 5px;
}
.colorradio input {
  display: none;
}
.colorradio label {
  width: 20px;
  border-radius: 5px;
  width: 24px;
  border: 3px solid #EFEFEF;
}
.gantt-task-progress {
  background-color: #aaa !important;
}
table.project {
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  width: 100%;
}
table.project th,
table.project td {
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding: 5px;
}
table.project td {
  position: relative;
}
table.project td input[type="text"] {
  font-size: 100%;
  padding: 1px;
}
table.project td .fa-pen-square {
  position: absolute;
  left: 5px;
  font-size: 16px;
  cursor: pointer;
}
table.project td.input {
  padding-left: 18px;
}
.productionPlanningCalendar .year {
  text-align: center;
  font-size: 120%;
  font-weight: bold;
}
.productionPlanningCalendar ul.months {
  text-align: center;
  font-size: 120%;
  padding: 20px 0px;
}
.productionPlanningCalendar ul.months li {
  list-style: none;
  display: inline-block;
  color: #00F;
  padding: 0px 20px 0px 0px;
  border-right: 1px solid #aaa;
}
.productionPlanningCalendar ul.months li a {
  color: #aaa;
  font-weight: normal;
}
.productionPlanningCalendar ul.months li:last-child {
  border-right: none;
}
#calendar_table {
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #999;
}
#calendar_table th {
  text-align: center;
}
#calendar_table th.sunday {
  color: #FF0000;
}
#calendar_table th.saturday {
  color: #0000FF;
}
#calendar_table td {
  border-right: 1px solid #999;
  border-top: 1px solid #999;
  padding: 5px 5px 5px 5px;
  min-height: 110px;
  position: relative;
}
#calendar_table td .day {
  font-weight: bold;
  font-size: 16px;
  text-align: left;
}
#calendar_table td span.holiday {
  display: block;
  text-align: center;
  font-size: 20px;
  padding-top: 15px;
  box-sizing: border-box;
  background: #FF1D25;
  color: #FFF;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 0px auto;
}
#calendar_table td span.saleday {
  display: block;
  text-align: center;
  font-size: 20px;
  padding-top: 15px;
  box-sizing: border-box;
  background: #2364aa;
  color: #FFF;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 0px auto;
}
#calendar_table td a {
  position: absolute;
  right: 5px;
  top: 5px;
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ededed),color-stop(1,#dfdfdf));
  background: -moz-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
  background: -webkit-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
  background: -o-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
  background: -ms-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
  background: linear-gradient(to bottom,#ededed 5%,#dfdfdf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dfdfdf',GradientType=0);
  background-color: #ededed;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  cursor: pointer;
  color: #777777;
  font-size: 13px;
  font-weight: normal;
  padding: 3px 6px;
}
#calendar_table td a:hover {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#dfdfdf),color-stop(1,#ededed));
  background: -moz-linear-gradient(top,#dfdfdf 5%,#ededed 100%);
  background: -webkit-linear-gradient(top,#dfdfdf 5%,#ededed 100%);
  background: -o-linear-gradient(top,#dfdfdf 5%,#ededed 100%);
  background: -ms-linear-gradient(top,#dfdfdf 5%,#ededed 100%);
  background: linear-gradient(to bottom,#dfdfdf 5%,#ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf',endColorstr='#ededed',GradientType=0);
  background-color: #dfdfdf;
}
#calendar_table td a.holiday {
  color: #FF1D25;
}
#calendar_table td a.saleday {
  color: #2364aa;
}
#calendar_table td.sunday .day {
  color: #FF0000;
}
#calendar_table td.saturday .day {
  color: #0000FF;
}
#calendar_table tr td:first-child {
  border-left: 1px solid #999;
}
.radiocol {
  display: inline-block;
  margin-bottom: 0;
}
.radiocol label {
  display: inline-block;
}
table.calendar {
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  box-sizing: border-box;
  word-break: break-word;
  min-width: 2800px;
}
table.calendar tr:hover {
  background: #d0ffd0;
}
table.calendar tr:hover td:hover {
  background: #ffffff;
}
table.calendar th {
  font-weight: normal;
  background-color: #FFF;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  text-align: center;
  box-sizing: border-box;
  padding: 4px;
}
table.calendar th .comment {
  border: 2px solid #EEE;
  color: #ff0000;
  font-weight: bold;
}
table.calendar td {
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  padding: 4px;
  padding-left: 18px;
}
table.calendar td .fa-pencil-square {
  position: absolute;
  left: 5px;
  font-size: 16px;
  cursor: pointer;
}
table.calendar td.int {
  text-align: right;
}
table.calendar tr.activecell td {
  background-color: #b0f779;
}
table.calendar .holiday {
  color: red !important;
  background: #FFCCCC !important;
}
table.calendar .today {
  background: #fcf8e3 !important;
  font-weight: bold;
}
table.calendar .week6 {
  background: #CCCCFF !important;
  color: blue !important;
}
table.calendar .week0 {
  background: #FFCCCC !important;
  color: red !important;
}
table.calendar .process_input {
  background-color: #FFA329 !important;
  color: #000 !important;
  font-weight: bold;
}
table.calendar .process_input .fa-pencil-square::before {
  color: #000 !important;
  opacity: 1 !important;
}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  color: #000;
}
ul.block_months {
  text-align: center;
  font-size: 120%;
  padding: 20px 0px;
}
ul.block_months li {
  list-style: none;
  display: inline-block;
  color: #00F;
  padding: 10px 10px 10px 10px;
  margin: 0;
  border-right: 1px solid #aaa;
}
ul.block_months li a {
  color: #aaa;
  font-weight: normal;
}
ul.block_months li:last-child {
  border-right: none;
}
ul.block_months li.current {
  background-color: #0071BC;
  color: #FFF;
}
.x-navigation li.xn-openable::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0fe";
  font-weight: 400;
}
.x-navigation li.active.xn-openable::before {
  content: "\f146";
}
table.index th a::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0dc";
}
table.index th a.asc::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0de";
  color: #00F;
}
table.index th a.desc::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0dd";
  color: #00F;
}
.product_flow {
  list-style-type: none;
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  margin-bottom: 20px;
}
.product_flow li {
  display: table-cell;
  position: relative;
  background: #504944;
  padding: 1em 0.5em 1em 2em;
  color: #fff;
}
.product_flow li:last-child {
  padding-right: 1em;
}
.product_flow li:last-child:before,
.product_flow li:last-child:after {
  display: none;
}
.product_flow li:before,
.product_flow li:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.product_flow li:before {
  top: -15px;
  right: -1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.product_flow li:after {
  top: -15px;
  right: -0.8em;
  border-style: solid;
  border-color: transparent transparent transparent #504944;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.product_flow li.current {
  background: #0074bd;
  font-weight: bold;
}
.product_flow li.current:after {
  border-color: transparent transparent transparent #0074bd;
}
.x-navigation > li:last-child > a {
  border-radius: 0;
}
.x-navigation li > a .fa,
.x-navigation li > a .fas,
.x-navigation li > a .glyphicon {
  color: #3e4a61;
  text-align: center;
  width: 20px;
  font-size: 14px;
  margin-right: 10px;
  vertical-align: baseline;
  -webkit-transition: color 200ms ease;
  -moz-transition: color 200ms ease;
  -ms-transition: color 200ms ease;
  -o-transition: color 200ms ease;
  transition: color 200ms ease;
}
.calendar {
  float: none;
}
.inputtab {
  width: 100%;
  background-color: #FFF;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.inputtab th {
  padding: 4px;
  font-weight: normal;
  background-color: #FFF;
  border: none;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.inputtab td {
  padding: 6px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.inputtab td input {
  width: 100%;
  font-size: 14px;
  padding: 2px;
  box-sizing: border-box;
}
.inputtab td.numtd input {
  width: 100px;
  text-align: right;
}
.inputtab td.day {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120%;
  font-weight: bold;
}
.inputtab td.week0 {
  color: #E4007F;
}
.inputtab td.week6 {
  color: #00A0E9;
}
.inputtab span.week {
  font-family: YuGothic, "Yu Gothic M", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  font-size: 80%;
}
.inputtab .trweek0 {
  background-color: #FFCAEA;
}
.inputtab .trweek6 {
  background-color: #CAF1FF;
}
.inputtab .processTotal {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120%;
  font-weight: bold;
  text-align: right;
}
.inputtab .successcolor {
  color: #3B8230;
}
.inputtab td.numtdc {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120%;
  font-weight: bold;
  text-align: right;
}
#content {
  overflow-x: scroll;
}
.modal-header .close {
  padding: 0;
}
#sort_box {
  margin: 20px 0;
}
.sort_div {
  background-color: #eee;
  border: 1px solid #ABD3E5;
  cursor: move;
  list-style: none outside none;
  margin-bottom: 10px;
  padding: 10px;
  font-weight: bold;
}
.vertical {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  vertical-align: top;
}
.machinedaily_table {
  border-spacing: 0;
  border-collapse: separate;
  border: solid 1px #666;
  overflow: hidden;
}
.machinedaily_table thead tr th {
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
}
.machinedaily_table tr:hover {
  background-color: #f0f0f0;
}
.machinedaily_table td,
.machinedaily_table th {
  padding: 10px;
  position: relative;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
}
.machinedaily_table td:hover {
  background-color: #ccc;
}
.machinedaily_table td:hover:after {
  content: "";
  background-color: #f0f0f0;
  width: 100%;
  height: 200vh;
  position: absolute;
  top: -100vh;
  left: 0;
  z-index: -1;
}
.machinedaily_table td.alerttotal {
  background: #ffffe8;
}
.machinedaily_table td.daytotal {
  background: #f0ffe8;
}
.machinedaily_table tr.week6 th,
.machinedaily_table tr.week6 td {
  background: #f0ffff;
}
.machinedaily_table tr.week0 th,
.machinedaily_table tr.week0 td {
  background: #fff8ff;
}
.red {
  color: #f00;
}