/*
*
* @copyright Copyright (c) Open-Xchange GmbH, Germany <info@open-xchange.com>
* @license AGPL-3.0
*
* This code 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 Affero General Public License for more details.

* You should have received a copy of the GNU Affero General Public License
* along with OX App Suite. If not, see <https://www.gnu.org/licenses/agpl-3.0.txt>.
*
* Any use of the work other than as authorized under this license or copyright law is prohibited.
*
*/

.group-administration {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;

    .classic-toolbar-container {
        position: absolute;
        top:  ~"calc(1.875rem + 5px)";
        width: 100%;
    }

    .classic-toolbar {
        border: 0;
        padding: 0;
    }

    .classic-toolbar > li > a { padding: 10px 18px; }

    .settings-detail-pane & h1 {
        font-size: 22px;
        font-family: @light-font-family;
        font-weight: 300;
        line-height: 30px;
        margin: 0;
        padding-left: 18px;
    }

    .settings-detail-pane & h2 {
        font-size: 18px;
        font-family: @normal-font-family;
        font-weight: bold;
        line-height: 24px;
        margin: 0 0 1em 0;
    }

    .below-toolbar { top: ~"calc(4.375rem + 5px)"; }

    .list-view { border: 1px solid #ddd; }

    .detail-pane { padding: 10px 30px 20px 30px; }
}

.administration-group-members {
    list-style-type: none;
    padding: 0;
    margin: 0;
    min-height: 100px;

    .first_name, .title { color: #777; }

    .last_name { font-weight: bold; }

    &.editable .group-member {
        padding: 7px 10px;
        border-bottom: 1px solid #ccc;
        &:last-child { border-bottom: 0; }
    }

    .group-member {

        .name { vertical-align: middle; }

        .fa-user {
            display: inline-block;
            margin-right: 14px;
        }
    }
}

.administration-group-editor {
    height: 350px;

    input[name="display_name"] { font-weight: bold; }

    label {
        font-size: 13px;
        color: #777;
    }

    .tt-input,.tt-hint{ height: 2.14285714em };

    .autocomplete-item {
        padding: 7px 10px;
        .last_name {
            font-weight: bold;
        }
    }
}