@charset "utf-8";
/*======================================================================
  シフト管理CSS  !important
========================================================================*/
/* 全体
----------------------------------------------- */
html {
  -ms-overflow-style: scrollbar;
}
body {
  padding-top: 50px;
}
body {
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  text-align: left;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0.50);
  font-size: 15px;
  background-color: #FBF7ED;
}
body.no_user_select {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
}
.ui-front { z-index: 5000; } /*Zオーダーをヘッダーより前にする対応*/
.ui-widget { font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif; }
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.fixed_header_display_none_at_print {
    background-color: #FBF7ED  !important;
}
.dropdown-menu.right {
    right: 0;
    left: auto;
    &::before { left:auto !important; right:9px;  }
    &::after  { left:auto !important; right:10px; }
}
@supports (-ms-ime-align: auto) {
  table {
    table-layout: fixed;
  }
  td {
    word-wrap: break-word;
  }
}
@-moz-document url-prefix() {
  table {
    table-layout: fixed;
  }
  td {
    word-wrap: break-word;
  }
}
div.scroll_div { overflow-y: scroll; }
.ui-widget,
.ui-widget input,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.input-sm {
    font-size: 15px !important;
}
.ui-widget-content {
    background-color: #FBF7ED !important;
    padding: 2px !important;
}
.ui-dialog-content {
    padding: 0px 10px !important;
}
.ui-dialog-content > table {
    width: 100% !important;
}
.ui-widget-header {
    background-color: #3A4652 !important;
    color: #FFFFFF !important;
    font-weight: normal !important;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .2em .4em !important;
}
.ui-datepicker .ui-datepicker-prev {
    background: #ededed;
    border: 1px solid #cccccc;
    top: 1px;
    left: 1px;
    right: auto;
}
.ui-datepicker .ui-datepicker-next {
    background: #ededed;
    border: 1px solid #cccccc;
    top: 1px;
    right: 1px;
    left: auto;
}
input {
    vertical-align: middle;
}
.btn-danger {
    background-color: #FF003C;
}
.form-control {
    padding: 0 5px;
}
.selectable {
    cursor: pointer;
}
.attention {
    color: #FF2800;
}
.attention-mark {
    color: #FF2800;
    margin-left: 4px;
}
.list-inline > li {
    padding: 0;
}
.list-inline {
    margin-left: 0;
}
.glyphicon-yen {
    border: 1px solid;
    border-radius: 2px;
}
.glyphicon-border-ajust {
    border: 1px solid transparent;
}
/* glyphicon の右側にテキスト配置する場合に使用 */
.glyphicon-text-right {
    margin-left: 4px;
}
/* glyphicon の右側にテキスト配置する場合に使用 */
.glyphicon-text-right-inner {
    padding-left: 4px;
}
/* glyphicon の左側にテキスト配置する場合に使用 */
.glyphicon-text-left {
    margin-right: 4px;
}
button.check {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
button.check > span.glyphicon {
    display: none;
}
button.btn-default.check.checked,
button.btn-default.check.checked:hover,
button.btn-default.check.checked:active,
button.btn-default.check.checked:focus {
    color: #333 !important;
    background-color: #fff!important;
    border-color: #ccc!important;
}
button.check.checked > span.glyphicon {
    display: inline;
}
button.btn-close {
    border: none;
    background-color: transparent;
}

/* 点滅 */
.blinking{
    -webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{0% {opacity:0;} 100% {opacity:1;}}
@-moz-keyframes blink{0% {opacity:0;} 100% {opacity:1;}}
@keyframes blink{0% {opacity:0;} 100% {opacity:1;}}


/* 一覧フィルター */
.list-filter {
  padding: 3px 2px 2px 2px;
}
.list-filter select {
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  padding: 0 2px;
}
/* 一覧凡例 */
.list-footer {
  font-size: 11px;
  margin-bottom: 4px;
}
.list-footer-title {
  margin-left: 8px;
  margin-right: 2px;
}
.list-count {
  font-size: 12px;
}
.list-legend {
  border: 1px solid #333;
  border-radius: 3px;
  padding: 0 2px;
  margin-left: 2px;
}


/* ダイアログ共通
----------------------------------------------- */
.dlg_header h3 {
    margin: 0;
    margin-left: 8px;
}
.dlg_itemlist {
    border-collapse: separate;
    border-spacing: 4px;
}
.dlg_itemlist > tbody > tr > th {
    text-align: left;
    border-radius: 4px;
    background-color: #3A4652;
    color: #fff;
    border: 1px solid #3A4652;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    height: 42px;
}
.dlg_itemlist > tbody > tr > th > div > label,
.dlg_itemlist > tbody > tr > th > label {
    margin-top: 6px;
    font-weight: normal;
    width: 100%;
}
.dlg_itemlist > tbody > tr > td {
    text-align: left;
    border-radius: 4px;
    border: 1px solid #ddd;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #fff;
    height: 42px;
}
.dlg_itemlist > tbody > tr > td.readonly {
    background-color: #FBF7ED;
}
.dlg_itemlist > tbody > tr > td.button-area {
    border-color: #FBF7ED;
    background-color: #FBF7ED;
}
.dlg_itemlist > tbody > tr > th.narrow,
.dlg_itemlist > tbody > tr > td.narrow {
    height: 28px;
}

/* カレンダー
----------------------------------------------- */
.ui-datepicker-calendar tr th:first-child {
background: none;
  color: #FF003C;
}
.ui-datepicker-calendar tr th:last-child {
background: none;
  color: #399AC9;
}
.ui-datepicker-calendar tr td:first-child a{
  background: none;
  background-color: #FF003C;
  color: #FFFFFF;
}
.ui-datepicker-calendar tr td:last-child a{
  background: none;
  background-color: #399AC9;
  color: #FFFFFF;
}
.ui-datepicker td a {
    text-align: center;
}
.ui-datepicker .ui-priority-secondary {
    border: none;
    background-color: #f6f6f6 !important;
    color: #454545 !important;
}
.ui-datepicker .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #f6f6f6;
    color: #454545;
}
.ui-datepicker .ui-state-active {
    border: 1px solid #FABE28;
    background: #FABE28 !important;
    color: #454545;
}


/* ヘッダー
----------------------------------------------- */
.navbar {
  background-color: #FABE28;
  border: none;
}
.navbar-brand {
  padding-top: 4px;
}
.navbar-fixed-top {
  border: 0;
}

/* ログイン
----------------------------------------------- */
.form-signin {
  max-width: 500px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin li {
    text-align: center;
    margin-top: 8px;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
}

/* シフコンロゴ
----------------------------------------------- */
.shiftmgt-logo {
	 width: 350px;
	 height: 70px;
	 margin: 0 auto 15px auto;
     text-align: center;
}
.shiftmgt-logo-cube {
	padding: 7px;
	margin: 5px;
	float:left;
	border-radius: 10px;
	width: 60px;
	height: 60px;
}
.shiftmgt-logo-text {
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 36px;
}

/* メニュー
----------------------------------------------- */
.shiftmgt-menu {
  min-width: 640px;
  width: 640px;
  position: relative;
  margin: 0 auto;
}
.shiftmgt-menu button {
    width: 100%;
}
.shiftmgt-menu-title {
    margin-bottom: 4px;
    border-bottom-color: #d3d3d3;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}
.shiftmgt-menu-title h3 {
    margin-top: 4px;
    margin-bottom: 4px;
}
.shiftmgt-menu-button-full {
    position: relative;
    width: 100%;
    padding-bottom: 4px;
}
.shiftmgt-menu-button-left {
    position: relative;
    width: 50%;
    padding-right: 2px;
    padding-bottom: 4px;
}
.shiftmgt-menu-button-right {
    position: relative;
    width: 50%;
    padding-left: 2px;
    padding-bottom: 4px;
}
.shiftmgt-menu-button-text {
    position: absolute;
    top: 6px;
    left: 10px;
}
.shiftmgt-menu-button-icon {
    position: absolute; bottom: 10px; right: 10px;
}
.shiftmgt-news {
    margin-top: 32px;
    margin-bottom: 8px;
    background-color: #FABE28;
    border: 1px solid #FABE28;
    border-radius: 6px;
}
.shiftmgt-news-title {
    padding: 6px 8px;
}
.shiftmgt-news-list {
    height: 105px;
    padding: 0;
    padding-top: 4px;
    padding-left: 12px;
    overflow-y: scroll;
    border: 1px solid #FABE28;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #FFFFFF;
}
.shiftmgt-news-list .news-area {
    width: 100%;
    display: block;
    margin: 0;
    font-size: 14px;
}
.shiftmgt-news-list .news-date {
    width: 22%;
    margin: 6px 0;
}
.shiftmgt-news-list .news-title {
    width: 78%;
    margin: 6px 0;
}

.shiftmgt-side-news {
    margin-top: 140px;
    background-color: #FABE28;
    border: 1px solid #FABE28;
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
}
.shiftmgt-side-news.right {
    right: 0;
    left: auto;
}
.shiftmgt-side-news-title {
    padding: 6px 8px;
}
.shiftmgt-side-news-list {
    max-height: 850px;
    padding: 4px 4px;
    overflow-y: scroll;
    border: 1px solid #FABE28;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #FFFFFF;
    width: 100%;
    font-size: 14px;
}
@media (min-width: 768px)  { .shiftmgt-side-news { width: 100px; margin-left: 24px;}  .shiftmgt-side-news.right { margin-right: 24px; } }
@media (min-width: 992px)  { .shiftmgt-side-news { width: 130px; margin-left: 24px;}  .shiftmgt-side-news.right { margin-right: 24px; } }
@media (min-width: 1200px) { .shiftmgt-side-news { width: 220px; margin-left: 24px;}  .shiftmgt-side-news.right { margin-right: 24px; } }
@media (min-width: 1300px) { .shiftmgt-side-news { width: 250px; margin-left: 0;}     .shiftmgt-side-news.right { margin-right: 0; } }
@media (min-width: 1400px) { .shiftmgt-side-news { width: 340px; margin-left: 0;}     .shiftmgt-side-news.right { margin-right: 0; } }
@media (min-width: 1600px) { .shiftmgt-side-news { width: 340px; margin-left: 100px;} .shiftmgt-side-news.right { margin-right: 100px; } }
@media (min-width: 1900px) { .shiftmgt-side-news { width: 340px; margin-left: 240px;} .shiftmgt-side-news.right { margin-right: 240px; } }

.shiftmgt-file {
    margin-bottom: 8px;
    background-color: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 6px;
}
.shiftmgt-file-title {
    padding: 6px 8px;
}
.shiftmgt-file-list {
    padding: 0;
    padding-top: 4px;
    padding-left: 12px;
    border-top: 1px solid #CCCCCC;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #FFFFFF;
}
.shiftmgt-file-list table {
    width: 100%;
}
.shiftmgt-file-list .file-area {
    width: 50%;
}
.shiftmgt-file-list .file-title {
    width: 100%;
    margin: 5px 0;
}

/* 月間シフト
----------------------------------------------- */
.monthly-shift-header {
    max-width: none;
    margin: 0 auto;
    margin-top: 3px;
    font-size: 14px;
    padding-left: 3px;
    padding-right: 3px;
}
.monthly-shift-header ul {
    margin-top: 4px;
    margin-bottom: 0;
}
.monthly-shift-header-title {
    margin-bottom: 0;
    width: 206px;
    padding-top: 6px;
    padding-bottom: 4px;
    background-color: #3A4652;
    color: #fff;
    font-size: 18px;
}
.monthly-shift-header-back {
    margin-right: 1px;
    border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: #3A4652;
}
.monthly-shift-header-now {
    border-right: none !important;
    border-left: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background-color: #3A4652;/* ボタンとして使用するまでの仮対応 */
    cursor: default;/* ボタンとして使用するまでの仮対応 */
}
.btn-primary:hover { background-color: #3A4652; background-position: 0; }/* ボタンとして使用するまでの仮対応 */
.monthly-shift-header-next {
    margin-left: 1px;
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background-color: #3A4652;
}
.monthly-shift {
    max-width: none;
    font-size: 14px;
    overflow-y: scroll;
}
.monthly-shift table {
    border: none !important;
    border-spacing: 3px;
    border-collapse: separate;
    background-color: #FBF7ED !important;
}
.monthly-shift th,
.monthly-shift td {
    padding: 0px;
    text-align: center;
    line-height: 1.2em;
    border-radius: 3px;
}
.monthly-shift-hour.header {
    background-color: #3A4652;
    color: #FFFFFF;
    height: 18px;
}
.monthly-shift-hour.plans {
    background-color: #399AC9;
    color: #FFFFFF;
    height: 18px;
}
.monthly-shift-hour.cell {
    background-color: #C1FF97;
    width: 59px;
    height: 18px;
}
.monthly-shift-hour.extra,
.monthly_shift_time_zone_header.extra {
    opacity: 0.5;
}
.monthly-shift-hour-inner {
    border: 0px solid #777;
    border-radius: 3px;
    height: 18px;
}
.monthly-shift-hour-inner.minus {
    background-color: #d9333f;
    color: #ffffff;
}
.monthly-shift-hour-inner.holiday {
    background-color: #ffccff;
}
.monthly-shift-hour-inner.result {
    background-color: #ebe1a9;
}
.monthly-shift-hour-inner.newest {
    border: 1px solid #715c1f;
}
.monthly-shift-hour-inner.evenrow {
    background-color: #D5E6D9;
}
.monthly-shift-filter-input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.monthly-shift-filter-input input::-ms-clear {
    visibility: hidden;
}
.monthly-shift-filter-input > input.search {
    background-image: url("../img/icon/icon_search.png");
    background-repeat: no-repeat;
    background-position: 4px center;
    background-size: auto;
    padding-left: 20px;
}
.monthly-shift-filter-clear {
    position: absolute;
    right: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    color: #999;
    font-size: 17px;
    height: 17px;
    color: #ccc;
}
.monthly-shift-filter-clear:hover {
    color: #3a4652;
}
.monthly-shift-comment.header {
    background-color: #399AC9;
    color: #FFFFFF;
    height: 34px;
}
.monthly-shift-comment.cell {
    background-color: #ffffff;
    width: 59px;
    height: 34px;
    max-width :59px;
}
.monthly-shift-comment-inner {
    border: 0px solid #777;
    border-radius: 3px;
    height: 34px;
    white-space: pre-wrap;
    overflow: hidden;
    line-height: 1.25em;
}

.monthly-shift-comment-inner.clickable {
    cursor: pointer;
    border: 1px solid #399AC9;
}
.monthly-shift-comment-inner.all {
    background-color: #D3D3D3;
    border: 1px solid #dcdcdc;
}
.monthly-shift-staff {
    /*postion: relative;*/
    text-align: left;
    background-color: #C1FF97;
    width: 245px;
    height: 38px;
}
.monthly-shift-staff.help {
   background-color: #c7dc68;
}
.monthly-shift-total {
    text-align: left;
    background-color: #ebe1a9;
    width: 120px;
    height: 38px;
    position: relative;
}
.monthly-shift-total div.upper {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: hidden;

    position: absolute;
    right: 4px;
    top: 2px;
}
.monthly-shift-total div.upper.left {
    color:#a9a9a9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: hidden;
    position: absolute;
    left: 2px;
    top: 2px;
}
.monthly-shift-total div.upper.right {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: hidden;
    position: absolute;
    right: 4px;
    top: 2px;
}
.monthly-shift-total div.lower{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: hidden;
    position: absolute;
    right: 4px;
    bottom: 2px;
}
.monthly-shift-total div.lower.minus{
    color:red;
}
.monthly-shift-staff.selected {
    border-color: red;
    border-style: dashed;
    border-width: 2px;
}
.monthly-shift-staff-header {
    cursor: default;
    text-align: left;
    background-color: #88C100;
    color: #FFFFFF;
    width: 245px;
    height: 38px;
    position: relative;
}
.monthly-shift-total-header {
    cursor: default;
    text-align: left;
    background-color: #715c1f;
    color: #FFFFFF;
    width: 120px;
    height: 38px;
    position: relative;
}
.monthly-shift-total-header div.upper {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: hidden;
    position: absolute;
    right: 4px;
    top: 2px;
}
.monthly-shift-total-header div.upper_left {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: hidden;
    font-size: 13px;
    position: absolute;
    left: 2px;
    top: 2px;
}
.monthly-shift-total-header div.upper_right {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: hidden;
    position: absolute;
    right: 4px;
    top: 2px;
}
.monthly-shift-total-header div.switch {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: hidden;
    position: absolute;
    left: 2px;
    bottom: 2px;
}
.monthly-shift-total-header div.lower {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: hidden;
    position: absolute;
    right: 4px;
    bottom: 2px;
}
.monthly-shift-staff-header div.name {
    text-align: left;
    padding-left: 4px;
    float: left;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 22px;
}
.monthly-shift-staff div.name {
    text-align: left;
    padding-left: 4px;
    float: left;
    width: 145px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.monthly-shift-staff div.name.clickable {
    cursor: pointer;
}
.monthly-shift-staff-header div.department{
    text-align: left;
    position: absolute;
    left: 4px;
    top: 4px;
    width: 17px;
    height: 31px;
    display: block;
    border-right: 1px solid #fff;
    line-height: 16px;
}
.monthly-shift-staff div.department {
    border-right: 1px solid #FFFFFF;
    border-radius: 3px;
    height: 44px;
    width: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-right: 2px;
    display: block;
    float: left;
    overflow: hidden;
    font-size: 13px;
    line-height: 13.5px;
}
.monthly-shift-staff-header div.order {
    text-align: center;
    position: absolute;
    left: 2px;
    bottom: 1px;
    width: 40px;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 3px;
    height: 20px;
    margin-left: 22px;
}
.monthly-shift-staff-header div.apply {
    position: absolute;
    left: 64px;
    bottom: 1px;
    font-size: 12px;
}
.monthly-shift-staff div.apply {
    position: absolute;
    left: 42px;
    bottom: 1px;
    font-size: 12px;
}
.monthly-shift-staff-header div.empl,
.monthly-shift-staff div.empl {
    text-align: right;
    padding-right: 4px;
    float: right;
    width: 65px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: hidden;
}
.monthly-shift-staff div.empl {
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    right: 0;
    top: 0;
}
.monthly-shift-staff-header div.age,
.monthly-shift-staff div.age {
    text-align: left;
    padding-left: 4px;
    float: left;
    width: 65px;
}
.monthly-shift-staff-header div.time,
.monthly-shift-staff div.time {
    text-align: right;
    padding-right: 4px;
    float: right;
    width: 155px;
}
.monthly-shift-staff div.time {
    text-align: right;
    padding-right: 4px;
    position: absolute;
    right: 0;
    top: 14px;
}
.monthly-shift-staff div.contribution_count {
    text-align: right;
    padding-right: 12px;
    float: right;
    width: 65px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.monthly-shift-staff div.time span.total_hours,
.monthly-shift-staff div.time span.total_holidays,
.monthly-shift-staff div.contribution_count {
    font-size: 10pt;
    line-height: 15px;
}
.monthly-shift-staff div.shift_turn {
    text-align: right;
    font-size: 10pt;
    line-height: 15px;
    position: absolute;
    bottom: 1px;
    right: 40px;
}
.monthly-shift-staff div.shift_turn_dlg {
    font-size: 11px;
    text-align: right;
    padding-right: 4px;
    position: absolute;
    right: 60px;
    top: 14px;
}
.monthly-shift-staff div.contribution_count_icon {
    background: url(../img/icon/icon_contribution.png);
    background-repeat: no-repeat;
    background-size: 95%;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 4px;
    right: 2px;
}
.monthly-shift-date {
    cursor: pointer;
    background-color: #3A4652;
    color: #FFFFFF;
}
.monthly-shift-date.sat {
    background-color: #399AC9;
}
.monthly-shift-date.sun {
    background-color: #FF003C;
}
.monthly-shift-date.extra {
    opacity: 0.5;
    color: black;
}
.monthly-shift-shift {
    background-color: #D5E6D9;
    height: 44px;
    position: relative;
}
.monthly-shift-shift.extra {
    opacity: 0.5;
}
.monthly-shift-shift.clickable {
    cursor: pointer;
}
.monthly-shift-shift.work-end {
    background-color: #c0c0c0;
}
/*ゆうずう可能表示*/
.monthly-shift-shift div.flexible01{
    background: url(../img/icon/icon_flexible_01.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top:0px;
    left:0px;
}
/*ゆうずう調整済み表示 */
.monthly-shift-shift div.flexible02{
    background: url(../img/icon/icon_flexible_02.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top:0px;
    left:0px;
}
/*長期休暇申請中表示*/
.monthly-shift-shift div.vacation{
    background: url(../img/icon/icon_long_vacation.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    top:0px;
    left:46px;
}
/*貢献度表示 */
.monthly-shift-shift div.shift_contribution{
    background: url(../img/icon/icon_contribution.png);
    background-repeat: no-repeat;
    background-size: 98%;
    width: 13px;
    height: 13px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
/*前半休・後半休*/
.monthly-shift-shift div.paid_harf{
    position: absolute;
    top: 0px;
    left: 12px;
    width: 40px;
    font-size: 12px;
    color: #ff0000;
    font-weight: bold;
}

/*休日の場合の文字変更関連 */
.monthly-shift-shift div.paid{
    color:#ff0000;
    font-weight: bold;
}
.monthly-shift-shift div.notime{
    color:#ff0000;
    font-weight: bold;
}
.monthly-shift-shift div.request{
    font-size: 13px;
}

.monthly-shift-shift-inner.holiday {
    padding-top: 12px;
    padding-bottom: 12px;
}
.monthly-shift-shift.diff {
    background-color: #C1FF97;
}
.monthly-shift-shift.diffMng {
    background-color: #ffccff;
}
.monthly-shift-shift.diffStr {
    border: double 4px #274a78;
}
.monthly-shift-shift.diffMng.is_linkage_staff > div.disp_shift_data {
    background-image: url("../img/icon/icon_warning_link.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.monthly-shift-shift.off {
    background-color: #ffa500;
}
.monthly-shift-shift.result {
    background-color: #ebe1a9;
}
.monthly-shift-shift.result.newest,
div.monthly_shift_time_zone_header.header_cell.newest {
    border: 1px solid #715c1f;
}
.monthly-shift-shift.miss {
    background-color: #9e3d3f;
    color:#FFFFFF;
    font-size: 13px;
}
.monthly-shift-shift.over {
    background-color: #028760;
    color:#FFFFFF;
}
.monthly-shift-shift.scope {
    background-color: #D3D3D3;
}
.monthly-shift-shift.automake {
    background-color: #e0ffff;
}
.monthly-shift-shift.selected {
    border-color: red;
    border-style: dashed;
    border-width: 2px;
}
.monthly-shift-staff.add {
    background-color: #eee7e0;
    border: 1px solid #ddd
}
.monthly-shift-staff.even {
    background-color: white;
    border: 1px solid #ddd
}
.monthly-shift-staff div.department.order {
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 44px;
    width: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-right: 2px;
    display: block;
    float: left;
    overflow: hidden;
}
.monthly-shift-order {
    width: 59px;
    height: 44px;
    line-height: 32px !important;
}
.monthly-shift-order.add {
    background-color:#eee7e0;
    border: 1px solid #ddd
}
.monthly-shift-order.even {
    background-color:white;
    border: 1px solid #ddd
}
.monthly-shift-shift.add {
    background-color:#eee7e0;
    border: 1px solid #ddd
}
.monthly-shift-shift.even {
    background-color:white;
    border: 1px solid #ddd
}
.monthly-shift-sphone {
    color: blue;
    padding: 0px 4px;
}
.monthly-shift-nosphone {
    background-color: yellow;
    color: black;
    padding: 0px 4px;
    border-radius: 6px;
}
/*月間シフト計画表（労基エラー）*/
.prohibition_day {
    background-image: url("../img/icon/icon_warning_red.png");
    background-repeat: no-repeat;
    background-position: 0% 100%;
}
.prohibition_month {
    background-image: url("../img/icon/icon_warning_red.png");
    background-repeat: no-repeat;
    background-position: 10% 100%;
}
.warning_day {
    background-image: url("../img/icon/icon_warning_yellow.png");
    background-repeat: no-repeat;
    background-position: 0% 100%;
}
.warning_month {
    background-image: url("../img/icon/icon_warning_yellow.png");
    background-repeat: no-repeat;
    background-position: 10% 100%;

}
.popup_day {
    background-image: url("../img/icon/icon_warning_pink.png");
    background-repeat: no-repeat;
    background-position: 0% 100%;
}
.popup_month {
    background-image: url("../img/icon/icon_warning_pink.png");
    background-repeat: no-repeat;
    background-position: 10% 100%;
}
.monthly-shift-header-item {
    border: 1px solid #2e6da4;
    background-color: #337ab7;
    border-radius: 4px;
    margin-left: 2px;
    padding: 1px;
}
.monthly-shift-header-itemlabel {
    margin: 0;
    background-color: transparent;
    color: #ffffff;
    font-weight: normal;
    padding: 0;
    padding-left: 6px;
    padding-right: 2px;
}
.monthly-shift-header-disptype {
    background-color: #3A4652;
}
.monthly-shift-sort {
    padding: 1px !important;
    margin-right: 1px !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    height: 19px;
}

.monthly-shift-dlg{
    margin-top:5px;
    margin-bottom:5px;
    width:100px;
    border-radius: 4px;
    margin-left: 2px;
    padding: 1px;
    height:25px;
    border:solid 1px;
}
/*ゆうずう可能表示*/
.monthly-shift-dlg div.flexible01{
    background: url(../img/icon/icon_flexible_01.png) right center no-repeat;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-left:5px;
    float:left;
}
/*ゆうずう調整済み表示 */
.monthly-shift-dlg div.flexible02{
    background: url(../img/icon/icon_flexible_02.png) right center no-repeat;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    padding-left:5px;
    float:left;
}
/* 時間帯別投入人数対応 */
div.monthly_shift_time_zone_header {
    height: 18px;
    margin-top: 3px;
    border-radius: 3px;
}
div.monthly_shift_time_zone_header.header_cell {
    float: left;
    margin: 0 0 3px 3px;
}
div.monthly_shift_time_zone_header.header_cell.weeks {
    width: 58.75px;
}
div.monthly_shift_time_zone_header.header_cell.week {
    width: 58.7px;
}
div.monthly_shift_time_zone_header.header_cell.month {
    width: 58.9px;
}
div.monthly_shift_time_zone_header.header_cell.first_row {
    margin-top: 3px;
}
div.monthly_shift_time_zone_header.header_cell.first_col {
    margin-left: 0px;
}
div.monthly_shift_time_zone_header.header_cell.last_col {
    margin-right: 0px;
    width: 57.5px;
}
@-moz-document url-prefix(){
    div.monthly_shift_time_zone_header.header_cell.last_col {
        margin-right: 0px;
        width: 54.5px;
    }
}
div.monthly_shift_time_zone_header.row_header.even {
    background-color: #c5c56a;
}
div.monthly_shift_time_zone_header.row_header.odd {
    background-color: #b0ca71;
}
div.monthly_shift_time_zone_header.header_cell.even {
    background-color: #e0ebaf;
}
div.monthly_shift_time_zone_header.header_cell.odd {
    background-color: #c1d8ac;
}
div.monthly_shift_time_zone_header.header_cell.result.odd {
    background-color: #ebe1a9;
}
div.monthly_shift_time_zone_header.header_cell.result.even {
    background-color: #e9e4d4;
}
div.time_zone_summary,
div.time_zone_staff,
div.time_zone_title {
    height: 108px;
    overflow-y: hidden;
}
div.time_zone_summary {
    overflow-y: auto;
}
th.monthly-shift-hour.header.staff {
    position: relative;
}
div.time_zone_display {
    position: absolute;
    top: 0px;
    right: 5px;
    cursor: pointer;
}
div.time_zone_display > span.off {
    display: none;
}
tr.header_row_time_zone.off {
    display: none;
}

/* 日別シフト
----------------------------------------------- */
.daily-shift table {
    border: none !important;
    background-color: #ffffff;
    border-collapse: separate;
    border-spacing: 0;
}

.select {
    cursor: pointer;
}
.daily-shift-header {
    max-width: none;
    margin: 0 auto;
    margin-top: 3px;
    font-size: 14px;
    padding-left: 3px;
    padding-right: 3px;
}
.daily-shift-header ul {
    margin-top: 4px;
    margin-bottom: 0;
}

.daily-shift-staff {
    height: 37px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #777;
}
.daily-shift-staff > p.name {
    width: 195px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    padding-left: 2px;
    padding-top: 2px;
}
.daily-shift-staff.yesterday {
    background-color: #C8C8CB;
}

.daily-shift-time {
    border-radius: 4px;
}
.daily-shift-time {
    border-radius: 4px;
}


.saturday_color {
    background-color: #399AC9;
    color: #FFFFFF;
}
table.grid div {
    height: 100%;
    width: 100%;
}

table, th, td {
    box-shadow: none;
    padding: 0px;
    text-align: center;
}
table.grid td a {
    color: #000000;
}
table.grid td a:hover {
    color: #000000;
}
table.grid td a:active {
    color: #000000;
}
table.grid td,
table.grid th
{
	line-height: 1.2em;
	white-space:nowrap;
	padding: 3px 1px 0 2px;
}
table.grid td {
    border-left: 1px solid #000000;
}
table.grid td:last-child {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}
.header_style {
    height: 100%;
    width: 100%;
    line-height: 35px;
}
.floor_header_style {
    height: 100%;
    width: 100%;
    line-height: 30px;
    background-color: #88C100;
    color: #FFFFFF;
    border-radius: 4px;
}

table.grid p {
    height: 35px;
    margin: 0;
}
table.monthly_plan td a {
    color: #000000;
}
table.monthly_plan td a:hover {
    color: #000000;
}
table.monthly_plan td a:active {
    color: #000000;
}
table.monthly_plan td,
table.monthly_plan th
{
	line-height: 1.2em;
	white-space:nowrap;
}
table.monthly_plan div {
    height: 100%;
    width: 100%;
}
table.monthly_plan p {
    margin: 0;
}
.floor_header_style p{
    height: auto !important;
}

.cell_p_style_1 {
    height: 21px !important;
    line-height: 21px;
    border: 0px solid #777;
    border-radius: 4px;
}
.cell_th_style_1 {
    border-radius: 4px;
    background-color: #C1FF97;
    height: 21px;
}
.cell_div_style_black {
    background: #3A4652;
    color: #FFFFFF;
    border-radius: 4px;
    height: 21px;
}
.cell_div_style_green {
    background: #C1FF97;
    color: #000000;
    border-radius: 4px;
    height: 21px;
}

.mh_red_color {
    color: #FF003C;
}

.daily-working-time-text-work {
    line-height: 1.2;
    padding: 3px 15px 0px 0px;
}
.timeline_color {
    background-color: #AEF6FB;
}
.daily-timeline-color-break {
    overflow:hidden;
    background-color: #C0CDFF;
    border-radius: 6px;
    border: 0px solid #5375ff;
    text-align: center;
}
.daily-timeline-color-work-register {
    overflow:hidden;
    background-color: #ff80ff;
    border-radius: 6px;
    border: 1px solid #bf00bf;
    text-align: center;
}
.daily-timeline-color-work-operation {
    overflow:hidden;
    background-color: #a6a6ff;
    border-radius: 6px;
    border: 1px solid #d9534f;
    text-align: center;
}
.daily-shift-header-legend {
    background-color: #337ab7;
}
.daily-shift-menu {
    overflow:hidden;
    border-radius: 6px;
    text-align: left;
    vertical-align: middle;
}
.daily-shift-cellselected {
    border: 2px dashed #FF003C;
}

.daily-shift-comment-table {
    border: none;
    background-color: #FBF7ED;
    border-collapse:separate;
    border-spacing: 0;
}

.daily-shift-comment-header {
    height:80px;
    background-color: #88C100;
    color: #FFFFFF;
    border-radius: 4px;
    margin: 2px;
    text-align: center;
    width: 20px;
}
.daily-shift-comment-header p {
    height:80px;
    line-height: 20px;
    margin: 0 auto;
    padding :10px;
}

.daily-shift-comment-div {
    height:80px;
    background-color: #C1FF97;
    border: 1px solid #C1FF97;
    color: #000000;
    border-radius: 4px;
    white-space: pre-wrap;
    cursor: pointer;
    margin: 2px;
    overflow: hidden;
}


.daily-shift-comment-inner-div {
    height:75px;
    background-color: #D5E6D9;
    color: #000000;
    border-radius: 4px;
    margin: 2px;
    width: 1185px;
    overflow: hidden;
    cursor: pointer;
}

.daily-shift-comment-p {
    line-height: 1.2;
    overflow-y: scroll;
    height: 78px;
    margin: 0px;
    padding: 2px;
    width: 1179px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* シフト申請/従業員ページ
----------------------------------------------- */
.staffpage-plan-header {
    max-width: none;
    width: 707px;
    margin: 0 auto;
    margin-top: 7px;
    font-size: 16px;
    min-height: 40px;
}
.staffpage-plan-header .staffpage-plan-info {
    height: 36px;
    padding: 6px 15px;
    margin-bottom: 10px;
}
.staffpage-plan-header .btn {
    font-size: 16px;
}
.staffpage-plan-header-back {
    margin-right: 1px;
    border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: #3A4652;
}
.staffpage-plan-header-now {
    width: 250px;
    border-right: none !important;
    border-left: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background-color: #3A4652;
    cursor: default;
}
.staffpage-plan-header-next {
    margin-left: 1px;
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background-color: #3A4652;
}
.staffpage-plan-copy{
    margin-bottom: 10px;
}
.staffpage-plan-move .staffpage-plan-header-back,
.staffpage-plan-move .staffpage-plan-header-next {
    width: 105px;
}
.staffpage-plan-move .staffpage-plan-header-now {
    width: 495px;
}
.staffpage-plan-list {
    max-width: none;
    width: 707px;
    margin: 0 auto;
}
.staffpage-plan-list p {
    margin: 0;
    font-size: 16px;
}
.staffpage-plan-list-day {
    width: 100px;
    margin-bottom: 1px;
    margin-left: 1px;
}
.staffpage-plan-list-shift {
    width: 100px;
    margin-bottom: 5px;
    margin-left: 1px;
}
.staffpage-plan-list button {
    border: none;
    line-height: 1.1;
}
.staffpage-plan-list .plan_sunday_color,
#popup .plan_sunday_color,
#other_dialog .plan_sunday_color {
    background-color: #FF003C !important;
    color: #FFFFFF;
    opacity: 1;
}
.staffpage-plan-list .plan_saturday_color,
#popup .plan_saturday_color,
#other_dialog .plan_saturday_color {
    background-color: #399AC9 !important;
    color: #FFFFFF;
    opacity: 1;
}
.staffpage-plan-list .plan_week_color,
#popup .plan_week_color,
#other_dialog .plan_week_color {
    background-color: #3A4652 !important;
    color: #FFFFFF;
    opacity: 1;
}
.staffpage-plan-list .plan_update_color {
    background-color: #C1FF97 !important;
    opacity: 1;
}
.staffpage-plan-list .plan_updated_color {
    background-color: #ffccff !important;
    opacity: 1;
}
.staffpage-plan-list .plan_paid_color {
    background-color: #ffccff !important;
    color: #ff0000;
    font-weight: bold;
    opacity: 1;
}
.staffpage-plan-list .plan_off_color {
    background-color: #ffa500 !important;
    opacity: 1;
}
.staffpage-plan-list .plan_noupdate_color {
    background-color: #D5E6D9 !important;
    opacity: 1;
}
.staffpage-plan-list .plan_nodate_color {
    background-color: #D3D3D3 !important;
    opacity: 1;
}
.staffpage-plan-list .opacity {
	opacity: 0.4 !important;
}
/*ゆうずう可能表示*/
.staffpage-plan-list .staffpage-plan-list-shift .flexible01{
    background: url(../img/icon/icon_flexible_01.png);
    background-repeat: no-repeat;
    background-position: 5% 8%;
}
.staffpage-plan-list .staffpage-plan-list-shift .flexible02{
    background: url(../img/icon/icon_flexible_02.png);
    background-repeat: no-repeat;
    background-position: 5% 8%;
}
#popup .modal-content {
    width: 415px;
    margin-left: 110px;
}
.popup_flexible_type.unchecked{
    background-color: #ffffff;
    color: #333333;
}
.popup_flexible_type.checked{
    background-color: #337ab7;
    color: #fff;
}
.popup_flexible_type.unchecked > span.glyphicon {
    display: none;
}
.popup_flexible_type.checked > span.glyphicon {
    display: inline;
}
#popup_working_time_error {
    margin-top: 10px;
    margin-bottom: 0;
    color: #FF003C;
}
.staffpage-plan-footer {
    max-width: none;
    width: 512px;
    margin: 0 auto;
    margin-top: 7px;
    font-size: 16px;
    min-height: 40px;
}
.staffpage-plan-footer .staffpage-plan-confirm {
    width: 509px;
    margin:0 auto;
}
.staffpage-plan-footer .display_inline {
    display: block;
}
.staffpage-plan-footer .display_none {
    display: none;
}
.staffpage-plan-footer .label_non_confirm {
    font-size: 14px;
    background-color: #FF003C;
}
.staffpage-plan-footer .label_confirm {
    font-size: 14px;
    background-color: #D3D3D3;
}
.staffpage-plan-footer .label_fixed {
    font-size: 14px;
    background-color: #2680C4;
}
#plan_footer_apply button,
#plan_footer_reapply_disabled button,
#plan_footer_reapply button {
    width: 210px;
}
.staffpage-reply-answer-message {
    font-size: 18px;
}
#other_dialog .modal-content {
    width: 530px;
}
#other_dialog .staff_row {
    border: 1px solid #ccc;
    width: 100%;
    height:23px;
}
#other_dialog .staff_row .staff_name {
    width: 50%;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#other_dialog .staff_row .staff_status {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 10%;
    text-align: center;
}
#other_dialog .staff_row .staff_status.fix,
#other_dialog .status_desc .fix{
    background-color: blue;
    color: #fff;
}
#other_dialog .staff_row .staff_status.temp,
#other_dialog .status_desc .temp{
    background-color: yellow;
    color: #333;
}
#other_dialog .staff_row .staff_status.pend,
#other_dialog .status_desc .pend{
    background-color: #ccc;
    color: #333;
}
#other_dialog .staff_row .staff_shift {
    width: 40%;
}
/* 日別レジシフト表
----------------------------------------------- */
.daily-regi-header {
    max-width: none;
    margin: 0 auto;
    margin-top: 3px;
    font-size: 14px;
    padding-left: 3px;
    padding-right: 3px;
}
.daily-regi-header ul {
    margin-top: 4px;
    margin-bottom: 0;
}
.daily-regi-work-style {
    background-color: #C1FF97;
    border: 0px solid #777;
    border-radius: 4px;
    padding: 1px;
    color: #000000;
    text-align: left;
    vertical-align: middle;
}
.daily-regi-work-regi_time {
    background-color: #C1FF97;
    border: 0px solid #777;
    border-radius: 4px;
    padding: 1px;
    color: #000000;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
}
.daily-register-staff {
    overflow:hidden;
    background-color: #AEF6FB;
    border-radius: 6px;
    border: 1px solid #FF367F;
    text-align: center;
    vertical-align: middle;
}
.daily-register-staff-sub {
    overflow:hidden;
    background-color: #FFD5EC;
    border-radius: 6px;
    border: 1px solid #0080ff;
    text-align: center;
    vertical-align: middle;
}
.daily-register-break {
    overflow:hidden;
    background-color: #C0CDFF;
    border-radius: 6px;
    border: 1px solid #5375ff;
    text-align: center;
    vertical-align: middle;
}
.daily-register-open {
    background-color: #ffffbc;
    vertical-align: middle;
}
.daily-register-checker-support {
    background-color: #c0c0c0;
    overflow:hidden;
    border-radius: 6px;
    border: 1px solid #000000;
    text-align: center;
    vertical-align: middle;
}
.daily-register-stop {
    padding: 2px 3px 0px 0px;
    text-align: center;
    overflow:hidden;
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid #0080ff;
    vertical-align: middle;
}

.daily-regi-shift-comment-table {
    border: none;
    background-color: #FBF7ED;
    border-collapse:separate;
    border-spacing: 0;
}

.daily-regi-shift-comment-header {
    height:80px;
    background-color: #88C100;
    color: #FFFFFF;
    border-radius: 4px;
    margin: 2px;
    text-align: center;
    width: 20px;
}
.daily-regi-shift-comment-header p {
    height:80px;
    line-height: 20px;
    margin: 0 auto;
    padding :10px;
}

.daily-regi-shift-comment-div {
    height:80px;
    background-color: #C1FF97;
    border: 0px solid #777;
    color: #000000;
    border-radius: 4px;
    white-space: pre-wrap;
    margin: 2px;
    overflow: hidden;
}

.daily-regi-shift-comment-inner-div {
    height:75px;
    background-color: #D5E6D9;
    color: #000000;
    border-radius: 4px;
    margin: 2px;
    width: 1185px;
    overflow: hidden;
    cursor: pointer;
}

.daily-regi-shift-comment-p {
    line-height: 1.2;
    overflow-y: scroll;
    height: 78px;
    margin: 0px;
    padding: 2px;
    width: 1179px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/*
 新日別シフト
*/
div.daily-head {
    margin: 0 auto;
    margin-top: 3px;
    margin-bottom: 1px;
    text-align: left;
    max-width: none;
    padding-left: 1px;
}
div.daily-head ul {
    margin-top: 4px;
    margin-bottom: 0;
}
div.daily-head div.btn.default_tub {
    background-color: #fff;
}
div.daily-head div.btn.deactive {
    height: 26px;
    margin-top: 8px;
    color: #ddd;
    background-color: #999;
}
div.daily-body {
    overflow: auto;
    font-size: 14px;
    box-sizing: border-box;
}
.daily-body table {
    width: 1640px;
    border-spacing: 0;
}
.daily-body tr.off {
    display: none;
}
.daily-body th.info,
.daily-body td.info {
    width: 200px !important;
    padding: 1px;
}
.daily-body th.total,
.daily-body td.total,
.daily-body th.infosub,
.daily-body td.infosub {
    width: 110px !important;
    padding: 1px;
}
.daily-body th.time,
.daily-body td.time {
    width: 60px !important;
    padding: 1px;
}
.daily-body th > div,
.daily-body td > div {
    width: 100%;
    height: 22px;
}
.daily-body th > div {
    border-radius: 4px;
    border: 1px solid #399AC9;
    background-color: #399AC9;
    color: #fff;
}
.daily-body th.info > div {
    border-radius: 4px;
    border: 1px solid #3A4652;
    background-color: #3A4652;
    color: #fff;
}
.daily-body th.info > div.header,
.daily-body th.infosub > div.header {
    border: 1px solid #88C100;
    background-color: #88C100;
    color: #fff;
}
.daily-body td.total > div,
.daily-body td.time > div.single,
.daily-body td.info > div,
.daily-body td.infosub > div {
    border-radius: 4px;
}
.daily-body td.time > div.single,
.daily-body td.info > div,
.daily-body td.infosub > div {
    border: 1px solid #C1FF97;
    background-color: #C1FF97;
}
.daily-body td.info > div.help,
.daily-body td.infosub > div.help {
    border: 1px solid #c7dc68;
    background-color: #c7dc68;
}
#daily-tbody2 td.infosub > div.clickable {
    cursor: pointer;
}
.daily-body td.time > div.single {
    font-size:12px;
    padding-top:2px;
}
.daily-body td.total > div {
    border: 1px solid #3A4652;
    background-color: #3A4652;
    color: #fff;
}
.daily-body td.time > div.left {
    float: left;
    width: 29px !important;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #777777;
    border-right: none;
    background-color: #ffffff;
}
.daily-body td.time > div.right {
    float: left;
    width: 29px !important;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #777777;
    border-left: 1px dashed #aaaaaa;
    background-color: #ffffff;
}
.daily-body td.time:last-child > div.right {
    width: 28px !important;
}
.daily-body td.time > div.single.minus,
.daily-body td.time > div.left.minus,
.daily-body td.time > div.right.minus,
.daily-body td.total.minus > div,
.daily-body td.time.minus > div.left,
.daily-body td.time.minus > div.right {
    border-color: #d9534f;
    background-color: #d9534f;
    color: #ffffff;
}
.daily-body td.total > div > div.total-title {
    text-align: left;
    padding-left: 4px;
    width: 20%;
    white-space: nowrap;
}
.daily-body td.total > div > div.total-value {
    text-align: right;
    padding-right: 5px;
    padding-top: 2px;
    width: 80%;
    white-space: nowrap;
    font-size:12px;
}
.daily-body td.info > div {
    position: relative;
    overflow: hidden;
    text-align: left;
}
.daily-body td.info > div > div.department {
    position: absolute;
    width:17px;
    height: 35px;
    left: 4px;
    top: 2px;
    font-size: 13px;
    line-height: 12.5px;
    border-right: solid 1px white;
}
.daily-body td.info > div > div.name.all {
    position: absolute;
    line-height: 17px;
    left: 21px;
    top: 2px;
}
.daily-body td.info > div > div.name {
    position: absolute;
    line-height: 17px;
    left: 4px;
    top: 2px;
}
.daily-body td.info > div > div.desc {
    position: absolute;
    line-height: 17px;
    right: 4px;
    bottom: 0px;
    text-align: right;
    padding-left: 8px;
    font-size: 12px;
}
.daily-body td.info > div > div.desc.row-btns {
    right: 46px;
}
.daily-body td.infosub > div {
    position: relative;
    padding-top: 2px;
    padding-left: 4px;
    overflow: hidden;
    text-align: left;
}
.daily-body td.infosub > div > div.works,
.daily-body td.infosub > div > div.break,
.daily-body td.infosub > div > div.needs {
    text-align: center;
    line-height: 14px;
    height: 14px;
    padding-right: 3px;
    white-space: nowrap;
    overflow: hidden;
}
.daily-body td.info > div > div.row-btns {
    position:absolute;
    bottom:2px;
    right:2px;
}
.daily-body td.info > div > div.row-btns > button {
    margin-left: 2px;
    height: 18.5px;
    padding: 0 3px;
}
.daily-body td.infosub > div > div.break,
.daily-body td.infosub > div > div.needs {
    line-height: 18px;
    height: 17px;
    margin-left: -4px;
    margin-top: 5px;
}
.daily-body td.infosub > div > div.break.left,
.daily-body td.infosub > div > div.needs.left {
    background-color: #C0CDFF;
    border: 1px solid #5375ff;
    border-radius: 4px;
}
.daily-body td.infosub > div > div.break.none,
.daily-body td.infosub > div > div.needs.none {
    display: none;
}

/*---アコーディオンメニューの矢印アイコン設定　ココカラ---*/
.daily-body span.tr_expansion {
    position: relative;
	height: 3px;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.daily-body span.tr_expansion::after {
    content: "";
	display: inline-block;
	position: absolute;
	top: 45%;
	width: 10px;
	height: 10px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: translateY(-50%) rotate(45deg);
	transition: .3s;
}

.daily-body span.tr_expansion.open::after {
    transform: rotate(225deg);
}
/*---アコーディオンメニューの矢印アイコン設定　ココマデ---*/

/*ゆうずう可能表示*/
.daily-body td.infosub > div > div.flexible01{
    background: url(../img/icon/icon_flexible_01.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: right;
}
/*ゆうずう調整済み表示 */
.daily-body td.infosub > div > div.flexible02{
    background: url(../img/icon/icon_flexible_02.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: right;
}
/*貢献度表示 */
.daily-body td.infosub > div > div.shift_contribution{
    background: url(../img/icon/icon_contribution.png);
    background-repeat: no-repeat;
    background-size: 95%;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
}
/*前半休・後半休*/
.daily-body td.infosub > div > div.paid_harf{
    position: absolute;
    top: 14px;
    right: -4px;
    width: 40px;
    font-size: 12px;
    color: #ff0000;
    font-weight: bold;

}
/* 兼務対応 */
#dlg_shift > div.btn-group > div.default_tub {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 1px solid #777777;
}
#dlg_shift > div.btn-group > div.default_tub.left {
    border-bottom-left-radius: 0;
}
#dlg_shift > div.btn-group > div.default_tub.right {
    border-bottom-right-radius: 0;
}
#dlg_shift > div.btn-group > div.btn.deactive {
    height: 26px;
    margin-top: 8px;
    color: #ddd;
    background-color: #999;
}
#dlg_shift_help_inner > tbody > tr > td.add {
    background-color: #D5E6D9;
}

.daily-body td.info.clickable,
.daily-body td.infosub.clickable {
    cursor: pointer;
}
.daily-body tr.off > td.info > div,
.daily-body tr.off > td.infosub > div,
.daily-body td.info > div.prev,
.daily-body td.info > div.next,
.daily-body td.infosub > div.prev,
.daily-body td.infosub > div.next {
    background-color: #C0C0C0;
    border: 1px solid #C0C0C0;
}
.daily-body td.infosub > div.prev.pre_str > div.works,
.daily-body td.infosub > div.pre_str > div.works {
    font-size: 12.5px;
}

.daily-body td.work > div {
    position: relative;
    border-top: 1px solid #777777;
    height: 27px;
    min-height: 27px;
    max-height: 27px;
}
.daily-body td.work > div.sub {
    border-top: 1px dotted #777777;
}
.daily-body td.work > div > div.cell1,
.daily-body td.work > div > div.cell2,
.daily-body td.work > div > div.cell3 {
    border-left: 1px dashed #aaaaaa;
    width: 60px;
    background-color: #FBF7ED;
    float: left;
    height: 27px;
    min-height: 27px;
    max-height: 27px;
}
.daily-body td.work > div > div.cell1 {
    height: 41px;
    min-height: 41px;
    max-height: 41px;
}
.daily-body td.work > div > div.cell1.sep,
.daily-body td.work > div > div.cell2.sep,
.daily-body td.work > div > div.cell3.sep {
    border-left: 1px solid #333;
}
.daily-body td.work > div > div.cell1.span1,
.daily-body td.work > div > div.cell2.span1,
.daily-body td.work > div > div.cell3.span1 {
    width: 60px;
    max-width: 60px;
    min-width: 60px;
}
.daily-body td.work > div > div.cell1.span2,
.daily-body td.work > div > div.cell2.span2,
.daily-body td.work > div > div.cell3.span2 {
    width: 30px;
    max-width: 30px;
    min-width: 30px;
}
.daily-body td.work > div > div.cell1.span4,
.daily-body td.work > div > div.cell2.span4,
.daily-body td.work > div > div.cell3.span4 {
    width: 15px;
    max-width: 15px;
    min-width: 15px;
}
.daily-body td.work > div > div.cell1.working {
    background-color: #AEF6FB;
}
.daily-body td.work > div > div.cell1.working.full {
    background-color: #00ced1;
}
.daily-body td.work > div > div.cell2.open {
    background-color: #ffffbc;
}
.daily-body td.work > div > div.cell2.opensub {
    background-color: #edde7b;
}
.daily-body td.work > div > div.cell2 > div.cell2-bottom.open_buffer,
.daily-body td.work > div > div.cell2 > div.cell2-bottom.opensub_buffer {
    margin-top: 20px;
    height: 7px;
    border-top: 1px solid #ddd;
}
.daily-body td.work > div > div.cell2 > div.cell2-bottom.open_buffer {
    background-color: #CCFF99;
}
.daily-body td.work > div > div.cell2 > div.cell2-bottom.opensub_buffer {
    background-color: #9ACD32;
}

.daily-body td.work > div > div.cell3.working {
    background-color: #FFD1D1;
}
.daily-body td.work > div > div.cell1.off,
.daily-body td.work > div > div.cell2.off,
.daily-body td.work > div > div.cell3.off {
    background-color: #C0C0C0;
}
.daily-body td.work > div > div.bar1,
.daily-body td.work > div > div.bar2,
.daily-body td.work > div > div.bar3 {
    position: absolute;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    margin-top: 4px;
}
.daily-body td.work > div > div.bar2,
.daily-body td.work > div > div.bar3 {
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    margin-top: 2px;
}
.daily-body td.work > div > div.bar1 > div.bar-inner,
.daily-body td.work > div > div.bar2 > div.bar-inner,
.daily-body td.work > div > div.bar3 > div.bar-inner {
    width: 100%;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    line-height: 32px;
    border: 1px solid #d9534f;
    border-radius: 4px;
    overflow: hidden;
    cursor: default;
    white-space: nowrap;
}
.daily-body td.work > div > div.bar2 > div.bar-inner,
.daily-body td.work > div > div.bar3 > div.bar-inner {
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    line-height: 22px;
}
.daily-body td.work > div > div.bar1 > div.bar-inner.worker,
.daily-body td.work > div > div.bar2 > div.bar-inner.worker,
.daily-body td.work > div > div.bar3 > div.bar-inner.worker {
    background-color: #AEF6FB;
    border-color: #FF367F;
    color: #333;
}
.daily-body td.work > div > div.bar1 > div.bar-inner.workersub,
.daily-body td.work > div > div.bar2 > div.bar-inner.workersub,
.daily-body td.work > div > div.bar3 > div.bar-inner.workersub {
    background-color: #FFD5EC;
    border-color: #0080ff;
    color: #333;
}
.daily-body td.work > div > div.bar1 > div.bar-inner.outsource,
.daily-body td.work > div > div.bar2 > div.bar-inner.outsource,
.daily-body td.work > div > div.bar3 > div.bar-inner.outsource {
    background-color: #c0c0c0;
    border-color: #777777;
    color: #333;
}
.daily-body td.work > div > div.bar1 > div.bar-inner.regi,
.daily-body td.work > div > div.bar2 > div.bar-inner.regi,
.daily-body td.work > div > div.bar3 > div.bar-inner.regi {
    background-color: #ff80ff;
    border-color: #bf00bf;
    color: #333;
}
.daily-body td.work > div > div.bar1 > div.bar-inner.regisub,
.daily-body td.work > div > div.bar2 > div.bar-inner.regisub,
.daily-body td.work > div > div.bar3 > div.bar-inner.regisub {
    background-color: #E2B2CD;
    border-color: #bf00bf;
    color: #333;
}
.daily-body td.work > div > div.bar1 > div.bar-inner.break,
.daily-body td.work > div > div.bar2 > div.bar-inner.break,
.daily-body td.work > div > div.bar3 > div.bar-inner.break {
    background-color: #C0CDFF;
    border-color: #5375ff;
    color: #333;
}
.daily-body td.work > div > div.bar1 > div.bar-inner.work,
.daily-body td.work > div > div.bar2 > div.bar-inner.work,
.daily-body td.work > div > div.bar3 > div.bar-inner.work {
    background-color: #FFD1D1;
    border-color: #D9534F;
    color: #333;
}
.daily-body td.work > div > div.bar1 > div.bar-inner.drag,
.daily-body td.work > div > div.bar2 > div.bar-inner.drag,
.daily-body td.work > div > div.bar3 > div.bar-inner.drag {
    border: 3px solid #D9534F;
}
.daily-body .ui-selecting {
    background-color: #FECA40 !important;
}
.daily-body .ui-selected {
    background-color: #F39814 !important;
    color: white !important;
}
.daily-body .ui-resizable-se {
    cursor: w-resize !important;
    width: 18px !important;
    height: 26px !important;
    right: -22px !important;
    top: 4px !important;
    background-position: 0 0 !important;
    background-image: url("../img/icon/icon_arrow_right.png") !important;
    background-repeat: no-repeat !important;
}
.daily-body .ui-resizable-sw {
    cursor: w-resize !important;
    width: 18px !important;
    height: 26px !important;
    left: -22px !important;
    top: 4px !important;
    background-position: 0 0 !important;
    background-image: url("../img/icon/icon_arrow_left.png") !important;
    background-repeat: no-repeat !important;
}
#bar-handle1 {
    position: absolute;
    height: 26px;
    background-color: transparent;
    z-index: 102;
}
.daily-body .ui-resizable-e,
#bar-handle1 .ui-resizable-e {
    cursor: w-resize !important;
    width: 14px !important;
    height: 26px !important;
    top: 0 !important;
    right: 0 !important;
    background-position: 0 0 !important;
    background-image: url("../img/icon/icon_arrow_right.png") !important;
}
.daily-body .ui-resizable-w,
#bar-handle1 .ui-resizable-w {
    cursor: w-resize !important;
    width: 14px !important;
    height: 26px !important;
    top: 0 !important;
    left: 0 !important;
    background-position: 0 0 !important;
    background-image: url("../img/icon/icon_arrow_left.png") !important;
}
#bar-ghost1,
#bar-ghost2,
#bar-ghost3 {
    display: none;
    position: absolute;
    background-color: trasparent;
    border: 2px dashed #D9534F;
    border-radius: 4px;
}
#daily-staff-tooltip1,
#daily-staff-tooltip2,
#daily-staff-tooltip3 {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    font-size: 14px;
    height: 40px;
    line-height: 16px;
    border-radius: 4px;
    padding: 4px 8px;
}
#daily-assign-menu1,
#daily-assign-menu2,
#daily-assign-menu3,
#daily-assign-move-copy-menu1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    cursor: pointer;
    min-width: 160px;
    padding: 0;
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#daily-assign-menu1>div.menu,
#daily-assign-menu2>div.menu,
#daily-assign-menu3>div.menu,
#daily-assign-move-copy-menu1>div.menu {
    overflow-y: auto;
    max-height: 278px;
    min-width: 220px;
    height: auto;
    width: auto;
}
#daily-assign-menu1>div.menu>ul>li>a,
#daily-assign-menu2>div.menu>ul>li>a,
#daily-assign-menu3>div.menu>ul>li>a,
#daily-assign-move-copy-menu1>div.menu>ul>li>a {
    margin-bottom: 2px;
    text-align: left;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid #777777;
}
#daily-assign-menu1>div.menu>ul>li>a:focus,
#daily-assign-menu1>div.menu>ul>li>a:hover,
#daily-assign-menu2>div.menu>ul>li>a:focus,
#daily-assign-menu2>div.menu>ul>li>a:hover,
#daily-assign-menu3>div.menu>ul>li>a:focus,
#daily-assign-menu3>div.menu>ul>li>a:hover,
#daily-assign-move-copy-menu1>div.menu>ul>li>a:focus,
#daily-assign-move-copy-menu1>div.menu>ul>li>a:hover {
    text-decoration: none;
    opacity: 0.8;
}
#daily-assign-menu1>div.menu>ul>li>a.regi,
#daily-assign-menu2>div.menu>ul>li>a.regi,
#daily-assign-menu3>div.menu>ul>li>a.regi {
    background-color: #ff80ff;
    border-color: #bf00bf;
    color: #333;
}
#daily-assign-menu1>div.menu>ul>li>a.work,
#daily-assign-menu2>div.menu>ul>li>a.work,
#daily-assign-menu3>div.menu>ul>li>a.work {
    background-color: #FFD1D1;
    border-color: #D9534F;
    color: #333;
}
#daily-assign-menu1>div.menu>ul>li>a.break,
#daily-assign-menu2>div.menu>ul>li>a.break,
#daily-assign-menu3>div.menu>ul>li>a.break {
    background-color: #C0CDFF;
    border-color: #5375ff;
    color: #333;
}
#daily-assign-menu1>div.menu>ul>li>a.goout,
#daily-assign-menu2>div.menu>ul>li>a.goout,
#daily-assign-menu3>div.menu>ul>li>a.goout {
    background-color: #C0C0C0;
    border-color: #4D4D4D;
    color: #333;
}
#daily-assign-menu1>div.menu>ul>li>a.worker,
#daily-assign-menu2>div.menu>ul>li>a.worker,
#daily-assign-menu3>div.menu>ul>li>a.worker {
    background-color: #AEF6FB;
    border-color: #FF367F;
    color: #333;
}
#daily-assign-menu1>div.menu>ul>li>a.workersub,
#daily-assign-menu2>div.menu>ul>li>a.workersub,
#daily-assign-menu3>div.menu>ul>li>a.workersub {
    background-color: #FFD5EC;
    border-color: #0080ff;
    color: #333;
}
#daily-assign-menu1>div.menu>ul>li>a.outsource,
#daily-assign-menu2>div.menu>ul>li>a.outsource,
#daily-assign-menu3>div.menu>ul>li>a.outsource {
    background-color: #c0c0c0;
    border-color: #777;
    color: #333;
}
#daily-assign-menu2>div.menu>ul>li>a.regi_open {
    background-color: #ffffbc;
    border-color: #c89932;
    color: #333;
}
#daily-assign-menu2>div.menu>ul>li>a.regi_opensub {
    background-color: #edde7b;
    border-color: #72640c;
    color: #333;
}
#daily-assign-menu2>div.menu>ul>li>a.regi_close {
    background-color: #ffffff;
    border-color: #333;
    color: #333;
}
#daily-assign-menu2>div.menu>ul>li>a.help_request {
    background-color: #efa401;
    border-color: #777;
    color: #333;
}
.daily-comment > div {
    border: none;
    background-color: #FBF7ED;
    border-collapse:separate;
    border-spacing: 0;
}

.daily-comment>div >div.header {
    height:80px;
    background-color: #88C100;
    color: #FFFFFF;
    border-radius: 4px;
    margin: 2px;
    text-align: center;
}
.daily-comment>div>div.header>p {
    height:80px;
    line-height: 20px;
    margin: 0 auto;
    padding :10px;
}

.daily-comment>div>div.comment {
    height:80px;
    background-color: #C1FF97;
    border: 1px solid #C1FF97;
    color: #000000;
    border-radius: 4px;
    white-space: pre-wrap;
    margin: 2px;
    overflow: hidden;
}


.daily-comment>div>div.comment>div {
    height:75px;
    background-color: #D5E6D9;
    color: #000000;
    border-radius: 4px;
    margin: 2px;
    width: 100%;
    overflow: hidden;

}
.daily-comment>div>div.comment>div.clickable {
    cursor: pointer;
}
.daily-comment>div>div.comment>div>p {
    line-height: 1.2;
    overflow-y: scroll;
    height: 78px;
    margin: 0px;
    padding: 2px;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
#staff_tbody td.info > div > div.name {
    position: absolute;
    line-height: 17px;
    left: 4px;
    top: 2px;
    width: 175px;
}
#staff_tbody td.info > div > div.name.all {
    position: absolute;
    line-height: 17px;
    left: 21px;
    top: 2px;
    width: 155px;
}
#staff_tbody td.info > div > div.check {
    position: absolute;
    line-height: 17px;
    left: 175px;
    top: 2px;
    width: 20px;
}
#staff_tbody td.info > div > div.check.all {
    position: absolute;
    line-height: 17px;
    left: 155px;
    top: 2px;
    width: 20px;
}
/* マスターメンテ
----------------------------------------------- */
.master-header {
    max-width: none;
    width: 970px;
    margin: 0 auto;
    margin-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
}
div.master-header>div>ul>li>div>div.btn.default_tub {
    background-color: #fff;
}
div.master-header>div>ul>li>div>div.btn.deactive {
    height: 26px;
    margin-top: 8px;
    color: #ddd;
    background-color: #999;
}
.master-header ul {
    margin-top: 4px;
    margin-bottom: 0;
}
.master-header-title {
    background-color: #3A4652;/* ボタンとして使用するまでの仮対応 */
    cursor: default;/* ボタンとして使用するまでの仮対応 */
    font-size: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.master-body {
    max-width: none;
    width: 970px;
    margin: 0 auto;
    overflow-y: scroll;
}
.master-body table {
    width: 100%;
    border-spacing: 3px;
    border-collapse: separate;
    background-color: #FBF7ED !important;
}
.master-body th,
.master-body td {
    padding: 0px;
    text-align: center;
    border-radius: 3px;
}
.master-body th {
    border: 0;
    background-color: #3A4652;
    color: #ffffff;
    height: 35px;
}
.master-body td {
    border: 1px solid #ddd;
    background-color: #FBF7ED;
}
.master-body td.left {
    text-align: left;
    padding-left: 8px;
}
.master-body td.center {
    text-align: center;
}
.master-body td.right {
    text-align: right;
    padding-right: 8px;
}
.master-body td.selected {
    border-color: #3A4652;
}
.master-body span.description {
    margin-left: 8px;
    color: #777;
}
.master-body tr.deleted td {
    background-color: #ccc;
}

/* 従業員マスタ */
.staff-list-head {
  height: 46px;
}
.staff-list-body {
  height: 42px;
}
.staff-list-head th,
.staff-list-body td {
  line-height: 16px;
}
.staff-list-attention {
  color: #ff2800;
  font-size: 12px;
}
.staff_suspention td,
.staff_suspention {
    background-color: #9CA7E2 !important;
    border: 1px solid #52A2C5 !important;
}
.staff_retirement td,
.staff_retirement {
    background-color: #BCBDC2 !important;
    border: 1px solid #A39B8E !important;
}
.staff_move td,
.staff_move {
    background-color: #f6bfbc !important;
    border: 1px solid #e95295 !important;
}
.staff_new td,
.staff_new {
    background-color: #ffff00 !important;
    border: 1px solid #ffd700 !important;
}
.staff_minor {
    background-image: url("../img/icon/icon_minor.png?v=1");
    background-repeat: no-repeat;
    background-position: 92% 48%;
    background-size: 21px;
}
#staff_memo {
    height: 80px;
    overflow: hidden;
}
#staff_memo_out {
    height: 75px;
    background-color: #D5E6D9;
    color: #000000;
    border-radius: 4px;
    margin: 2px;
    width: 100%;
    overflow: hidden;
}
#staff_memo_out.clickable {
    cursor: pointer;
}
#staff_memo_out>p {
    line-height: 1.2;
    overflow-y: scroll;
    height: 78px;
    margin: 0px;
    padding: 2px;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: pre-wrap;
}
.select_double_circle {
    font-size: 19px !important;
}
div.desired_work_time>div.header {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding:2px;
    width:75px;
    text-align: center;
}
div.desired_work_time>div.detail {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding:2px;
    width:75px;
}
div.required_time>div.header.upper {
    border: 1px solid #ccc;
    border-radius: 4px 4px 0px 0px;
    padding:2px;
    width:75px;
    text-align: center;
}
div.required_time>div.header.lower {
    border: 1px solid #ccc;
    border-radius: 0px 0px 4px 4px;
    padding:2px;
    width:75px;
    text-align: center;
}
div.required_time>div.detail {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding:2px;
    width:75px;
}
div.group_title {
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
div.regi_assign>div.regi_block {
    border: 1px solid #ccc;
    border-radius: 0px 0px 4px 4px;
    padding:2px;
    width:135px;
}
div.work_assign>div.work_block {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding:2px;
    width:135px;
}
div.regi_assign>div.regi_block>div.header,
div.work_assign>div.work_block>div.header {
    text-align: center;
    width:135px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
div.wrokinghours_month > div.title {
    text-align: left;
    background-color: #3A4652;
    border: 1px solid #ccc;
    color: #ffffff;
    border-radius: 4px;
    width: 140px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
div.workinghours_frame0 > div.workinghours,
div.workinghours_frame1 > div.workinghours.year{
    width:55px;
    margin-top: 5px;
    margin-bottom: 10px;
}
div.workinghours_frame1 > div.workinghours{
    width:48px;
    margin-top: 5px;
    margin-bottom: 10px;
}
div.workinghours_frame0 > div.title,
div.workinghours_frame1 > div.title{
    text-align: center;
    width:45px;
    margin-top: 5px;
    margin-bottom: 10px;
}
div.workinghours_frame0 > div.title > div.workinghours_title,
div.workinghours_frame1 > div.title > div.workinghours_title {
    border: none;
    text-align: center;
    background-color: #ffffff;
    color: #333;
    width: 100%;;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ccc;
}
div.workinghours_frame0 > div.title > div.workinghours_header,
div.workinghours_frame0 > div.workinghours > div.workinghours_header,
div.workinghours_frame1 > div.title > div.workinghours_header,
div.workinghours_frame1 > div.workinghours > div.workinghours_header {
    text-align: left;
    background-color: #3A4652;
    border: 1px solid #ccc;
    color: #ffffff;
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align:center;
}
div.workinghours_frame0 > div.workinghours > div.workinghours_detail,
div.workinghours_frame1 > div.workinghours > div.workinghours_detail {
    text-align: right;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #333;
    width: 100%;
    height: 32px;
    line-height: 32px;
}
div.workinghours_frame0 > div.workinghours > div > input {
    border-radius: 4px;
    text-align: right;
    width: 40px;
    height: 25px;
    line-height: normal;
    border: none;
    font-size: 13px;
    padding-right: 4px;
}
div.workinghours_frame1 > div.workinghours > div > input {
    border-radius: 4px;
    text-align: right;
    width: 30px;
    height: 25px;
    line-height: normal;
    border: none;
    font-size: 12px;
    padding-right: 4px;
}
div.workinghours_frame0 > div.workinghours > div.change,
div.workinghours_frame0 > div.workinghours > div.change > input,
div.workinghours_frame1 > div.workinghours > div.change,
div.workinghours_frame1 > div.workinghours > div.change > input {
    background-color: #FFFF99;
    font-weight: bold;
}
div.dlg_wrokinghours_month > div.title {
    text-align: left;
    background-color: #3A4652;
    border: 1px solid #ccc;
    color: #ffffff;
    border-radius: 4px;
    width: 140px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
div.dlg_workinghours_frame {
    padding-top: 5px;
    padding-bottom: 5px;
    height:100%;
}
div.dlg_workinghours_frame > div.workinghours_disp {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding:2px;
    width:60px;
}
div.dlg_workinghours_frame > div.workinghours_disp.title{
    text-align: center;
    width:40px;
}
div.dlg_workinghours_frame > div.workinghours_disp.detail{
    text-align: right;
}
div.dlg_workinghours_frame > div.workinghours_disp > div.workinghours_detail_header_disp {
    border-bottom:1px solid #ccc;
    width:100%;
    text-align:center;
    background-color: #3A4652;
    color: #ffffff
}
div.dlg_workinghours_frame > div.workinghours_disp > div.workinghours_detail_upper_disp {
    border-bottom:1px dotted #ccc;
    background-color:#eaf4fc;
    width:100%;
}
div.dlg_workinghours_frame > div.workinghours_disp > div.workinghours_detail_bottom_disp {
    background-color:#fdeff2;
    width:100%;
}
button.bundle{
    font-size:12px;
    height:30px;
    width:38px;
    border-radius: 0px;
    border-right:none;
}
button.bundle.left{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
button.bundle.right{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #ccc;
}
/* 兼務設定ダイアログ */
#plural_assign_count {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 13px;
  width: 100px;
}
#plural_assign {
  position: absolute;
  left: 0;
  top: 16px;
  width: 550px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.plural-assign-list {
  width: 100%;
  height: 180px;
  overflow-y: scroll;
  border: 1px solid #ccc;
}
.plural-assign-list .dlg_itemlist {
  width: 100%;
  border-collapse: collapse;
}
.plural-assign-list tr.selected {
  border: solid 2px #c70067;
}
.plural-assign-list tr.updated td {
  background-color: #ffff00;
}
.plural-assign-list tr.deleted td {
  background-color: #efefef;
}
.plural-assign-list td {
    border-radius: 0;
}
.plural-assign-list td.info {
  position: relative;
  height: 48px;
}
.plural-assign-list td.info .store {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.plural-assign-list td.info .department {
  position: absolute;
  top: 24px;
  left: 58px;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.plural-assign-list td.info .date {
  position: absolute;
  top: 24px;
  right: 4px;
}
.plural-assign-list td.button {
  width: 208px;
  text-align: center;
}

#dlg_plural_assign_list > tr.selected {
    border: solid 2px #c70067;
}
#dlg_plural_assign_list > tr > td.button {
    text-align: center;
}
#dlg_plural_assign_list > tr > td.updated {
    background-color: #e5c1cd;
}
#dlg_plural_assign_list > tr > td.deleted {
    background-color: #efefef;
}
#dlg_plural_assign_list > tr > td > div.full-width,
#dlg_plural_assign_list > tr > td > div > div.full-width {
    width: 100%;
}
#dlg_plural_assign_list > tr> td > div > div.middle {
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
}











/* メッセージ送信
----------------------------------------------- */
.shiftmgt-message .checkbox {
	margin-top: 5px;
	margin-bottom: 5px;
}
.shiftmgt-message .dlg_itemlist td {
	padding-top: 2px;
	padding-bottom: 2px;
}
.shiftmgt-message .all-select {
	width: 150px;
	padding: 0 5px;
	background-color: #EEEEEE;
	border-radius: 4px;
}
.shiftmgt-message .send-list-box {
	width: 40%;
	height: 190px;
	padding: 4px;
	overflow-y: scroll;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
}
.shiftmgt-message .message-btn-area {
	width: 15%;
	padding: 51px 17px;
}
.shiftmgt-message .message-btn-area button {
	margin: 5px 0;
}
.shiftmgt-message .staff-list-area {
	width: 45%;
}
.shiftmgt-message .staff-list-box {
	width: 100%;
	height: 156px;
	overflow-y: scroll;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	padding: 4px;
}
.shiftmgt-message .message-send-btn-area {
	margin-bottom:20px;
	padding: 4px;
}

/* 従業員別レジ割当一覧
----------------------------------------------- */
.regi-assign-header {
    margin: 0 auto;
    margin-top: 3px;
    margin-bottom: 1px;
    text-align: left;
    max-width: none;
    padding-left: 1px;
}
.regi-assign-header ul {
    margin-top: 4px;
    margin-bottom: 0;
}
.regi-assign {
    max-width: none;
    font-size: 14px;
}
.regi-assign table {
    border: none !important;
    background-color: #FBF7ED !important;
}
.regi-assign th,
.regi-assign td {
    padding: 1px;
    text-align: center;
}
.regi-assign th > div {
    text-align: center;
    background-color: #3A4652;
    border-radius: 4px;
    color: #FFFFFF;
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}
.regi-assign th.staff,
.regi-assign td.staff {
    width: 200px !important;
}
.regi-assign th.regi,
.regi-assign td.regi,
.regi-assign th.assign,
.regi-assign td.assign {
    width: 80px !important;
}
.regi-assign th.regi > div.regi {
    cursor: pointer;
    text-align: center;
    padding: 2px 4px;
    padding-top: 3px;
    line-height: 15px;
    word-break : break-all;
    word-wrap : break-word;
    overflow-wrap : break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}
.regi-assign td.staff {
    padding-right: 0;
}
.regi-assign td.staff > div.staff {
    width: 100% !important;
    position: relative;
    cursor: pointer;
    background-color: #FFFACD;
    border: 1px solid #999;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 36px;
}
.regi-assign td.staff > div.staff.header_selected {
    background-color: #FECA40;
    color: #000000;
}
.regi-assign th.regi > div.regi.header_selected {
    background-color: #FECA40;
    color: #000000;
    border: 1px solid #999;
    padding: 1px 3px;
}
.regi-assign td.staff > div.staff > div.name {
    position: absolute;
    left: 4px;
    top: 3px;
    line-height: 15px;
    text-align: left;
}
.regi-assign td.staff > div.staff > div.empl {
    position: absolute;
    right: 4px;
    bottom: 0px;
    line-height: 15px;
    text-align: right;
    padding-left: 8px;
    font-size: 12px;
}
.regi-assign td.assign {
    padding: 0;
}
.regi-assign td.assign > div.assign {
    width: 100% !important;
    border-right: 1px dashed #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #FBF7ED;
    height: 36px;
    line-height: 36px;
}
.regi-assign td.assign > div.clickable {
    cursor: pointer;
}
.regi-assign td:last-child > div.assign {
    border-right: 1px solid #999;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.regi-assign .ui-selecting {
    background-color: #FECA40 !important;
}
.regi-assign .ui-selected {
    background-color: #F39814 !important;
}
.regi-assign-font-normal {
    font-size: 17px;
    line-height: 21px;
}
.regi-assign-font-double {
    padding-top: 2px;
    font-size: 21px !important;
    line-height: 21px;
}
.regi-assign-menu-header {
    cursor: pointer;
    position: fixed;
    padding-left: 8px;
    padding-right: 8px;
}
.regi-assign-menu-header > li > div {
    overflow:hidden;
    background-color: #337ab7;
    color: #FFFFFF;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
    width: 250px;
    padding: 0px 10px;
    border-bottom: 4px;
}
.regi-assign-menu-header > li > a {
    border: 1px solid #ddd;
    background-color: #FBF7ED;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
    font-size: 18px;
    height: 33px;
}

/* 従業員別作業割当一覧
----------------------------------------------- */
.work-assign-header {
    margin: 0 auto;
    margin-top: 3px;
    margin-bottom: 1px;
    text-align: left;
    max-width: none;
    padding-left: 1px;
}
.work-assign-header ul {
    margin-top: 4px;
    margin-bottom: 0;
}
.work-assign {
    max-width: none;
    font-size: 14px;
}
.work-assign table {
    border: none !important;
    background-color: #FBF7ED !important;
}
.work-assign th,
.work-assign td {
    padding: 1px;
    text-align: center;
}
.work-assign th > div {
    text-align: center;
    background-color: #3A4652;
    border-radius: 4px;
    color: #FFFFFF;
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}
.work-assign td.staff > div.staff.header_selected {
    background-color: #FECA40;
    color: #000000;
}
.work-assign th.work > div.work.header_selected {
    background-color: #FECA40;
    color: #000000;
    border: 1px solid #999;
    padding: 1px 3px;
}
.work-assign th.staff,
.work-assign td.staff {
    width: 200px !important;
}
.work-assign th.work,
.work-assign td.work,
.work-assign th.assign,
.work-assign td.assign {
    width: 80px !important;
}
.work-assign th.work > div.work {
    cursor: pointer;
    text-align: left;
    padding: 2px 4px;
    padding-top: 3px;
    line-height: 15px;
    word-break : break-all;
    word-wrap : break-word;
    overflow-wrap : break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}
.work-assign td.staff {
    padding-right: 0;
}
.work-assign td.staff > div.staff {
    width: 100% !important;
    position: relative;
    cursor: pointer;
    background-color: #FFFACD;
    border: 1px solid #999;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 36px;
}
.work-assign td.staff > div.staff > div.name {
    position: absolute;
    left: 4px;
    top: 3px;
    line-height: 15px;
    text-align: left;
}
.work-assign td.staff > div.staff > div.empl {
    position: absolute;
    right: 4px;
    bottom: 0px;
    line-height: 15px;
    text-align: right;
    padding-left: 8px;
    font-size: 12px;
}
.work-assign td.assign {
    padding: 0;
}
.work-assign td.assign > div.assign {
    width: 100% !important;
    border-right: 1px dashed #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #FBF7ED;
    height: 36px;
    line-height: 36px;
}
.work-assign td.assign > div.clickable {
    cursor: pointer;
}
.work-assign td:last-child > div.assign {
    border-right: 1px solid #999;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.work-assign .ui-selecting {
    background-color: #FECA40 !important;
}
.work-assign .ui-selected {
    background-color: #F39814 !important;
}
.work-assign-font-normal {
    font-size: 17px;
    line-height: 21px;
}
.work-assign-font-double {
    padding-top: 2px;
    font-size: 21px !important;
    line-height: 21px;
}
.work-assign-menu-header {
    cursor: pointer;
    position: fixed;
    padding-left: 8px;
    padding-right: 8px;
}
.work-assign-menu-header > li > div {
    overflow:hidden;
    background-color: #337ab7;
    color: #FFFFFF;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
    width: 250px;
    padding: 0px 10px;
    border-bottom: 4px;
}
.work-assign-menu-header > li > a {
    border: 1px solid #ddd;
    background-color: #FBF7ED;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
    font-size: 18px;
    height: 33px;
}

/* ヘルプ募集状況一覧
----------------------------------------------- */
.recruit-state-base-store {
    width: 977px;
    margin: 0px auto;
}
.recruit-state-base-office {
    width: 1570px;
    margin: 0px auto;
}
.recruit-state-header {
    max-width: none;
    margin: 0 auto;
    margin-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
}
.recruit-state-header-title {
    margin-bottom: 0;
    padding-top: 6px;
    padding-bottom: 4px;
    background-color: #3A4652;
    color: #ffffff !important;
    font-size: 18px;
    cursor: default;
}
.recruit-state-header-item {
    margin-bottom: 0;
    padding: 5px;
    background-color: #FFFACD;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #000000;
    font-size: 18px;
    cursor: default;
}
.recruit-state-header-date {
    width: 180px;
    margin-bottom: 0;
    padding: 5px;
    background-color: #F5F5F5;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #000000;
    font-size: 18px;
    cursor: pointer;
}
.recruit-state-list {
    max-width: none;
    font-size: 16px;
}
.recruit-state-list table {
    border: none !important;
    background-color: #FBF7ED !important;
    margin-top: 3px;
    border-spacing: 1px;
    border-collapse: separate;
}

.recruit-state-list tbody {
    border: 1px solid #696969;
}
.recruit-state-list th {
    border-radius: 4px;
}
.recruit-state-list td {
    border-radius: 4px;
    height: 45px;
}
.recruit-state-list th {
    padding: 1px;
    background-color: #3A4652;
    color: #FFFFFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.recruit-state-list td {
    padding: 3px;
    border: 1px solid #A9A9A9;
    border-top: 1px solid #696969;
    border-bottom: 1px solid #696969;
}
.recruit-state-request{
    background-color: #FAFAD2 !important;
}
.recruit-state-recruitment{
    background-color: #E0FFFF !important;
}
.recruit-state-nonconfirm{
    background-color: #DDA0DD !important;
}
.recruit-state-confirm{
    background-color: #FAEBD7 !important;
}
.recruit-state-cancel{
    background-color: #D3D3D3 !important;
}
.recruit-state-font-red {
    color: #FF003C;
}
.recruit-state-confirmed-button {
    background-color: #800000 !important;
    border-color: #761c19 !important;
}

/* 依頼登録画面
----------------------------------------------- */
.request-header {
    max-width: none;
    width: 1420px;
    margin: 0 auto;
    margin-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
}
.request-header ul {
    margin-top: 4px;
    margin-bottom: 0;
}
.request-header-title {
    background-color: #3A4652;/* ボタンとして使用するまでの仮対応 */
    cursor: default;/* ボタンとして使用するまでの仮対応 */
    font-size: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.request-header-item {
    margin-bottom: 0;
    padding: 5px;
    background-color: #FFFACD;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #000000;
    font-size: 18px;
    cursor: default;
}
.request-list {
    max-width: none;
    font-size: 16px;
    width: 1420px;
    margin: 0 auto;
}
.request-list table {
    border: none !important;
    background-color: #FBF7ED !important;
    margin-top: 3px;
    width: 1400px;
    border-spacing: 2px;
    border-collapse: separate;
}
.request-list th,
.request-list td {
    padding: 0px;
    text-align: center;
    border-radius: 5px;
}
.request-list tbody {
    border: 1px solid #696969;
}
.request-list th {
    padding: 1px;
    background-color: #3A4652;
    border: 1px solid #3A4652;
    color: #FFFFFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.request-list td {
    padding: 3px;
    border: 1px solid #ddd;
    background-color: #FFFFFF;
}
.disp-request-row-row {
    display: table-row;
}
.disp-request-row-none {
    display: none;
}
.request-list-date {
    width: 220px;
    margin-bottom: 0;
    padding: 5px;
    background-color: #F5F5F5;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #000000;
    font-size: 18px;
    cursor: pointer;
}
.staff-requirement-checkbox {
    width: 150px;
}
/* ヘルプ募集機能 募集登録画面
----------------------------------------------- */
.recruit-helper-header {
    max-width: none;
    width: 970px;
    margin: 0 auto;
    margin-top: 8px;
    padding-left: 3px;
    padding-right: 3px;
}

.recruit-helper-recruit {
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom-color: #d3d3d3;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.recruit-helper-header-title {
    background-color: #3A4652;
    cursor: default;
    font-size: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
}

.recruit-helper-recruit-title {
    font-size: 20px;
    font-style: oblique;
    text-decoration: underline;
}

.recruit-helper-input-header {
    background-color: #3A4652;
    cursor: default;
    color: #ffffff;
    font-size: 14px;
    padding: 5px;
    border-radius: 4px;
    margin-right: 4px;
}

.recruit-helper-input {
    margin-bottom: 0;
    padding: 5px;
    background-color: #F5F5F5;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #000000;
    cursor: pointer;
}

.recruit-helper-staff {
    max-width: none;
    margin: 0 auto;
}
.recruit-helper-staff table {
    width: 100%;
    border-spacing: 3px;
    border-collapse: separate;
    background-color: #FBF7ED;
}
.recruit-helper-staff th,
.recruit-helper-staff td {
    padding: 0px;
    text-align: center;
    border-radius: 3px;
}
.recruit-helper-staff th {
    border: 1px solid #3A4652;
    background-color: #3A4652;
    color: #ffffff;
    height: 25px;
}
.recruit-helper-staff td {
    border: 1px solid #ddd;
    background-color: #FBF7ED;
}
.recruit-helper-staff td.left {
    text-align: left;
    padding-left: 8px;
}
.recruit-helper-staff td.center {
    text-align: center;
}
.recruit-helper-staff td.right {
    text-align: right;
    padding-right: 8px;
}

/* ヘルプ募集機能 確定登録画面
----------------------------------------------- */
.recruit-confirm-header {
    max-width: none;
    width: 1020px;
    margin: 0 auto;
    margin-top: 8px;
    padding-left: 3px;
    padding-right: 3px;
}

.recruit-confirm-header-title {
    background-color: #3A4652;
    cursor: default;
    font-size: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
}

.recruit-confirm-recruit {
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom-color: #d3d3d3;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.recruit-confirm-recruit-title {
    font-size: 20px;
    font-style: oblique;
    text-decoration: underline;
}

.recruit-confirm-staff {
    max-width: none;
    margin: 0 auto;
}
.recruit-confirm-staff table {
    width: 100%;
    border-spacing: 3px;
    border-collapse: separate;
    background-color: #FBF7ED;
}
.recruit-confirm-staff th,
.recruit-confirm-staff td {
    padding: 0px;
    text-align: center;
    border-radius: 3px;
}
.recruit-confirm-staff th {
    border: 1px solid #3A4652;
    background-color: #3A4652;
    color: #ffffff;
    height: 25px;
}
.recruit-confirm-staff td {
    border: 1px solid #ddd;
    background-color: #FBF7ED;
}
.recruit-confirm-staff td.left {
    text-align: left;
    padding-left: 8px;
}
.recruit-confirm-staff td.center {
    text-align: center;
}
.recruit-confirm-staff td.right {
    text-align: right;
    padding-right: 8px;
}

/* ヘルプ募集マスター
----------------------------------------------- */
.staff-requirement-header {
    max-width: none;
    margin: 0 auto;
    margin-top: 3px;
    font-size: 14px;
    padding-left: 3px;
    padding-right: 3px;
}
.staff-requirement-header ul {
    margin-top: 4px;
    margin-bottom: 0;
}
.staff-requirement-header-title {
    margin-bottom: 0;
    padding-top: 6px;
    padding-bottom: 4px;
    background-color: #3A4652;
    color: #ffffff;
    font-size: 18px;
    cursor: default;
}
.staff-requirement-header-item {
    border: 2px solid #2e6da4;
    background-color: #ffffff;
    border-radius: 4px;
    margin-left: 2px;
    padding: 0px;
}
.staff-requirement-header-itemlabel {
    margin: 0;
    background-color: #337ab7;
    color: #ffffff;
    font-weight: normal;
    padding: 0;
    padding-left: 6px;
    padding-right: 2px;
    line-height: 35px;
}
.staff-requirement {
    max-width: none;
    font-size: 14px;
    box-sizing: border-box;
}
.staff-requirement table {
    border: none !important;
    background-color: #FBF7ED !important;
    margin-top: 3px;
    border-spacing: 0;
}
.staff-requirement th,
.staff-requirement td {
    padding: 1px;
    text-align: center;
}
.staff-requirement .ui-selecting {
    background-color: #FECA40 !important;
}
.staff-requirement .ui-selected {
    background-color: #F39814 !important;
}
.staff-requirement-staff-header {
    cursor: default;
    text-align: center;
    background-color: #3A4652;
    width: 150px;
    height: 60px;
    border-radius: 4px;
    color: #FFFFFF;
}
.staff-requirement-empl-header {
    cursor: default;
    text-align: center;
    background-color: #3A4652;
    width: 70px;
    height: 60px;
    border-radius: 4px;
    color: #FFFFFF;
}
.staff-requirement-target-header {
    cursor: default;
    text-align: center;
    background-color: #3A4652;
    width: 80px;
    height: 60px;
    border-radius: 4px;
    color: #FFFFFF;
}
.staff-requirement-target-header.header_selected {
    background-color: #FECA40;
    color: #000000;
}
.staff-requirement-conditions-header {
    cursor: default;
    text-align: center;
    background-color: #3A4652;
    width: 70px;
    height: 30px;
    border-radius: 4px;
    color: #FFFFFF;
}
.staff-requirement-conditions-header.header_selected {
    background-color: #FECA40;
    color: #000000;
}
.staff-requirement-staff-line-height {
    line-height:60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.staff-requirement-conditions-line-height {
    line-height:30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.staff-requirement-staff {
    cursor: pointer;
    text-align: left !important;
    background-color: #FFFACD;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 150px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.staff-requirement-staff.header_selected {
    background-color: #FECA40;
    color: #000000;
}
.staff-requirement-empl {
    cursor: default;
    text-align: center;
    background-color: #FFFACD;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 70px;
    height: 30px;
}
.staff-requirement-empl.header_selected {
    background-color: #FECA40;
    color: #000000;
}
.staff-requirement-requirement {
    cursor: pointer;
    border: 1px dashed #A9A9A9;
    border-top: 1px solid #696969;
    border-bottom: 1px solid #696969;
    background-color: #FBF7ED;
    width: 60px;
}
.staff-requirement-menu-header {
    overflow:hidden;
    background-color: #3A4652;
    color: #FFFFFF;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
}
/*.staff-requirement-menu {
    border: 1px solid #ddd;
    background-color: #FBF7ED;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
    font-size: 18px;
    height: 33px;
}*/

.staff-requirement-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    cursor: pointer;
    min-width: 160px;
    padding: 0;
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.staff-requirement-menu>div.menu {
    overflow-y: auto;
    max-height: 278px;
    min-width: 220px;
    height: auto;
    width: auto;
}
.staff-requirement-menu>div.menu>ul>li>a {
    margin-bottom: 2px;
    text-align: left;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid #777777;
}
.staff-requirement-menu>div.menu>ul>li>a:focus,
.staff-requirement-menu>div.menu>ul>li>a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.staff-requirement-menu>div.menu>ul>li>a.on {
    background-color: #ffffff;
    border-color: #333;
    color: #333;
}
.staff-requirement-menu>div.menu>ul>li>a.off {
    background-color: #ffffff;
    border-color: #333;
    color: #333;
}

/* ヘルプ募集 応募一覧画面
----------------------------------------------- */
.plan_page .recruit_answer_list{
    width: 800px;
    margin: 0 auto;
    font-size: 17px;
}
.plan_page .recruit_answer_list .recruit_header {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom-color: #d3d3d3;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}
.plan_page .recruit_answer_list .recruit_body {
    padding: 4px 6px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
}
.plan_page .recruit_answer_list .recruit_item {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 6px;
    line-height: 1.4;
    text-align: center;
}
.plan_page .recruit_answer_list .answer_btn {
    margin: 0px;
    margin-left: 10px;
}
.plan_page .recruit_answer_list .answer_status {
    margin-left: 10px;
    color: #FF003C;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 6px;
    line-height: 1.4;
    text-align: center;
}

.plan_page .recruit_answer_list .pull_left {
    float: left;
}

.plan_page .recruit_answer_list .pull_right {
    float: right;
}

.plan_page .recruit_answer_list .text_right {
    text-align: right;
}

.plan_page .recruit_answer_list .text_right {
    text-align: right;
}
.plan_page .recruit_answer_list .text_unanswered {
    color: #FF003C;
}

/* ヘルプ募集 応募画面
----------------------------------------------- */
.plan_page .recruit_answer{
    width: 800px;
    margin: 0 auto;
    font-size: 18px;
}
.plan_page .recruit_answer .recruit_header {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom-color: #d3d3d3;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}
.plan_page .recruit_answer .recruit_body {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 6px;
    line-height: 1.4;
    font-weight: bold;
}
.plan_page .recruit_answer .recruit_check {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 6px;
    line-height: 1.4;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    background-color: #FFFFFF;
}
.plan_page .recruit_answer .pull_left {
    float: left;
}

.plan_page .recruit_answer .pull_right {
    float: right;
}

.plan_page .recruit_answer .text_right {
    text-align: right;
}

.plan_page .recruit_answer .text_right {
    text-align: right;
}
.plan_page .recruit_answer .text_unanswered {
    color: #FF003C;
}

/* ヘルプ募集条件指定マスター
----------------------------------------------- */
.helper_condition .checkbox {
    margin-top: 5px;
    margin-bottom: 5px;
}
.helper_condition .dlg_itemlist td {
    padding-top: 2px;
    padding-bottom: 2px;
}
.helper_condition .all-select {
    width: 150px;
    padding: 0 5px;
    background-color: #EEEEEE;
    border-radius: 4px;
}
.helper_condition .to-list-box {
    width: 40%;
    height: 190px;
    padding: 4px;
    overflow-y: scroll;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}
.helper_condition .message-btn-area {
    width: 15%;
    padding: 51px 17px;
}
.helper_condition .message-btn-area button {
    margin: 5px 0;
}
.helper_condition .list-area {
    width: 45%;
}
.helper_condition .from-list-box {
    width: 100%;
    height: 190px;
    overflow-y: scroll;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 4px;
}
.helper_condition .message-send-btn-area {
    margin-bottom:20px;
    padding: 4px;
}

/* 従業員一括登録
----------------------------------------------- */
.staff_upload_panel {
    border-color: #3A4652;
}
.staff_upload_panel > div.panel-heading{
    background-color: #3A4652;
}

/* 週間シフト表印刷ダイアログ
----------------------------------------------- */
.weekly_print_table .checkbox {
    margin-top: 5px;
    margin-bottom: 5px;
}
.weekly_print_table .dlg_itemlist td {
    padding-top: 2px;
    padding-bottom: 2px;
}
.weekly_print_table .all-select {
    width: 150px;
    padding: 0 5px;
    background-color: #EEEEEE;
    border-radius: 4px;
}
.weekly_print_table .print-list-box {
    width: 40%;
    height: 190px;
    padding: 4px;
    overflow-y: scroll;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}
.weekly_print_table .message-btn-area {
    width: 20%;
    padding: 51px 17px;
}
.weekly_print_table .message-btn-area button {
    margin: 5px 0;
}
.weekly_print_table .staff-list-area {
    width: 40%;
}
.weekly_print_table .staff-list-box {
    width: 100%;
    height: 190px;
    overflow-y: scroll;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 4px;
}

/* 曜日別レジ開設設定
----------------------------------------------- */
div.regiweekly-head {
    margin-top: 3px;
    margin-bottom: 1px;
    text-align: left;
    max-width: none;
    padding-left: 1px;
}
div.regiweekly-head ul {
    margin-top: 4px;
    margin-bottom: 0;
}
div.regiweekly-head div.btn.default_tub {
    background-color: #fff;
}
div.regiweekly-head div.btn.deactive {
    height: 26px;
    margin-top: 8px;
    color: #ddd;
    background-color: #999;
}
div.regiweekly-body {
    overflow: auto;
    font-size: 14px;
    box-sizing: border-box;
}
.regiweekly-body table {
    width: 1640px;
    border-spacing: 0;
}
div.regiweekly-body {
    overflow: auto;
    font-size: 14px;
    box-sizing: border-box;
}
.regiweekly-body .ui-selecting {
    background-color: #FECA40 !important;
}
.regiweekly-body .ui-selected {
    background-color: #F39814 !important;
    color: white !important;
}
.regiweekly-body .ui-resizable-se {
    cursor: w-resize !important;
    width: 12px !important;
    height: 12px !important;
    right: 1px !important;
    bottom: 1px !important;
    background-position: 0 0 !important;
    background-image: url("../img/icon/icon_handle_se.png") !important;
}
.regiweekly-body .ui-resizable-sw {
    cursor: w-resize !important;
    width: 12px !important;
    height: 12px !important;
    left: 1px !important;
    bottom: 1px !important;
    background-position: 0 0 !important;
    background-image: url("../img/icon/icon_handle_sw.png") !important;
}
.regiweekly-body table {
    width: 1640px;
    border-spacing: 0;
}
.regiweekly-body th.info {
    width: 310px !important;
    padding: 1px;
}
.regiweekly-body td.info {
    width: 200px !important;
    padding: 1px;
}
.regiweekly-body td.infosub {
    width: 110px !important;
    padding: 1px;
}
.regiweekly-body th.time,
.regiweekly-body td.time,
.regiweekly-body th.need{
    width: 60px !important;
    padding: 1px;
}
.regiweekly-body th.time > div.time.header_selected {
    background-color: #FECA40;
    color: #000000;
    border: 1px solid #999;
    padding: 1px 3px;
}
.regiweekly-body td > div{
    width: 100%;
    height: 22px;
}
.regiweekly-body th > div {
    border-radius: 4px;
    border: 1px solid #399AC9;
    background-color: #399AC9;
    color: #fff;
    width: 100%;
    height: 22px;
}
.regiweekly-body th > div.single,
.regiweekly-body th > div.right,
.regiweekly-body th > div.left {
    border-radius: 4px;
    border: 1px solid #C1FF97;
    background-color: #C1FF97;
    color: black;
}
.regiweekly-body th.info > div,
.regiweekly-body th.subinfo > div {
    border-radius: 4px;
    border: 1px solid #3A4652;
    background-color: #3A4652;
    color: #fff;
}
.regiweekly-body td.time > div.single,
.regiweekly-body td.info > div,
.regiweekly-body td.infosub > div {
    border: 1px solid #C1FF97;
    background-color: #C1FF97;
    border-radius: 4px;
}
.regiweekly-body td.time > div.left {
    float: left;
    width: 29px !important;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #777777;
    border-right: none;
    background-color: #ffffff;
}
.regiweekly-body td.time > div.right {
    float: left;
    width: 29px !important;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #777777;
    border-left: 1px dashed #aaaaaa;
    background-color: #ffffff;
}
.regiweekly-body td.info > div,
.regiweekly-body td.infosub > div {
    position: relative;
    overflow: hidden;
    text-align: left;
    height: 34px;
}
.regiweekly-body td.info > div.single,
.regiweekly-body td.infosub > div.single {
    height: 49px;
}
.regiweekly-body td.info > div.clickable,
.regiweekly-body td.infosub > div.clickable {
    cursor: pointer;
}
.regiweekly-body td.info > div.info.header_selected,
.regiweekly-body td.infosub > div.infosub.header_selected {
    background-color: #FECA40;
    border: 1px solid #FECA40;
    color: #000000;
}
.regiweekly-body td.info > div > div.name {
    position: absolute;
    line-height: 17px;
    left: 4px;
    top: 2px;
}
.regiweekly-body td.info > div > div.desc {
    position: absolute;
    line-height: 17px;
    right: 4px;
    bottom: 0px;
    text-align: right;
    padding-left: 8px;
    font-size: 12px;
}
.regiweekly-body td.work > div {
    position: relative;
    border-top: 1px solid #777777;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
}
.regiweekly-body td.work > div.double {
    height: 50px;
    min-height: 50px;
    max-height: 50px;
}
.regiweekly-body td.work > div.single {
    height: 25px;
    min-height: 25px;
    max-height: 25px;
}
.regiweekly-body td.work > div > div.cell {
    border-left: 1px dashed #aaaaaa;
    width: 60px;
    background-color: #FBF7ED;
    float: left;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
}
.regiweekly-body td.work > div > div.cell.single {
    height: 25px;
    min-height: 25px;
    max-height: 25px;
}
.regiweekly-body td.work > div > div.cell.double {
    height: 50px;
    min-height: 50px;
    max-height: 50px;
}
.regiweekly-body td.work > div.sub {
    border-top: 1px dotted #777777;
}
.regiweekly-body td.work > div > div.cell.sep {
    border-left: 1px solid #333;
}
.regiweekly-body td.work > div > div.cell.span1{
    width: 60px;
    max-width: 60px;
    min-width: 60px;
}
.regiweekly-body td.work > div > div.cell.span2{
    width: 30px;
    max-width: 30px;
    min-width: 30px;
}
.regiweekly-body td.work > div > div.cell.span4{
    width: 15px;
    max-width: 15px;
    min-width: 15px;
}
.regiweekly-body td.work > div.main > div.cell.open {
    background-color: #ffffbc;
}
.regiweekly-body td.work > div.sub > div.cell.open {
    background-color: #edde7b;
}
.regiweekly-body td.work > div.main > div.cell.support {
    background-color: #C0C0C0;
}
.regiweekly-body td.work > div > div.clickable {
    cursor: pointer;
}
#regiweekly-assign-menu2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    cursor: pointer;
    min-width: 160px;
    padding: 0;
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#regiweekly-assign-menu2>div.menu {
    overflow-y: auto;
    max-height: 278px;
    min-width: 220px;
    height: auto;
    width: auto;
}
#regiweekly-assign-menu2>div.menu>ul>li>a {
    margin-bottom: 2px;
    text-align: left;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid #777777;
}
#regiweekly-assign-menu2>div.menu>ul>li>a:focus,
#regiweekly-assign-menu2>div.menu>ul>li>a:hover {
    text-decoration: none;
    opacity: 0.8;
}
#regiweekly-assign-menu2>div.menu>ul>li>a.regi_open.main {
    background-color: #ffffbc;
    border-color: #c89932;
    color: #333;
}
#regiweekly-assign-menu2>div.menu>ul>li>a.regi_open.both,
#regiweekly-assign-menu2>div.menu>ul>li>a.regi_open.sub {
    background-color: #edde7b;
    border-color: #c89932;
    color: #333;
}
#regiweekly-assign-menu2>div.menu>ul>li>a.regi_close {
    background-color: #ffffff;
    border-color: #333;
    color: #333;
}
#regiweekly-assign-menu2>div.menu>ul>li>a.assign_support.main {
    background-color: #C0C0C0;
    border-color: #717375;
    color: #333;
}
#regiweekly-assign-menu2>div.menu>ul>li>a.delete_support {
    background-color: #ffffff;
    border-color: #333;
    color: #333;
}

/* 月別予算登録
----------------------------------------------- */

div.plans {
    overflow-y: scroll;
}

table.plans {
    border-spacing: 3px;
    border-collapse: separate;
    background-color: #ffffff !important;
}

table.plans th.department,
table.plans td.department {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    padding-left: 15px;
    line-height: 16px;
}

table.plans th.monthly{
    width: 102px;
    min-width: 102px;
    max-width: 102px;
}

.plans th,
.plans td {
    padding: 0px;
    text-align: center;
    border-radius: 3px;
    height: 34px;
}

.plans td input.input_zone {
    text-align: right;
    width: 100px;
    height: 32px;
}

.plans th {
    border: 1px solid #337ab7;
    background-color: #337ab7;
    color: #ffffff;
}
.plans td {
    border: 1px solid #ddd;
    background-color: #ffffff;
}

table.plans td.man-hours {
    width: 100px;
    text-align: right;
}
table.plans td.man-cost,
table.plans td.uriage-gaku {
    width: 100px;
    text-align: right;
}

table.plans td.man-hours > div.change,
table.plans td.man-cost > div.change,
table.plans td.uriage-gaku > div.change,
table.plans td.man-hours > div.change > input,
table.plans td.man-cost > div.change > input,
table.plans td.uriage-gaku > div.change > input {
    background-color: #FFFF99;
    font-weight: bold;
}

.plans td.left {
    text-align: left;
    padding-left: 4px;
}
.plans td.center {
    text-align: center;
}
.plans td.right {
    text-align: right;
    padding-right: 4px;
}
.plans td.total {
    background-color: #337ab7 !important;
    color: #fff;
}

.top-menu {
    width: 1040px;
    margin: auto;
    margin-top: 10px;
}

div.plans-tab div.btn.deactive {
    height: 26px;
    margin-top: 8px;
    color: #ddd;
    background-color: #999;
}

div.plans-fixed-table {
    width:auto;
    max-width:1590px;
}
/* 店舗グループ
----------------------------------------------- */
.store-group .group-list-box {
    width: 40%;
    height: 544px;
    padding: 4px;
    overflow-y: scroll;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}
.store-group .group-btn-area {
    width: 15%;
    padding: 51px 17px;
}
.store-group .message-btn-area button {
    margin: 5px 0;
}
.store-group .store-list-area {
    width: 45%;
}
.store-group .store-list-box {
    width: 100%;
    height: 500px;
    overflow-y: scroll;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 4px;
}

/* 店舗グループ利用者
----------------------------------------------- */
.store-group .staff-list-area {
    width: 45%;
}
.store-group .department-list-box {
    width: 100%;
    height: 190px;
    overflow-y: scroll;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 4px;
}
.store-group .staff-list-box {
    width: 100%;
    height: 256px;
    overflow-y: scroll;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 4px;
}
/* 月間シフトダウンロード
----------------------------------------------- */
.monthly-download .download-list-box {
    width: 70%;
    height: 190px;
    padding: 4px;
    overflow-y: scroll;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}
/* 月間一括変更
----------------------------------------------- */
.bulkshift_itemlist {
    border-collapse: separate;
    border-spacing: 4px;
}
.bulkshift_itemlist > tbody > tr > th {
    text-align: left;
    border-radius: 4px;
    background-color: #337ab7;
    color: #fff;
    border: 1px solid #337ab7;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    height: 42px;
}
.bulkshift_itemlist > tbody > tr > th > div > label,
.bulkshift_itemlist > tbody > tr > th > label {
    margin-top: 6px;
    font-weight: normal;
    width: 100%;
}
.bulkshift_itemlist > tbody > tr > th > div.item-label {
    position: relative;
    width: 100%;
}
.bulkshift_itemlist > tbody > tr > th > div.item-label > span.required {
    position: absolute;
    top: 6px;
    right: 0;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
    border: 1px solid #d9534f;
    background-color: #d9534f;
    color: #fff;
}
.bulkshift_itemlist > tbody > tr > th > div.item-label > span.optional {
    position: absolute;
    top: 6px;
    right: 0;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
    border: 1px solid #aaa;
    background-color: #aaa;
    color: #fff;
}
.bulkshift_itemlist > tbody > tr > td {
    text-align: left;
    border-radius: 4px;
    border: 1px solid #ddd;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #fff;
    height: 42px;
}
.bulkshift_itemlist > tbody > tr > td.readonly {
    background-color: #FBF7ED;
}
.bulkshift_itemlist > tbody > tr > td.button-area {
    border: none;
    padding: 0;
}
.monthly-shift-bulkselect.header {
    background-color: #337ab7;
    color: #FFFFFF;
    width: 110px !important;
    height: 34px;
}
.monthly-shift-bulkselect.cell {
    background-color: #fff;
    width: 59px;
    height: 34px;
    max-width :59px;
}
.monthly-shift-bulkselect-inner {
    border: 1px solid #777;
    border-radius: 3px;
    height: 34px;
    background-color: #ffffff;
    color: #333333;
    white-space: pre-wrap;
    overflow: hidden;
    line-height: 1.25em;
    cursor: pointer;
}
.monthly-shift-bulkselect-inner.holiday {
    padding-top: 8px;
    padding-bottom: 8px;
}
.monthly-shift-bulkselect-inner:hover,
.monthly-shift-bulkselect-inner:active,
.monthly-shift-bulkselect-inner:focus {
    color: #333 !important;
    background-color: #fffd28 !important;
    border-color: #adadad !important;
}
.monthly-shift-bulkselect-inner.deactive {
    color: #333;
    background-color: #fffd28;
}
.monthly-shift-shift.change_cell {
    border: 3px solid red;
}
.monthly-shift-shift.error_cell {
    background-image: url("../img/icon/icon_warning_input.png");
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

/* 従業員組合せ設定
----------------------------------------------- */
.staff-combo-assign-header {
    margin: 0 auto;
    margin-top: 3px;
    margin-bottom: 1px;
    text-align: left;
    max-width: none;
    padding-left: 1px;
}
.staff-combo-assign-header ul {
    margin-top: 4px;
    margin-bottom: 0;
}
.staff-combo-assign {
    max-width: none;
    font-size: 14px;
}
.staff-combo-assign table {
    border: none !important;
    background-color: #FBF7ED !important;
}
.staff-combo-assign th,
.staff-combo-assign td {
    padding: 1px;
    text-align: center;
}
.staff-combo-assign th > div {
    text-align: center;
    background-color: #3A4652;
    border-radius: 4px;
    color: #FFFFFF;
    width: 100%;
    height: 25px;
    line-height: 25px;
}
.staff-combo-assign th.staff,
.staff-combo-assign td.staff {
    width: 200px !important;
    word-break: break-word;
}
.staff-combo-assign th.combo-code,
.staff-combo-assign td.combo-code,
.staff-combo-assign th.assign,
.staff-combo-assign td.assign {
    width: 80px !important;
}
.staff-combo-assign th.combo-code > div.combo-code {
    cursor: pointer;
    text-align: center;
    padding: 2px 4px;
    padding-top: 3px;
    line-height: 15px;
    word-break : break-all;
    word-wrap : break-word;
    overflow-wrap : break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}
.staff-combo-assign td.staff {
    padding-right: 0;
}
.staff-combo-assign td.staff > div.staff {
    width: 100% !important;
    position: relative;
    cursor: pointer;
    background-color: #FFFACD;
    border: 1px solid #999;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 36px;
    overflow: hidden;
}
.staff-combo-assign td.staff > div.staff.header_selected {
    background-color: #FECA40;
    color: #000000;
}
.staff-combo-assign th.combo-code > div.combo-code.header_selected {
    background-color: #FECA40;
    color: #000000;
    border: 1px solid #999;
    /* padding: 1px 3px; */
}
.staff-combo-assign td.staff > div.staff > div.name {
    position: absolute;
    left: 4px;
    top: 3px;
    line-height: 15px;
    text-align: left;
}
.staff-combo-assign td.staff > div.staff > div.empl {
    position: absolute;
    right: 4px;
    bottom: 0px;
    line-height: 15px;
    text-align: right;
    padding-left: 8px;
    font-size: 12px;
}
.staff-combo-assign td.assign {
    padding: 0;
}
.staff-combo-assign td.assign > div.assign {
    width: 100% !important;
    cursor: pointer;
    border-right: 1px dashed #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #FBF7ED;
    height: 36px;
    line-height: 36px;
}
.staff-combo-assign td:last-child > div.assign {
    border-right: 1px solid #999;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.staff-combo-assign .ui-selecting {
    background-color: #FECA40 !important;
}
.staff-combo-assign .ui-selected {
    background-color: #F39814 !important;
}
.staff-combo-assign-font-normal {
    font-size: 17px;
    line-height: 21px;
}
.staff-combo-assign-menu-header {
    cursor: default;
    position: fixed;
    padding-left: 8px;
    padding-right: 8px;
}
.staff-combo-assign-menu-header > li > a {
    border: 1px solid #ddd;
    background-color: #FBF7ED;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
    font-size: 18px;
    height: 33px;
}

/* 従業員別レジ割当一覧
----------------------------------------------- */
.workinghours-assign-header {
    margin: 0 auto;
    margin-top: 3px;
    margin-bottom: 1px;
    text-align: left;
    max-width: none;
    padding-left: 1px;
}
.workinghours-assign-header ul {
    margin-top: 4px;
    margin-bottom: 0;
}
.workinghours-assign {
    max-width: none;
    font-size: 14px;
}
.workinghours-assign table {
    border: none !important;
    background-color: #FBF7ED !important;
}
.workinghours-assign th,
.workinghours-assign td {
    padding: 1px;
    text-align: center;
}
.workinghours-assign th > div {
    text-align: center;
    background-color: #3A4652;
    border-radius: 4px;
    color: #FFFFFF;
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}
.workinghours-assign th.staff,
.workinghours-assign td.staff {
    width: 200px !important;
    word-break: break-word;
}
.workinghours-assign th.workinghours,
.workinghours-assign td.workinghours,
.workinghours-assign th.assign,
.workinghours-assign td.assign {
    width: 80px !important;
}
.workinghours-assign th.workinghours > div.workinghours {
    text-align: center;
    padding: 6px 4px;
    height:40px;
    word-break : break-all;
    word-wrap : break-word;
    overflow-wrap : break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}
.workinghours-assign td.staff {
    padding-right: 0;
}
.workinghours-assign td.staff > div.staff {
    width: 100% !important;
    position: relative;
    cursor: pointer;
    background-color: #FFFACD;
    border: 1px solid #999;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 36px;
    overflow: hidden;
}
.workinghours-assign td.staff > div.staff.header_selected {
    background-color: #FECA40;
    color: #000000;
}
.workinghours-assign th.workinghours > div.workinghours.header_selected {
    background-color: #FECA40;
    color: #000000;
    border: 1px solid #999;
    padding: 6px 4px;
}
.workinghours-assign td.staff > div.staff > div.name {
    position: absolute;
    left: 4px;
    top: 3px;
    line-height: 15px;
    text-align: left;
}
.workinghours-assign td.staff > div.staff > div.empl {
    position: absolute;
    right: 4px;
    bottom: 0px;
    line-height: 15px;
    text-align: right;
    padding-left: 8px;
    font-size: 12px;
}
.workinghours-assign td.assign {
    padding: 0;
}
.workinghours-assign td.assign > div.assign {
    width: 100% !important;
    border-right: 1px dashed #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #FBF7ED;
    height: 36px;
    line-height: 36px;
}
.workinghours-assign td.assign > div.clickable {
    cursor: pointer;
}
.workinghours-assign td:last-child > div.assign {
    border-right: 1px solid #999;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.workinghours-assign .ui-selecting {
    background-color: #FECA40 !important;
}
.workinghours-assign .ui-selected {
    background-color: #F39814 !important;
}
.workinghours-assign-font-normal {
    font-size: 17px;
    line-height: 21px;
}
.workinghours-assign-font-double {
    padding-top: 2px;
    font-size: 21px !important;
    line-height: 21px;
}
.workinghours-assign-menu-header {
    cursor: pointer;
    position: fixed;
    padding-left: 8px;
    padding-right: 8px;
}
.workinghours-assign-menu-header > li > div {
    overflow:hidden;
    background-color: #3A4652;
    color: #FFFFFF;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
    width: 250px;
    padding: 0px 10px;
    border-bottom: 4px;
}
.workinghours-assign-menu-header > li > a {
    border: 1px solid #ddd;
    background-color: #FBF7ED;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
    font-size: 18px;
    height: 33px;
}

/* 時間別必須従業員割当一覧
----------------------------------------------- */
.required-staff-assign-header {
    margin: 0 auto;
    margin-top: 3px;
    margin-bottom: 1px;
    text-align: left;
    max-width: none;
    padding-left: 1px;
}
.required-staff-assign-header ul {
    margin-top: 4px;
    margin-bottom: 0;
}
.required-staff-assign {
    max-width: none;
    font-size: 14px;
}
.required-staff-assign table {
    border: none !important;
    background-color: #FBF7ED !important;
}
.required-staff-assign th,
.required-staff-assign td {
    padding: 1px;
    text-align: center;
}
.required-staff-assign th > div {
    text-align: center;
    background-color: #3A4652;
    border-radius: 4px;
    color: #FFFFFF;
    width: 100%;
    height: 25px;
    line-height: 25px;
}
.required-staff-assign th.staff,
.required-staff-assign td.staff {
    width: 200px !important;
    word-break: break-word;
}
.required-staff-assign th.target-time,
.required-staff-assign td.target-time,
.required-staff-assign th.assign,
.required-staff-assign td.assign {
    width: 80px !important;
}
.required-staff-assign th.target-time > div.target-time {
    cursor: pointer;
    text-align: center;
    padding: 2px 4px;
    padding-top: 3px;
    line-height: 15px;
    word-break : break-all;
    word-wrap : break-word;
    overflow-wrap : break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}
.required-staff-assign td.staff {
    padding-right: 0;
}
.required-staff-assign td.staff > div.staff {
    width: 100% !important;
    position: relative;
    cursor: pointer;
    background-color: #FFFACD;
    border: 1px solid #999;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 36px;
    overflow: hidden;
}
.required-staff-assign td.staff > div.staff.header_selected {
    background-color: #FECA40;
    color: #000000;
}
.required-staff-assign th.target-time > div.target-time.header_selected {
    background-color: #FECA40;
    color: #000000;
    border: 1px solid #999;
    /* padding: 1px 3px; */
}
.required-staff-assign td.staff > div.staff > div.name {
    position: absolute;
    left: 4px;
    top: 3px;
    line-height: 15px;
    text-align: left;
}
.required-staff-assign td.staff > div.staff > div.empl {
    position: absolute;
    right: 4px;
    bottom: 0px;
    line-height: 15px;
    text-align: right;
    padding-left: 8px;
    font-size: 12px;
}
.required-staff-assign td.assign {
    padding: 0;
}
.required-staff-assign td.assign > div.assign {
    width: 100% !important;
    cursor: pointer;
    border-right: 1px dashed #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #FBF7ED;
    height: 36px;
    line-height: 36px;
}
.required-staff-assign td:last-child > div.assign {
    border-right: 1px solid #999;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.required-staff-assign .ui-selecting {
    background-color: #FECA40 !important;
}
.required-staff-assign .ui-selected {
    background-color: #F39814 !important;
}
.required-staff-assign-font-normal {
    font-size: 17px;
    line-height: 21px;
}
.required-staff-assign-menu-header {
    cursor: default;
    position: fixed;
    padding-left: 8px;
    padding-right: 8px;
}
.required-staff-assign-menu-header > li > div {
    overflow:hidden;
    background-color: #3A4652;
    color: #FFFFFF;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
    width: 250px;
    padding: 0px 10px;
    border-bottom: 4px;
}
.required-staff-assign-menu-header > li > a {
    border: 1px solid #ddd;
    background-color: #FBF7ED;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
    font-size: 18px;
    height: 33px;
}

/* 従業員別週休日数設定
----------------------------------------------- */
.required-staff-holiday-header {
    margin: 0 auto;
    margin-top: 3px;
    margin-bottom: 1px;
    text-align: left;
    max-width: none;
    padding-left: 1px;
}
.required-staff-holiday-header ul {
    margin-top: 4px;
    margin-bottom: 0;
}
.required-staff-holiday {
    max-width: none;
    font-size: 14px;
}
.required-staff-holiday table {
    border: none !important;
    background-color: #FBF7ED !important;
}
.required-staff-holiday th,
.required-staff-holiday td {
    padding: 1px;
    text-align: center;
}
.required-staff-holiday th > div {
    text-align: center;
    background-color: #3A4652;
    border-radius: 4px;
    color: #FFFFFF;
    width: 100%;
    height: 25px;
    line-height: 25px;
}
.required-staff-holiday th.staff,
.required-staff-holiday td.staff {
    width: 200px !important;
    word-break: break-word;
}
.required-staff-holiday th.target-holiday,
.required-staff-holiday td.target-holiday,
.required-staff-holiday th.assign,
.required-staff-holiday td.assign {
    width: 80px !important;
}
.required-staff-holiday th.target-holiday > div.target-holiday {
    cursor: pointer;
    text-align: center;
    padding: 2px 4px;
    padding-top: 3px;
    line-height: 15px;
    word-break : break-all;
    word-wrap : break-word;
    overflow-wrap : break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}
.required-staff-holiday td.staff {
    padding-right: 0;
}
.required-staff-holiday td.staff > div.staff {
    width: 100% !important;
    position: relative;
    cursor: pointer;
    background-color: #FFFACD;
    border: 1px solid #999;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 36px;
    overflow: hidden;
}
.required-staff-holiday td.staff > div.staff.header_selected {
    background-color: #FECA40;
    color: #000000;
}
.required-staff-holiday th.target-holiday > div.target-holiday.header_selected {
    background-color: #FECA40;
    color: #000000;
    border: 1px solid #999;
}
.required-staff-holiday td.staff > div.staff > div.name {
    position: absolute;
    left: 4px;
    top: 3px;
    line-height: 15px;
    text-align: left;
}
.required-staff-holiday td.staff > div.staff > div.empl {
    position: absolute;
    right: 4px;
    bottom: 0px;
    line-height: 15px;
    text-align: right;
    padding-left: 8px;
    font-size: 12px;
}
.required-staff-holiday td.assign {
    padding: 0;
}
.required-staff-holiday td.assign > div.assign {
    width: 100% !important;
    cursor: pointer;
    border-right: 1px dashed #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #FBF7ED;
    height: 36px;
    line-height: 36px;
}
.required-staff-holiday td:last-child > div.assign {
    border-right: 1px solid #999;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.required-staff-holiday .ui-selecting {
    background-color: #FECA40 !important;
}
.required-staff-holiday .ui-selected {
    background-color: #F39814 !important;
}
.required-staff-holiday-font-normal {
    font-size: 17px;
    line-height: 21px;
}
.required-staff-holiday-menu-header {
    cursor: default;
    position: fixed;
    padding-left: 8px;
    padding-right: 8px;
}
.required-staff-holiday-menu-header > li > div {
    overflow:hidden;
    background-color: #3A4652;
    color: #FFFFFF;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
    width: 250px;
    padding: 0px 10px;
    border-bottom: 4px;
}
.required-staff-holiday-menu-header > li > a {
    border: 1px solid #ddd;
    background-color: #FBF7ED;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
    font-size: 18px;
    height: 33px;
}
/* 特定曜日公休日数設定
----------------------------------------------- */
.required-staff-holiday th.target-holiday > div.specified_days {
    cursor: pointer;
    text-align: center;
    padding: 2px 4px;
    padding-top: 5px;
    line-height: 15px;
    word-break : break-all;
    word-wrap : break-word;
    overflow-wrap : break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}
.required-staff-holiday th.target-holiday > div.target-holiday.header_selected ,
.required-staff-holiday th.target-holiday > div.specified_days.header_selected {
    background-color: #FECA40;
    color: #000000;
    border: 1px solid #999;
}
/* 店舗マスタ
----------------------------------------------- */
div.store-shift-changed {
    background-color:#ffe4e1;
    border:solid 1px #ff0000;
    border-radius:3px;
    padding-right:3px;
    padding-left:3px;
}
/* 遅刻・早退・欠勤の確認
----------------------------------------------- */
.staff_attendance-header {
  max-width: none;
  margin: 0 auto;
  margin-top: 4px;
  font-size: 14px;
  padding-left: 3px;
  padding-right: 3px;
}
.staff_attendance-header ul {
  margin-bottom: 2px;
}
.staff_attendance-body {
  max-width: none;
  overflow-x: auto;
  overflow-y: scroll;
  margin-top: 4px;
}
.staff_attendance-body table {
  border-collapse: separate;
  border-spacing: 3px;
}
.staff_attendance-body th,
.staff_attendance-body td {
  height: 36px;
  width: 72px;
  min-width: 72px;
  border-radius: 4px;
  line-height: 16px;
}
.staff_attendance-body td {
  padding-left: 4px;
  padding-right: 4px;
}
.staff_attendance-body td.left {
  text-align: left;
}
.staff_attendance-body td.center {
  text-align: center;
}
.staff_attendance-body td.right {
  text-align: right
}
.staff_attendance-body th.staff_info {
  background-color: #88c100;
  color: #fff;
}
.staff_attendance-body td.staff_info {
  background-color: #c1ff97;
  color: #333;
}
.staff_attendance-body td.staff_info.total {
  background-color: #3a4652;
  color:#fff;
  text-align: center;
}
.staff_attendance-body th.staff_data {
  background-color: #399ac9;
  color: #fff;
}
.staff_attendance-body td.staff_data {
  background-color: #d5e6d9;
  color: #333;
}
.staff_attendance-body td.staff_data.dif_minus {
  background-color: #ffccff;
}
.staff_attendance-body tr.total_row > td {
  font-weight: bold;
  border: 2px solid #3A4652;
  padding-left: 0;
  padding-right: 3px;
}

button.staff_attendance_dlg.btn_date_change ,
button.staff_attendance_dlg.btn_date_cancel {
    width: 110px;
}

/* 労働時間/売上比較
----------------------------------------------- */

div.store_compare-target-store-body ,
div.store_compare-compare-store-body {
    margin-top: 5px;
    overflow:auto;
    overflow-y: scroll;
    overflow-x: scroll;
    font-size: 14px;

}
div.store_compare-target-store-body.fix ,
div.store_compare-compare-store-body.fix {
    float:left;
    margin-top: 5px;
    overflow:hidden;
}

div.store_compare-target-store-body table.target-store-table ,
div.store_compare-compare-store-body table.compare-store-table {
    border: 1px solid #000000;
}

div.store_compare-target-store-body table.target-store-table th.head.store ,
div.store_compare-compare-store-body table.compare-store-table th.head.store {
    border-bottom: 1px solid #000000;
    color: #fff;
    background-color: #88C100;

}

div.store_compare-target-store-body table.target-store-table th.head.store.name ,
div.store_compare-compare-store-body table.compare-store-table th.head.store.name {
    border-left: 1px solid #000000;
}

div.store_compare-target-store-body table.target-store-table td.body.store ,
div.store_compare-compare-store-body table.compare-store-table td.body.store {
    border-left: 1px solid #000000;
    border-bottom: 2px solid #000000;
    height: 147px;
    min-height: 147px;
    max-height: 147px;
    background-color: #C1FF97;
}

div.store_compare-target-store-body table.target-store-table th.head.store_info ,
div.store_compare-compare-store-body table.compare-store-table th.head.store_info {
    border-bottom: 1px solid #000000;
}

div.store_compare-target-store-body table.target-store-table th.head.store_info.sun div,
div.store_compare-compare-store-body table.compare-store-table th.head.store_info.sun div{
    background-color: #FF003C;
}

/*---アコーディオンメニューのプラスマイナスボタン設定　ココカラ---*/
span.store_compare_expansion {
    position: relative;
    cursor: pointer;
}

span.store_compare_expansion::before,
span.store_compare_expansion::after {
    content: '';
    position: absolute;
    display: block;
    width: 14px;
    height: 3px;
    border-radius: 5px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
}

span.store_compare_expansion::after {
    transform: translateY(-50%) rotate(90deg);
    transition: 0.1s;
}

span.store_compare_expansion.active::after {
    transform: rotate(0);
    transition: 0.1s;
}
/*---アコーディオンメニューのプラスマイナスボタン設定　ココマデ---*/

div.store_compare-target-store-body table.target-store-table div.exrow.body_cell.store_info.tytle ,
div.store_compare-compare-store-body table.compare-store-table div.exrow.body_cell.store_info.tytle{
    background-color: #A9A9A9;
    color:#000000;
}

div.store_compare-target-store-body table.target-store-table div.exrow.body_cell.total ,
div.store_compare-compare-store-body table.compare-store-table div.exrow.body_cell.total{
    background-color: #EBE1CD;
    color:#000000;
}

div.store_compare-target-store-body table.target-store-table div.exrow.body_cell ,
div.store_compare-compare-store-body table.compare-store-table div.exrow.body_cell{
    background-color: #D7EEFF;
    color:#000000;
}

div.store_compare-target-store-body table.target-store-table th.head.store_info.sat div,
div.store_compare-compare-store-body table.compare-store-table th.head.store_info.sat div{
    background-color: #399AC9;
}

div.store_compare-target-store-body table.target-store-table th.head.store_info div,
div.store_compare-compare-store-body table.compare-store-table th.head.store_info div{
    border-left: 1px solid #000000;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    color: #fff;
    background-color: #3A4652;
}

div.store_compare-target-store-body table.target-store-table td.body.store_info ,
div.store_compare-compare-store-body table.compare-store-table td.body.store_info {

    border-bottom: 2px solid #000000;
    height: 147px;
    min-height: 147px;
    max-height: 147px;
    background-color: #BDD7FC;
}

div.store_compare-target-store-body table.target-store-table div.body_cell ,
div.store_compare-compare-store-body table.compare-store-table div.body_cell {
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    text-align: right;
    padding-right: 3px;
    height: 21px;
    min-height: 21px;
    max-height: 21px;
    width: 100px;
}

div.store_compare-target-store-body table.target-store-table .body_cell.row9 ,
div.store_compare-compare-store-body table.compare-store-table .body_cell.row9 {
    border-bottom: unset;
}

div.store_compare-target-store-body table.target-store-table div.body_cell.tytle ,
div.store_compare-compare-store-body table.compare-store-table div.body_cell.tytle {
    text-align: left;
    padding-left: 3px;
    background-color: #3A4652;
    color: #fff;
}

div.store_compare-target-store-body table.target-store-table .store.code ,
div.store_compare-compare-store-body table.compare-store-table .store.code {
    width: 72px;
    min-width: 72px;
    max-width: 72px;
    height: 21px;
    min-height: 21px;
    max-height: 21px;
}

div.store_compare-target-store-body table.target-store-table .store.name ,
div.store_compare-compare-store-body table.compare-store-table .store.name {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    height: 21px;
    min-height: 21px;
    max-height: 21px;
}

div.store_compare-target-store-body table.target-store-table .store_info.tytle ,
div.store_compare-compare-store-body table.compare-store-table .store_info.tytle {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    height: 21px;
    min-height: 21px;
    max-height: 21px;
}

div.store_compare-target-store-body table.target-store-table  div.total,
div.store_compare-compare-store-body table.compare-store-table div.total {
    background-color: #ebe1a9;
}

div.store_compare-target-store-body table.target-store-table  th.head.total div,
div.store_compare-compare-store-body table.compare-store-table th.head.total div{
    background-color: #715c1f;
}

div.store_compare-target-store-body table.target-store-table td.data_sum div.sum_value,
div.store_compare-compare-store-body table.compare-store-table td.data_sum div.sum_value {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}

.shiftmgt-button {
    color: #fff;
    background-color: #6495ED;
    border-color: #2e6da4;
}


button > span.glyphicon + span {
  margin-left: 4px;
}
.dlg-btn-confirm {
  min-width: 120px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dlg-btn-confirm.ui-state-default, ui-widget-content .dlg-btn-confirm.ui-state-default {
  border: 1px solid #2e6da4;
  background: #337ab7;
  font-weight: normal;
  color: #fff;
}
.dlg-btn-confirm.ui-state-focus, ui-widget-content .dlg-btn-confirm.ui-state-focus {
  border: 1px solid #122b40;
  background: #286090;
  font-weight: normal;
  color: #fff;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.dlg-btn-confirm.ui-state-hover, ui-widget-content .dlg-btn-confirm.ui-state-hover {
  border: 1px solid #204d74;
  background: #286090;
  font-weight: normal;
  color: #fff;
}
.dlg-btn-confirm.ui-state-active, ui-widget-content .dlg-btn-confirm.ui-state-active {
  border: 1px solid #204d74;
  background: #286090;
  font-weight: normal;
  color: #fff;
}
.dlg-btn-cancel {
  min-width: 120px;
}
.dlg-btn-cancel.ui-state-default, ui-widget-content .dlg-btn-cancel.ui-state-default {
    border: 1px solid #ccc;
    background: #fff;
    font-weight: normal;
    color: #333;
}
.dlg-btn-cancel.ui-state-focus, ui-widget-content .dlg-btn-cancel.ui-state-focus {
  border: 1px solid #8c8c8c;
  background: #e6e6e6;
  font-weight: normal;
  color: #333;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.dlg-btn-cancel.ui-state-hover, ui-widget-content .dlg-btn-cancel.ui-state-hover {
  border: 1px solid #adadad;
  background: #e6e6e6;
  font-weight: normal;
  color: #333;
}
.dlg-btn-cancel.ui-state-active, ui-widget-content .dlg-btn-cancel.ui-state-active {
  border: 1px solid #adadad;
  background: #e6e6e6;
  font-weight: normal;
  color: #333;
}
.dlg-btn-confirm.ui-button > .ui-button-text > .glyphicon,
.dlg-btn-cancel.ui-button > .ui-button-text > .glyphicon {
  margin-right: 4px;;
}
.dlg-btn-danger {
  min-width: 120px;
}
.dlg-btn-danger.ui-state-default, ui-widget-content .dlg-btn-danger.ui-state-default {
  border: 1px solid #d43f3a;
  background-color: #ff2800;
  color: #fff;
  font-weight: normal;
}
.dlg-btn-danger.ui-state-focus, ui-widget-content .dlg-btn-danger.ui-state-focus {
  border: 1px solid #761c19;
  background-color: #c9302c;
  color: #fff;
  font-weight: normal;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.dlg-btn-danger.ui-state-hover, ui-widget-content .dlg-btn-danger.ui-state-hover {
  border: 1px solid #ac2925;
  background-color: #c9302c;
  color: #fff;
  font-weight: normal;
}
.dlg-btn-danger.ui-state-active, ui-widget-content .dlg-btn-danger.ui-state-active {
  border: 1px solid #ac2925;
  background-color: #c9302c;
  color: #fff;
  font-weight: normal;
}
.dlg-btn-left {
  position: absolute;
  left: 10px;
}

.menu-header {
  min-width: 640px;
  width: 640px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom-color: #d3d3d3;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.menu-header .logo {
  width: 350px;
  height: 70px;
  margin: 0 auto 8px auto;
  padding-top: 4px;
}
.menu-header .logo .logo-cube {
  padding: 7px;
  margin: 5px;
  float: left;
  border-radius: 10px;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #eee;
  font-weight: bold;
  font-size: 36px;
}
.menu-header .logo .logo-cube:first-child {
  transform: rotate(-8deg);
}

.menu-news {
  background-color: #FABE28;
  border: 1px solid #FABE28;
  border-radius: 6px;
  position: fixed;
  top: 168px;
  left: 8px;
}
@media (min-width: 100px)  { .menu-news { width: 148px; } }
@media (min-width: 992px)  { .menu-news { width: 148px; } }
@media (min-width: 1100px) { .menu-news { width: 208px; } }
@media (min-width: 1200px) { .menu-news { width: 256px; } }
@media (min-width: 1300px) { .menu-news { width: 304px; } }
@media (min-width: 1400px) { .menu-news { width: 352px; } }
@media (min-width: 1600px) { .menu-news { width: 402px; } }
@media (min-width: 1900px) { .menu-news { width: 402px; } }
.menu-news-title {
  padding: 6px 8px;
}
.menu-news-list {
  max-height: 520px;
  padding: 4px 4px;
  overflow-y: scroll;
  border: 1px solid #FABE28;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #FFFFFF;
  width: 100%;
  font-size: 14px;
}
@media (min-height: 650px)  { .menu-news-list { max-height: 440px; } }
@media (min-height: 700px)  { .menu-news-list { max-height: 490px; } }
@media (min-height: 746px)  { .menu-news-list { max-height: 540px; } }
@media (min-height: 850px)  { .menu-news-list { max-height: 640px; } }
@media (min-height: 950px)  { .menu-news-list { max-height: 740px; } }
.menu-news-list .news-date {
  width: 100%;
}
.menu-news-list .news-text {
  width: 100%;
  border-bottom: 1px dashed #ccc;
  padding-left: 8px;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.menu-news-list .news-text:last-child {
  border-bottom: none;
}

.menu-alert-left-top {
  background-color: #fff;
  border: 2px solid #ff003c;
  border-radius: 4px;
  position: fixed;
  top: 56px;
  left: 8px;
  font-size: 14px;
  width: auto;
  padding: 4px;
}
.menu-admin-area {
  background-color: #FABE28;
  border: 1px solid #FABE28;
  border-radius: 4px;
  position: fixed;
  top: 56px;
  right: 8px;
  font-size: 14px;
  width: auto;
}
.menu-admin-area-title {
  padding: 4px 8px;
}
.menu-admin-area-body {
  background-color: #FBF7ED;
  padding: 4px;
}
.menu-admin-area-body button {
  margin-top: 4px;
  text-align: left;
  width: 168px;
}
.calendar-setting {
  width: 848px !important;
  margin: 0 auto;
  position: relative;
}
.calendar-setting table {
  width: 100%;
}
.calendar-setting th,
.calendar-setting td {
  text-align: center;
}
.calendar-setting.standard-list-footer {
  padding-top: 4px;
  height: 40px;
  font-size: 14px;
}
.calendar-setting-month th,
.calendar-setting-month td {
  font-size: 16px;
  padding: 4px;
}
.calendar-setting-month td {
  padding: 4px 8px 8px 8px;
}
.calendar-setting-month ul {
  margin-bottom: 0;
}
.calendar-setting-month .list-inline li {
  margin-left: 4px;
}
.calendar-setting-month .list-inline li:first-child {
  margin-left: 0;
}
.calendar-setting-month .month-button {
  width: 64px;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 16px;
}
.calendar-setting-month-text {
  height: 24px;
  line-height: 24px;
}
.calendar-setting-date td {
  font-size: 16px;
  padding: 2px;
  width: 60px;
  height: 32px;
  position: relative;
}
.calendar-setting-date td.wday0,
.calendar-setting-date td.date0 {
  color: #fff;
  background-color: #ff003c;
  text-align: center;
}
.calendar-setting-date td.wday6,
.calendar-setting-date td.date6 {
  color: #fff;
  background-color: #399ac9;
  text-align: center;
}
.calendar-setting-date td.wday1,
.calendar-setting-date td.wday2,
.calendar-setting-date td.wday3,
.calendar-setting-date td.wday4,
.calendar-setting-date td.wday5 {
  color: #fff;
  background-color: #3a4652;
  text-align: center;
}
.calendar-setting-date td.date1,
.calendar-setting-date td.date2,
.calendar-setting-date td.date3,
.calendar-setting-date td.date4,
.calendar-setting-date td.date5 {
  color: #333;
  background-color: #fff;
  text-align: center;
}
.calendar-setting-date td .holiday,
.calendar-setting-date td .edited {
  display: none;
  position: absolute;
  top: 4px;
}
.calendar-setting-date td .holiday {
  left: 4px;
}
.calendar-setting-date td .edited {
  top: 12px;
  right: 4px;
}
.calendar-setting-date td .mark-show0 {
  display: none;
}
.calendar-setting-date td .mark-show1 {
  display: block;
}
.calendar-setting-date .date-select.ui-selecting,
.calendar-setting-date .date-select.ui-selected {
  color: #fff !important;
  background-color: #fabe28 !important;
}

/* 一覧・登録画面スタイル */
@media (min-width:  768px) { .standard-list-header, .standard-list-table, .standard-list-footer { width:  716px; } }
@media (min-width:  992px) { .standard-list-header, .standard-list-table, .standard-list-footer { width:  940px; } }
@media (min-width: 1010px) { .standard-list-header, .standard-list-table, .standard-list-footer { width:  958px; } }
@media (min-width: 1200px) { .standard-list-header, .standard-list-table, .standard-list-footer { width: 1148px; } }
@media (min-width: 1360px) { .standard-list-header, .standard-list-table, .standard-list-footer { width: 1308px; } }
@media (min-width: 1400px) { .standard-list-header, .standard-list-table, .standard-list-footer { width: 1348px; } }
@media (min-width: 1530px) { .standard-list-header, .standard-list-table, .standard-list-footer { width: 1478px; } }
@media (min-width: 1600px) { .standard-list-header, .standard-list-table, .standard-list-footer { width: 1548px; } }
@media (min-width: 1900px) { .standard-list-header, .standard-list-table, .standard-list-footer { width: 1848px; } }
.standard-regist-header,
.standard-list-header {
  max-width: none;
  margin: 0 auto;
  margin-top: 2px;
  padding: 0 1px;
}
.standard-regist-header ul,
.standard-list-header ul {
  margin-top: 4px;
  margin-bottom: 0;
}
.standard-regist-header ul.list-inline > li,
.standard-list-header ul.list-inline > li {
  margin-left: 4px;
}
.standard-regist-header ul.list-inline > li:first-child,
.standard-list-header ul.list-inline > li:first-child {
  margin-left: 0;
}
.standard-list-header .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #fbf7ed;
}
.standard-list-header .dropdown-menu > li.title {
  padding: 4px;
  background-color: #3a4652;
  color: #fff;
  border-radius: 4px 4px 0 0;
}
.standard-list-header .dropdown-menu > li > a {
  padding: 8px 16px;
}
.standard-list-header .dropdown-menu > li > a:focus,
.standard-list-header .dropdown-menu > li > a:hover {
  background-color: #ebe1a9 !important;
}
.standard-list-header .filter-box {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 900;
  display: none;
  float: left;
  min-width: 160px;
  width: 90vw;
  padding: 0 0 8px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fbf7ed;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.standard-list-header .filter-box.right {
  right: 0;
  left: auto;
  &::before { left: auto !important; right:  9px; }
  &::after  { left: auto !important; right: 10px; }
}
.standard-list-header .filter-box .pull-left {
  margin-top: 8px;
  margin-left: 8px;
}
.standard-list-header .filter-box-title {
  width: 100%;
  padding: 4px;
  background-color: #3a4652;
  color: #fff;
  border-radius: 4px 4px 0 0;
  position: relative;
}
.standard-list-header .filter-box-close {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 3px 4px 0 4px;
}
.standard-list-header .filter-box-search {
  position: absolute;
  top: 36px;
  right: 8px;
}
.standard-list-header-count {
  font-size: 12px;
  line-height: 14px;
  margin-top: 2px;
  text-align: right;
  width: 100%;
}
.dialog-regist-header-title,
.standard-regist-header-title,
.standard-list-header-title {
  display: inline-block;
  padding: 0 12px;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #fff;
  background-color: #3A4652;
  font-size: 18px;
  height: 34px;
  line-height: 34px;
}
.standard-list-header-item {
  border: 1px solid #2e6da4;
  background-color: #337ab7;
  border-radius: 4px;
  padding: 1px;
  position: relative;
}
.standard-list-header-item .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.standard-list-header-item label {
  margin: 0;
  background-color: transparent;
  color: #ffffff;
  font-weight: normal;
  padding: 0;
  padding-left: 4px;
  padding-right: 4px;
}
.standard-list-header-item button {
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
}
.standard-list-header-item button.date {
  width: 150px;
}
.standard-list-header-item button.month {
  width: 118px;
}
.standard-list-header-item select {
  height: 30px;
  line-height: 30px;
}
.standard-list-header-item select.store_code {
  width: 260px;
}
.standard-list-header-item select.department_code {
  width: 260px;
}
.standard-list-header-item input[type="text"] {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.standard-list-header-item .clear-button {
  position: absolute;
  right: 2px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  color: #999;
  font-size: 17px;
  height: 17px;
  color: #ccc;
}
.standard-item {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
}
.standard-item-title {
  border: 1px solid transparent;
  border-radius: 4px 0 0 4px;
  background-color: #3a4652;
  color: #fff;
}
.standard-item-value {
  border: 1px solid #715c1f;
  border-radius: 0 4px 4px 0;
  background-color: transparent;
  color: #333;
  text-align: left;
}
.standard-regist-header,
.standard-regist-table,
.standard-regist-footer {
  width: 992px;
  max-width: none;
  margin: 0 auto;
}
.standard-regist-header,
.standard-regist-footer {
  padding-left: 1px;
}
.dialog-regist-table table,
.standard-regist-table,
.standard-list-table {
  overflow-y: scroll;
}
.dialog-regist-table table,
.standard-regist-table table,
.standard-list-table table {
  border-spacing: 2px;
  border-collapse: separate;
  background-color: #fbf7ed !important;
  font-size: 14px;
}
.dialog-regist-table table,
.standard-regist-table table {
  width: 100%;
}
.dialog-regist-table tr,
.standard-regist-table tr,
.standard-list-table tr {
  min-height: 40px;
}
.standard-list-table tr.hover > td,
.standard-list-table tr.selected > td {
  background-color: #ebe1a9 !important;
}
.standard-list-table tr.hover > td.hover,
.standard-list-table tr.selected > td.selected {
  background-color: #fabe28 !important;
}
.dialog-regist-table th,
.dialog-regist-table td,
.standard-regist-table th,
.standard-regist-table td,
.standard-list-table th,
.standard-list-table td {
  border: none;
  padding: 0;
  border-radius: 3px;
  line-height: 16px;
}
.dialog-regist-table th,
.standard-regist-table th {
  background-color: #3a4652;
  color: #fff;
  text-align: left;
  position: relative;
  width: 200px;
}
.dialog-regist-table th label,
.standard-regist-table th label {
  font-weight: normal;
  width: 100%;
  margin: 0;
  padding: 8px 8px;
}
.dialog-regist-table th .required,
.standard-regist-table th .required {
  background-color: #ff003c;
  color: #fff;
  border-radius: 3px;
  padding: 1px 4px;
  position: absolute;
  right: 4px;
  bottom: 4px;
  font-size: 13px;
}
.standard-list-table th {
  background-color: #3a4652;
  color: #fff;
  text-align: center;
  line-height: 16px;
  min-height: 60px;
}
.dialog-regist-table th.sat,
.standard-regist-table th.sat,
.standard-list-table th.sat {
  background-color: #399ac9;
}
.dialog-regist-table th.sun,
.standard-regist-table th.sun,
.standard-list-table th.sun {
  background-color: #ff003c;
}
.dialog-regist-table td,
.standard-regist-table td,
.standard-list-table td {
  border: 1px solid #999;
  background-color: #fbf7ed;
  text-align: left;
  padding: 2px;
}
.dialog-regist-table td,
.standard-regist-table td {
  height: 42px;
  padding: 4px 8px;
}
.dialog-regist-table td input:read-only,
.standard-regist-table td input:read-only {
  background-color: transparent;
  box-shadow: none;
}
.dialog-regist-table td input.is-error,
.dialog-regist-table td textarea.is-error,
.dialog-regist-table td select.is-error,
.standard-regist-table td input.is-error,
.standard-regist-table td textarea.is-error,
.standard-regist-table td select.is-error {
  background-color: #ffe8e8;
  border-color: #ff2800;
}
.standard-regist-table td.is-error {
  border-color: #ff2800;
}
.dialog-regist-table td .description,
.standard-regist-table td .description {
  margin-top: 1px;
  margin-left: 1px;
  font-size: 12px;
}
.standard-list-table td.center {
  text-align: center;
}
.standard-list-table td.right {
  text-align: right;
}
.standard-list-table tr.is-deleted td {
  background-color: #ccc;
}
.standard-list-table td.selected {
  border-color: #337ab7;
  box-shadow: 0px 0px 4px inset;
}
.standard-list-table td.handle div {
  height: 33.6px;
  line-height: 33.6px;
  font-size: 24px;
  display: none;
}
.standard-list-footer {
  font-size: 11px;
}
.standard-regist-footer button,
.standard-list-footer button {
  margin-bottom: 4px;
}
.standard-regist-footer .pull-right button,
.standard-list-footer .pull-right button {
  margin-left: 4px;
  margin-top: 2px;
}
.standard-regist-footer .pull-left button,
.standard-list-footer .pull-left button {
  margin-right: 4px;
  margin-top: 2px;
}
.standard-list-footer-title {
  margin-left: 8px;
  margin-right: 2px;
}
.standard-list-footer-value,
.standard-list-footer-count {
  font-size: 12px;
  margin-left: 4px;
}
/* ドロップダウン */
.dropdown-times-hours {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 0;
}
.dropdown-times-minutes {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-times-fromto {
  margin: 0 4px;
}
.dropdown-times2-hours {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.dropdown-times2-colon {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  width: 16px !important;
  text-align: center !important;
  cursor: default !important;
  background-color: transparent !important;
}
.dropdown-times2-minutes {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-date-years {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 0;
}
.dropdown-date-months {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 0;
}
.dropdown-date-days {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-date-button {
  margin-left: 2px;
}
/* ラジオボタンスタイル */
.radio-inline.radio-lg  {
  line-height: 24px;
  margin-right: 8px;
}
input[type="radio"].radio-lg,
.radio-inline.radio-lg input[type="radio"] {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  width: 16px;
  height: 16px;
}
.checkbox-inline.checkbox-lg  {
  line-height: 24px;
  margin-right: 8px;
}
input[type="checkbox"].checkbox-lg,
  .checkbox-inline.checkbox-lg input[type="checkbox"] {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  width: 16px;
  height: 16px;
}
textarea {
  resize: none;
}
/* コンテキストメニュースタイル */
.context-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  cursor: pointer;
  padding: 0;
  padding-top: 5px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.context-menu-header {
  font-size: 14px;
  text-align: left;
  position: relative;
}
.context-menu-header-text {
  float: left;
  font-size: 14px;
  text-align: left;
}
.context-menu-header-button {
  float: right;
  border: none;
  background-color: #fff;
}
.context-menu-body {
  overflow-y: auto;
  max-height: 480px;
  min-width: 360px;
  height: auto;
  width: auto;
}
.context-menu-body-item {
  margin-bottom: 2px;
  text-align: left;
  display: block;
  padding: 3px 16px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  border-radius: 4px;
  border: 1px solid #777777;
}
.context-menu-body-item:focus {
  text-decoration: none;
  opacity: 1;
}
.context-menu-body-item:hover {
  text-decoration: none;
  opacity: 0.8;
}
/* ファイルアップロード */
.file-upload {
  width: 970px;
  margin: 0 auto;
  margin-top: 4px;
}
.file-upload table {
  width: 100%;
}
.file-upload .panel-primary {
  border-color: #3A4652;
}
.file-upload .panel-body {
  position: relative;
}
.file-upload .panel-primary > .panel-heading {
  background-color: #3A4652;
}
/* ファイル選択スタイル */
.file-selector {
  position: relative;
  height: 84px;
}
.file-selector input[type="file"] {
  display: none;
}
.file-selector .selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.file-selector input[type="text"] {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}
.file-selector input[type="text"]:read-only {
  background-color: #fff;
}
.file-selector .cancel {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.file-selector .description {
  position: absolute;
  text-align: left;
  top: 40px;
  left: 0;
  font-size: 12px;
}
.file-selector .filesize {
  position: absolute;
  text-align: right;
  top: 40px;
  right: 4px;
  font-size: 12px;
}
.file-selector button.upload {
  position: absolute;
  top: 0;
  right: 4px;
}
.file-selector .droparea {
  top: 0;
  left: 0;
  position: absolute;
  height: 80px;
  line-height: 80px;
  display: none;
  width: 100%;
  z-index: 2;
  background-color: #fefefe;
  color: #bbb;
  border: 2px dashed #ccc;
  border-radius: 5px;
  text-align: center;
}
/* ダイアログスタイル */
.dialog-form {
  display: none;
}
.dialog-form table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
}
.dialog-description {
  width: 100%;
  margin-top: 8px;
}
.dialog-list-header {
  width: 100%;
  overflow-y: hidden;
}
.dialog-list-header {
  padding-right: 17px;
}
.dialog-regist-table,
.dialog-list-body {
  width: 100%;
  overflow-y: scroll;
  max-height: 416px;
}
.dialog-list-header th {
  text-align: center;
  background-color: #3A4652;
  border: 1px solid #3A4652;
  border-radius: 4px;
  color: #fff;
  vertical-align: middle;
  padding-left: 8px;
  padding-right: 8px;
  height: 36px;
}
.dialog-list-body td {
  text-align: left;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  vertical-align: middle;
  padding-left: 8px;
  padding-right: 8px;
  height: 36px;
}
.dialog-list-body td.left {
  text-align: left;
}
.dialog-list-body td.center {
  text-align: center;
}
.dialog-list-body td.right {
  text-align: right;
}
.dialog-list-body td.nowrap div {
  height: 16px;
  line-height: 16px;
  overflow: hidden;
}
.dialog-list-body td.handle {
  cursor: move;
  line-height: 16px;
  font-size: 20px;
}
.dialog-footer {
  width: 100%;
  min-height: 20px;
  padding-top: 4px;
}
.dialog-footer .attention {
  color: #ff2800;
}
.dialog-btn-confirm,
.dialog-btn-cancel,
.dialog-btn-danger {
  min-width: 120px;
}
.dialog-btn-confirm.ui-state-default, ui-widget-content .dialog-btn-confirm.ui-state-default {
  border: 1px solid #2e6da4;
  background: #337ab7;
  font-weight: normal;
  color: #fff;
}
.dialog-btn-confirm.ui-state-hover, ui-widget-content .dialog-btn-confirm.ui-state-hover,
.dialog-btn-confirm.ui-state-active, ui-widget-content .dialog-btn-confirm.ui-state-active,
.dialog-btn-confirm.ui-state-focus, ui-widget-content .dialog-btn-confirm.ui-state-focus {
  border: 1px solid #204d74;
  background: #286090;
  font-weight: normal;
  color: #fff;
}
.dialog-btn-confirm.ui-state-focus, ui-widget-content .dialog-btn-confirm.ui-state-focus {
  border: 1px solid #122b40;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.dialog-btn-cancel.ui-state-default, ui-widget-content .dialog-btn-cancel.ui-state-default {
  border: 1px solid #ccc;
  background: #fff;
  font-weight: normal;
  color: #333;
}
.dialog-btn-cancel.ui-state-hover, ui-widget-content .dialog-btn-cancel.ui-state-hover,
.dialog-btn-cancel.ui-state-active, ui-widget-content .dialog-btn-cancel.ui-state-active,
.dialog-btn-cancel.ui-state-focus, ui-widget-content .dialog-btn-cancel.ui-state-focus {
  border: 1px solid #adadad;
  background: #e6e6e6;
  font-weight: normal;
  color: #333;
}
.dialog-btn-cancel.ui-state-focus, ui-widget-content .dialog-btn-cancel.ui-state-focus {
  border: 1px solid #8c8c8c;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.dialog-btn-confirm.ui-button > .ui-button-text > .glyphicon,
.dialog-btn-cancel.ui-button > .ui-button-text > .glyphicon {
  margin-right: 4px;;
}
.dialog-btn-danger.ui-state-default, ui-widget-content .dialog-btn-danger.ui-state-default {
  border: 1px solid #d43f3a;
  background-color: #ff2800;
  color: #fff;
  font-weight: normal;
}
.dialog-btn-danger.ui-state-hover, ui-widget-content .dialog-btn-danger.ui-state-hover,
.dialog-btn-danger.ui-state-active, ui-widget-content .dialog-btn-danger.ui-state-active,
.dialog-btn-danger.ui-state-focus, ui-widget-content .dialog-btn-danger.ui-state-focus {
  border: 1px solid #ac2925;
  background-color: #c9302c;
  color: #fff;
  font-weight: normal;
}
.dialog-btn-danger.ui-state-focus, ui-widget-content .dialog-btn-danger.ui-state-focus {
  border: 1px solid #761c19;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.dialog-btn-left {
  position: absolute;
  left: 10px;
}