.kfs-btn-search {
    margin: 10px;
}

input[type="tel"] {
    text-align: center;
}

#accordion .panel-heading {
    padding: 2% 0;
}

#accordion .panel-title > a {
    display: block;
    padding: 0.4em 0.6em;
    outline: none;
    font-weight: bold;
    text-decoration: none;
}

.btn-group-vertical > .btn {
    min-width: 300px;
}

.panel-body {
    text-align: center;
}

    .panel-body h4 {
        text-align: left;
    }

.kfs-family-btn {
    width: 100%;
}

.kfs-family-row {
    margin: 10px;
}

.checkin-phone-keypad {
    text-align: center;
    margin: 10px;
}
.checkin-phone-keypad .btn-lg {
    height: 50px;
    width: 65px;
    line-height: 50px;
    padding: 0;
    margin-bottom: 9px;
    margin-right: 4px;
}

.checkin-phone-keypad .btn-lg.digit {
    font-size: 23pt;
}

.checkin-phone-keypad .btn-lg.command {
    font-size: 14pt;
}

.occurrence-image {
    margin-bottom: 1em;
} 

@media (min-width: 420px) {
    .occurrence-image {
        max-width: 270px;
    }
}

.person-image {
    max-width: 75px;
    max-height: 75px;
}

.person-image-edit {
    text-align: center;
}

.person-image-edit > i {
    margin: 0px 5px 0px 0px;
}

.modal-image-upload .modal-header {
    text-align: center;
}

div[id$='pnlMobileCheckin'] {
    margin-bottom: 20px;
}

@media only screen and (max-width: 420px) {
    /* For small screen mobile phones: */
    .btn-group-vertical > .btn {
        min-width: 80%;
    }
    .kfs-family-btn {
        white-space: normal;
    }
}