.wp-core-ui .kads-layout-control{
    position: relative;
    label{
        line-height: 38px;
        display: inline-block;
        &.selected{
            .button{
                border:1px solid $color-active;
            }
        }
    }
    .button{
        padding: 0;
        height: 37.5px;
        line-height: 37.5px;
        @include border-radius(0);
        &:hover,
            &:focus,
            &:active {
            @include opacity(0.8);
        }
    }
}
.wp-core-ui .kads-slider-page-admin .slider-add-warper .slider-groups-actions {
    position: fixed;
    right: 10%;
    top: 100px;
    width: 210px;
    z-index: 9990;
    text-align: center;
    .button{
        padding: 2px 10px 2px 2px;
        font-size: 12px;
        border: 1px solid #ccc;
        @include box-shadow(none);
        width: 100%;
        font-weight: normal;
        line-height: 30px;
        width: 70px;
        float: left;
        height: 35px;
        @include border-radius(0);
        &.slider-save-button{
            background: #6699cc;
            color: #fff;
            border: 1px solid darken(#6699cc,5%);
            &:focus,&:active,&:hover{
                background: darken(#6699cc,10%);
            }
        }
        span{
            line-height: 30px;
        }
    }
}
.wp-core-ui{
    .kads-slider-page-admin{
        .button{
            @include box-shadow(none);
            @include text-shadow(none);
            @include border-radius(0);
            &:focus,&:active,&:hover{
                @include box-shadow(none);
                @include text-shadow(none);
                @include border-radius(0);
            }
            span{
                line-height: 25px;
                margin-right: 5px; 
                &.wp-color-result-text{
                    display: none;
                }
            }
            &.button-style-text-select span{
                line-height: 28px;
                height: 28px;
            }
            &.button-close{
                span{
                    line-height: 20px;
                    margin-right: 0;
                }
            }
            &.button-play{
                padding: 0 5px 0 8px;
                margin: 5px 0 0;
                span{
                    margin: 0;
                }
            }
            &.button-pause{
                padding: 0 5px 0 5px;
                margin: 5px 0 0;
                span{
                    margin: 0;
                }
            }
        }
        .warper-edit .button{
            span{
                line-height: 15px;
                margin-right: 0;
            }
        }
        .slider-upload-button{
            background: #6699cc;
            border: 1px solid darken(#6699cc,5%);
            &:focus,&:active,&:hover{
                background: darken(#6699cc,10%);
            }
        }
    }
}
.wp-core-ui .kads-slider-page-admin .button.button-preview{
    display: none;
}

.kads-slider-page-admin .ui-widget-content.box-layer{
    border:1px dashed #8c8c8c;
    @include box-shadow(0px 0px 3px -2px rgba(255,255,255,0.6));
}

.ui-autocomplete li{
    line-height: 23px;
    border-bottom: 1px solid #ccc;
    &:last-child{
        border-bottom: 0;
    }
}

.kads-slider-page-admin{

    .ui-resizable-handle{
        background: #fff;
        border: 0px solid #000;
        height: 0;
        width: 0;
        @include border-radius(50%);
        &.ui-resizable-s {
            left: 50%;
            margin-bottom: 0;
            margin-left: -4px;
        }
        &.ui-resizable-sw {
            bottom: -5px;
            left: -5px;
        }
        &.ui-resizable-se {
            bottom: -5px;
            right: -5px;
        }
        &.ui-resizable-w {
            left: -5px;
            margin-top: -4px;
            top: 50%;
        }
        &.ui-resizable-e {
            margin-top: -4px;
            right: -5px;
            top: 50%;
        }
        &.ui-resizable-n {
            left: 50%;
            margin-left: -4px;
            top: -6px;
        }
        &.ui-resizable-nw {
            left: -5px;
            top: -5px;
        }
        &.ui-resizable-ne {
            right: -5px;
            top: -5px;
        }
    }
    .selected{
        .ui-resizable-handle{
            background: #fff;
            height: 6px;
            width: 6px;
        }
    }
}

.sliders_page_kads-slider-slider{
    .ui-autocomplete {
        max-height: 200px;
        overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
    }
}