#content div.panel div.form div.form-horizontal div.form-group > label {

    color: #393939;

    font-weight: 700;

}

    margin: 0 20px 0 200px;

}

    margin: 10px 20px 10px 110px;

}

#content div.panel div.form div.form-horizontal div.form-group > div.summary-short input {

    margin: 0;

}

    margin: 0 20px 0 200px;

}

    margin: 0 10px 0 200px;

}

#content div.panel div.form div.form-horizontal div.form-group > label > input,

.reviewer_ac input {

    background: #FFF;

    border-top: 1px solid #b3b3b3;

    border-left: 1px solid #b3b3b3;

    border-right: 1px solid #eaeaea;

    border-bottom: 1px solid #eaeaea;

    color: #000;

    font-size: 12px;

    margin: 5px 0 10px;

    padding: 7px 7px 6px;

}

{

    font-size: 14px;

    padding: 0 2px;

}

#content div.panel div.form div.form-horizontal div.form-group div.file input {

input.disabled {

    background-color: #F5F5F5 !important;

}

#content div.panel div.form div.form-horizontal div.form-group > div select.form-control,

#content div.panel div.form div.form-horizontal div.form-group > div div.form-control.select2-container,

    width: 100%;

    margin: 5px 0 10px;

}

    width: 177px;

}

    background: #D4D0C8;

    border-top: 1px solid #FFF;

    border-left: 1px solid #FFF;

    border-right: 1px solid #404040;

    border-bottom: 1px solid #404040;

    color: #000;

#quick_login div.form div.form-horizontal div.form-group > label {

    color: #fff;

    padding-bottom: 3px;

}

    width: 236px;

    background: #FFF;

    border-top: 1px solid #b3b3b3;

    border-left: 1px solid #b3b3b3;

    border-right: 1px solid #eaeaea;

    border-bottom: 1px solid #eaeaea;

    float: left;

    text-align: right;

    margin: 2px 10px 0 0;

    padding: 5px 0 0 5px;

}

    width: 300px;

    background: #FFF;

    border-top: 1px solid #b3b3b3;

    border-left: 1px solid #b3b3b3;

    border-right: 1px solid #eaeaea;

    border-bottom: 1px solid #eaeaea;

}

#content div.panel div.panel-heading div.search {

    border-left: 1px solid #576622;

}

    border: 1px solid #576622;

}

.label,

.btn {

    color: #515151;

    clear: both;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

    background: #FBE3E4;

    border-top: 1px solid #e1b2b3;

    border-left: 1px solid #e1b2b3;

    border-right: 1px solid #FBC2C4;

    border-bottom: 1px solid #FBC2C4;

}

    background: #E6EFC2;

    border-top: 1px solid #cebb98;

    border-left: 1px solid #cebb98;

    border-right: 1px solid #c6d880;

    border-bottom: 1px solid #c6d880;

}

#content div.panel table td.address {

    width: 10%;

    text-align: center;

}

#content div.panel div.action div.button,

    text-align: right;

    margin: 6px 0 0;

    padding: 0;

}

#login, #register {

#register div.form div.form-horizontal div.form-group > label {

    color: #000;

    font-weight: 700;

}

#login div.form div.form-horizontal div.form-group div,

    float: left;

    margin: 0;

    padding: 0;

}

#login div.form div.form-horizontal div.form-group div.checkbox,

    ## enabled auth plugins

    <h1>${_('Authentication Plugins')}</h1>

    <div class="form-horizontal">

        <div class="form-group">

            <label class="control-label" for="auth_plugins">${_("Enabled Plugins")}</label>

            <span class="help-block">${_('Comma-separated list of plugins; Kallithea will try user authentication in plugin order')}</span>

                <div style="padding:10px 0px 10px 0px;font-weight: bold">${_('Available built-in plugins')}</div>

                <ul>

                %for plugin_path in c.available_plugins:

                    <li>

                      <div style="padding:3px 0px 3px 0px">

        %for setting in c.plugin_settings[module]:

            <% fullsetting = "auth_%s_%s" % (pluginName, setting["name"]) %>

            <% displayname = (setting["formname"] if ("formname" in setting) else setting["name"]) %>

            %if setting["type"] == "password":

            <div class="form-group">

                <label class="control-label" for="${fullsetting}">${_(displayname)}</label>

                    ${h.password(fullsetting,class_='form-control')}

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %elif setting["type"] in ["string", "int"]:

            <div class="form-group">

                <label class="control-label" for="${fullsetting}">${_(displayname)}</label>

                    ${h.text(fullsetting,class_='form-control')}

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %elif setting["type"] == "bool":

            <div class="form-group">

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %else:

            <div class="form-group">

                <label class="control-label" for="${fullsetting}">${_(displayname)}</label>

                <span class="help-block">${setting["description"]}</span>

            </div>

            %endif

        %endfor

        </div>

    %endfor

        <!-- fields -->

        <div class="form-horizontal">

            <div class="form-group">

                <label class="control-label" for="default_repo_type">${_('Type')}:</label>

                    ${h.select('default_repo_type','hg',c.backends,class_='form-control')}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="default_repo_private">${_('Private repository')}:</label>

    ${h.form(url('my_account_api_keys'), method='post')}

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

            <div class="form-group">

                <label for="description">${_('New API key')}:</label>

                    ${h.text('description', class_='form-control', placeholder=_('Description'))}

                    ${h.select('lifetime', '', c.lifetime_options)}

                </div>

            </div>

            <div class="form-group">

                <div class="buttons">

    ${h.form(url('my_account_emails'), method='post')}

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

            <div class="form-group">

                <label class="control-label" for="new_email">${_('New email address')}:</label>

                    ${h.text('new_email', class_='form-control')}

                </div>

            </div>

            <div class="form-group">

                <div class="buttons">

                    ${h.submit('save',_('Add'),class_="btn btn-default")}

${h.form(url('my_account_password'), method='post')}

<div class="form">

  <div class="form-horizontal">

    <div class="form-group">

        <label class="control-label" for="current_password">${_('Current password')}:</label>

            ${h.password('current_password',class_='form-control')}

        </div>

    </div>

    <div class="form-group">

        <label class="control-label" for="new_password">${_('New password')}:</label>

            ${h.password('new_password',class_='form-control')}

        </div>

    </div>

    <div class="form-group">

        <label class="control-label" for="new_password_confirmation">${_('Confirm new password')}:</label>

            ${h.password('new_password_confirmation',class_='form-control')}

        </div>

    </div>

    <div class="form-group">

        <div class="buttons">

                    </p>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="username">${_('Username')}:</label>

                    ${h.text('username',class_='form-control', readonly=c.readonly('username'))}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="firstname">${_('First Name')}:</label>

                    ${h.text('firstname',class_='form-control', readonly=c.readonly('firstname'))}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="lastname">${_('Last Name')}:</label>

                    ${h.text('lastname',class_='form-control', readonly=c.readonly('lastname'))}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="email">${_('Email')}:</label>

                    ${h.text('email',class_='form-control', readonly=c.readonly('email'))}

                </div>

            </div>

            <div class="form-group">

                <div class="buttons">

${h.form(url('edit_user_ips_update', id=c.user.user_id))}

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

            <div class="form-group">

                <label class="control-label" for="new_ip">${_('New IP address')}:</label>

                    ${h.hidden('default_user', 'True')}

                    ${h.text('new_ip', class_='form-control')}

                </div>

            </div>

            <div class="form-group">

                <div class="buttons">

    ${h.form(url('repos_groups'))}

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

            <div class="form-group">

                <label class="control-label" for="group_name">${_('Group name')}:</label>

                    ${h.text('group_name',class_='form-control')}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="group_description">${_('Description')}:</label>

                    ${h.textarea('group_description',cols=23,rows=5)}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="parent_group_id">${_('Group parent')}:</label>

                    ${h.select('parent_group_id',request.GET.get('parent_group'),c.repo_groups,class_='form-control')}

                </div>

            </div>

            <div id="copy_perms" class="form-group">

                <label class="control-label" for="group_copy_permissions">${_('Copy parent group permissions')}:</label>

${h.form(url('update_repos_group',group_name=c.repo_group.group_name))}

<div class="form">

    <!-- fields -->

    <div class="form-horizontal">

        <div class="form-group">

            <label class="control-label" for="group_name">${_('Group name')}:</label>

                ${h.text('group_name',class_='form-control')}

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="group_description">${_('Description')}:</label>

                ${h.textarea('group_description',cols=23,rows=5)}

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="parent_group_id">${_('Group parent')}:</label>

                ${h.select('parent_group_id','',c.repo_groups,class_='form-control')}

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="enable_locking">${_('Enable locking')}:</label>

${h.form(url('repos'))}

<div class="form">

    <!-- fields -->

    <div class="form-horizontal">

        <div class="form-group">

            <label class="control-label" for="repo_name">${_('Name')}:</label>

                ${h.text('repo_name',class_='form-control')}

            </div>

         </div>

        <div id="remote_clone" class="form-group">

            <label class="control-label" for="clone_uri">${_('Clone remote repository')}:</label>

                ${h.text('clone_uri',class_='form-control')}

                <span class="help-block">

                    ${_('Optional: URL of a remote repository. If set, the repository will be created as a clone from this URL.')}

                </span>

            </div>

        </div>

                ${h.textarea('repo_description')}

                <span class="help-block">${_('Keep it short and to the point. Use a README file for longer descriptions.')}</span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="repo_group">${_('Repository group')}:</label>

                ${h.select('repo_group',request.GET.get('parent_group'),c.repo_groups,class_='form-control')}

                <span class="help-block">${_('Optionally select a group to put this repository into.')}</span>

            </div>

        </div>

        <div id="copy_perms" class="form-group">

            <label class="control-label" for="repo_copy_permissions">${_('Copy parent group permissions')}:</label>

                ${h.checkbox('repo_copy_permissions',value="True")}

                <span class="help-block">${_('Copy permission set from parent repository group.')}</span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="repo_type">${_('Type')}:</label>

                ${h.select('repo_type','hg',c.backends,class_='form-control')}

                <span class="help-block">${_('Type of repository to create.')}</span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="repo_landing_rev">${_('Landing revision')}:</label>

                ${h.select('repo_landing_rev','',c.landing_revs,class_='form-control')}

                <span class="help-block">${_('Default revision for files page, downloads, full text search index and readme generation')}</span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="repo_private">${_('Private repository')}:</label>

    ${h.form(url('create_repo_fields', repo_name=c.repo_name))}

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

            <div class="form-group">

                <label class="control-label" for="new_field_key">${_('New field key')}:</label>

                    ${h.text('new_field_key', class_='form-control')}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="new_field_label">${_('New field label')}:</label>

                    ${h.text('new_field_label', class_='form-control', placeholder=_('Enter short label'))}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="new_field_desc">${_('New field description')}:</label>

                    ${h.text('new_field_desc', class_='form-control', placeholder=_('Enter description of a field'))}

                </div>

            </div>

            <div class="form-group">

                <div class="buttons">

${h.form(url('update_repo', repo_name=c.repo_info.repo_name))}

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

            <div class="form-group">

                <label class="control-label" for="repo_name">${_('Name')}:</label>

                    ${h.text('repo_name',class_='form-control')}

                    <span class="help-block">${_('Permanent Repository ID')}: `_${c.repo_info.repo_id}` <span><a id="show_more_clone_id" href="#">${_('What is that?')}</a></span></span>

                    <span id="clone_id" class="help-block" style="display: none">

                        ${_('URL by id')}: `${c.repo_info.clone_url(with_id=True)}` </br>

                        ${_('''In case this repository is renamed or moved into another group the repository URL changes.

                               Using the above permanent URL guarantees that this repository always will be accessible on that URL.

                               This is useful for CI systems, or any other cases that you need to hardcode the URL into a 3rd party service.''')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="clone_uri">${_('Remote repository')}:</label>

                  <div id="alter_clone_uri">

                        ${h.text('clone_uri',class_='form-control', placeholder=_('Repository URL'))}

                        ${h.hidden('clone_uri_hidden', c.repo_info.clone_uri_hidden)}

                  </div>

                  <span id="alter_clone_uri_help_block" class="help-block">

                    ${_('Optional: URL of a remote repository. If set, the repository can be pulled from this URL.')}

                  </span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="repo_group">${_('Repository group')}:</label>

                    ${h.select('repo_group','',c.repo_groups,class_='form-control')}

                    <span class="help-block">${_('Optionally select a group to put this repository into.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="repo_landing_rev">${_('Landing revision')}:</label>

                    ${h.select('repo_landing_rev','',c.landing_revs,class_='form-control')}

                    <span class="help-block">${_('Default revision for files page, downloads, whoosh and readme')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="owner">${_('Owner')}:</label>

                    <div class="perm_ac">

                       ${h.text('owner',class_='yui-ac-input')}

                       <span class="help-block">${_('Change owner of this repository.')}</span>

                       <div id="owner_container"></div>

                    </div>

                </div>

            %if c.visual.repository_fields:

              ## EXTRA FIELDS

              %for field in c.repo_fields:

                <div class="form-group">

                    <label class="control-label" for="${field.field_key_prefixed}">${field.field_label} (${field.field_key}):</label>

                        ${h.text(field.field_key_prefixed, field.field_value, class_='form-control')}

                        %if field.field_desc:

                          <span class="help-block">${field.field_desc}</span>

                        %endif

                    </div>

                 </div>

${h.form(url('admin_settings_email'), method='post')}

    <div class="form">

        <div class="form-horizontal">

            <div class="form-group">

                <label class="control-label" for="test_email">${_('Send test email to')}:</label>

                    ${h.text('test_email',size=30)}

                </div>

            </div>

            <div class="form-group">

                <div class="buttons">

    <div class="form">

        <div class="form-horizontal">

             <div class="form-group">

                <label class="control-label" for="title">${_('Site branding')}:</label>

                    ${h.text('title',size=30)}

                    <span class="help-block">${_('Set a custom title for your Kallithea Service.')}</span>

                </div>

             </div>

            <div class="form-group">

                <label class="control-label" for="realm">${_('HTTP authentication realm')}:</label>

                    ${h.text('realm',size=30)}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="ga_code">${_('HTML/JavaScript/CSS customization block')}:</label>

                    ${h.textarea('ga_code', cols=80, rows=10)}

                    <span class="help-block">${_('HTML (possibly with \

                        JavaScript and/or CSS) that will be added to the bottom \

                        of every page. This can be used for web analytics \

                        systems like Google Analytics or Piwik, but also to \

                        perform instance-specific customizations like adding a \

                        project banner at the top of every page.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="captcha_public_key">${_('ReCaptcha public key')}:</label>

                    ${h.text('captcha_public_key',size=60)}

                    <span class="help-block">${_('Public key for reCaptcha system.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="captcha_private_key">${_('ReCaptcha private key')}:</label>

                    ${h.text('captcha_private_key',size=60)}

                    <span class="help-block">${_('Private key for reCaptcha system. Setting this value will enable captcha on registration.')}</span>

                </div>

            </div>

            <div class="form-group">

<h4>${_('Built-in Mercurial Hooks (Read-Only)')}</h4>

<div class="form">

    <div class="form-horizontal">

      % for hook in c.hooks:

        <div class="form-group">

            <label class="control-label" for="${hook.ui_key}">${hook.ui_key}</label>

              ${h.text(hook.ui_key,hook.ui_value,size=60,readonly="readonly")}

            </div>

        </div>

      % endfor

    </div>

    <span class="help-block">${_('Hooks can be used to trigger actions on certain events such as push / pull. They can trigger Python functions or external applications.')}</span>

<div class="form">

    <div class="form-horizontal">

        %for hook in c.custom_hooks:

            <div class="form-group" id="${'id%s' % hook.ui_id }">

                <label class="control-label" for="${hook.ui_key}">${hook.ui_key}</label>

                    ${h.hidden('hook_ui_key',hook.ui_key)}

                    ${h.hidden('hook_ui_value',hook.ui_value)}

                    ${h.text('hook_ui_value_new',hook.ui_value,size=60)}

                    <span class="btn btn-default btn-xs"

                        onclick="delete_hook(${hook.ui_id},'${'id%s' % hook.ui_id }')">

                        <i class="icon-minus-circled" style="color:#FF4444"></i>

        %endfor

        <div class="form-group">

            <label>

                ${h.text('new_hook_ui_key',size=20)}

            </label>

                ${h.text('new_hook_ui_value',size=60)}

            </div>

        </div>

        <div class="form-group">

            <div class="buttons" style="margin-left:280px">

                ${h.submit('save',_('Save'),class_="btn btn-default")}

                    ##<span class="help-block">${_('Requires hg-git library to be installed. Enables cloning of remote Git repositories while converting them to Mercurial.')}</span>

                </div>

            </div>

            %if c.visual.allow_repo_location_change:

            <div class="form-group">

                <label class="control-label" for="paths_root_path">${_('Location of repositories')}:</label>

                    ${h.text('paths_root_path',size=60,readonly="readonly")}

                    <span id="path_unlock" data-toggle="tooltip" style="cursor: pointer"

                            title="${_('Click to unlock. You must restart Kallithea in order to make this setting take effect.')}">

                        <div class="btn btn-default btn-sm"><i id="path_unlock_icon" class="icon-lock"></i></div>

                    </span>

                    <span class="help-block">${_('Filesystem location where repositories are stored. After changing this value, a restart and rescan of the repository folder are both required.')}</span>

                    <div class="checkbox">

                        ${h.checkbox('use_gravatar','True')}

                        <label for="use_gravatar">${_('Use Gravatars in Kallithea')}</label>

                    </div>

                </div>

                        ${h.text('gravatar_url', size=80)}

                        <span class="help-block">${_('''Gravatar URL allows you to use another avatar server application.

                                                        The following variables of the URL will be replaced accordingly.

                                                        {scheme}    'http' or 'https' sent from running Kallithea server,

                                                        {email}     user email,

                                                        {md5email}  md5 hash of the user email (like at gravatar.com),

                                                        {netloc}    network location/server host of running Kallithea server''')}</span>

                </div>

            </div>

            <div class="form-group">

                <label>${_('Clone URL')}:</label>

                        ${h.text('clone_uri_tmpl', size=80)}

                        <span class="help-block">${_('''Schema of clone URL construction eg. '{scheme}://{user}@{netloc}/{repo}'.

                                                        The following variables are available:

                                                        {scheme} 'http' or 'https' sent from running Kallithea server,

                                                        {user}   current user username,

                                                        {netloc} network location/server host of running Kallithea server,

                                                        {repoid} ID of repository, can be used to construct clone-by-id''')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="page_size">${_('Repository page size')}:</label>

                    ${h.text('page_size',size=5)}

                    <span class="help-block">${_('Number of items displayed in the repository pages before pagination is shown.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="admin_grid_items">${_('Admin page size')}:</label>

                    ${h.text('admin_grid_items',size=5)}

                    <span class="help-block">${_('Number of items displayed in the admin pages grids before pagination is shown.')}</span>

                </div>

            </div>

            <div class="form-group">

    ${h.form(url('users_groups'))}

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

            <div class="form-group">

                <label class="control-label" for="users_group_name">${_('Group name')}:</label>

                    ${h.text('users_group_name',class_='form-control')}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="user_group_description">${_('Description')}:</label>

                <div class="textarea text-area editor">