/*move to global css*/
.list-styled-no-points > li {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.list-vrf-selections > li {
    padding-left: 20px;
}
.controller-item-zone li {
    padding-left: 0;
    padding-right: 0;
}
.list-item-container {
    position: relative;
}
.btn-controller-toggle-list,
.list-btn-command-toggle-list,
.btn-controller-move {
    background: none;
    border: none;
}
#controllers-selection .btn-controller-toggle-list,
.list-item-container .list-btn-command-toggle-list {
    position: absolute;
    left: 0;
}
#controllers-selection .btn-controller-toggle-list,
#controllers-selection .btn-controller-move {
    color: #FFFFFF;
}
.btn-controller-edit,
.btn-controller-delete {
    display: none;
    background: none;
    border: none;
    color: #FFFFFF;
}
.controller-name-container:hover > .btn-controller-edit,
.controller-name-container:hover > .btn-controller-delete {
    display: inline-block;
}
.controller-item {
    position: relative;
}
.controller-item-hlink {
    background-color: green;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.controller-item-gateway {
    background-color: #1b1b1b; /*rgb(0, 0, 0);*/
    color: #FFFFFF;
}
.controller-item-central-controller {
    background-color: #666666;/*rgb(0, 0, 0);*/
    color: #FFFFFF;
}
.controller-item-outdoorUnit {
    background-color: #666666;
    color: #FFFFFF;
}
.controller-item-zone {
    background-color: #dfdfdf;
    color: #333333;
}
.controller-item-zone:nth-child(2n), .controller-item-zone-alternate-child {
    background-color: #999999;
    color: #FFFFFF;
}
.controller-item-zone .btn-controller-delete,
#controllers-selection .controller-item-zone .btn-controller-move {
    color: #333333;
}
#controllers-selection .controller-item-zone:nth-child(2n) .btn-controller-move,
#controllers-selection .controller-item-zone-alternate-child .btn-controller-move {
    color:#FFF;
}
.controller-item-valid-destination,
.controller-item-zone.controller-item-valid-destination:nth-child(2n) {
    background-color: rgb(160,206,78);
}
/*.controller-item-zone:nth-child(2n) .btn-controller-delete {
    color: #FFFFFF;
}*/

.controller-name-container:hover,
.list-item-name-container:hover {
    background: #75b2ea;
    cursor: pointer;
}

.controller-item-selected, /*.controller-name-container*/ 
.controller-item-zone.controller-item-selected:nth-child(2n),
.list-item-selected {
    background: #2f8ae0;
}
.list-item-selected {
    color: #FFFFFF;
}
.list-item-not-selectable > .list-item-name-container {
    text-decoration: line-through;
}
/*.controller-item*/.controller-item-dragged-over {
    font-weight: bold; /* can this just apply to the level its on*/
}
/*.controller-item*/.controller-item-dragged-over ul {
    font-weight: normal;
}
.controller-item-valid-destination.controller-item-dragged-over,
.controller-item-zone.controller-item-dragged-over.controller-item-valid-destination:nth-child(2n)/* .controller-name-container */{ /* hovering over name containers doenst fire the underlying hover properly.. in FF anyway*/
    background-color: rgb(0, 104, 53);
}
/*.list-item-selected:first-child {
    border-radius-top-left: 4px;
    border-radius-top-right: 4px;
}
.list-item-selected:last-child {
    border-radius-bottom-left: 4px;
    border-radius-bottom-right: 4px;
}*/
/*.list-csv li + li:before {
content: ", ";
}*/
ul.list-csv {
    display: inline;
}
.list-csv li:not(:first-child) {
    padding-left: 0;
}
.list-csv li:last-child {
    padding-right: 0;
}
.list-csv li:after {
    content: ", ";
}
.list-csv li:last-child:after {
    content: "";
}


.controller-validation-error {
    
}
.controller-validation-error > .controller-name-container {
    /*color: red;*/
    background: orange;
    font-weight: bold;    
}
.controller-validation-error .fa-exclamation-triangle {
    color: red;
}