@import "mixins.less";

/*-------------------------------------------------------------------------------------------*/
/* A3rev Admin Metabox RTL UI */
/*-------------------------------------------------------------------------------------------*/

.a3-metabox-panel-wrap {
    padding-left: 0px;
    padding-right: 146px;

    .a3-metabox-tabs-back {
        left: auto;
        right: 0;
        border-left: 1px solid #DFDFDF;
        border-right: none;
    }

    ul {
        &.a3-metabox-data-tabs {
            float: right;
            margin: 0 -146px 0 0;

            li {
                &.active {
                    a {
                        margin: 0 0 0 -1px;
                    }
                }
            }
        }
    }
}

.a3-metabox-wrapper, .a3-metabox-options-panel {
    float: left;

    .a3-metabox-items, p.toolbar {
        padding-left: 20px !important;
        padding-right: 12px !important;
    }
}

.a3-metabox-wrapper {
    .close_all, .expand_all {
        float: left;
        margin-left: 0px;
        margin-right: 14px;
    }

    .a3-metabox-item {
        table {
            td {
                text-align: right;

                label {
                    text-align: right;
                }
            }
        }
        h3 {
            .handlediv {
                left: 0;
                right: auto;

            }
        }
    }
}

@media only screen and (max-width: 900px) {
    .a3-metabox-panel-wrap {
        padding-left: 0px;
        padding-right: 35px;

        .a3-metabox-tabs-back {
            left: auto;
            left: 0;
            border-left: 1px solid #DFDFDF;
            border-right: none;
        }

        ul {
            &.a3-metabox-data-tabs {
                margin-left: 0px;
                margin-right: -35px;

                li {
                    a {
                        &:after {
                            position: absolute;
                            top: 0;
                            right: 0;
                            bottom: 0;
                            left: 0;
                            text-indent: 0;
                            text-align: center;
                            line-height: 40px;
                            width: 40px;
                            height: 40px;
                        }
                    }
                }
            }
        }
    }
}