.schedule
{
    span.checkbox
{
    display: inline-block;
    padding:0 10px;
}
.month-arragement
{
    background-color:#fff;
    padding:5px;
    margin-bottom:5px;
    h4
    {
        font-size:16px;
        font-weight: bold;
    }

    table
    {
        width:100%;
        border:1px solid #ccc;

        th
        {
            text-align: center;
            width:14.2857%;

        }

        th:first-child,th:last-child
        {
            color:coral;
            /* color:rgb(231, 56, 56); */
            /* background-color: rgb(227, 255, 246); */
        }

        /* td:first-child,td:last-child,td.other-month:first-child,td.other-month:last-child
        {
            background-color: rgb(227, 255, 246);
        } */

        td
        {
            text-align: left;
            height: 65px;
            vertical-align: top;
            position: relative;
            box-sizing: border-box;
            
            ul
            {
                list-style:none;
                padding-left:0px;
                margin:0;
                z-index:2;
                position:relative;

                li
                {
                    padding:0;
                    /* border:1px solid #f8f8f8;
                    border-radius: 5px; */
                    position: relative;

                  
                }

                li span.text_time_range
                {
                    /* background-color: rgba(124, 124, 124, 0.2);
                    border-radius: 3px;
                    padding:0 2px; */
                    font-size:14px;
                }

                li span.text_label 
                    {
                        font-size:12px;
                        background-color:rgb(1, 94, 138);
                        /* background-color:rgb(24, 138, 1); */
                        /* background-color:rgb(138, 1, 76); */
                        /* background-color:rgb(138, 101, 1); */
                        /* background-color:rgb(39, 39, 39); */
                        color:#fff;
                        border-radius:3px;
                        padding:1px;
                        margin-right:2px;
                    }

                    li span.c0
                    {
                        background-color:rgb(1, 138, 120);
                    }

                    li span.c3
                    {
                        background-color:rgb(1, 76, 138);
                    }
                    li span.c2
                    {
                        background-color:rgb(138, 101, 1);
                    }
                    li span.c1
                    {
                        background-color:rgb(138, 1, 76);
                    }

                li i.time_range
                {
                    color:rgb(45, 128, 86);
                    border-radius: 8px;
                    margin-right:3px;
                    font-size:12px;
                   
                }

                li i.status_signin,li i.status_cancel
                {
                    font-family: FontAwesome;
                     /* content:'\f017';
                    content:'\f00c'; 
                    content:'\f00d';  */
                    color:red;
                    border-radius: 8px;
                    font-size:12px;
                    position: absolute;
                    z-index: 10;
                    top:-2px;
                    left:20px;
                    
                    -webkit-text-stroke: 1px #ffbec1;
                    text-stroke: 1px #fff;
                  
                }
                li i.status_signin
                {
                    color:rgb(45,128,86);
                    -webkit-text-stroke: 1px #d1ffbe;
                    text-stroke: 1px #fff;
                }

                li:nth-child(2)::before
                {
                    color:rgb(248, 53, 118);
                }

                li:nth-child(3)::before
                {
                    color:rgb(179, 167, 0);
                }

            }
        }

        
        td:first-child .date,td:last-child .date
        {
            /* color:rgb(255, 182, 182); */
        }

        td .date
        {
            font-size:50px;
            font-weight: bold;
            display: block;
            position:absolute;
            width:100%;
            text-align: center;
            height:100%;
            line-height:65px;
            left:0;
            top:0;
            z-index: 0;
            color:#e6e6e6;
        }

        td.other-month
        {
            background-color:#fafafa;
        }

        td.has-item
        {
            /* background-color: rgb(220, 255, 220); */
            cursor: pointer;
        }

        td.other-month .date
        {
            font-weight: normal;
            font-size:30px;
            color:#fff;
            /* color:#888; */
        }

        th,td
        {
            border:1px solid #ddd;
            padding:8px 8px;
        }
    }
}
}