:root {
    --list-item-height: 72px;
}

.list-item {
    height: var(--list-item-height);
}

.list-item.list-item-total-details {
    height: 40px;
    vertical-align: middle;
}

.modbar .actions .list-item {
    height: 40px;
}

.main-title + .list-items-container {
    padding-top: 24px;
}

.scroll-container {
    height: calc(100% - 64px);
    overflow: auto;
}

.with-title + .scroll-container {
    height: calc(100% - 116px);
}

.list-items-container {
    min-width: 375px;
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    background-color: white;
    height: auto;
    min-height: 100%;
    padding-bottom: 24px;
}

.list-item > .end {
    float: right;
    height: 100%;
    padding-right: 0px;
}

.list-item .end:not(.image-container) span.primary {
    margin: 12px 0 0 0;
}

.config-state-parent
{
	position: relative;
}

.config-state
{
	margin: 0!important;
    top: 50%;
    position: absolute;
    right: 100%;
    transform: translate(-50%,-50%);
}

.list-item .end.image-container + .start {
    padding: 0;
}

.list-item > .start {
    overflow: hidden;
    height: 100%;
    padding: 0 24px;
    text-align: left;
}

.list-item .checkbox-container {
    padding: 24px;
}

.list-item .image-container {
    width: 48px;
    height: 48px;
    overflow: hidden;
    margin: 12px;
    float: left;
}

.list-item .image-container img {
    object-position: center;
    object-fit: cover;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    margin: 4px;
}

div:not(.selected)>.list-item.selectable-item:not(.selected):hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.06);
}

.list-item.selected {
    background-color: rgba(0, 0, 0, 0.06);
}

.list-item.display-none + .divisor {
    display: none;
}

.list-item .selected .image-container img, .list-item .image-container.selected img {
    box-shadow: 0 0 0 3px var(--ba-primary-color);
    background-color: var(--ba-primary-color);
}

.list-item .start > span.primary {
    margin: 12px 24px 0 0;
}

.list-item .end span.primary, .list-item .end span.secondary {
    text-align: right;
}

.list-item .start span.primary, .list-item .end span.primary, .list-item .start span.secondary, .list-item .end span.secondary {
    height: 24px;
    line-height: 24px;
}

.list-item.list-item-total-details .start span.secondary, .list-item.list-item-total-details .end span.secondary {
    height: 0px;
    line-height: 0px;
    vertical-align: middle;
}

.list-item .start > span.primary:only-child {
    height: var(--list-item-height);
    line-height: var(--list-item-height);
    margin: 0;
}

.list-item .end > span.primary:only-child {
    height: var(--list-item-height);
    line-height: var(--list-item-height);
    margin: 0;
}

.list-item.list-item-total-details .start > span.primary:only-child {
    height: auto;
    line-height: auto;
    margin: 0;
}

.list-item.color-list-element .end {
    border-radius: 100%;
    margin: 12px 16px;
}

.list-item.color-list-element .end.selected {
    box-shadow: 0 0 0 3px var(--ba-primary-color);
}

.list-item.small {
    height: 60px;
}

.list-item.small.form-check {
    padding-left: 8px;
    margin: 0 8px 0 16px;
}

.form-check.list-item.small.selectable-item > .end:not(.image-container) {
    padding: 10px 12px
}

.list-item.small .start > span.primary:only-child {
    height: 48px;
    line-height: 48px;
}

.list-item.user-element .list-item .start .primary {
    height: 48px;
    line-height: 48px;
}

.list-item .start .secondary-small {
    color: var(--ba-secondary-opacity);
    font-size: 12px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

div:not(.list-item) > .list-item:not(.collapsible) {
    padding-right: 15px;
}

.radio-group-custom {
    height: auto;
    overflow: hidden;
    --paper-radio-group-item-padding : 8px;
}

paper-checkbox.selectable-item.form-check.text-pos {
    font-size: 14px;
}

.list-item .start > span.primary-small, .list-item .end > span.primary-small {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list-item-slim {
    height: 40px;
    vertical-align: middle;
}

.list-item-detail {
    height: 25px;
    vertical-align: middle;
}

.list-item-slim .start > span.primary:only-child, .list-item-slim .end > span.primary:only-child {
    height: 40px;
    line-height: 40px;
    margin: 0;
    vertical-align: middle;
}

.list-item-slim > .end {
    padding-right: 0;
}

.list-item-detail .start > span.primary-small, .list-item-detail .end > span.primary-small {
    font-size: 14px;
    color: var(--ba-font-opactity);
    height: 24px;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list-item.product-element .start span.secondary-small, .list-item.product-element .end span.secondary-small {
    color: var(--ba-secondary-opacity);
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: right;
}

.list-item.product-element .start span.primary, .list-item.product-element .start span.primary-small, .list-item.product-element .end span.secondary-small {
    height: 24px;
    line-height: 24px;
}

.list-item.product-element .end {
    padding-right: 3px;
}

.list-item.product-element .start span.primary {
    margin: 0 0 0 0;
}

.service-element.list-item {
    height: 40px;
}

.service-element.list-item .start, .service-element.list-item .end, .service-element.list-item .end span.primary {
    height: 40px;
    line-height: 40px;
    margin: 0 0 0 0;
    padding-right: 0px;
}

.list-item span.primary-crossed {
    text-decoration:line-through;
    text-decoration-color: var(--ba-primary-color);
    text-align: right;
    display: block;
}

.list-item-large {
    height: 80px;
    vertical-align: top;
    line-height: 24px;
    margin: 0 0 0 0;
    display: block;
    overflow: hidden;


.list-item-large .list-item {
    height: 80px;
}