#genlighting-event-details {
    padding: 20px 25px;
}

#genlighting-event-details .bi.bi-plus,
#genlighting-event-details .bi.bi-x {
    font-size: 24px;
    line-height: 24px;
}


#genlighting-event-details .section {
    background: #C7C7C7;
    vertical-align: top;
    margin-bottom: 10px;
}

#genlighting-event-details .section .head {
    background: #231F20;
    padding: 4px 6px;
    color: white;
    font-size: 16px;
}

#genlighting-event-details .section .content {    
    padding: 10px 4px;
}

#genlighting-event-details .section .content .row {    
    margin: 0px;
    padding: 2px 4px;
}

#genlighting-event-details .section .left-label {
    width: 100px;
    float: left;
}

#genlighting-event-details .section .right-value {
    margin-left: 100px;
}

#genlighting-event-details .row-bar-icon {
    height: 12px;
}

#genlighting-event-details ul {
    list-style: none;
    padding: 0;
}

#genlighting-event-details .flexbox li {    
    display: inline-block;
    cursor: pointer;
}

#genlighting-event-details .flexbox.disabled li {
    cursor: default;
}

#genlighting-event-details .button-cb {
    padding: 4px 10px;
    border: 1px solid grey;
    border-left-width: 0px;
    cursor: pointer;
    background: white;
}

#genlighting-event-details .button-cb:first-child {
    border-left-width: 1px;
}


#genlighting-event-details .button-cb.selected {
    background: #272D31;
    color: white;
}


#genlighting-event-details ul.flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.time-offset,
.time-absolute {
    font-size: 20px;
    font-weight: 500;
}

.time-offset .polarity {
    vertical-align: top;
    line-height: 102px;
    padding-right: 0;
    display: inline-block;
    width: 10px;
}

.time-offset .updown {
    display: inline-block;
    width: 60px;
}

.time-offset .updown > * {
    text-align: center;
}

.time-offset .updown .updown-btn {
    color: white;
    background: #272D31;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 16px;
    margin: 4px auto;
}

.time-offset .updown .updown-btn .bi-chevron-down {    
    line-height: 32px;
}


.time-offset.disabled .updown .updown-btn {
    cursor: default;
    background: #b3b3b3
}

#genlighting-event-details .group-results .selectable-list ul {
    cursor: default;
}

#genlighting-event-details .group-results li,
#genlighting-event-details .controller-results li,
#genlighting-event-details .device-results li,
#genlighting-event-details .input-results li {
    padding: 4px 10px;
}

#genlighting-event-details .controller-results li.selected,
#genlighting-event-details .device-results li.selected,
#genlighting-event-details .input-results li.selected{
    background-color: #CFD8E9;
}

#linkable-groups.group-results .selectable-list,
#linkable-controllers.controller-results .selectable-list,
#linkable-devices.device-results .selectable-list,
#linkable-inputs.input-results .selectable-list {
    background: #f0f0f0;
    margin-right: 5px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#linkable-groups.group-results .selectable-list {
    max-height: 260px;
    height: 264px;
}

#linkable-controllers.controller-results .selectable-list,
#linkable-inputs.input-results .selectable-list
{
    height: 322px;
    max-height: 322px;
}
 
#device-input-selection #linkable-inputs.input-results .selectable-list,
#linkable-devices.device-results .selectable-list {
    height: 206px;
    max-height: 206px;
}

#linkable-inputs.input-results .selectable-list img {
    width: 32px;
    height: 32px;
}

#linked-groups.group-results .selectable-list {
    background: transparent;
    margin-right: 5px;
    overflow-x: hidden;
}

#genlighting-event-details #group-search,
#genlighting-event-details #controller-search,
#genlighting-event-details #device-search {
    width: 230px;
}

#linked-groups.group-results .bi,
#linkable-groups.group-results .bi {
    cursor: pointer;
    float: right;
    margin-right: 10px;
}

#genlighting-event-details #info .content {
    min-height: 210px;
}

#genlighting-event-details #recurrence .content {
    min-height: 295px;
}

#genlighting-event-details #grouping .content {
    min-height: 322px;
}

#genlighting-event-details #input-config .content {
    min-height: 148px;
}

#genlighting-event-details #group-config.sc-allowed .content {
    min-height: 156px;
}

#genlighting-event-details #input-config img {
    width: 48px;
    height: 48px;
}
#genlighting-event-details #input-config .table-row > div {
    line-height: 46px;
}

#genlighting-event-details #input-config select {
    width: 150px;
}