


.LiveForm.glit  {
    ul {
        &.page-break-section {
            background-color:transparent!important;
        }
        li {

            &.Field .Field-Container label, 
            &.Field .Field-Container-Wide label, 
            &.Field .Field-SubLabel-Container {
                color:#000;
            }

            &.Textbox, 
            &.Phone,
            &.Email,
            &.Number,
            &.Birthdate,
            &.Datetime  {
                input {
                    border-color:#f7f7f7;
                    background-color:#f7f7f7;
                    &:active,
                    &:focus {
                        border-color:#ff0000;
                    }
                }
            }
            &.Dropdown {
                select {
                    border-color:#f7f7f7;
                    background-color:#f7f7f7;
                    &:active,
                    &:focus {
                        border-color:#ff0000;
                    }
                }
            }
            &.Textarea textarea {
                border-color:#f7f7f7;
                background-color:#f7f7f7;
                &:active,
                &:focus {
                    border-color:#ff0000;
                }
            }
            &.Radiobutton {
                .Field-Container, 
                .Field-Container-Wide{
                    label {
                        cursor:pointer;
                        &::before {
                            border-color:#000;
                        }
                        &::after {
                            background-color: #000;
                        }
                        &:hover::after {
                            background-color: #000;
                        }
                    } 
                    input[type="radio"] {
                        &:checked + label::before {
                            border-color: #ff0000;
                        }
                        &:checked + label::after {
                            background-color: #ff0000;
                        }
                    }   
                }  
            }
            &.Checkbox {
                .Field-Container, 
                .Field-Container-Wide {
                    table {
                        tbody tr {
                            td {
                                input[type="checkbox"] {
                                    border-color: #000;
                                    &:checked,
                                    &:hover,
                                    &:active {
                                        border-color:#ff0000;
                                        &::after {
                                            border-color:#ff0000;
                                        }
                                    }
                                    &:hover {
                                        border-color:#000;
                                        &::after {
                                            border-color:#000;
                                        }
                                        &:checked {
                                            border-color:#ff0000;
                                            &::after {
                                                border-color:#ff0000;
                                            }
                                        }
                                    }
                                } 
                            }
                        }
                    } 
                }
            }

            &.Fileupload {
                .plupload_container {
                    ul.plupload_filelist {
                        li {
                            background-color:#f7f7f7;
                            border-bottom-color:#f7f7f7;
                        }
                    }
                    .plupload_filelist_footer {
                        background-color:transparent;
                    }
                    a.plupload_button {
                        background-color: #ff0000;
                        color: #ffffff;
                    }
                }
            }

            &.BrowseFile {
                .BrowseInputdiv {
                    .BrowseInputSpan {
                        background-color: #ff0000;
                        color: #ffffff;
                        &:hover {
                            background-color:#000;
                        }
                    }
                }
                .browse {
                    border-color:#f7f7f7;
                    background-color:#f7f7f7;
                    .folder ul {
                        li {
                            &.active {
                                color:#ff0000;
                            }
                        }
                    }
                    .file {
                        input {
                            border-color:#f7f7f7;
                            background-color:#f7f7f7;
                            &:active,
                            &:focus {
                                border-color:#ff0000;
                            }
                        }
                    }
                    @media (min-width: 996px){
                        .file {
                            border-color:#f7f7f7;
                        }
                    }
                }
            }

            &.Tag {
                tags {
                    border-color:#f7f7f7;
                    background-color:#f7f7f7;
                    &:active,
                    &:focus {
                        border-color:#ff0000;
                    }
                }
            }

            &.Submitbutton {
                input {
                    background-color:#000;
                    color:#ffffff;
                    &:hover {
                        background-color:#ff0000;
                        color:#ffffff;
                    }
                }
            }
            .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:#ff3300;
                border-color:#ff3300;
                
            }            
            input[type="radio"].error {
                + label::before {
                    border-color:#ff3300;
                }
                &:hover + label::before {
                    border-color:#000;
                }
            }
        }
    }
}

#Stage .LiveForm.glit ul li.Field label {
    color: #000;
}