.system-setting {
    width: 500px !important;
    background-color: rgb(var(--background-color-1)) !important;
    border-radius: 8px !important;
}

.system-setting .dialog-content a {
    color: rgb(var(--primary-color)) !important;
}

.contact-company-info {
    line-height: 2 !important;
}

.contact-company-time {
    color: rgba(var(--black-color), .4);
}

.system-setting .mud-dialog-title {
    display: none !important;
}

.dialog-title {
    border-bottom: 1px solid rgba(var(--black-color), .1);
    padding: .5rem 1rem !important;
}

.system-setting .mud-dialog-content {
    padding: 0 !important;
}

.dialog-content {
    padding: 1rem !important;
}

.system-setting .mud-list-item,
.system-setting .mud-list-subheader {
    background-color: rgb(var(--white-color));
    border-radius: var(--raduis-xs);
    margin-bottom: 1rem;
}

.system-setting .mud-list-subheader {
    color: #484848;
    padding-top: 12px;
    padding-bottom: 12px;
}

.system-setting .mud-list-item:last-child,
.system-setting .mud-list-subheader:last-child {
    margin-bottom: 0;
}

.setting-value {
    color: #999;
}

.setting-select-item .mud-list-item {
    margin-bottom: 0;
    border-radius: 0;
    position: relative;
}

.setting-select-item .mud-list-item-text::after {
    content: "";
    position: absolute;
    width: calc(100% - 2rem);
    height: 1px;
    border-bottom: 1px solid rgba(0,0,0,.05);
    left: 1rem;
    bottom: 0;
}

.setting-select-item .mud-list-item:last-child .mud-list-item-text::after {
    display: none;
}


.setting-select-item .mud-list-item-clickable:focus:not(.mud-selected-item), 
.setting-select-item .mud-list-item-clickable:active {
    background-color: transparent;
}

.setting-select-item .mud-list-item {
    background-color: rgb(var(--white-color)) !important;
}

.setting-select-item .mud-list-item:first-child {
    border-top-left-radius: var(--raduis-xs);
    border-top-right-radius: var(--raduis-xs);
}

.setting-select-item .mud-list-item:last-child {
    border-bottom-left-radius: var(--raduis-xs);
    border-bottom-right-radius: var(--raduis-xs);
}

.setting-selected {
    color: rgb(var(--primary-color)) !important;
}

