/*!
 * Isomer Application Framework
 * ============================
 * Copyright (C) 2011 - 2018 riot <riot@c-base.org> and others.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */


.angular-ui-tree-node {
    cursor: pointer;
    padding: 2px 10px;
    border-radius: 4px;
}

.angular-ui-tree-node:hover {
    background: $color-primary-2;
}

.angular-ui-tree-node-active {
    background: $color-primary-1;
    color: $color-gray-dark;
    font-weight: bold;
}

.configurator-column {
    max-height: inherit;
    min-height: 50vh;
    overflow: auto;
}

.header-row {
    position: relative
}

.header-row > H1 {
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (max-width: 767px) {
    .editor-buttons-top {
        float: right !important;
    }
}

@media screen and (min-width: 768px) {
    #configurator .row {
        max-height: 72vh;
    }

    .configurator-column {
        height: 90vh;
    }

    .editor-buttons-top {
        position: absolute;
        right: 25px;
        top: 10px;
    }
}

#content > objecteditor .well {
    padding-bottom: 45px;
}

#content > objecteditor .well form .schema-form-actions {
    position: fixed;
    bottom: 20px;
    background: mix($color-primary-3, rgba(0, 0, 0, 0.5), 25%);
    width: 100%;
    padding: 10px;
    left: 0;
    z-index: 10000;
}

.schema-form-array {
    background: rgba(255, 255, 255, 0.2);
    padding: 5px;
    margin: 5px;
}

.form-group .row {
    margin-right: 5px;
    margin-left: 5px;
}

.section-column {
    margin-left: 0;
    margin-right: 0;

    padding-left: 0;
    padding-right: 0;
}

.schema-form-section.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.schema-form-array > ol > li {
    background: rgba(255, 255, 255, 0.2);
}

.mce-branding {
    display: none !important;
}
