/* =addNewPage Plugin
----------------------------------------------- */

.page-tools {
    div.addnewpage{
        display: none;
        position: absolute;
        background-color: @ini_text_alt;
        color: @ini_background;
        border-radius: 0 20px 20px 0;
        padding: 10px;
        padding-right: 30px;
        left: 80px;
        top: 0px;
        width: 300px;

        select,
        textarea,
        input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]) {
            background: @ini_background;
            margin-bottom: 10px;
        }

        button,
        input[type="submit"],
        input[type="button"],
        input[type="reset"] {
            width: 100%;
        }
    }

    a.AddNewPage {

        span.icon::before { content: "\F4F8"; }
    }
}

/* 767px > x */
@media only screen and (max-width: 767px) {
    .page-tools {
        div.addnewpage{
            left: 0px;
            top: auto;
            border-radius: 0px;
            width: 100vw;
            padding: 20px;
            padding-right: 20px;
        }
    }
}