.font-sans {
    font-family: Open Sans, ui-sans-serif, system-ui, -apple-system, sans-serif;
    font-size: 14px;
}
.font-button {
    color: #333;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1em;
    text-transform: uppercase;
}
.header-sm,
.large,
.medium,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Playfair Display, serif;
}
.header-sm,
.large,
.medium {
    font-size: 2rem;
    font-weight: 700;
}
.medium {
    font-size: 1.75rem;
}
.header-sm {
    font-size: 1.25rem;
}
.button,
.sm-button {
    background: #333;
    border-radius: 0;
    color: #fff;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    letter-spacing: 1px;
    padding: 12px 2rem 10px;
    text-transform: uppercase;
}
.button.service-active,
.button.service-inactive {
    padding: 12px 1.25rem 10px;
}
.icons i:before {
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 2px;
    padding: 5px;
}
.icons .fa-xl {
    font-size: 1.25em;
}
.icons i.avstylad:before,
.icons i.icon_status_0:before,
.icons i.icon_status_1:before,
.icons i.icon_status_2:before,
.icons i.icon_status_3:before,
.icons i.icon_status_4:before,
.icons i.insta-enabled:before {
    background: #75a459;
    border-color: transparent;
    color: #fff;
}
.icons i.icon_status_0:before {
    background: #d9534f;
}
.icons i.icon_status_1:before {
    background: #d9cd2f;
}
.icons i.icon_status_2:before {
    background: #77a8dd;
}
.Styling i.fa:before {
    content: "\f53f";
}
.Copy i.fa:before {
    content: "\f56b";
}
.Fotografi i.fa:before {
    content: "\f030";
}
.Film i.fa:before {
    content: "\f008";
}
.Hotell i.fa:before {
    content: "\f0f2";
}
.Copy i,
.Film i,
.Fotografi i,
.Hotell i,
.Styling i {
    line-height: 42px;
    margin-right: 0.25em;
}
i.fa.fa-film.icon_status_99:after,
i.fa.fa-suitcase.icon_status_99:after {
    background: #333;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    display: block;
    height: 37px;
    left: 16px;
    position: absolute;
    top: -18px;
    transform: rotate(45deg);
    width: 3px;
}
.ao-service-wrapper {
    font-size: 14px;
    margin-top: -26px;
}
.ao-add-bt {
    background: #333;
    border-radius: 3px;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0 0.5rem;
    padding: 10px 1rem;
}
select.ao-select {
    padding: 9px 1rem;
}
.beige {
    background: #f4f0ed;
}
.ao-datepicker,
input.block.appearance-none,
select.ao-select,
textarea {
    background-color: #f9fafb;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}
.ao-datepicker,
input.block.appearance-none {
    line-height: 18px;
}
.photo {
    background: #f9fafb;
    border: 2px solid #ccc;
    border-radius: 4px;
    margin-bottom: 1rem;
    padding: 1rem;
    text-align: center;
}
.photo img {
    margin: 0 auto 0.5rem;
}
.profile-form {
    padding-bottom: 0;
    padding-top: 0;
}
.service-active {
    opacity: 0.75;
}
.service-active:before {
    content: "\2714";
}
main {
    padding-bottom: 10rem;
}
th.c-address {
    width: 280px;
}
th.c-broker {
    width: 200px;
}
.neg-m-y-2 {
    margin: 0 -12px;
}
.ao-textarea {
    height: 218px;
}
.dude-test {
    margin: 0;
}
.icons i {
    position: relative;
}
.ic-exp {
    bottom: 1.5rem;
    display: flex;
    font-size: 11px;
    letter-spacing: 1px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}
.ic-exp div:first-child:before,
.ic-exp div:nth-child(2):before,
.ic-exp div:nth-child(3):before,
.ic-exp div:nth-child(4):before {
    background: #d9534f;
    border-radius: 50%;
    content: "";
    height: 0.7rem;
    margin-right: 0.3rem;
    width: 0.7rem;
}
.ic-exp div:nth-child(2):before {
    background: #d9cd2f;
}
.ic-exp div:nth-child(3):before {
    background: #77a8dd;
}
.ic-exp div:nth-child(4):before {
    background: #75a459;
}
.ic-exp div {
    align-items: center;
    display: flex;
    margin-left: 1rem;
}
a.invite {
    background: #333;
    color: #fff;
    display: inline-block;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0.4rem 0.8rem;
    text-transform: uppercase;
}
a.invite:before {
    content: "\f0e0";
    font-family: Font Awesome\6 Pro;
    font-weight: 900;
    margin-right: 0.25rem;
}
.login-card {
    background: #fff;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
}
.login-card label {
    font-size: 13px;
    font-weight: 600;
}
.login-card a,
.login-card input.block.appearance-none,
.login-card label span {
    font-size: 13px;
    font-weight: 400;
}
.login-card a {
    text-decoration: none;
}
.delete {
    color: #cd5c5c;
    margin-right: 1rem;
}
.icons .delete i:before {
    background: transparent;
    border-width: 0;
    font-size: 1rem;
    padding: 0;
}
.icons .delete {
    margin: 0;
}
.delete-request {
    bottom: 66px;
    color: #cd5c5c;
    display: block;
    font-size: 13px;
    margin-top: 1rem;
    position: absolute;
    right: 1rem;
}
.delete-request i:before {
    font-size: 1rem;
}
i.email_reminder_sent_0:before,
i.email_reminder_sent_1:before {
    background: transparent;
    border-width: 0;
    color: #77a8dd;
    content: "\e4e8";
}
.icons i.fa-trash-can.icon_status_0:before {
    background: transparent;
    color: inherit;
    font-size: 1rem;
}
i.fa-envelope {
    width: 2rem;
}
i.fa-envelope:before {
    background: transparent;
    border-width: 0;
}
.status-buttons .button:first-child {
    background: #d9534f;
}
.status-buttons .button:nth-child(2) {
    background: #d9cd2f;
}
.status-buttons .button:nth-child(3) {
    background: #77a8dd;
}
.status-buttons .button:nth-child(4) {
    background: #75a459;
}
.room-cb {
    margin-left: 2rem;
    margin-right: 1rem;
}
.addCheckboxToRoom {
    margin-left: 61px;
}
.hide-desk,
.prepdf {
    display: none;
}
tr.sent {
    background: #eff8ff;
}
tr.accepted {
    background: #f5fff0;
}
tr.rejected {
    background: #fef1f0;
}
.service-cards {
    background: var(--beige);
    max-width: 800px;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    margin-top: 4rem;
}
.service-cards h1 {
    margin: 0 0 1rem;
}
.service-card {
    background: #f4f0ed;
    padding: 2rem;
}
.service-card h2 {
    font-size: 1.75rem;
    margin: 0 0 1rem;
    display: flex;
    align-items: flex-end;
}
.service-card h2 small {
    opacity: .5;
    font-size: 1.25rem;
    margin-left: auto;
}
.service-card ul {
    margin: 1rem 0 0;
}
.service-card li {
    background: hsl(0deg 0% 100% / 50%);
    border-radius: 4px;
    gap: 1rem;
    margin-bottom: 1rem;
    font-size: 13px;
    padding: 1rem;
}
.service-card li strong {
    flex: 0 0 160px;
}
@media (max-width: 767px) {
    .hide-desk {
        display: block;
    }
    .hide-mob {
        display: none;
    }
    .homes td,
    .homes th {
        padding: 0.75rem 0.25rem;
        vertical-align: top;
    }
    .homes thead {
        font-size: 14px;
        text-transform: none;
    }
    th.c-address,
    th.c-broker {
        width: auto;
    }
    tbody tr td:first-child,
    thead tr th:first-child {
        padding-left: 1rem;
    }
    .icons i:before {
        border-width: 0;
    }
    .edit-object {
        padding: 0 1rem;
    }
}