.rkhead {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    background: #1e9bb2;
    padding: 10px 0;
}

    .rkhead select.rkmdrop, .rkhead select.rkydrop {
        height: 28px;
        border-radius: 4px;
        margin: 0 4px;
        width: 100px;
        padding: 2px;
    }

    .rkhead label.rksmonth, .rkhead label.rkydrop {
        color: #fff;
        font-weight: 600;
        margin: 0 7px;
    }

    .rkhead a {
        color: #fff;
        text-decoration: none;
        height: 28px;
        font-weight: 700;
        border: 1px solid #fff;
        border-radius: 4px;
        cursor: pointer;
        transition: 0.5 all ease;
    }

        .rkhead a:hover {
            background: #fff;
            color: #1e9bb2;
            transition-duration: 0.5s;
        }

        .rkhead a.rkbtnp::after {
            content: '<';
            padding: 0 8px;
        }

        .rkhead a.rkbtnn::after {
            content: '>';
            padding: 0 8px;
        }

.no-drop {
    cursor: no-drop !important;
}

.rkcalendar .mtable {
    width: 100%;
    border-collapse: collapse;
}

    .rkcalendar .mtable td, .rkcalendar.mtable th {
        border: 1px solid #cecdcddd;
        text-align: center;
        line-height: 1.9;
    }

    .rkcalendar .mtable th {
        background: #e8e8e8b0;
        font-weight: 500;
        line-height: 1.8;
    }

.rkcalendar.rkmc {
    box-shadow: 0px 2px 10px #999;
}

.rkcalendar.rkdt {
    padding: 16px 8px 8px 8px;
}

.rkcalendar a.rkdate {
    text-decoration: none;
    color: #000d;
    padding: 3px 7px;
    cursor: pointer;
}

.rkcalendar label.nextmonth, .rkcalendar label.pmonth {
    text-decoration: none;
    color: #b0ababdd;
}

.rkcalendar .active a.rkdate {
    background: #dc3545;/*#1e9bb2;*/
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 0 3px;
}

.rkcalendar .event {
    background: #1e9bb2;
}

    .rkcalendar .event a.rkdate {
        color: #fff;
    }

.rkbtn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-today {
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    border-radius: 0.2rem;
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    margin: 0 10px;
}

    .btn-today:hover, .btn-today:active {
        color: #fff;
        background-color: #5c636a;
        border-color: #565e64;
    }

    .btn-today:focus {
        box-shadow: 0 0 0 0.25rem rgba(130,138,145,.5);
    }