/* General styles */
.sfg-form {
    border: 1px solid #ddd;
    padding: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
}
.sfg-form-control {
    padding: 12px;
    display: block !important;
    width: 100% !important;
    border-radius: 0 !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
}
input[type="color"].sfg-form-control {
    padding: 0 !important;
}
.sfg-help-block {
    font-size: 75% !important;
    margin-top: 0 !important;
}

/* Display-tip styles */
.display-tip .selected {
    background: #e982bb; /* Highlight active tab */
}
.display-tip span {
    padding: 10px 6px;
    border: 1px solid #cfcbcb;
    background: #f1d9ed8c;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}

/* Label styles */
.sfg_label {
    font-size: 1.3em;
    margin-bottom: 10px;
}

/* Responsive styles */
/*@media only screen and (max-width: 728px) {*/
/*    .display-tip span.disabled {*/
/*        display: none;*/
/*    }*/
/*}*/

/* Updated desktop behavior */
/*@media only screen and (min-width: 729px) {*/
/*    .display-tip span {*/
       /* display: none; */ /* Hide all tabs */
/*    }*/
/*    .display-tip span.selected {*/
        /*display: inline-block; /* Show only the active tab */
/*    }*/
/*}*/