.st_melibuPlugin_area {

    margin: 0 auto;
    min-height: 300px;

    input[type="text"].input {

        width: 100%;
        height: 50px;
        margin-bottom: 25px;
        padding: 0 15px 2px;
        font-size: 17px;
        background: white;
        border: 2px solid #ebebeb;
        border-radius: 4px;
        .box-shadow(inset 0 -2px #ebebeb);
    }

    textarea.textarea {
        
        width:100%;
        min-height:150px;
        height: 50px;
        margin-bottom: 25px;
        padding: 0 15px 2px;
        font-size: 17px;
        background: white;
        border: 2px solid #ebebeb;
        border-radius: 4px;
        .box-shadow(inset 0 -2px #ebebeb);
    }

    select.mb_select {

        width:100%;
        margin-top: 1em;
        margin-bottom: 1em;
        background: white;
        border: 2px solid #ebebeb;
        border-radius: 4px;
        .box-shadow(inset 0 -2px #ebebeb);
        color: #333;

        option {

            padding: 10px;
            cursor: pointer;
        }
    }
    
    .mb_badge {
        
        display: inline-block;
        width: auto;
        border-radius: 50%;
        padding: 15px 10px;
        font-size: 2rem;
        text-align: center;
    }
}

.st_melibuPlugin_list {

    margin:0;
    padding:0;
    outline:none;
    border:0;
    background:none;
    position:relative;
    font-size:0;
    text-align:left;
    color:#666;

    > input {

        position:absolute;
        display:none;
        &:checked {
            & + label {
                span {

                    background:#3498db;
                    color:#fff;
                }
            }
        }
    }

    > label {

        position:relative;
        margin: 0;
        z-index:1;
        display:inline-block;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        padding:1px;
        padding-top:0;
        padding-left:0;
        font-size:13px;
        line-height:45px;
        cursor:pointer;
        &:hover {
            span {

                background:#3498db;
                color:#fff;
            }
        }

        > span {

            display:block;
            padding:5px;
            background:rgba(255, 255, 255, .9);
            display: block;
            padding:0 14px;
            transition:background .3s, color .4s;
            -o-transition:background .3s, color .4s;
            -ms-transition:background .3s, color .4s;
            -moz-transition:background .3s, color .4s;
            -webkit-transition:background .3s, color .4s;

        }
    }
    > ul {

        list-style:none;
        position:relative;
        display:block;
        font-size:13px;
        margin:0;
        padding:0;
        > li {

            position:absolute;
            top:0;
            left:0;
            overflow:auto;
            padding:20px 25px 25px;
            background:rgba(255, 255, 255, .9);
            box-sizing:border-box;
            -moz-box-sizing:border-box;
            opacity:0;
            -o-transform-origin:0% 0%;
            -ms-transform-origin:0% 0%;
            -moz-transform-origin:0% 0%;
            -webkit-transform-origin:0% 0%;
            -o-transition:opacity .8s, -o-transform .8s;
            -ms-transition:opacity .8s, -ms-transform .8s;
            -moz-transition:opacity .8s, -moz-transform .8s;
            -webkit-transition:opacity .8s, -webkit-transform .8s
        }
    }
    &_content {

        position:relative;
        line-height:20px
    }
    &_flip {
        > ul {
            perspective:2000px;
            -o-perspective:2000px;
            -ms-perspective:2000px;
            -moz-perspective:2000px;
            -webkit-perspective:2000px;
            perspective-origin:50% 50%;
            -o-perspective-origin:50% 50%;
            -ms-perspective-origin:50% 50%;
            -moz-perspective-origin:50% 50%;
            -webkit-perspective-origin:50% 50%;
            > li {

                -o-transform:rotateX(-90deg);
                -ms-transform:rotateX(-90deg);
                -moz-transform:rotateX(-90deg);
                -webkit-transform:rotateX(-90deg)
            }
        }
    }
}


.st_melibuPlugin_list > .st_melibuPlugin_list_item_1:checked ~ ul > .st_melibuPlugin_list_item_1, 
.st_melibuPlugin_list > .st_melibuPlugin_list_item_2:checked ~ ul > .st_melibuPlugin_list_item_2, 
.st_melibuPlugin_list > .st_melibuPlugin_list_item_3:checked ~ ul > .st_melibuPlugin_list_item_3, 
.st_melibuPlugin_list > .st_melibuPlugin_list_item_4:checked ~ ul > .st_melibuPlugin_list_item_4 {

    position:relative;
    z-index:1;
    opacity:1
}

.pagina-url {

    float:right;
    margin-top:15px
}

.st_melibuPlugin_list_flip > .st_melibuPlugin_list_item_1:checked ~ ul > .st_melibuPlugin_list_item_1, 
.st_melibuPlugin_list_flip > .st_melibuPlugin_list_item_2:checked ~ ul > .st_melibuPlugin_list_item_2, 
.st_melibuPlugin_list_flip > .st_melibuPlugin_list_item_3:checked ~ ul > .st_melibuPlugin_list_item_3, 
.st_melibuPlugin_list_flip > .st_melibuPlugin_list_item_4:checked ~ ul > .st_melibuPlugin_list_item_4 {

    -o-transform:rotateX(0deg);
    -ms-transform:rotateX(0deg);
    -moz-transform:rotateX(0deg);
    -webkit-transform:rotateX(0deg);
    -o-transition-delay:0.2s;
    -ms-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    -webkit-transition-delay:0.2s
}

.st_melibu_copy {

    width:100%;
    border:1px solid #eee;
    border-top:0;

    .left {

        float:left;
        width:50%;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        font-size: 0.8em;
        color: rgba(0, 0, 0, 0.3);
        text-align:left;
    }

    .right {

        float:right;
        width:50%;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        font-size: 0.8em;
        color: rgba(0, 0, 0, 0.3);
        text-align:right;
    }
}