.shift-table {
    margin: 10px -50px 0px 0px;
    width: 100%;
    overflow-x: scroll;

}

.shift_container{
	padding:0 40px;}
	
	
.shift_container .ibox-content{
	min-height:800px;
	padding:40px;}

.shift-table > h3 {
    margin: 15px auto 5px;
}

.weekdayJa{
	font-size:11px;}

.shift-table__row {
    display: flex;
}
.shift-table__cell.shift-table__cell--date{
  padding:20px 0;
  line-height:20px;
  border-top: solid 1px #E7E7E7;
}
.shift-table__cell.shift-table__cell--date.sat{
	color: #2581CB
}

.shift-table__cell.shift-table__cell--date.sun{
	color:#F66;}

.shift-table__row:last-child {

}

.shift-table__cell {
    border-bottom: solid 1px #ddd;
    background: #FEFEFE;
    min-width: 26px;
    text-align: center;
    border-right: solid 1px #E7E7E7;
    min-height: 26px;
    line-height:26px;
}



/*.shift-table__cell:hover:after{
	content:"\f00c";
	font-family: FontAwesome;
	color:#01a2c1; -webkit-animation-name: fadeIn;
    animation-name: fadeIn; -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}*/
	
	

	
	
.event-part .shift-table__cell:hover:after,.shift-table__cell--date:hover:after,.shift-table__cell--header:hover:after,shift-table__cell--required:hover:after{
	content:"";
}


.shift-table__cell.full-month {
    width: 2.7%;
}

.shift-table__cell.half-month {
    width: 4.5%;
}

.shift_cat{
	font-weight:bold;
	position:absolute;
	font-size:12px;
	padding-top:6px;}

.shift-table-hours > div:first-child > .shift-table__row:first-child > .shift-table__cell {
  border-top:solid 1px #E7E7E7;
}

.shift-table__cell .alert-success{
	background-color:inherit;
	color:#01a2c1;
  font-size: 1.2rem;
	font-weight:bold;
}
.shift-table__cell .alert-success .fa{
	display:block;
	height:10px;
	padding-top:5px;}

.shift-table__cell .alert-danger{
	background-color: #FFF!important;
	color:#FF5353!important;
	font-size:14px;
}

.shift-table__cell .alert-danger .fa{
	display:block;
	height:8px;
	font-size:11px;
}

.shift-table__cell--header {
    width: 15%;
    min-width: 126px;
    text-align:left;
    /*margin-left: 45px;*/
}
.shift-table__cell--header.full-month {
 width: 14%;
    min-width: 120px;
  padding-left:7px;
}
.shift-table__cell--header.half-month {
    width: 180px;
    min-width: 160px;
}

.extended-table-cell-header {
    width: 10%;
    min-width: 120px;
    padding-left:4px;
    border-left: solid 1px #E7E7E7;
}

.shift-table .sat {
	background-color: #F2FAFB;
}

.shift-table .sun {
	background-color: #FBF7FA;
}

.shift-table__cell.mouseover {
    border-right: solid 1px #F2F2F2;
    /* borderは色が変わらないように */
    ;
    filter: brightness(98%);
}

div.shift-part--show,
div.member-part--show {
  height: auto;
  max-height: 500em;
  transition: 500ms linear;
}

div.shift-part--hide,
div.administrator-part--hide,
div.member-part--hide {
  overflow: hidden;
  max-height: 0;
  transition: max-height 200ms;
}

div.group_name {
    margin-left: 1em;
}

.cursor-pointer {
    cursor: pointer;
}

.set-shift-popup-row {
  line-height: 42px;
	border-bottom:solid 1px #eee;
	border-bottom:solid 1px #eee;
}
.set-shift-mini-popup-row {
  line-height: 42px;
}

.set-multiple-shift-popup h4,
.set-shift-large-popup h4 {
  border-bottom: none !important;
}

.set-shift-button-outer {
  line-height: 42px;
}

.set-shift-button-inner {
  border: solid 1px #e2e2e2;
  margin: 5px;

  border-radius:5px;
}
.set-shift-button-inner:hover,
.set-shift-button-inner.selected{
	background-color:#F2F2F2
}
.shift_pattern_wrap{ margin-left:0px; margin-right:0px;}
.shift_pattern_wrap .col-xs-2{
	padding:0;
	margin:0;}

.set-shift-button-description {
  font-size: 0.9rem;
  line-height: 3px;
  color: #aaa;
}
.detail-popup-one-letter {
  margin: 0 0 8px 0;
}

.detail-popup-description {
  font-size: 0.9rem;
  line-height: 3px;
  color: #aaa;
}

.detail-popup-description-minor {
  font-size: 0.8rem;
  line-height: 2px;
  color: #ccc;
}

.set-shift-mini-popup-row .one-character{
  border: solid 1px #ccc;
  margin: 5px;
}

.shift-selected,
.set-shift-popup-row:hover,
.set-shift-mini-popup-row:hover
{
	font-weight: bold;
	background-color: #F6F6F6;
}

.custom_shift input {
    padding: 1px !important;
}

.popover.top-left,
.popover.top-right {
    margin-top: -10px;
}

.popover.top-left .arrow {
  bottom: -11px;
  left: 10%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0,0,0,.25);
  border-bottom-width: 0;
}

.popover.top-right .arrow {
  bottom: -11px;
  left: 90%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0,0,0,.25);
  border-bottom-width: 0;
}

.popover.bottom-left .arrow {
  left: 5% !important;
  margin-left: -11px !important;
  border-top-width: 0 !important;
  border-bottom-color: #999999 !important;
  border-bottom-color: rgba(0, 0, 0, 0.25) !important;
  top: -11px !important;
}

.popover.bottom-right .arrow {
  margin-left: -11px !important;
  border-top-width: 0 !important;
  border-bottom-color: #999999 !important;
  border-bottom-color: rgba(0, 0, 0, 0.25) !important;
  top: -11px !important;
  left: 95% !important;
}

.popover.top-left>.arrow:after,
.popover.top-right>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}

.popover.bottom-left>.arrow:after,
.popover.bottom-right>.arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff !important;
}

.total-work-time {
  float: right;
	color:#aaa;
	font-size:12px;
	margin-right:5px;
}

.extended-time-slot {
    float: right;
    font-weight: bold;
    font-size: 12px;
    padding-top: 4px;
    margin-right:8px;
}

.shift-table__row.required_staff .shift-table__cell {
  height:45px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
}

.shift-table__row.statistics-header {
    height: 130px;
}

.shift-table__cell.statistics_label_wrap {
  height: 100%;
  min-width: initial;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.statistics-label {
  height:100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.statistics_description {
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  text-orientation: mixed;
  font-size:11px;
}

.shift_status{
	color: #fff;
	background-color: #666666;
	padding: 8px;
	position:relative;
	top:-1px;
	display: inline-block;
	margin-right: 10px;
	border-radius: 0 3px 3px 0;
	margin-left: -7px;
}

.shift-table__cell--required div{
  min-width: 150px;
}

.shift-table__cell--required.selected.adequate,
.shift-table__cell--required.selected.adequate span {
  background-color: #ceffce;
}

.shift-table__cell--required.selected.inadequate,
.shift-table__cell--required.selected.inadequate span,
.shift-table__cell--required.selected.inadequate span div{
  background-color: #ffcece !important;
}

.ibox-content h3.popover-title{
	margin-top:0px;
	padding-top:12px;
	font-weight:bold;}

.ibox-content .popover{
	font-family:inherit}
	
.popover-content h4{
	display:block;
	margin-left:-15px;
	margin-right:-15px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:solid 1px #ddd;}

.popover-bottom-animation {
  animation: popover-anime 0.5s linear 0s 1 alternate;
}

.event-row {

}

/*省略文字（１−４文字）*/
.shift-table__cell__abbreviation {
}

.letter-at-1{
	font-weight:bold}

.shift-table__cell__abbreviation.num-of-letters-1,
.shift-table__cell__abbreviation.num-of-letters-2 {
  line-height:26px;
}

.shift-table__cell__abbreviation.num-of-letters-1 .letter-at-1 {
  width:100%;
  float:left;
  font-size: 1.5rem;
}

.shift-table__cell__abbreviation.num-of-letters-2 .letter-at-1 {
  width:61.8%;
  float:left;
  font-size: 1.15rem;
}

.shift-table__cell__abbreviation.num-of-letters-2 .letter-at-2 {
  width:38.2%;
  float:left;
  font-size: 0.9rem;
}

.shift-table__cell__abbreviation.num-of-letters-3 .letter-at-1 {
  line-height:16px;
  width:100%;
  font-size: 1.15rem;
}

.shift-table__cell__abbreviation.num-of-letters-3 .letter-at-2,
.shift-table__cell__abbreviation.num-of-letters-3 .letter-at-3 {
  line-height: 8px;
  width: 50%;
  float:left;
  font-size: 0.9rem;
}


.shift-table__cell__abbreviation.num-of-letters-4 {
  line-height:16px;
  font-size: 1.15rem;
}


.shift-table__cell__abbreviation.num-of-letters-4 .letter-at-2 {
  line-height: 8px;
  width: 33%;
  clear:both;
  float:left;
  font-size: 0.9rem;
}

.shift-table__cell__abbreviation.num-of-letters-4 .letter-at-3,
.shift-table__cell__abbreviation.num-of-letters-4 .letter-at-4 {
  line-height: 8px;
  width: 33%;
  float:left;
  font-size: 0.9rem;
}

.shift-pattern-outer {
  line-height: 42px;
}
.shift-pattern-inner {
    border: solid 1px #e2e2e2;
    margin: 5px;
    border-radius:5px;
}
.shift-pattern-description {
  font-size: 0.9rem;
  line-height: 3px;
  color: #aaa;
}

.shift-pattern-description-minor {
  font-size: 0.8rem;
  line-height: 2px;
  color: #ccc;
}




@keyframes popover-anime {
  0% {height: 0px;}
  100% {height: 1000px;}
}

@media only screen and (max-width: 1100px) {
.shift_container{
	padding:0 5px!important;
}

.total-work-time{
	display:none!important;
}

.shift-table__cell{
	min-width:24px
  }
  .shift_container .ibox-content{

	padding:15px;
}
}

.edit-type-multiple:before {
  color: rgba(0,0,0,0.3);
}

.edit-type-multiple.selected:before {
  content: "\f00c";
  font-family: FontAwesome;
  color: #01a2c1;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.shift_d_mode,
.set_shift_mode {
  display:inline-block
}

.set_shift_mode {
  padding-left: 0;
}

.shift_d_mode li,
.set_shift_mode li {
  display:inline-block;
  width:100px;
  line-height:30px;
  text-align:center;
  cursor:pointer;
}

.shift_d_mode li.selected,
.shift_d_mode li:hover,
.set_shift_mode li.selected,
.set_shift_mode li:hover {
  border-bottom:2px solid #01a2c1
}

.noneselected{}
.selected{}


.shift_bundle {
  animation-iteration-count: infinite!important;
  animation-duration: 2.5s!important;
  margin-top:-18px;
}

.popup-show-hide-animation {
  -webkit-transition:all linear 0.2s;
  transition:all linear 0.2s;
  animation-duration: 0.2s !important;
}

.accordion {
    -webkit-transition: height 0.5s ease;
    transition: height 0.5s ease;
}
.accordion .hide {
    height: 0;
}

/*h3.category-title:after {*/
    /*content: "";*/
    /*flex-grow: 1;*/
    /*height: 2px;*/
    /*background: #ddd;*/
    /*display: block;*/
    /*margin-left: 16px;*/
/*}*/

.cls-extension .category-icon {
    color: #b3b3b3;
    margin-top: 4px;
}

.cls-extension .left-border {
    border-left: 1px solid #ddd;
}

.cls-extension .left-line-standard {
    float: left;
    margin-left: 64px;
    border-left: 4px solid #fff;
}

.cls-extension .left-line-standard-border {
    border-left: 4px solid #01a2c1;
}
.cls-extension .left-line-short {
    float: left;
    margin-left: 32px;
}

.cls-extension .left-line-short-border {
    border-left: 4px solid #ed5565;
}

.cls-extension #contactbook_list{
    height: auto;
}

.cls-extension #contactbook_list li{
    padding: 0;
    float: inherit;
    width: auto;
}

.cls-extension .chat-avatar3 {
    background-color: #F0F0F2;
    position: relative;
    border-color: #ebebeb;
    height: 48px;
    width: 48px;
    border-radius: 3%;
    overflow: hidden;
    display: inline-block;
    margin-right: 7px;
    top: 7px;
    float: left;

}

.cls-extension .chat-avatar3:after {
    content: "\f007";
    font-family: FontAwesome;
    text-align: center;
    position: absolute;
    font-size: 20px;
    color: #ddd;
    top: 17px;
    right: 17px;
    margin-top: -7px;
    z-index: 0;
    line-height:28px;
}

.cls-extension .contactbook_name {
    font-size:14px;
    font-weight: bold;
}

.cls-extended-table-cell {
    /*border-top: solid 1px #ddd;*/
    /*border-bottom: solid 1px #ddd;*/
    background: #FEFEFE;
    min-width: 26px;
    justify-content: center;
    /*border-right: solid 1px #E7E7E7;*/
    min-height: 26px;
    line-height:26px;
}

.cls-extended-table-cell-header {
    /*border-right: solid 1px #E7E7E7;*/
    /*border-bottom: solid 1px #ddd;*/
    font-weight: bold;
    font-size: 15px;
}


.cls-extended-category-cell {
    display: flex;
    align-items: center;
    text-align: center;
    border-top: solid 1px #E7E7E7;
    min-height: 26px;
    /*line-height:26px;*/
}



.extended-table-cell {
    border-bottom: solid 1px #ddd;
    background: #FEFEFE;
    min-width: 26px;
    text-align: center;
    border-right: solid 1px #E7E7E7;
    min-height: 26px;
    line-height:26px;
}

.bg-gray-header {
    background-color: #F5F5F6;
}

.bg-gray-header.extended-table-cell {
    min-height: 12px;
    line-height:12px;
    border-top: solid 1px #E7E7E7;
}

.extended-table-cell.w-col {
    width: 2.7%;
}

.cls-extended-row {
    display: flex;
}

.cls-extended-table-border-cell {
    /*border-top: solid 1px #ddd;*/
    /*border-bottom: solid 1px #ddd;*/
    /*background: #FEFEFE;*/
    min-width: 26px;
    justify-content: center;
    /*border-right: solid 1px #E7E7E7;*/
}