html[data-theme=dark]{

    input[type="text"],
    input[type="search"],
    input[type="email"],
    input[type="password"],
    input[type="url"],
    input[type="tel"],
    input[type="number"],
    input[type="datetime-local"],
    .input-text,
    textarea,
    select,
    .form-control,
    button[name=bp-data-export-nonce]{
        color: #f9f9f9!important;    
        border: 1px solid #333!important;
        background-color: #222!important;

        &:focus{
            background-color: #222!important;
        }

        &:-webkit-autofill,
        &:-webkit-autofill:hover, 
        &:-webkit-autofill:focus{
            color: #f9f9f9!important;
            background-color: #222!important;
            -webkit-box-shadow: 0 0 0 1000px #1b1b1b inset !important;
            -webkit-text-fill-color: #f9f9f9 !important;
        }

    }

    input[type="datetime-local"],
    input[type="date"]{
        &::-webkit-calendar-picker-indicator{
            filter: invert(1);
        }
    }

    .ui-timepicker-input{
        color: #f9f9f9!important;
    }

    .bootstrap-tagsinput{

        .tt-menu,
        .tag{
            background: #666;
        }

    	input[type="text"]{
            border: none;
    	}

        .tt-menu{
            .tt-suggestion{
                color: #f9f9f9;
            }
        }

        input[type="text"]{
            background-color: transparent!important;
            border: none!important;
            border-bottom: 1px solid #666!important;    
        }        
    }

    .btn-close{
        filter: invert(1) grayscale(100%) brightness(200%);
    }

    .ui-timepicker-list{
        li{
            color: #f9f9f9;
        }
    }

    .ui-timepicker-wrapper{
        background-color: #333;
        border: 1px solid #444;        
    }

    .drag-drop-upload{
        .progress{
            background: #333;
            border: 1px solid #444;
        }        
    }

    .modal-content .widget-content {
        background: #222;
    } 

    .wpcf7-form{
        .wpcf7-not-valid{
            border-color: #dc3545!important;
        }
    }

    div.wpforms-container-full{
        .wpforms-form{
            input[type=text],
            input[type=password],
            input[type=url],
            input[type=email],
            input[type=number],
            select,
            textarea,
            .wpforms-field-description,
            .choices__inner{
                color: #f9f9f9;
                border: 1px solid #333 !important;
                background-color: #222!important;
            } 

            .choices__list--dropdown{
                background-color: #222 !important;
                border: 1px solid #333 !important;
                color: #f9f9f9;
                .is-highlighted{
                    background-color: #444!important;
                }
            }

            .wpforms-error{
                color: #dc3545;
            }           
        }
    }    
}