.LiveForm.glit  {
    .page-break-section {
        background-color:transparent!important;
    }
    ul {
        li {

            &.Field .Field-Container label, 
            &.Field .Field-Container-Wide label, 
            &.Field .Field-SubLabel-Container {
                color:$font-color;
            }

            &.Textbox, 
            &.Phone,
            &.Email {
                input {
                    border-color:#cccccc;
                    background-color:#ffffff;
                    &:active,
                    &:focus {
                        border-color:$primary-color;
                    }
                }
            }
            &.Dropdown {
                select {
                    border-color:#cccccc;
                    background-color:#ffffff;
                    &:active,
                    &:focus {
                        border-color:$primary-color;
                    }
                }
            }
            &.Textarea textarea {
                border-color:#cccccc;
                background-color:#ffffff;
                &:active,
                &:focus {
                    border-color:$primary-color;
                }
            }
            &.Radiobutton {
                .Field-Container, 
                .Field-Container-Wide{
                    label {
                        cursor:pointer;
                        &::before {
                            border-color:$font-color;
                        }
                        &::after {
                            background-color: $font-color;
                        }
                        &:hover::after {
                            background-color: $font-color;
                        }
                    } 
                    input[type="radio"] {
                        &:checked + label::before {
                            border-color: $primary-color;
                        }
                        &:checked + label::after {
                            background-color: $primary-color;
                        }
                    }   
                }  
            }
            &.Checkbox {
                .Field-Container, 
                .Field-Container-Wide {
                    table {
                        tbody tr {
                            td {
                                input[type="checkbox"] {
                                    border-color: $font-color;
                                    &:checked,
                                    &:hover,
                                    &:active {
                                        border-color:$primary-color;
                                        &::after {
                                            border-color:$primary-color;
                                        }
                                    }
                                    &:hover {
                                        border-color:$font-color;
                                        &::after {
                                            border-color:$font-color;
                                        }
                                        &:checked {
                                            border-color:$primary-color;
                                            &::after {
                                                border-color:$primary-color;
                                            }
                                        }
                                    }
                                } 
                            }
                        }
                    } 
                }
            }

            &.Fileupload {
                .plupload_container {
                    ul.plupload_filelist {
                        li {
                            background-color:#ffffff;
                            border-bottom-color:#cccccc;
                        }
                    }
                    .plupload_filelist_footer {
                        background-color:transparent;
                    }
                    a.plupload_button {
                        background-color: $primary-color;
                        color: $primary-color-contrast;
                    }
                }
            }

            &.BrowseFile {
                .BrowseInputdiv {
                    .BrowseInputSpan {
                        background-color: $primary-color;
                        color: $primary-color-contrast;
                        &:hover {
                            background-color:$font-color;
                        }
                    }
                }
                .browse {
                    border-color:#cccccc;
                    background-color:#ffffff;
                    .folder ul {
                        li {
                            &.active {
                                color:$primary-color;
                            }
                        }
                    }
                    .file {
                        input {
                            border-color:#cccccc;
                            background-color:#ffffff;
                            &:active,
                            &:focus {
                                border-color:$primary-color;
                            }
                        }
                    }
                    @media (min-width: 996px){
                        .file {
                            border-color:#cccccc;
                        }
                    }
                }
            }

            &.Tag {
                tags {
                    border-color:#cccccc;
                    background-color:#ffffff;
                    &:active,
                    &:focus {
                        border-color:$primary-color;
                    }
                }
            }

            &.Submitbutton {
                input {
                    background-color:$primary-color;
                    color:$primary-color-contrast;
                    &:hover {
                        background-color:$font-color;
                        color:$primary-color-contrast;
                    }
                }
            }
            .Field-Container label.error, 
            .Field-Container-Wide label.error, 
            .Field-SubLabel-Container.error,
            input.error,
            input[type="checkbox"].error,
            input.error:focus,
            label.error {
                color:var(--dnn-color-danger);
                border-color:var(--dnn-color-danger);
                
            }            
            input[type="radio"].error {
                + label::before {
                    border-color:var(--dnn-color-danger);
                }
                &:hover + label::before {
                    border-color:$font-color;
                }
            }
        }
    }
}

#Stage .LiveForm.glit ul li.Field label {
    color: $font-color;
}
    