.hoppers-title {
    font-weight: 600;
}

/***** status *****/

.hoppers-status {
    display: flex;
}
.hoppers-status li {
    justify-content: center;
    padding: 0.3125rem 0;
    min-width: 2.5rem;
    font-weight: 600;
    font-size: 0.75rem;
    border-radius: 0.3125rem;
    background: #ddd;
}
.hoppers-status li:not(:first-of-type) {
    margin: 0 0 0 0.625rem;
}
.hoppers-status li.active {
    background: #00cc001A;
}
.hoppers-status li.waiting {
    background: #0000cc1A;
}
.hoppers-status li.cancelled {
    background: #cc00001A;
}
.hoppers-status li.deleted {
    background: #cccccc1A;
}

/***** registration *****/

.hoppers-registration {
    display: flex;
    width: calc(100% - 120px);
}
.hoppers-registration .name {
    width: 20%;
}
.hoppers-registration .dateOfBirth {
    width: 15%;
}
.hoppers-registration .created {
    width: 15%;
}
.hoppers-registration .customer {
    width: 20%;
}
.hoppers-registration .start {
    width: 15%;
}
.hoppers-registration .end {
    width: 15%;
}
.hoppers-registration .age,
.hoppers-registration .phone,
.hoppers-registration .time {
    display: inline-block;
    padding: 0.25rem 0 0;
    color: #999;
}

/***** messages *****/

.mod_messages div.tl_help {
    padding: 15px;
}


/***** registrations *****/

.mod_registrations div.tl_help {
    padding: 15px;
}