﻿.mmt-mdp__location {
    font-family: var(--mbase-fam-regular);
    font-size: var(--mbase-txtSize-8);
    line-height: var(--mbase-lnHeight-xxs);
    color: var(--mbase-color-grey-700);
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    display: inline-flex;
    float: left;
}

.mmt-mdp__location .mmt-mdp-location-link {
    transition: all 0.25s ease-in-out;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    color: var(--mbase-clr-link);
}

.mmt-mdp__location .mmt-mdp-location-link::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e024";
}

.mmt-mdp__location .mmt-mdp-location-link::before {
    transition: all 0.25s ease-in-out;
    opacity: 0.8;
    margin-right: var(--mbase-spacer-xs);
    position: relative;
    top: -1px;
}

.mmt-mdp__location .mmt-mdp-location-link:hover {
    color: var(--mbase-clr-link-hover);
}

.mmt-mdp__location .mmt-mdp-location-link:hover::after {
    opacity: 1;
}

.mmt-ml__location {
    font-family: var(--mbase-fam-regular);
    font-size: var(--mbase-txtSize-8);
    line-height: var(--mbase-lnHeight-xxs);
    color: var(--mbase-color-grey-700);
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    display: inline-flex;
    float: left;
}

.mmt-ml__location .mmt-ml-location-link {
    transition: all 0.25s ease-in-out;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    color: var(--mbase-clr-link);
}

.mmt-ml__location .mmt-ml-location-link::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e024";
}

.mmt-ml__location .mmt-ml-location-link::before {
    transition: all 0.25s ease-in-out;
    opacity: 0.8;
    margin-right: var(--mbase-spacer-xs);
    position: relative;
    top: -1px;
}

.mmt-ml__location .mmt-ml-location-link:hover {
    color: var(--mbase-clr-link-hover);
}

.mmt-ml__location .mmt-ml-location-link:hover::after {
    opacity: 1;
}

.ManageableRelationList #quicklinksbar_1_add-new-relation {
    list-style: none;
    border: none;
}

.ManageableRelationList #quicklinksbar_1_add-new-relation:hover {
    box-shadow: none;
}

.ManageableRelationList #quicklinksbar_1_add-new-relation a {
    transition: all 0.25s ease-in-out;
    border: 1px solid var(--mbase-clr-btn-brdr-80);
    background-color: transparent;
    height: var(--mbase-btn-default-height);
    border-radius: var(--mbase-btn-brdr-radius);
    font-weight: var(--mbase-txt-semibold);
    font-family: var(--mbase-fam-regular);
    font-size: var(--mbase-txtSize-6);
    color: var(--mbase-clr-link);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--mbase-spacer-reg);
    line-height: var(--mbase-lnHeight-xxs);
    text-decoration: none;
}

.ManageableRelationList #quicklinksbar_1_add-new-relation a:hover {
    color: var(--mbase-clr-link-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.ManageableRelationList #quicklinksbar_1_add-new-relation a span {
    line-height: var(--mbase-lnHeight-xxs);
}

.ManageableRelationList #quicklinksbar_1_add-new-relation a::after {
    display: none;
}

.ManageableRelationList #quicklinksbar_1_add-new-relation a::after {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e004";
}

.ManageableRelationList #quicklinksbar_1_add-new-relation a::after {
    transition: all 0.25s ease-in-out;
    display: inline-block;
    margin-left: var(--mbase-spacer-xs);
}

.ManageableRelationList #quicklinksbar_1_add-new-relation a:hover::after {
    margin-left: var(--mbase-spacer-sm);
}

.ManageableRelationList #quicklinksbar_1_add-new-relation a::after {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e02a";
}

.ManageableRelationList #quicklinksbar_1_add-new-relation a::after {
    top: -1px;
}

.ManageableRelationList #quicklinksbar_1_add-new-relation a:hover::after {
    transform: rotate(90deg);
}

.ManageableRelationList #quicklinksbar_1_add-new-relation a img {
    display: none;
}

.ManageableRelationList .itemlist thead th {
    font-weight: var(--mbase-txt-semibold);
    padding-bottom: var(--mbase-spacer-md);
}

.ManageableRelationList .itemlist tbody tr:hover {
    background-color: var(--mbase-table-hover-bg);
}

.ManageableRelationList .itemlist tbody tr:hover a:hover:first-child::after {
    transform: scale(1.07);
}

.ManageableRelationList .itemlist tbody tr:hover a:hover:last-child::after {
    transform: rotate(90deg) scale(1.05);
}

.ManageableRelationList .itemlist tbody tr:hover a:first-child::after {
    background-image: url(/ui/laborama-2023/img/icon--edit--white.svg);
}

.ManageableRelationList .itemlist tbody tr:hover a:last-child::after {
    background-image: url(/ui/laborama-2023/img/icon--remove--white.svg);
}

.ManageableRelationList .itemlist td {
    padding: var(--mbase-spacer-md);
}

.ManageableRelationList .itemlist .buttons {
    width: 80px;
    text-align: right;
}

.ManageableRelationList .itemlist .buttons a {
    display: inline-block;
}

.ManageableRelationList .itemlist .buttons a img {
    display: none;
}

.ManageableRelationList .itemlist .buttons a:first-child::after,
.ManageableRelationList .itemlist .buttons a:last-child::after {
    transition: all 0.25s ease-in-out;
    transform: scale(1);
    content: "";
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: var(--mbase-spacer-sm);
}

.ManageableRelationList .itemlist .buttons a:first-child::after {
    background-image: url(/ui/laborama-2023/img/icon--edit.svg);
    width: 16px;
}

.ManageableRelationList .itemlist .buttons a:last-child::after {
    background-image: url(/ui/laborama-2023/img/icon--remove.svg);
    position: relative;
    top: -1px;
}
