﻿.visit-type-button {
    border: 1px solid lightgray;
    border-radius: 15%;
    font-size: .75em;
    min-width: 7em;
}

.visit-input {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.visit-type-button:hover {
    background-color: lightcyan;
}

.visit-input:checked + label {
    color: white;
    background: #41419b;
}

    .visit-input:checked + label i {
        color: white;
    }

.visit-type-button i {
    font-size: 3em;
    color: gray;
}

.visit-status-pill {
    border: 1px solid lightgray;
    padding-right: 0.75em;
    padding-left: 0.75em;
    min-width: 100px;
    text-align: center;
    border-radius: 5%;
    font-size: .80em;
}

.visit-status-pill:hover {
    background-color: lightcyan;
}
