#mip_shortcode_builder_form {
    border: 1px solid;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

#mip_shortcode_builder_form input {
    max-width: 100%;
}

#mip_shortcode_builder_form input, #mip_shortcode_builder_form select {
    margin: 5px;
}

#mip_shortcode_builder_output {
    width: 100%;
    color: #fff;
    border: 1px solid #fff;
    background-color: #1e8cbe;
    padding: 2px;
}

.mip_shortcode_output_hightlight {
    background-color: #1e8cbe;
    padding: 10px;
    border: 1px solid;
}

#mip_shortcode_output_copy_button {
    margin-top: 15px;
}

#mip_shortcode_copy_success {
    display: none;
}

/* ------------------ Input Groups ----------------- */
.inputgroup {
    border-spacing: .5em;
}

div.inputrow {
    display: table-row;
}

div.inputrow label {
    display: table-cell;
    text-align: right;
}    

div.inputrow input {
    display: table-cell;
}

@media only screen and (max-width: 1080px) {
    div.inputrow {
        display: block;
        margin-bottom: 12px;
    }
    
    div.inputrow label {
        display: block;
        text-align: left;
    }
}
/* -------------- End Input Groups ----------------- */

.mip-hidden {
    display: none;
}