.reminderList.editMode .uiContent, .reminderList.contextBox .uiValue {
    min-width: 0px !important; 
}
.reminderList label input, .reminderList label span {
    user-select: none; 
}
/*
.reminderList :checked, .reminderList :checked + span {
    background-color: green;
}
*/
#reminderButton {
    color: white;
    font-size: 22px;
    vertical-align: middle;
}
.reminderList .row:nth-child(odd) {
    background: #dddddd;
}

.reminderList .row label {
    display: flex;
}
.reminderList input[type=checkbox] { 
    display: none; 
}
.reminderList input[type=checkbox] + .icon:before { 
    content: "\f096"; 
    color: black;
    margin: 5px;
    width: 10px;
    max-width: 10px;
}
.reminderList input[type=checkbox]:checked + .icon:before { 
    content: "\f046"; 
    color: black;
    margin: 5px;
    width: 10px;
    max-width: 10px;
}
.reminderList input[type=checkbox]:checked ~ span:not(.icon) {
    color: #b4b4b4;
    text-decoration: line-through;
}
.reminderList .fa-square-o {
    color: black;
    padding-right: 3px !important;
    vertical-align: text-bottom;
}
.reminderList input[type=text] {
    height: 20px; 
    line-height: 20px;
    flex-grow: 2;
}
.reminderLabel {
    flex-grow: 2;
}
.deminder {
    width: 25px;
    text-align: center;
}
.deminder::before {
    content: '✘';
    color: red;
    /*font-size: 2em;*/
    /*margin-left: 3px;*/
    line-height: 20px;
}


.demoAccountTrackedActionsHistoryTable {
    width: 100%;
    white-space: nowrap;
    background: #fff;
    font-weight: 100;
}

.demoAccountTrackedActionsHistoryTable td {
    padding: 10px;
    border-top: 1px solid #ddd;
}