body{
    background-color:rgba(0,0,0,0.12);
}

/* input */
.z-input {
    background-color: #C9C9CA;
    border-radius: 5px !important;
    color: #000;
    border: none;
    max-width:none;
}
.z-input-yellow {
    background-color: #FFB74D;
    border-radius: 5px !important;
    color: #000;
    border: none;
}

/* button */
.z-btn-green {
    border-radius: 5px;
    background-color: #00796B;
    color: #fff;
    border: none;
    cursor: pointer;
}
.z-btn-green-1 {
    border-radius: 5px;
    background-color: #63bfaa;
    color: #fff;
    border: none;
}
.z-btn-red {
    border-radius: 5px;
    background-color: #C62828;
    color: #fff;
    border: none;
    cursor: pointer;
}
.z-btn-yellow {
    border-radius: 5px;
    background-color: #FFB74D;
    color: #000;
    border: none;
    cursor:pointer;
}

/* selecter */
.z-selete-green {
    background-color: #B2DFDB;
    border: 1px solid #008a8b;
    border-radius: 5px;
    
}

/* background-color */

.bg-gray-1{
    background-color:#c8c8c8;
}

.bg-yellow-0 {
    background-color: rgb(255, 177, 102);
}
.bg-yellow-1 {
    background-color: #FFE0B2;
}
.bg-yellow-2 {
    background-color: #FFB74D;
}
.bg-yellow-3 {
    background-color: #FB8C00;
}

.bg-green-0 {
    /*background-color: #A1F0E8;*/
    background-color: #C8F5F0;
}
.bg-green-1 {
    /*background-color: #a2d6d3;*/
    background-color: #B2DFDB;
}
.bg-green-2 {
    /*background-color: #63bfaa;*/
    background-color: #4DB6AC;
}
.bg-green-3 {
    /*background-color: #00a29a;*/
    background-color: #00796B;
}
.bg-green-4 {
    /*background-color: #008a8b;*/
    background-color: #00695C;
}
.bg-red-1 {
    background-color: #C62828;
}

/* text color */
.text-green-1 {
    color: #B2DFDB;
}
.text-green-2 {
    color: #4DB6AC;
}
.text-green-3 {
    color: #00695C;
}
.text-green-4 {
    color: #00695C;
}


.text-yellow-1 {
    color: #FFE0B2;
}
.text-yellow-2 {
    color: #FFB74D;
}
.text-yellow-3 {
    color: #FB8C00;
}

/* appointment page */

    /* site & net color*/
    .display-table .net,.daily-table-body .net {
        color: #00695C;
    }
    .display-table .site,.daily-table-body .site {
        color: lightgray;
    }

/* shift page */

    /* 休診 顏色*/
    .d1 {
        background-color: gray;
    }

    /* 表格 border 顏色 */
    .bottom-shiftTableDiv table td {
        border: 0.5pt solid #FFB74D;
    }