/* Horizontal layout and a dark theme */
/* Version 19.00 (##009##) */

/* horizontal */
@media screen and (min-width:800px) 
{
    div.fcp_label {
        display:inline-block;
        width:25%;
        margin-right:1%;
        vertical-align:top;
        text-align:right;
        padding:.35em 0 .3em 0;
        overflow:hidden;
    }
    div.fcp_controls {
        display:inline-block;
        width:74%;
    }
}

/* PAWANGEL DARK MODE — MATCH SITE BACKGROUND */
div.fcp_wrapper {
    background-color:#1a1a1a !important; /* MATCH MAIN PAGE */
    color:#eee;
    border:1px solid #2a2a2a; /* subtle */
}

/* CAPTCHA BOX */
div.fcp_captcha_inner {
    background-color:#2a2a2a !important;  /* MATCH FEATURE BOXES */
    border:none;
}

/* Labels */
div.fcp_line label,
div.fcp_fixed_text {
    color:#e6e6e6 !important; /* lighter grey text */
}

/* Inputs + textareas */
div.fcp_line input:not([type="submit"]),
div.fcp_line textarea,
div.fcp_line select {
    color:#f0f0f0 !important;
    background-color:#2a2a2a !important; /* MATCH BOX BACKGROUND */
    border:1px solid #3a3a3a !important;
}

/* Hover */
div.fcp_line input:not([type="submit"]):hover,
div.fcp_line textarea:hover,
div.fcp_line select:hover {
    border:1px solid #4a4a4a !important;
    box-shadow:none;
    outline:none;
}

/* Focus */
div.fcp_line input:not([type="submit"]):focus,
div.fcp_line textarea:focus,
div.fcp_line select:focus {
    border:1px solid #58a6ff !important; /* PawAngel blue */
    box-shadow:none;
    outline:none;
}

/* Captcha reload */
span.fcp_captcha_reload {
    background-color:#444 !important;
}

/* Info box */
.fcp_wrapper span.fcp_info {
    color:#1a1a1a !important;
    background-color:#d3d3d3 !important;
}

/* Clear files button */
button.fcp-clear-files {
    color:#dadada !important;
}

/* Popup */
.fcppop_container {
    background-color:#2a2a2a !important;
}
.fcp_pop_arrow {border-top-color:#4a4a4a !important;}
.fcp_pop_arrow:after {border-top-color:#2a2a2a !important;}
.fcppop_inner {color:#eee !important;}

/* Border */
div.fcp_border {
    border-color:#3a3a3a !important;
}

/* Checkboxes / Radios */
.fcp_ccr label.fcp_lcb:before,
.fcp_ccr label.fcp_rad::before {
    background-color:#3a3a3a !important;
}

.fcp_ccr input:checked + label.fcp_rad:before {
    border-color:#e5e5e5 !important;
}

.fcp_ccr label.fcp_lcb::after {
    border-color:white !important;
}

.fcp_ccr .fcp_checkbox input:checked ~ label.fcp_lcb::before {
    border-color:#e5e5e5 !important;
}