.button, .button:visited, .button:hover,
input[type="submit"], input[type="submit"]:visited, input[type="submit"]:hover,
input[type="button"], input[type="button"]:visited, input[type="button"]:hover,
.object-tools a, .object-tools a:visited, .object-tools a:hover {
    cursor: pointer;
}

.login input[type="submit"] {
    margin: 0;
    line-height: normal;
}

input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="url"]:disabled,
input[type="number"]:disabled,
textarea:disabled,
select:disabled,
.vTextField:disabled {
    background: #e0e0e0;
    cursor: not-allowed;
}

body.login {
    padding: 2.14286rem;
}

/* ------------------------------------------------------------------------------------------------------------------ */

.block-header {
    text-align: center;
    /* margin: -2.14286rem -2.14286rem 20px -2.14286rem; */
    padding: 1rem 2.14286rem;
    background: #f0f0f0;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #e0e0e0;
    color: #a0a0a0;
}

    .vray-tool .block-header {
        margin: -2.14286rem -2.14286rem 20px -2.14286rem;
    }

    .block-header h1 {
        font-weight: bold;
        font-size: 22px;
        margin: 0;
        text-transform: uppercase;
    }

    .block-header span {
        display: block;
        margin-top: 5px;
        font-size: 12px;
        font-weight: bold;
    }

/* ------------------------------------------------------------------------------------------------------------------ */

.app-auth.model-group.change-form #id_permissions {
    height: 300px;
    padding: 0;
}

    .app-auth.model-group.change-form #id_permissions option {
        padding: 10px;
        border-top: 1px solid #f0f0f0;
    }

        .app-auth.model-group.change-form #id_permissions option:first-child {
            border-top: none;
        }

/* -- Admin Login --------------------------------------------------------------------------------------------------- */

.login.admin { /**/ }

    body.login.admin {
        background: #ffffff;
    }

    body.login.admin .block-header {
        background: none;
    }

        body.login.admin .block-header h1 {
            font-size: 30px;
            color: #2C348C;
        }

    body.login.admin #content {
        background: #dfe9f8;
    }

        .login.admin .block-header {
            background: #222b37;
            border-bottom: none;
            color: #7998a5;
        }

    .login.admin .container-logo {
        text-align: center;
        margin-bottom: 10px;
    }

/* -- Register ------------------------------------------------------------------------------------------------------ */

.vray-tool.register .form-row { /**/ }

    body.vray-tool.register #container {
        width: 50rem;
    }

    .vray-tool.register .form-row:last-child {
        margin-bottom: 10px;
    }

    .vray-tool.register .form-row label {
        font-weight: bold;
        display: block;
    }

    .vray-tool.register .form-row input[type="text"],
    .vray-tool.register .form-row input[type="email"],
    .vray-tool.register .form-row input[type="password"],
    .vray-tool.register .form-row input[type="url"],
    .vray-tool.register .form-row input[type="number"] {
        width: 100%;
    }

    .vray-tool.register .col-x-2 {
        float: left;
        width: 50%;
    }

    .vray-tool.register .col-x-3 {
        float: left;
        width: 33.33%;
    }

        .vray-tool.register .col-x-3 .form-row {
            padding: 0 0.28571rem;
            margin-bottom: 0;
        }


    @media only screen and (min-width: 960px){

        body.vray-tool.register .col-password {
            padding: 0 20%;
        }

    }

    @media only screen and (max-width: 960px){

        body.vray-tool.register #container {
            /* width: 28.57143rem; */
            width: 100%;
        }

        body.vray-tool.register .form-row label {
            font-size: 14px;
        }

        .vray-tool.register .col-x-3 {
            width: 100%;
        }

        .vray-tool.register .col-x-3 .form-row {
            margin-bottom: 10px;
        }

    }

    @media only screen and (max-width: 480px){

        body.vray-tool.register #container {
            width: 100%;
        }

        .vray-tool.register .col-x-2 {
            width: 100%;
        }

    }

/* -- Login / Register ---------------------------------------------------------------------------------------------- */

body.vray-tool.login {
    background: #ffffff;
}

    body.vray-tool.login .block-header {
        background: #dfe9f8;
        border-bottom: none;
    }

        body.vray-tool.login .block-header h1 {
            font-size: 40px;
            color: #2C348C;
        }

        body.vray-tool.login .block-header span {
            font-size: 18px;
            color: #000000;
        }

    body.vray-tool.login .submit-row {
        background: #dfe9f8;
        border-top: none;
    }

    body.vray-tool.login #content {
        background: #dfe9f8;
    }

.vray-tool.login .field-extra-actions {
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    margin-top: 3px;
}

.vray-tool.login .submit-row {
    text-align: center;
    margin: 2.14286rem -2.14286rem -2.5rem -2.14286rem;
    padding: 1rem 2.14286rem;
    background: #f8f8f8;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #e0e0e0;
    color: #a0a0a0;
    display: inline-block;
    width: 100%;
}

    .vray-tool.login .submit-row input[type="submit"],
    .vray-tool.login .submit-row a {
        float: left;
        margin-right: 5px;
        text-transform: uppercase;
    }

.vray-tool.login .container-logo {
    text-align: center;
    margin-bottom: 10px;
}


/* -- Registration Complete / Closed / Logout ----------------------------------------------------------------------- */

.vray-tool.registration-complete #content-main span,
.vray-tool.registration-closed #content-main span,
.vray-tool.logout #content-main span {
    height: 32px;
    height: 2.28571rem;
    line-height: 32px;
    line-height: 2.28571rem;
    font-size: 12px;
    font-size: 0.85714rem;
    float: left;
}

    .vray-tool.registration-complete #content-main span:after,
    .vray-tool.registration-closed #content-main span:after,
    .vray-tool.logout #content-main span:after {
        content: " seconds.";
    }

.vray-tool.registration-complete #content-main a,
.vray-tool.registration-closed #content-main a,
.vray-tool.logout #content-main a {
    float: right;
}

/* ------------------------------------------------------------------------------------------------------------------ */

ul.errorlist {
    background: none;
    margin: 4px 0 0 0;
    margin: 0.28571rem 0 0 0;
}

.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }

.errornote:before, .errornote:after { display: table; content: " "; }
.errornote:after { clear: both; }


.redactor-toolbar {
    z-index: inherit !important;
}

img[src$="admin/img/icon-yes.gif"]+span,
img[src$="admin/img/icon-yes.svg"]+span,
img[src$="admin/img/icon-no.gif"]+span,
img[src$="admin/img/icon-no.svg"]+span,
img[src$="admin/img/icon-unknown.gif"]+span,
img[src$="admin/img/icon-unknown.svg"]+span {
    color: #8B9AA7;
}

.redactor-editor ul, .redactor-editor ol {
    padding-left: 2em;
}

form .redactor-box ul {
    padding-left: 2em;
}

form .aligned ul li {
    list-style: square;
}

.form .redactor-box ul li {
    list-style: square;
    padding-left: 0;
}