body{background: #f2f2f2}
.ui.page.header{padding: 1em 0 0}
.ui.vertical.menu .item > i.icon.left {float: none;margin: 0em 0.35714286em 0em 0em;}
.center.aligned.link{text-align: center}

.warn {color: #db2828}
.table-cell {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}

.table-row{
    padding: 8px;
}
.table-row:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.clickable-row{cursor:pointer}
.clickable-row:hover{background:#f9f9f9}

@media screen and (min-width: 500px) {
    .wrapper.column{max-width: 500px}
}
.wrapper.wide{width: 96%; max-width: 1200px}
.wrapper.wide.column{max-width: 1200px}
.ss-modal-mask{position: fixed; inset: 0; background: rgba(0, 0, 0, 0.45); z-index: 1000}
.ss-modal{position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 1001}
.ss-modal-content{background: #fff; padding: 1.2em; border-radius: 6px; width: 92%; max-width: 420px; box-shadow: 0 8px 24px rgba(0,0,0,0.2)}
/* .clearfix::after {content: " ";display: block;height: 0;clear: both;}
.tips{margin: .8em 0;padding: .5em 1em;border-radius: 5px;color: #fff;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1)}
.notification .info{background: #5bc6de}
.notification .warn{background: #ef9233}
.notification .error{background: #d9534f}
.wrapper{width: 94%; max-width: 500px;margin:0 auto 2em}
.panel{background: #fff;padding: 1em;border-radius: 5px;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1)}
.pure-button{border-radius: 5px}
.page-title{text-align: center;font-size: 2em;margin: 1em 0}
.feature {display: block;text-align: center;text-decoration: none;font-size: 1.2em;margin: 1em 0;color: #4986cc;padding: .6em}
.link{text-align: center;}
.link a{color: gray;text-decoration: none}
.help {font-size: .8em;color: gray;word-break: break-all}
.selector-item{border: 2px solid #c2ccda;padding: 0.5em;margin: 0.5em 0;border-radius: 5px;cursor: pointer}
.selector-item.selected{border: 2px solid #007dff;}
.hidden-rows{display: none}.ext-row{background: #f8f8f8;font-size: .8em;color: #888} */