/* import resources */
@import "variables";
@import "functions";

#gc_message_box_allow_or_deny {
    .inside {
        padding: 8px 12px 8px 10px !important;
        margin: 0 !important;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 16px;
        font-weight: 400;
        .cf-top-rounded-corners();
        .sf-gcidentity-bg (@defc_idenblue_light, @defc_idenblue, '../images/white_noise_texture.png');
        .onoff {
            .edit {
                float: left;
                height: 30px;
                a {
                    height: 24px;
                    line-height: 24px;
                    border: 3px solid @plugin_2state_border;
                    display: inline-block;
                    font-weight: 700 !important;
                    font-size: 14px;
                    .cf-rounded-corners();
                    b {
                        display: block;
                        width: 16px;
                        height: 16px;
                        margin-top: 3px;
                        margin-bottom: 3px;
                        .cf-rounded-corners(2px);
                        .cf-gradient-background(@plugin_2state_upper, @plugin_2state_lower);
                    }
                    span {
                        display: block;
                        padding: 0 8px;
                        line-height: 24px;
                        width: 30px;
                        text-align: center;
                    }
                }
                a:hover {
                    border: 3px solid @defc_blue;
                    position: relative;
                    b {
                        .cf-gradient-background(@defc_blue_light, @defc_blue);
                    }

                }
                .on {
                    background: @plugin_2state_2upper;
                    color: @defc_blue;
                    b {
                        border: 1px solid white;
                        float: left;
                        margin-right: 3px;
                        .bcf-gcbutton-boxshadow (0, 0, 1px, 1px, 69, 69, 69, 0.7, 0, -3px, 0, 0, @plugin_2state_ishadow);
                        
                    }
                    span {
                        float: left;
                    }
                }
                .on:hover {
                    b {
                        border: 1px solid @plugin_2state_darkborder;
                        .bcf-gcbutton-boxshadow (0, 0, 1px, 1px, 69, 69, 69, 0.8, 0, -3px, 0, 0, @plugin_2state_ishadow3);
                    }
                }
                .off {
                    background: @plugin_2state_darkbg;
                    color: @plugin_2state_text_light;
                    b {
                        border: 1px solid white;
                        float: left;
                        margin-left: 3px;
                        .bcf-gcbutton-boxshadow (0, 0, 1px, 1px, 0, 0, 0, 0.7, 0, -3px, 0, 0, @plugin_2state_ishadow);
                    }
                    span {
                        float: left;
                    }
                }
                .off:hover {
                    b {
                        border: 1px solid @plugin_2state_darkborder;
                        .bcf-gcbutton-boxshadow (0, 0, 1px, 1px, 0, 0, 0, 0.8, 0, -3px, 0, 0, @plugin_2state_ishadow3);
                    }
                }
            }
            .label {
                float: left;
                margin-left: 16px;
                label {
                    line-height: 30px;
                    height: 30px;
                    cursor: auto;
                }
            }
        } /* onoff */
    }
}