/* Lists: archived rows */
.list .rows .row.archive,
.list .rows .row.archive:hover { background-color: #ffdbdb !important; position: relative; }
.list .rows .row.archive::after { content: ' '; position: absolute; top: calc(50% - 1px); left: 10px; right: 40px; height: 2px; background-color: #d07171; z-index: 10; }
.lis.has-checkboxes .rows .row.archive::after { left: 40px; }

/* Lists: column widths */
.list .column.number { max-width: 215px; }

/* Lists: subrows */
.list .row.subrow > .column:first-child { text-indent: 30px; }


/* Action buttons in tabs container */
.widget-tabs-element .widget-tabs-actions .widget-tabs-item { background-color: rgba(255,255,255,.5); transition: all .25s ease; }
.widget-tabs-element .widget-tabs-actions .widget-tabs-item i:not(:only-child) { font-size: 1.35em; line-height: 1em; position: relative; top: 2px; margin-right: 5px; }
.widget-tabs-element .widget-tabs-actions .widget-tabs-item:hover { background-color: white; }

/* Icon in tabs */
.widget-tabs-element .widget-tabs-item i { display: inline-block; margin-right: 5px; }


/* Action nav: active filter */
.action-nav .active-filter { padding: 10px 15px; padding-right: 12px; font-weight: 400; color: #666; background-color: #d5d5d5; border: 1px solid #d5d5d5; border-radius: 3px; position: relative; }
.action-nav .active-filter .label { font-weight: 600; }
.action-nav .active-filter .label::after { content: ':'; }
.action-nav .active-filter a { display: inline-block; padding-left: 8px; margin-left: 6px; color: #999; border-left: 1px solid #bbb; position: relative; transition: all .15s ease; }
.action-nav .active-filter a:hover { color: #555; }
.action-nav .active-filter select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

/* Inactive notices */
.block-right .invalid-notice { padding: 10px 15px; padding-left: 42px; margin-top: 0px; margin-left: 10px; color: #555; background-color: #f1f1f1; border-radius: 3px; position: relative; }
.block-right .invalid-notice::before { content: '\f05a'; display: flex; width: 30px; justify-content: center; align-items: center; font-family: 'Font Awesome 5 Pro'; font-size: 1.15rem; font-weight: 600; color: #555; position: absolute; left: 5px; top: 0; bottom: 0; }

/* Buttons with options */
.button-with-options { display: inline-block; position: relative; }
.button-with-options > .button { padding-right: 45px; position: relative; }
.button-with-options > .button::after { content: '\f107'; display: flex; width: 30px; height: 100%; justify-content: center; align-items: center; font-family: 'Font Awesome 5 Pro'; line-height: 1em; border-left: 1px solid rgba(0, 0, 0, .1); position: absolute; top: 0; right: 0; }
.button-with-options .options { position: absolute; top: 100%; left: 0; display: flex; min-width: 250px; width: 100%; max-height: 0; flex-direction: column; overflow: hidden; background-color: #59a0cc; border-radius: 3px; z-index: 10; transition: all .35s ease-in-out; }
.button-with-options .options .button-option { padding: 12px 15px; font-weight: 400; color: white; transition: all .2s ease; -webkit-font-smoothing: antialiased; }
.button-with-options .options .button-option i { margin-right: 5px; }
.button-with-options .options .button-option:hover { background-color: rgba(255, 255, 255, .05); }
.button-with-options:not(.disabled):hover .options { max-height: 500px; }
.button-with-options.disabled > .button { background: #aaa; border-color: #f3f3f3; color: #8e8e8e; cursor: default; pointer-events: none; }