@charset "UTF-8";
/* CSS Document */

.kteoreminder {
    padding: 8px;
    border-top-left-radius: 38px;
    border-bottom-left-radius: 38px;
    position: fixed;
    min-width: 110px;
    right: -124px;
    top: 58%;
    transform: translateY(-58%);
    background-color: #ff0000;
    transition: all 0.1s ease-in-out;
    z-index: 999;
}

.kteoreminder-right {
    padding-left: 17px;
    padding-right: 10px;
    color: #ffffff;
}
.kteoreminder-right-bottom {
    font-weight: 700;
}
.kteoreminder:hover {
    right: 0px;
}

@media only screen and (max-width: 959px) {
    .kteoreminder {
        top: 70%;
        transform: translateY(-70%);
    }
}

label[for="edit-apappointmentdate"] {
    white-space: nowrap;
    text-overflow: ellipsis;
}
label[for="edit-apappointmenttime"] {
    white-space: nowrap;
    text-overflow: ellipsis;

}