.panel-body-process {
	min-height: 34.5em !important;
}

.input-process-name {
	width: 337px !important;
}

.input-process-alert-day {
	min-width: 110px !important;
}

.sagyo-div {
	display:table; 
    vertical-align: middle;
}

.sagyo-div-sub {
    width: 100%;
	display:table-cell;
    vertical-align: middle;
}

.sagyo-div-sub .btn-sm {
	padding:0px 10px !important;
}

.input-sm-setting
{
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-control-setting {
  /*display: block;*/
  width: 98%;
  height: 30px;
  margin-left: 10px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}

.process-list-column-width-number {
    width: 4%;
    max-width: 4%;
    min-width:44px;
}

.process-list-column-width-process {
    width: 36%;
    max-width: 36%;
    min-width:196px;
}

.process-list-column-width-category {
    width: 26%;
    max-width: 26%;
    min-width:138px;
}


.process-list-column-width-code {
    width: 14%;
    max-width: 14%;
    min-width:177px;
}

.process-list-color-width-process {
    width: 6%;
    max-width: 6%;
    min-width:57px;
}

.process-list-column-width-button {
    width: 6%;
    max-width: 6%;
    min-width:55px;
}

.process-list-column-width-move {
    width: 8%;
    max-width: 8%;
    min-width:44px;
}

.process-list-overflow {
    max-width: 0px !important;
}

.btn-area {
    float: right;
    padding: 5px 0 10px;
}

.process-title {
    width: 100%;
    padding: 12px 15px 9px;
    margin-bottom: 5px;
    text-align:center;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    background-color: #f4f4f4;
}

.process-label {
    color:#808080;
    padding-bottom:3px;
}

.process-width-100 {
    width: 100% !important;
}

.process-sagyo {
    padding: 3px 8px;
    margin: 0 !important;
    font-weight: 400;
}

.process-sagyo-selected {
    padding: 6px 8px !important;
    font-weight: 400 !important;
    color: #fff;
    background-color: #6c757d;
}

.process-list-hover:hover {
	background-color: #ececec !important;
}

.process-attention-list-column-width-number {
    width: 5%;
    max-width: 5%;
}

.process-attention-list-column-width-title {
    width: 65%;
    max-width: 65%;
}
.process-attention-list-column-width-button {
    width: 20%;
    max-width: 20%;
}

.process-attention-list-column-width-move {
    width: 10%;
    max-width: 10%;
}
.attention-list-tooltip-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
}

.attention-file-name {
	width: 430px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	vertical-align:middle;
}

.process-stick-menu-list {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  z-index:100;
  background-color: white;
}

.process-list-column-move {
    cursor:grab;
}

/*IEのみGrabカーソル未対応のためPointerとする*/
@media all and (-ms-high-contrast: none) {
    .process-list-column-move {
        cursor: pointer;
    }
}

.page-loader {
    z-index:1000;
}

/*工程色選択ボタン*/
.process-plan-colorcode-panel {
    width:40px;
    height:40px;
    border-radius:50%;
    border:solid 2px #ececec;
    margin-left:auto;
    margin-right:auto;
    cursor:pointer;
    /*opacity: 0.5;*/
}
.process-plan-colorcode-panel:hover {
    opacity:1;
}

/*工程色選択Popover　枠*/
.colorcode-item-panel {
    display: inline-block;
    margin:1px;
    padding:0px;
    width: 46px;
    height: 46px;
    /*border-radius: 50%;*/
    border:solid 1px white;
}

/*工程色選択Popover　ボーダー*/
.colorcode-item-border {
    display: inline-block;
    border-radius: 50%;
    border:solid 2px #ececec;
    opacity: 0.5;
    margin:2px;
    padding:0px;
    width: 42px;
    height: 42px;
    cursor:pointer;
}

/*工程色選択Popover　色選択*/
.colorcode-item {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin:0px;
    padding:0px;
}

/*工程色選択Popover　Hover*/
.colorcode-item-panel:hover {
    /*border-color:gray;*/
}
.colorcode-item-panel:hover .colorcode-item-border {
    border-color:#acacac;
    border-style:dashed;
    opacity: 1;
}

/*工程色選択Popover　選択中*/
.colorcode-item-active .colorcode-item-border{
    border-color:#9c9c9c !important;
    border-style:solid !important;
    opacity: 1;
}
.colorcode-item-active {
    border-bottom-color:gray;
}

.popover {
    min-width:276px;
}