body{color:#656565;}
th{background:#414141; color:#fff;}

.btn-change{
    background: -o-linear-gradient(top, #156191, #74b5cd);
    background:-webkit-gradient(linear, left top, left bottom, from(#156191), to(#63B0CF));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#156191', endColorstr='#63B0CF', GradientType=0)";
    background: linear-gradient(#156191, 85%,#63B0CF);

    color:#fff;
    font-size:12px;

    border-radius: 18px;
    -moz-border-radius: 18px; /* Firefox */
    -webkit-border-radius: 18px; /* Safari,Chrome */
}

.btn-change:hover, .btn-change:active, .btn-change:visited, .btn-change:link{
    background: -o-linear-gradient(top, #156191, #74b5cd);
    background:-webkit-gradient(linear, left top, left bottom, from(#156191), to(#74d0f2));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#156191', endColorstr='#74d0f2', GradientType=0)";
    background: linear-gradient(#156191, 70%,#74d0f2);
    color:#fff;
}

.icon-color-pdf{
    color:#9e111f;
}

.icon-color{
    color:#73bf2b;
}

.icon-color-today{
    color:#ddb547;
}

.icon-color-bg{
    color:#fff; 
    background:#73bf2b; 
    padding:1px 3px; 
    border-radius:3px;
}

.icon-color-bg-today{
    color:#fff; 
    background:#ddb547;
    padding:1px 3px; 
    border-radius:3px;
}

.table th{
    text-align:center;
    vertical-align:middle;
}

.table td{
    vertical-align:middle;
}

table tr .thead-dark{
    background: #777;
}

/************************************************************************************
ヘルプボタン
*************************************************************************************/
.btn-help{
    display: inline-block;
    position: relative;

    width:18px;
    height:18px;

    border:1px solid #fff;

    border-radius: 10px;
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */

    background: -o-linear-gradient(top, #0a8199, #2ac9c9);
    background:-webkit-gradient(linear, left top, left bottom, from(#0a8199), to(#2ac9c9));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a8199', endColorstr='#2ac9c9', GradientType=0)";
    background: linear-gradient(#0a8199, 70%, #2ac9c9);

    -webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.6);
    box-shadow:2px 2px 10px rgba(0, 0, 0, 0.6);
}

.btn-help:hover{
    display: inline-block;
    position: relative;
    cursor:help;

    width:18px;
    height:18px;

    border:1px solid #fff;

    border-radius: 10px;
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */

    background: -o-linear-gradient(top, #075d68, #209b9b);
    background:-webkit-gradient(linear, left top, left bottom, from(#075d68), to(#209b9b));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#075d68', endColorstr='#209b9b', GradientType=0)";
    background: linear-gradient(#075d68, 70%, #209b9b);

    -webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.7);
    box-shadow:2px 2px 10px rgba(0, 0, 0, 0.7);
}

.btn-help:before{
    color:#fff;
    content: "?";
    display: block;
    position: absolute;

}

.btn-help:before{
    top: -1px;
    left: 5px;
    padding: 0;
    width: 2px;
    height: 10px;
}

/*//=======================================================
//tooltip
//=======================================================*/
.md-tooltip {
    display: none;
    position: absolute;
    z-index: 9999;
    line-height: 1.5;
    padding: 7px 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #333;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    font-size: 12px;
}

.md-tooltip:after {
    content: " ";
    position:absolute;
    left: 15px;
    top: -20px;
    width: 0;
    height: 0;
    margin: 0 0 0 -5px;
    border-top: 10px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 10px solid #333;
    border-bottom-color: rgba(0, 0, 0, .8);
}

/* アイコンフォント */
.ifont-blue {
    cursor:pointer;
    color: #138386;
    background:#f5f2cd;
    padding:6px;
    border-radius: 15px;
	-webkit-box-shadow: 1px 1px 5px #777;
	box-shadow: 1px 1px 5px #777;
    border:solid #2eaeb3 1px;
}
.ifont-blue:hover {
    color: #5cc6d4;
    background:#fff;
}

.ifont-blue-mini {
    cursor:pointer;
    color: #138386;
}
.ifont-blue-mini:hover {
    color: #5cc6d4;
}

/* ダイアログカラー */
.wamt-dlg {
    background-color: #eee;
}

.wamt-dlg .ui-dialog-titlebar {
  color:#fff;
  background:#138386;
}

.wamt-dlg .ui-dialog-content {
  color:#000;
  background:#fff;
}

.wamt-dlg .ui-dialog-buttonpane {
    background-color: #cbdada;
}

.wamt-dlg-btn-close {
    /*
    color: blue;
    background-color: greenyellow;
    */
}

/* 非同期用ぐるぐる */
#loading{
    width:300px;
    text-align:center;
    background-color:#fff;
    padding:15px 10px;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow:0px 2px 2px 2px rgba(0, 0, 0, 0.3);
    position:fixed;
    display:none;
    z-index:2147483646;
}

#loading{
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
}

#loading .loadingMsg{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 140px;
    background: url("/images/guruguru.gif") center center no-repeat;
}

.wamt-frame{
    position:relative;
    padding:20px 7px;
    margin:10px 0;
    background:#fff;
    border:solid #dee2e6;
    border-width:1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/*ページトップへ戻るボタン*/
#go_to_top_icon{
    display:none;
    cursor:pointer;
    font-size:50px;
    color:#399f27;
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:5;
}

/* ローディング アニメーション */
#loading_wire{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #aaa;
    opacity: 0.8;
    z-index:2147483646;
    text-align: center;
}

.ld_wrapper{
    width:200px;
    height:60px;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
}
.circle{
    width:20px;
    height:20px;
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    left:15%;
    transform-origin: 50%;
    animation: circle .5s alternate infinite ease;
}

@keyframes circle{
    0%{
        top:60px;
        height:5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7);
    }
    40%{
        height:20px;
        border-radius: 50%;
        transform: scaleX(1);
    }
    100%{
        top:0%;
    }
}
.circle:nth-child(2){
    left:45%;
    animation-delay: .2s;
}
.circle:nth-child(3){
    left:auto;
    right:15%;
    animation-delay: .3s;
}
.ld_shadow{
    width:20px;
    height:4px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top:62px;
    transform-origin: 50%;
    z-index: -1;
    left:15%;
    filter: blur(1px);
    animation: ld_shadow .5s alternate infinite ease;
}

@keyframes ld_shadow{
    0%{
        transform: scaleX(1.5);
    }
    40%{
        transform: scaleX(1);
        opacity: .7;
    }
    100%{
        transform: scaleX(.2);
        opacity: .4;
    }
}
.ld_shadow:nth-child(4){
    left: 45%;
    animation-delay: .2s
}
.ld_shadow:nth-child(5){
    left:auto;
    right:15%;
    animation-delay: .3s;
}
.ld_wrapper span{
    position: absolute;
    top:75px;
    font-family: 'Lato';
    font-size: 12px;
    letter-spacing: 15px;
    color: #fff;
    left:15%;
}

.explain { 
    color: #998200;
    font-size: 12px;
    border: 1px solid #998200;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 5px;
    text-align: left;
}

.bt_business_day{
    color: #fff;
    background-color: #998200;
    cursor: pointer;
    border-radius: 10px;
    padding: 2px 10px;
}

.bt_business_day:hover{
    color: #fff;
    background-color: #ccad00;
}

/* CareChildサービス */
/* 選択会員 */
.gp_select_child{
}
.lb_rd_child{
    color: #999;
    font-size:14px;
    margin-right: 3px;
    padding: 7px 2px;
    border: 1px solid #ccc;
    border-width: 1px;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
}
.rd_child{
    opacity: 0;
}
.lb_rd_child:hover{
    background: #eee;
}

.lb_rd_child_ac{
    color: #fff;
    font-weight: bold;
    margin-right: 3px;
    padding: 8px 2px;
    border: 1px solid #ccc;
    border-width: 1px;
    border-radius: 4px;
    background: #229c5b;
}

.mp_schedule{
    width: 100%;
}
.mp_schedule td:nth-child(1){
    background: #73bf2b;
    color: #fff;
    width: 10px;
    font-size: 17px;
    padding:0;
    text-align:center;
}
.mp_schedule td:nth-child(2){
    background: #efefef;
    width: 10px;
    padding:0;
    text-align:center;
}
.mp_schedule td:nth-child(3){
    width: 85%;
    text-align:left;
}

.at_stat0{
    display:inline-block;
    transform: scale(0.7);
    font-weight:bold;
    font-size:14px;
    color:#fff;
    text-decoration:none;
    background-color:#75b3a9;
    cursor: pointer;

    text-align:center;
    padding: 3px 4px;
    margin: 2px 0;

    border-radius: 5px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
}

.lb_absence{
    display:inline-block;
    transform: scale(0.7);
    font-weight:bold;
    font-size:12px;
    color:#fff;
    text-decoration:none;
    background-color:#3748ab;
    cursor: pointer;

    text-align:center;
    padding: 3px 4px;
    margin: 0px 0px;

    border-radius: 5px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
}

/* スケジュール */
/* 対象月選択 */
.gp_select_month{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.select_month{
    color: #999;
    padding: 5px 25px;
    border: 1px solid #ccc;
    border-width: 1px 0px 1px 1px;
    border-radius: 0px 0px 0px 0px;
    background: #fff;
    cursor: pointer;
    float: left;
}
.select_month:hover{
    background: #eee;
}
.select_month:first-child{
    border-radius: 5px 0px 0px 5px;
}
.select_month:last-child{
    border-radius: 0px 5px 5px 0px;
    border-width: 1px 1px 1px 1px;
}

.select_month_ac{
    color: #fff;
    font-weight: bold;
    padding: 5px 30px;
    border: 1px solid #ccc;
    border-width: 1px 0px 1px 1px;
    border-radius: 0px 0px 0px 0px;
    background: #73bf2b;
    float: left;
}
.select_month_ac:first-child{
    border-radius: 5px 0px 0px 5px;
}
.select_month_ac:last-child{
    border-radius: 0px 5px 5px 0px;
    border-width: 1px 1px 1px 1px;
}

/* リクエスト・ご連絡 */
/* モード選択 */
.request_title{
    color: #fff;
    margin: 3px;
    padding: 5px 25px;
    border: 1px solid #ccc;
    border-width: 1px;
    background: #00aa00;
    text-align: center;
}

.gp_select_mode{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.select_mode{
    color: #888;
    margin: 3px;
    width: 75px;
    padding: 5px 1px;
    border: 1px solid #bbb;
    border-width: 1px;
    border-radius: 5px;
    background: linear-gradient(to bottom, #e0f3cc 0%, #ffffff 100%);
    cursor: pointer;
    float: left;
}

.select_mode:hover{
    background: #dbf1c3;
}
.select_mode_ac{
    color: #fff;
    margin: 3px;
    width: 75px;
    padding: 5px 1px;
    border: 1px solid #ccc;
    border-width: 1px;
    border-radius: 5px;
    background: #73bf2b;
    float: left;
}

.select_mode_x2{
    color: #888;
    margin: 3px;
    width: 157px;
    padding: 5px 1px;
    border: 1px solid #bbb;
    border-width: 1px;
    border-radius: 5px;
    background: linear-gradient(to bottom, #e0f3cc 0%, #ffffff 100%);
    cursor: pointer;
    float: left;
}
.select_mode_x2:hover{
    background: #dbf1c3;
}
.select_mode_x2_ac{
    color: #fff;
    margin: 3px;
    width: 157px;
    padding: 5px 1px;
    border: 1px solid #ccc;
    border-width: 1px;
    border-radius: 5px;
    background: #73bf2b;
    float: left;
}

.request_status{
    font-size:12px;

    padding: 2px 3px;
    margin: 5px 0px;
    color: #565656;
    font-weight:bold;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 5px #d6ebff;
    border: dashed 2px #ffffff;
    border-radius: 8px;
}

.gp_select_rb_extension,.gp_select_rb_meal{
}
.lb_rd_extension,.lb_rd_meal{
    color: #999;
    font-size:24px;
    margin-top:10px;
    margin-right: 10px;
    padding: 10px 5px;
    border: 1px solid #ccc;
    border-width: 1px;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
}
.rd_extension,.rd_meal{
    opacity: 0;
}
.lb_rd_extension:hover,.lb_rd_meal:hover{
    background: #eee;
}

.lb_rd_extension_ac,.lb_rd_meal_ac{
    color: #fff;
    font-size:24px;
    margin-top:10px;
    margin-right: 10px;
    padding: 10px 5px;
    border: 1px solid #ccc;
    border-width: 1px;
    border-radius: 4px;
    background: #4eb47f;
}

.confirm_text{
    font-size:18px;
    color: #8a8a22;
    font-weight:bold;
}

.error_box{
    width:95%;
    display:inline-block;
    color: #fff;
    font-size:15px;
    padding: 2px 1px;
    margin: 15px 0px; 
    color: #e275a2;
    font-weight:bold;
    background: #fff;
    box-shadow: 0px 0px 0px 3px #e275a2;
    border: dashed 2px #ffffff;
    border-radius: 8px;
}

.explain_box{
    width:90%;
    display:inline-block;
    color: #fff;
    font-size:15px;
    padding: 5px 10px;
    margin: 15px 0px; 
    color: #ad9f26;
    font-weight:bold;
    background: #fff;
    border: solid 2px #ad9f26;
    border-radius: 8px;
}


/*//=======================================================
 ダイアログのスタイル 
//=======================================================*/
/* ダイアログのスタイル */    
.dialog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.dialog {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    position: absolute;
    cursor: grab;
}

.dialog-header {
    border:solid;
    border-color: #999;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px 8px 8px 8px;
    background-color: #f0f0f0;

}

.dialog-title {
    font-weight: bold;
}

.close-button {
    border: none;
    background: none;
    font-size: 18px;
    cursor: pointer;
}

.dialog-body {
    font-size: 14px;
    margin-top: 15px;
    border:solid;
    border-color: #999;
    padding: 10px 20px;
    border-radius: 8px 8px 8px 8px;
}

.dialog-footer {
    margin-top: 15px;
    text-align: right;
}

.bt-dlg{
    font-weight:bold;
    border:solid;
    border-color: #999;
    padding: 7px 15px;
    border-radius: 8px 8px 8px 8px;
    background-color: #edf4f5;
}

.bt-dlg:hover{
    background-color: #d6ebff;
}

.bt-dlg-close{
    border:solid;
    border-color: #999;
    padding: 7px 15px;
    border-radius: 8px 8px 8px 8px;
    background-color: #f0f0f0;
}

.bt-dlg-close:hover{
    background-color: #e0e0e0;
}
/* end dialog */


.status_remarks{
    font-size:12px;
    color: #565656;
    font-weight:bold;
    background: #fff;
    border: dashed 2px #55cc55;
    border-radius: 8px;
    padding: 10px 10px;
    margin: 10px 0px;
}
.status_updates{
    font-size:12px;
    color: #565656;
    background: #fff;
    border: dashed 2px #55cc55;
    border-radius: 8px;
    padding: 10px 10px;
    margin: -5px 0px;
    line-height:180%;
}

.bt_status_updates{
    color: #fff;
    background-color: #339933;
    cursor: pointer;
    border-radius: 10px;
    padding: 2px 10px;
}

.bt_status_updates:hover{
    color: #fff;
    background-color: #33aa33;
}



/*//=======================================================
 カレンダーのスタイル 
//=======================================================*/
/* カレンダー全体のスタイル */
.livewire-calendar {
    /* pcの場合、widht 90% */
    max-width: 100%; /* カレンダーの最大幅 */
    margin: auto;
    padding: 0px;
    background-color: #8fc780; /* 背景色 */
    border-radius: 8px; /* 角丸 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 影 */
    color:#888;
    font-weight:bold;
}

/* カレンダーヘッダー（曜日） */
.livewire-calendar .header {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* 7列のグリッド */
    text-align: center;
    vertical-align:middle;
    font-weight: bold;
    color:#fff;
}

.livewire-calendar .header div {
    padding: 5px 0;
}

/* カレンダーセル */
.livewire-calendar .day {
    border: 1px solid #ddd; /* セルの境界線 */
    padding: 10px 0;
    text-align: center;
    background-color: #fff;
    height: 48px;
    vertical-align:middle;
}
.livewire-calendar .grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* 7列のグリッド */
    gap: 2px;
}

/* 今日の日付を強調 */
.livewire-calendar .day.today {
    background-color: #fff; /* 今日の背景色 */
    color: #ecad0f; /* 今日の文字色 */
    font-weight: bold;
    border: 2px solid #f3b71e; /* 今日の境界線 */
}

/* カレンダーセルのホバー効果 */
.livewire-calendar .day:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}

.livewire-calendar .day.next-month {
    color: #bbb; /* 翌月の日付の色を薄くする */
}

.livewire-calendar .day.highlighted {
    background-color: #ffffff; /* 週末の背景色 */
}
/* カレンダーセルのホバー効果 */
/*
.livewire-calendar .day:hover {
    background-color: #daf3d5;
    cursor: pointer;
}
*/
.livewire-calendar .day.highlighted::after {
    content: ""; /* 疑似要素を追加 */
    display: block;
    width: 8px;
    height: 8px;
    background-color: #2bbdbf; /* 点の色 */
    border-radius: 50%; /* 丸みを帯びた形状に */
    margin: 0 auto;
    margin-top: 0px;
}

.livewire-calendar .day.disabled {
    color: #bbb; /* 無効な日付の色を薄くする */
    background-color: #f0f0f0; /* グレーアウトの色 */
    pointer-events: none; /* クリックを無効にする */
    /* opacity: 0.5; */ /* 透明度を下げる */
}

.livewire-calendar .day.not-current-month {
    background-color: #f0f0f0; /* グレーアウトの色 */
}

/* 土曜日のセルの背景色を薄い青にする */
.livewire-calendar .day.saturday {
    background-color: #e0f2ff; /* 薄い青 */
}

/* 日曜日のセルの背景色を薄い赤にする */
.livewire-calendar .day.sunday {
    background-color: #ffe0e0; /* 薄い赤 */
}

/* 選択された日付のスタイル */
.livewire-calendar .day.selected {
    background-color: #d0f2d0; /* 選択された日付の背景色 */
}

.calendar-top {
    vertical-align:middle;
}

.calendar-top .calendar-yaer-month {
    color:#8fc780;
    font-size: 28px;
    font-weight:bold;
    padding:4px 5px;
    display:inline;
    margin : 0 5px;
}
.calendar-top .calendar-prev-month-btn {
    border: none;
    color:#fff;
    font-weight:bold;
    background-color: #8fc780; /* 背景色 */
    display:inline;
    cursor: pointer;
    border-radius: 5px;
}
.calendar-top .calendar-next-month-btn {
    border: none;
    color:#fff;
    font-weight:bold;
    background-color: #8fc780; /* 背景色 */
    display:inline;
    cursor: pointer;
    border-radius: 5px;
}

.disabled-btn {
    opacity: 0.5;
    cursor: not-allowed;
}


/*//=======================================================
 Home
//=======================================================*/
.home_menu{
    /* background: linear-gradient(to bottom, #ffffff 0%, #eef1ed 70%); */
    background: linear-gradient(to bottom, #ffffff 0%, #eee 70%);
    width:130px;
    height: 130px;
    border:#ccc solid 1px;
    margin: 5px;
    padding:30px 5px;
    border-radius:10px;
    font-size:13px;
    color:#888;
    text-align:center;
    display: block;
    text-decoration: none; 
    float:left;
}

/* 小さい画面向けのメディアクエリ */
@media (max-width: 600px) {
    .home_menu{
        width:45%;
    }
}


.home_menu_disabled{
    /* background: linear-gradient(to bottom, #ffffff 0%, #eef1ed 70%); */
    background: linear-gradient(to bottom, #eee 0%, #ddd 70%);
    width:130px;
    height: 130px;
    border:#ccc solid 1px;
    margin: 5px;
    padding:30px 5px;
    border-radius:10px;
    font-size:13px;
    color:#999;
    text-align:center;
    display: block;
    text-decoration: none; 
    float:left;
}

/* 小さい画面向けのメディアクエリ */
@media (max-width: 600px) {
    .home_menu_disabled{
        width:45%;
    }
}

.bt-add-transport-fee {
    cursor:pointer;
    color: #138386;
    background:#f5f2cd;
    font-weight:bold;
    padding:3px 20px;
    margin:10px 0;
    border-radius: 15px;
	-webkit-box-shadow: 1px 1px 5px #777;
	box-shadow: 1px 1px 5px #777;
    border:solid #2eaeb3 1px;
}
.bt-add-transport-fee:hover {
    color: #5cc6d4;
    background:#fff;
}

.bt-shift-request {
    cursor:pointer;
    color: #138386;
    background:#f5f2cd;
    font-weight:bold;
    padding:3px 7px;
    margin:10px 0;
    border-radius: 15px;
	-webkit-box-shadow: 1px 1px 5px #777;
	box-shadow: 1px 1px 5px #777;
    border:solid #2eaeb3 1px;
}
.bt-shift-request:hover {
    color: #5cc6d4;
    background:#fff;
}

.bt-default-shift {
    cursor:pointer;
    color: #138386;
    background:#f3f2e9;
    font-weight:bold;
    padding:3px 7px;
    margin:10px 0;
    border-radius: 15px;
	-webkit-box-shadow: 1px 1px 5px #777;
	box-shadow: 1px 1px 5px #777;
    border:solid #2eaeb3 1px;
}
.bt-default-shift:hover {
    color: #5cc6d4;
    background:#fff;
}

.bt-cancel-request {
    cursor:pointer;
    color: #134386;
    background:#f3f2e9;
    font-weight:bold;
    padding:2px 20px;
    margin:10px 0;
    border-radius: 15px;
	-webkit-box-shadow: 1px 1px 5px #777;
	box-shadow: 1px 1px 5px #777;
    border:solid #2e3bb3 1px;
}
.bt-cancel-request:hover {
    color: #5c8ad4;
    background:#fff;
}
/*//=======================================================
 footer
//=======================================================*/
.main-footer {
    background: linear-gradient(to bottom, #ffffff 0%, #eef1ed 70%);
}

.mp_footer{
    margin: 5px 0 0 0;
    width:100%; 
    text-align:center; 
}

.mp_footer_item{
    width:65px; 
    display:inline-block;
    font-size:20px;
}


/* 編集ボタン */
.bt-edit {
    font-size:12px; 
    padding:2px 25px;
    cursor:pointer;
    color: #13862a;
    background:#ebf4ea;
    font-weight:bold;
    margin:3px;
    border-radius: 15px;
	-webkit-box-shadow: 1px 1px 5px #777;
	box-shadow: 1px 1px 5px #777;
    border:solid #22a039 1px;
}
.bt-edit:hover {
    color: #23b659;
    background:#fff;
}

/* 削除ボタン */
.bt-delete {
    font-size:12px; 
    padding:2px 25px;
    cursor:pointer;
    color: #861313;
    background:#f4e4eb;
    font-weight:bold;
    margin:3px;
    border-radius: 15px;
	-webkit-box-shadow: 1px 1px 5px #777;
	box-shadow: 1px 1px 5px #777;
    border:solid #b32e35 1px;
}
.bt-delete:hover {
    color: #b62323;
    background:#fff;
}