/*!
 * This file is generated by the Dnn.ClientSide project.
 * Do not edit it directly.
 * Changes will be overwritten upon upgrades.
 * 
 */
@font-face {
    font-family: 'Roboto';
    src: url("/fonts/Roboto-Light.eot");
    src: local("Roboto Light"), local("Roboto-Light"), url("/fonts/Roboto-Light.eot#iefix") format("embedded-opentype"), url("/fonts/Roboto-Light.woff2") format("woff2"), url("/fonts/Roboto-Light.woff") format("woff"), url("/fonts/Roboto-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("/fonts/Roboto-Regular.eot");
    src: local("Roboto"), local("Roboto-Regular"), url("/fonts/Roboto-Regular.eot#iefix") format("embedded-opentype"), url("/fonts/Roboto-Regular.woff2") format("woff2"), url("/fonts/Roboto-Regular.woff") format("woff"), url("/fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("/fonts/Roboto-Medium.eot");
    src: local("Roboto Medium"), local("Roboto-Medium"), url("/fonts/Roboto-Medium.eot#iefix") format("embedded-opentype"), url("/fonts/Roboto-Medium.woff2") format("woff2"), url("/fonts/Roboto-Medium.woff") format("woff"), url("/fonts/Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("/fonts/Roboto-Bold.eot");
    src: local("Roboto Bold"), local("Roboto-Medium"), url("/fonts/Roboto-Bold.eot#iefix") format("embedded-opentype"), url("/fonts/Roboto-Bold.woff2") format("woff2"), url("/fonts/Roboto-Bold.woff") format("woff"), url("/fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url("/fonts/Nunito-Regular.eot");
    src: local("Nunito Regular"), local("Nunito-Regular"), url("/fonts/Nunito-Regular.eot#iefix") format("embedded-opentype"), url("/fonts/Nunito-Regular.woff2") format("woff2"), url("/fonts/Nunito-Regular.woff") format("woff"), url("/fonts/Nunito-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url("/fonts/Nunito-Bold.eot");
    src: local("Nunito Bold"), local("Nunito-Bold"), url("/fonts/Nunito-Bold.eot#iefix") format("embedded-opentype"), url("/fonts/Nunito-Bold.woff2") format("woff2"), url("/fonts/Nunito-Bold.woff") format("woff"), url("/fonts/Nunito-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'pb_regular';
    src: url('open-sans.semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'pb_semibold';
    src: url('open-sans.semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'roboto';
    src: url('Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: Nunito, sans-serif;
    font-weight: 500;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

html {
    color: var(--dnn-color-foreground,#222);
    font-family: Arial,Helvetica,sans-serif;
    font-size: var(--dnn-base-font-size,16px)
}

body {
    background-color: var(--dnn-color-background,#fff);
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-weight: inherit;
    line-height: 1.4;
    margin-bottom: .75rem;
    margin-top: 1rem
}

h1 {
    font-size: 2.375rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.375rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

p {
    margin-bottom: 1.125rem
}

a, a:visited {
    text-decoration: underline
}

    a:focus, a:hover {

    }

p a, p a:visited {
    line-height: inherit
}

ol, ul {
    list-style-position: outside;
    padding-inline-start: 1.5rem
}

.left {
    float: left
}

.right {
    float: right
}

.dnnLeft {
    float: left
}

.dnnRight {
    float: right
}

.dnnClear {
    clear: both
}

    .dnnClear:after {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden
    }

* + html .dnnClear {
    min-height: 1%
}

img {
    border: 0;
    vertical-align: middle
}

    img.dnn-sclae-img {
        height: auto;
        max-width: 100%
    }

#dnn_dnnLOGO_imgLogo {
    border: 0
}

.dnnForm {
    width: 100%
}

    .dnnForm fieldset {
        clear: none;
        margin-bottom: 1.125rem;
        position: relative;
        text-align: left
    }

        .dnnForm fieldset fieldset {
            width: 100%
        }

    .dnnForm .dnnFormItem {
        clear: both;
        display: block;
        position: relative;
        text-align: left;
        width: 100%
    }

        .dnnForm .dnnFormItem a.dnnFormHelp span {
            position: relative
        }

        .dnnForm .dnnFormItem a.dnnFormHelp img {
            display: block
        }

.dnnFormItem input[type=email], .dnnFormItem input[type=password], .dnnFormItem input[type=search], .dnnFormItem input[type=text], .dnnFormItem select, .dnnFormItem textarea {
    background: var(--dnn-color-background,#fff);
    border: 1px solid var(--dnn-color-foreground-light,#c9c9c9);
    border-radius: var(--dnn-controls-radius,3px);
    color: var(--dnn-color-foreground,#333);
    font-size: .75rem;
    margin-bottom: 1.125rem;
    max-width: 445px;
    padding: .5rem;
    width: 45%
}

    .dnnFormItem input[type=email] + .dnnTertiaryAction, .dnnFormItem input[type=password] + .dnnTertiaryAction, .dnnFormItem input[type=search] + .dnnTertiaryAction, .dnnFormItem input[type=text] + .dnnTertiaryAction, .dnnFormItem select + .dnnTertiaryAction, .dnnFormItem textarea + .dnnTertiaryAction {
        display: inline-block;
        max-width: 60px
    }

.dnnFormItem input[type=checkbox], .dnnFormItem input[type=radio] {
    box-sizing: border-box;
    height: .8125rem;
    padding: 0;
    width: .8125rem
}

.dnnFormItem input[type=search] {
    box-sizing: content-box
}

.dnnFormItem input[type=checkbox] {
    margin: 0 5px
}

.dnnFormItem table {
    background: none
}

.dnnFormItem .dnnSpinner {
    margin-bottom: 1.125rem;
    width: 45%
}

.dnnFormItem .dnnTagsInput {
    width: 45%
}

.dnnFormItem textarea {
    min-height: 5rem
}

.dnnFormItem .dnnInputGroup {
    display: block;
    float: left;
    margin-bottom: 1.125rem;
    padding: .3125rem;
    width: 32.075%
}

    .dnnFormItem .dnnInputGroup .dnnLeft {
        width: 100%
    }

    .dnnFormItem .dnnInputGroup span {
        display: inline-block;
        text-align: right;
        width: 33%
    }

.dnnFormItem input[type=checkbox].normalCheckBox {
    display: inline-block;
    margin: 8px 0 4px
}

.dnnFormItem input.aspNetDisabled, .dnnFormItem textarea.aspNetDisabled {
    background: var(--dnn-color-neutral-light,#ebebeb);
    border-color: var(--dnn-color-neutral-dark,#a7a7a7);
    border-width: 1px;
    color: var(--dnn-color-neutral,#444)
}

.dnnFormItem button[disabled], .dnnFormItem input[disabled] {
    cursor: default;
    opacity: .5
}

.dnnFormItem .dnnFormItem input[type=email]:focus, .dnnFormItem .dnnFormItem input[type=password]:active, .dnnFormItem .dnnFormItem input[type=search]:focus, .dnnFormItem .dnnFormItem input[type=text]:focus, .dnnFormItem .dnnFormItem select:focus, .dnnFormItem .dnnFormItem textarea:focus, .dnnFormItem input[type=email]:active, .dnnFormItem input[type=password]:focus, .dnnFormItem input[type=search]:active, .dnnFormItem input[type=text]:active, .dnnFormItem select:active, .dnnFormItem textarea:active {
    background: var(--dnn-color-background,#fff);
    border: 1px solid var(--dnn-color-primary,rgba(2,139,255,.5));
    box-shadow: 0 0 3px 0 var(--dnn-color-primary,rgba(2,139,255,.4));
    color: var(--dnn-color-foreground,#333)
}

.dnnFormItem input:invalid, .dnnFormItem textarea:invalid {
    background-color: var(--dnn-color-neutral,#f0dddd)
}

.dnnFormItem span.dnnFormMessage.dnnFormError {
    background: var(--dnn-color-danger,rgba(255,0,0,.75));
    border: none;
    border-radius: var(--dnn-controls-radius,3px);
    bottom: 95%;
    color: var(--dnn-color-danger-contrast,#fff);
    display: block;
    font-size: .75rem;
    margin-bottom: 0;
    overflow: visible;
    padding: .625rem;
    position: absolute;
    right: 12%;
    text-align: left;
    width: 200px
}

    .dnnFormItem span.dnnFormMessage.dnnFormError:after {
        border-left: .4375rem solid transparent;
        border-right: .4375rem solid transparent;
        border-top: .4375rem solid var(--dnn-color-danger,red);
        bottom: -.4375rem;
        content: "";
        height: 0;
        left: .9375rem;
        opacity: .75;
        position: absolute;
        width: 0
    }

div.dnnFormGroup {
    display: inline-block;
    margin-bottom: 5px;
    padding: 10px;
    width: 65%
}

.dnnFormItem button, .dnnFormItem input[type=button], .dnnFormItem input[type=reset], .dnnFormItem input[type=submit], .dnnLogin .LoginTabGroup span, .dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction {
    background: var(--dnn-color-background-dark,#eaeaea);
    border: 1px solid var(--dnn-color-foreground-light,#c2c2c2);
    border-radius: var(--dnn-controls-radius,3px);
    color: var(--dnn-color-foreground,#333);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-bottom: .5625rem;
    min-width: 4.6875rem;
    overflow: visible;
    padding: .5625rem;
    text-align: center;
    text-decoration: none
}

.dnnFormItem button, .dnnFormItem input[type=button], .dnnFormItem input[type=reset], .dnnFormItem input[type=submit], .dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction {
    padding: .375rem
}

.dnnFormMessage {
    background: var(--dnn-color-info,rgba(2,139,255,.15));
    border: 1px solid var(--dnn-color-info-dark,rgba(2,139,255,.2));
    border-radius: var(--dnn-controls-radius,3px);
    display: block;
    margin-bottom: 1.125rem;
    max-width: 100%;
    padding: .95rem 1rem
}

    .dnnFormMessage, .dnnFormMessage a {
        color: var(--dnn-color-info-contrast,#000)
    }

        .dnnFormMessage a {
            text-decoration: underline
        }

        .dnnFormMessage.dnnFormError, .dnnFormMessage.dnnFormValidationSummary {
            background-color: var(--dnn-color-danger,rgba(255,0,0,.15));
            border-color: var(--dnn-color-danger-dark,rgba(255,0,0,.2));
            color: var(--dnn-color-danger-contrast,#000)
        }

            .dnnFormMessage.dnnFormError a, .dnnFormMessage.dnnFormValidationSummary a {
                color: var(--dnn-color-danger-contrast,#000)
            }

        .dnnFormMessage.dnnFormWarning {
            background-color: var(--dnn-color-warning,rgba(255,255,0,.15));
            border-color: var(--dnn-color-warning-dark,#cdb21f)
        }

            .dnnFormMessage.dnnFormWarning, .dnnFormMessage.dnnFormWarning a {
                color: var(--dnn-color-warning-contrast,#000)
            }

        .dnnFormMessage.dnnFormSuccess {
            background-color: var(--dnn-color-success,rgba(0,255,0,.15));
            border-color: var(--dnn-color-success-dark,rgba(0,255,0,.5))
        }

            .dnnFormMessage.dnnFormSuccess, .dnnFormMessage.dnnFormSuccess a {
                color: var(--dnn-color-success-contrast,#000)
            }

        .dnnFormMessage .dnnLabel {
            float: none;
            text-align: left;
            width: 90%
        }

.dnnFormItem input[type=checkbox] + span, .dnnFormItem input[type=radio] + span {
    display: inline-block;
    margin: .375rem .3125rem;
    width: auto
}

.dnnFormItem .dnnLabel {
    margin-top: .3125rem
}

.dnnFormSectionHead span {
    color: #222;
    font-size: 18px
}

.dnnTooltip {
    margin-right: 1.125rem;
    width: 32.075%
}

.dnnHelperTip, .dnnTooltip {
    display: block;
    position: relative
}

.dnnDragdropTip {
    background: rgba(var(--dnn-color-background-contrast,0),var(--dnn-color-background-contrast,0),var(--dnn-color-background-contrast,0),.75) url(../../../../../images/pin-icn.png) no-repeat 7px 12px;
    border-radius: var(--dnn-controls-radius,3px);
    color: var(--dnn-color-foreground-contrast,#ddd);
    font-size: .6875rem;
    height: auto !important;
    padding: .625rem .625rem .625rem 1.875rem;
    position: absolute;
    text-align: left;
    width: auto !important;
    z-index: 10000
}

div.dnnFormItem.dnnFormRequired > div.dnnLabel span:after, span.dnnFormRequired:after {
    color: var(--dnn-color-danger,red);
    content: "*";
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    margin: 0 0 0 .3125rem
}

.dnnForm .dnnFormItem a.dnnFormHelp, .dnnTooltip label a.dnnFormHelp, a.dnnFormHelp {
    color: var(--dnn-color-foreground,#333);
    font-weight: 700;
    text-decoration: none
}

a.dnnFormHelp {
    background: url(../../../../../images/helpI-icn-grey.png) no-repeat left 2px;
    display: inline-block;
    height: 15px;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 2px;
    width: 14px
}

.aspNetDisabled, .dnnDisabled, a.aspNetDisabled, a.dnnDisabled {
    background-color: var(--dnn-color-neutral,#ebebeb) !important;
    border: none;
    color: var(--dnn-color-neutral-dark,#ccc) !important;
    cursor: not-allowed;
    opacity: .7;
    text-decoration: none
}

.required label:after, legend.required:after {
    background: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: var(--dnn-controls-radius,3px);
    color: var(--dnn-color-foreground-light,#777);
    content: "Required";
    display: inline-block;
    font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
    font-size: .6875rem;
    font-style: italic;
    font-weight: 400;
    margin-left: .5625rem;
    margin-top: -.125rem;
    padding: .0625rem .5625rem
}

.error label, legend.error {
    color: var(--dnn-color-danger,rgba(255,0,0,.9))
}

.error .error textarea, .error input[type=email], .error input[type=search], .error input[type=text], .error select {
    border: 1px solid var(--dnn-color-danger,rgba(255,0,0,.6));
    color: var(--dnn-color-danger,rgba(255,0,0,.7))
}

.dnnFormError label a span {
    color: var(--dnn-color-danger,red)
}

.dnnFormError input[type=email], .dnnFormError input[type=password], .dnnFormError input[type=tel], .dnnFormError input[type=text], .dnnFormError select, .dnnFormError textarea {
    border: 1px solid var(--dnn-color-danger,red)
}

.dnnAddress input[type=checkbox] {
    margin: 0 5px
}

.dnnActions {
    clear: both;
    display: block;
    float: none;
    margin: 0;
    padding-top: 1.125rem;
    text-align: left
}

    .dnnActions li {
        float: left;
        list-style: none;
        margin-right: .3125rem
    }

.dnnFormItem input[type=submit], .dnnPrimaryAction, a.dnnPrimaryAction {
    background: var(--dnn-color-primary,#3792ed);
    border-color: var(--dnn-color-primary-dark,#0d569e);
    color: var(--dnn-color-primary-contrast,#efefef)
}

    .dnnFormItem input[type=submit]:active, .dnnFormItem input[type=submit]:hover, .dnnPrimaryAction:active, .dnnPrimaryAction:hover, a.dnnPrimaryAction:active, a.dnnPrimaryAction:hover {
        background: var(--dnn-color-primary-light,#6cb6f3);
        color: var(--dnn-color-primary-contrast,#fff)
    }

    .dnnFormItem input[type=submit][disabled], .dnnFormItem input[type=submit][disabled]:active, .dnnFormItem input[type=submit][disabled]:hover, .dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:active, .dnnPrimaryAction[disabled]:hover, a.dnnPrimaryAction[disabled], a.dnnPrimaryAction[disabled]:active, a.dnnPrimaryAction[disabled]:hover {
        background: var(--dnn-color-neutral-light,#ebebeb);
        border-color: var(--dnn-color-neutral-dark,#a7a7a7);
        color: var(--dnn-color-neutral,#444)
    }

.dnnFormItem input[type=reset], .dnnLogin .LoginTabGroup span, .dnnSecondaryAction, a.dnnSecondaryAction {
    background: var(--dnn-color-secondary,#f5f5f5);
    border-color: var(--dnn-color-secondary-dark,#f5f5f5);
    color: var(--dnn-color-secondary-contrast,#333)
}

    .dnnFormItem input[type=reset]:active, .dnnFormItem input[type=reset]:hover, .dnnLogin .LoginTabGroup span:active, .dnnLogin .LoginTabGroup span:hover, .dnnSecondaryAction:active, .dnnSecondaryAction:hover, a.dnnSecondaryAction:active, a.dnnSecondaryAction:hover {
        background: var(--dnn-color-secondary-light,#fefefe);
        color: var(--dnn-color-secondary-contrast,#333)
    }

    .dnnFormItem input[type=reset][disabled], .dnnFormItem input[type=reset][disabled]:active, .dnnFormItem input[type=reset][disabled]:hover, .dnnLogin .LoginTabGroup span[disabled], .dnnLogin .LoginTabGroup span[disabled]:active, .dnnLogin .LoginTabGroup span[disabled]:hover, .dnnSecondaryAction[disabled], .dnnSecondaryAction[disabled]:active, .dnnSecondaryAction[disabled]:hover, a.dnnSecondaryAction[disabled], a.dnnSecondaryAction[disabled]:active, a.dnnSecondaryAction[disabled]:hover {
        background: var(--dnn-color-neutral-light,#ebebeb);
        border-color: var(--dnn-color-neutral-dark,#a7a7a7);
        color: var(--dnn-color-neutral,#444)
    }

.dnnTertiaryAction, a.dnnTertiaryAction {
    background: var(--dnn-color-tertiary,#eaeaea);
    border-color: var(--dnn-color-tertiary-dark,#c2c2c2);
    color: var(--dnn-color-tertiary-contrast,#333)
}

    .dnnTertiaryAction:active, .dnnTertiaryAction:hover, a.dnnTertiaryAction:active, a.dnnTertiaryAction:hover {
        background: var(--dnn-color-tertiary-dark,#d8d8d8);
        color: var(--dnn-color-tertiary-contrast,#333)
    }

.dnnFormItem input[type=text] + a.dnnPrimaryAction, .dnnFormItem input[type=text] + a.dnnSecondaryAction, .dnnFormItem input[type=text] + a.dnnTerriaryAction {
    margin-left: .3125rem
}

.dnnFormItem input[type=checkbox] + span, .dnnFormItem input[type=radio] + span {
    margin: .3125rem
}

.dnnHelperTip .dnnFormHelpContent, .dnnTooltip .dnnFormHelpContent {
    background: var(--dnn-color-info,rgba(0,0,0,.75));
    border-radius: var(--dnn-controls-radius,3px);
    color: var(--dnn-color-info-contrast,#ddd);
    font-size: .6875rem;
    padding: 10px 10px 10px 30px;
    position: absolute;
    text-align: left;
    visibility: hidden;
    width: 200px;
    z-index: 10
}

.dnnFormHelpContent span {
    display: block;
    word-wrap: break-word
}

.dnnTooltip .dnnFormHelpContent .dnnHelpText {
    word-wrap: break-word
}

.dnnFormItem input[type=radio] + label, .dnnFormRadioButtons label {
    display: inline;
    float: none;
    font-weight: 400;
    margin: 0 10px 0 0;
    padding-right: 0;
    text-align: left;
    width: auto
}

.dnnFormRadioButtons {
    display: block;
    float: left;
    width: auto
}

    .dnnFormRadioButtons input[type=radio] {
        float: none
    }

.dnnTextEditor {
    margin-bottom: 1.125rem
}

.dnnFormLabel, .dnnLabel {
    float: left;
    margin-right: 18px;
    overflow: visible;
    padding-right: 20px;
    position: relative;
    text-align: right;
    width: 32.075%
}

    .dnnFormLabel > span, .dnnLabel > span {
        text-align: right
    }

    .dnnFormLabel + span, .dnnLabel + span {
        display: inline-block;
        margin-bottom: 6px;
        margin-top: 6px;
        white-space: pre-line
    }

.bottomArrow:after {
    border-top: 7px solid var(--dnn-color-info,#000);
    bottom: -7px
}

.bottomArrow:after, .topArrow:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    height: 0;
    left: 15px;
    position: absolute;
    width: 0
}

.topArrow:before {
    border-bottom: 7px solid var(--dnn-color-info,#000);
    top: -7px
}

a.pinHelp {
    background: url(../../../../../images/pin-icn.png) no-repeat 0 0;
    display: block;
    filter: contrast(3);
    height: 15px;
    left: 7px;
    opacity: .5;
    position: absolute;
    top: 12px;
    width: 15px
}

    .ui-draggable a.pinHelp, a.pinHelp:hover {
        opacity: 1
    }

.dnnCheckbox {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

    .dnnCheckbox img {
        background: transparent url(../../../../../images/checkbox.png) no-repeat;
        background-position: 0 0;
        height: 18px;
        width: 18px
    }

.dnnCheckbox-checked img {
    background-position: -51px 0
}

.dnnCheckbox-disabled {
    cursor: not-allowed
}

    .dnnCheckbox-disabled img {
        opacity: .5
    }

.dnnCheckbox-error img {
    background-position: -100px 0
}

.dnnCheckbox-checked-error img {
    background-position: -150px 0
}

.dnnCheckbox-focus {
    outline: 2px solid var(--dnn-color-forground,#000);
    outline-offset: 2px
}

.dnnBoxLabel, .dnnRadiobutton {
    display: inline-block
}

.dnnRadiobutton {
    cursor: pointer
}

    .dnnRadiobutton .mark {
        display: inline-block
    }

    .dnnRadiobutton img {
        background: transparent url(../../../../../images/radiobutton.png) no-repeat;
        background-position: 0 0;
        height: 18px;
        min-width: 20px;
        vertical-align: middle;
        width: 20px
    }

.dnnRadiobutton-checked img {
    background-position: -50px 0
}

.dnnRadiobutton-disabled img {
    opacity: .5
}

.dnnRadiobutton-checked-error img {
    background-position: -150px 0
}

.dnnRadiobutton-error img {
    background-position: -100px 0
}

.dnnRadiobutton-focus {
    outline: 2px solid var(--dnn-color-foreground,#000);
    outline-offset: 2px
}

div.dnnFormRadioButtons, div.dnnHSRadioButtons, span.dnnFormRadioButtons, span.dnnHSRadioButtons {
    display: inline-block;
    margin-bottom: 5px;
    padding: 10px
}

table.dnnFormRadioButtons {
    margin-bottom: 5px
}

.RadComboBox_Default .rcbInput {
    width: 100% !important
}

div.dnnTagsInput {
    background: var(--dnn-color-background,#fff);
    border: 1px solid var(--dnn-color-foreground-light,#c9c9c9);
    border-radius: var(--dnn-controls-radius,3px);
    display: inline-block;
    margin: 0;
    padding: 5px 0 0 5px
}

    div.dnnTagsInput span.tag {
        background-color: var(--dnn-color-neutral,#eee);
        border: 1px solid var(--dnn-color-neutral-dark,#c9c9c9);
        border-radius: var(--dnn-controls-radius,3px);
        color: var(--dnn-color-neutral-contrast,#888);
        cursor: pointer;
        display: block;
        float: left;
        font-size: .75rem;
        margin-bottom: 5px;
        margin-right: 5px;
        padding: 2px 6px;
        text-decoration: none;
        word-break: break-word
    }

        div.dnnTagsInput span.tag:hover {
            background-color: var(--dnn-color-primary,#e8f1fa);
            border-color: var(--dnn-color-primary-dark,#000);
            color: var(--dnn-color-primary-contrast,#444)
        }

        div.dnnTagsInput span.tag a {
            background: transparent url(../../../../../images/dnnTagClose.png) no-repeat;
            background-position: 50%;
            display: inline-block;
            filter: contrast(5);
            height: 8px;
            margin: .375rem 0 0;
            width: 8px
        }

    div.dnnTagsInput > div > input {
        background: transparent;
        border: none;
        display: inline-block;
        font-size: .75rem;
        height: 1.1875rem;
        margin-bottom: .3125rem;
        padding: .5rem 0 .1875rem .1875rem;
        vertical-align: top
    }

        div.dnnTagsInput > div > input:active, div.dnnTagsInput > div > input:focus {
            outline: none
        }

        div.dnnTagsInput > div > input.dnnTagsInvalid {
            background: var(--dnn-color-danger,#fbd8db);
            border: none;
            border-radius: var(--dnn-controls-radius,3px);
            color: var(--dnn-color-danger-contrast,#90111a) !important;
            cursor: pointer;
            display: block;
            float: left;
            font-size: .75rem;
            margin-right: 5px;
            outline: none;
            text-decoration: none
        }

    div.dnnTagsInput div {
        display: block;
        float: left
    }

        div.dnnTagsInput div.dnnTags_filter {
            float: right;
            margin: 0 0 .3125rem .3125rem;
            position: relative
        }

            div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label {
                background: url(../../../../../images/dnnSpinnerDownArrow.png) no-repeat;
                background-position: 100%;
                border-left: 1px solid #ccc;
                color: #999;
                cursor: pointer;
                display: inline-block;
                height: 22px;
                margin-right: 3px;
                padding: 3px 15px 0 10px
            }

.dnnFormPopup {
    background: var(--dnn-color-background,#fff);
    box-shadow: 0 0 25px 0 rgba(var(--dnn-color-foreground-r,0),var(--dnn-color-foreground-g,0),var(--dnn-color-foreground-b,0),.75);
    padding: 1.125rem;
    position: absolute;
    z-index: 100000
}

    .dnnFormPopup .dnnFormPopup > * {
        box-sizing: content-box
    }

    .dnnFormPopup .ui-dialog-titlebar {
        border-bottom: 1px solid var(--dnn-color-foreground-light,#ddd);
        cursor: move;
        font-size: 1.125rem;
        font-weight: 700;
        padding: 0 0 1.125rem;
        position: relative
    }

    .dnnFormPopup .dnnModalCtrl {
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 0 5px #666;
        display: block;
        height: 26px;
        position: absolute;
        right: -30px;
        top: -30px;
        width: 69px
    }

        .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
            background: #585858 url(../../../../../images/closeBtn.png) no-repeat;
            background-position: 8px 4px;
            border: none;
            border-bottom-right-radius: 8px;
            border-top-right-radius: 8px;
            display: block;
            float: right;
            height: 18px;
            margin: 4px 4px 0 1px;
            min-width: 0 !important;
            overflow: hidden;
            text-indent: -9999em;
            width: 30px
        }

            .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover {
                background: var(--dnn-color-primary,#358eea) url(../../../../../images/closeBtn.png) no-repeat;
                background-position: 8px 4px;
                cursor: pointer
            }

        .dnnFormPopup .dnnModalCtrl a.dnnToggleMax {
            background: #585858 url(../../../../../images/resizeBtn.png) no-repeat;
            background-position: 10px 2px;
            border-bottom-left-radius: 8px;
            border-top-left-radius: 8px;
            display: block;
            float: left;
            height: 18px;
            margin: 4px 0 0 4px;
            overflow: hidden;
            text-indent: -9999em;
            width: 30px
        }

            .dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover {
                background: var(--dnn-color-primary,#358eea) url(../../../../../images/resizeBtn.png) no-repeat;
                background-position: 10px 2px
            }

    .dnnFormPopup .ui-resizable-se {
        background: url(../../../../../images/modal-resize-icn.png) no-repeat bottom;
        float: right;
        height: 24px;
        width: 24px
    }

    .dnnFormPopup .dnnDialog {
        padding: 10px
    }

    .dnnFormPopup #iPopUp {
        padding-top: 10px;
        width: 100% !important
    }

        .dnnFormPopup #iPopUp .ui-dialog-content, .dnnFormPopup .ui-dialog-content {
            background: var(--dnn-color-background,#fff);
            border: 0;
            overflow: auto;
            padding: 0;
            position: relative;
            zoom: 1
        }

    .dnnFormPopup .ui-dialog-buttonpane {
        background-image: none;
        border-width: 1px 0 0;
        border-top: 1px solid var(--dnn-color-foreground-light,#ddd);
        margin: .5em 0 0;
        overflow: hidden;
        padding: .3em 1em 0 0;
        text-align: left
    }

        .dnnFormPopup .ui-dialog-buttonpane button {
            border: none;
            cursor: pointer;
            margin: .5em .4em .5em 0;
            padding: .5em 1em
        }

.dnnLoading {
    background: #fff url(../../../../../images/loading.gif) no-repeat 50%;
    position: absolute;
    z-index: 9999
}

.dnnPanelLoading {
    height: 100%;
    left: 0;
    opacity: .7;
    top: 0;
    width: 100%
}

.dnnForm .ui-resizable {
    position: relative
}

.dnnForm .ui-resizable-handle {
    display: block;
    font-size: .1px;
    position: absolute;
    z-index: 99999
}

.dnnForm .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    left: 0;
    top: -5px;
    width: 100%
}

.dnnForm .ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%
}

.dnnForm .ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px
}

.dnnForm .ui-resizable-w {
    cursor: w-resize;
    height: 100%;
    left: -5px;
    top: 0;
    width: 7px
}

.dnnForm .ui-resizable-se {
    bottom: 1px;
    cursor: se-resize;
    height: 12px;
    right: 1px;
    width: 12px
}

.dnnForm .ui-resizable-sw {
    bottom: -5px;
    cursor: sw-resize;
    height: 9px;
    left: -5px;
    width: 9px
}

.dnnForm .ui-resizable-nw {
    cursor: nw-resize;
    height: 9px;
    left: -5px;
    top: -5px;
    width: 9px
}

.dnnForm .ui-resizable-ne {
    cursor: ne-resize;
    height: 9px;
    right: -5px;
    top: -5px;
    width: 9px
}

.dnnForm .ui-resizable-autohide .ui-resizable-handle, .dnnForm .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.dnnSpinner {
    background: #fff;
    background: linear-gradient(180deg,#fff 0,#f0f2f1);
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #bbb;
    color: #333;
    display: inline-block;
    overflow: visible;
    padding: 6px;
    position: relative;
    text-decoration: none;
    width: 150px
}

.dnnSpinnerDisplay {
    background: transparent;
    color: #999;
    margin: 0 25px 0 8px
}

.dnnFormItem .dnnSpinnerDisplay > input[type=text], .dnnFormItem .dnnSpinnerDisplay > input[type=text]:focus {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.dnnSpinnerCtrl {
    background-color: transparent;
    border-left: 1px solid #c9c9c9;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px
}

    .dnnSpinnerCtrl > a.dnnSpinnerTopButton {
        background: transparent url(../../../../../images/dnnSpinnerUpArrow.png) no-repeat;
        background-position: 50%;
        cursor: pointer;
        display: block;
        height: 16px;
        width: 25px
    }

    .dnnSpinnerCtrl > a.dnnSpinnerBotButton {
        background: transparent url(../../../../../images/dnnSpinnerDownArrow.png) no-repeat;
        background-position: 50%;
        cursor: pointer;
        display: block;
        height: 16px;
        width: 25px
    }

ul.dnnAdminTabNav {
    border-bottom: 1px solid var(--dnn-color-foreground-light,#c2c2c2);
    display: flex;
    margin-left: 0;
    margin-top: .3125rem;
    width: 100%
}

    ul.dnnAdminTabNav li {
        align-items: center;
        display: flex;
        list-style: none
    }

        ul.dnnAdminTabNav li a {
            border: 1px solid var(--dnn-color-foreground-light,#c2c2c2);
            border-bottom: none;
            border-radius: var(--dnn-controls-radius,3px) var(--dnn-controls-radius,3px) 0 0;
            margin-bottom: 0;
            margin-right: .25rem;
            padding: 12px 9px 10px;
            text-decoration: none
        }

            ul.dnnAdminTabNav li a:active, ul.dnnAdminTabNav li a:hover {
                color: var(--dnn-color-primary-light,#028bff)
            }

        ul.dnnAdminTabNav li.ui-tabs-active a {
            background: var(--dnn-color-primary,#fff);
            border-color: var(--dnn-color-primary,#028bff);
            color: var(--dnn-color-primary-contrast,#000)
        }

.ui-tabs .ui-tabs-panel {
    display: block;
    position: relative
}

.ui-tabs .ui-tabs-hide {
    display: none
}

div.ui-dialog-titlebar > .ui-dialog-titlebar-close {
    background: #585858 url(../../../../../images/closeBtn.png) no-repeat;
    background-position: 4px 4px;
    border: 3px solid #fff;
    border-radius: 12px;
    display: block;
    height: 24px;
    margin: 0;
    min-width: 0 !important;
    overflow: hidden;
    position: absolute;
    right: -30px;
    text-indent: -9999em;
    top: -30px;
    width: 24px
}

.dnnForm .ui-helper-hidden {
    display: none
}

.dnnForm .ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px)
}

.dnnForm .ui-state-highlight, .dnnForm .ui-widget-content .ui-state-highlight, .dnnForm .ui-widget-header .ui-state-highlight {
    background: var(--dnn-color-warning,#ffe45c);
    border: 1px solid var(--dnn-color-warning-dark,#fed22f);
    color: var(--dnn-color-warning-contrast,#363636)
}

    .dnnForm .ui-state-highlight a, .dnnForm .ui-widget-content .ui-state-highlight a, .dnnForm .ui-widget-header .ui-state-highlight a {
        color: var(--dnn-color-warning-contrast,#363636)
    }

.dnnForm .ui-state-error, .dnnForm .ui-widget-content .ui-state-error, .dnnForm .ui-widget-header .ui-state-error {
    background: var(--dnn-color-danger,#b81900);
    border: 1px solid var(--dnn-color-danger-dark,#cd0a0a);
    color: var(--dnn-color-danger-contrast,#fff)
}

    .dnnForm .ui-state-error a, .dnnForm .ui-state-error-text, .dnnForm .ui-widget-content .ui-state-error a, .dnnForm .ui-widget-content .ui-state-error-text, .dnnForm .ui-widget-header .ui-state-error a, .dnnForm .ui-widget-header .ui-state-error-text {
        color: var(--dnn-color-danger-contrast,#fff)
    }

.dnnForm .ui-priority-primary, .dnnForm .ui-widget-content .ui-priority-primary, .dnnForm .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.dnnForm .ui-priority-secondary, .dnnForm .ui-widget-content .ui-priority-secondary, .dnnForm .ui-widget-header .ui-priority-secondary {
    font-weight: 400;
    opacity: .7
}

.dnnForm .ui-state-disabled, .dnnForm .ui-widget-content .ui-state-disabled, .dnnForm .ui-widget-header .ui-state-disabled {
    background-image: none;
    opacity: .35
}

.dnnForm .ui-draggable {
    cursor: move
}

.dnnForm .dnnForm .ui-corner-right, .dnnForm .dnnForm .ui-corner-tr, .dnnForm .ui-corner-all, .dnnForm .ui-corner-left, .dnnForm .ui-corner-tl, .dnnForm .ui-corner-top {
    border-radius: var(--dnn-controls-radius,4px)
}

.ui-widget-overlay {
    background: rgba(0,0,0,.65);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.dnn_acResults {
    background-color: #fff;
    border: 1px solid #c9c9c9;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 2px 0 0 #bbb;
    min-width: 150px;
    overflow: hidden;
    padding: 0;
    z-index: 900001
}

    .dnn_acResults ul {
        list-style-position: outside;
        list-style: none;
        margin: 0;
        padding: 0
    }

        .dnn_acResults ul li {
            border-top: 1px solid #c9c9c9;
            color: #666;
            color: #333;
            cursor: pointer;
            display: block;
            margin: 0;
            overflow: hidden;
            padding: 6px 22px
        }

            .dnn_acResults ul li:first-child {
                border-top: none
            }

.dnn_acSelect {
    background-color: #e8f1fa;
    color: #333
}

.dnnProgressbar {
    background: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    height: 25px !important;
    padding: 18px 10px 0
}

.ui-progressbar {
    background-color: #ccc;
    height: 10px !important;
    overflow: hidden;
    text-align: left
}

    .ui-progressbar .ui-progressbar-value {
        background-color: #1a82f7;
        background: linear-gradient(90deg,#2b7fda 0,#3fbdff);
        height: 100%;
        margin: 0
    }

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    background: #ccc;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 11px
}

.jspHorizontalBar {
    background: #ccc;
    bottom: 0;
    height: 11px;
    left: 0;
    position: absolute;
    width: 100%
}

    .jspHorizontalBar *, .jspVerticalBar * {
        margin: 0;
        padding: 0
    }

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: transparent;
    position: relative
}

.jspVerticalBar .jspTrack {
    margin: 0 0 0 3px;
    width: 10px
}

.jspHorizontalBar .jspTrack {
    height: 5px;
    margin: 3px 0
}

.jspVerticalBar .jspCap {
    display: block;
    height: 3px;
    width: 11px
}

.jspHorizontalBar .jspCap {
    display: block;
    height: 11px;
    width: 3px
}

.jspDrag {
    background: #000;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    left: 0;
    opacity: .75;
    position: relative;
    top: 0
}

.jspHorizontalBar .jspDrag, .jspHorizontalBar .jspTrack {
    float: left;
    height: 5px
}

.dnnDropdownSettings {
    height: 30px !important;
    position: relative
}

.dnnButtonDropdown {
    background: var(--dnn-color-background,#fff);
    border: 1px solid var(--dnn-color-foreground-light,#c9c9c9);
    border-radius: var(--dnn-controls-radius,3px);
    cursor: pointer;
    height: 30px !important;
    width: 50px
}

.dnnButtonArrow, .dnnButtonIcon {
    display: inline-block;
    height: 30px !important
}

.dnnButtonIcon {
    width: 32px
}

.dnnButtonArrow {
    background: transparent url(../../../../../images/dnnSpinnerDownArrow.png) no-repeat 50%;
    width: 10px
}

.dnnButtonDropdown-clicked {
    border-bottom: 1px solid var(--dnn-color-foreground-light,#c9c9c9);
    border: 1px solid var(--dnn-color-foreground-light,#c9c9c9);
    border-bottom-color: var(--dnn-color-background,#fff);
    border-top-left-radius: var(--dnn-controls-radius,3px);
    border-top-right-radius: var(--dnn-controls-radius,3px);
    height: 30px !important;
    width: 50px;
    z-index: 100
}

.dnnButtonDropdown-clicked, .dnnButtonDropdown-ul {
    background: var(--dnn-color-background,#fff);
    position: absolute
}

.dnnButtonDropdown-ul {
    border: 1px solid var(--dnn-color-foreground-light,#c9c9c9);
    border-radius: 3px;
    display: none;
    left: 0;
    list-style-type: none;
    margin-left: 0;
    top: 29px;
    width: 200px;
    z-index: 99
}

    .dnnButtonDropdown-ul > li, .dnnButtonDropdown-ul > ul > li {
        border-bottom: 1px solid var(--dnn-color-foreground-light,#c9c9c9);
        color: var(--dnn-color-foreground,#333);
        cursor: pointer;
        list-style: none;
        margin: 0;
        padding: 8px;
        vertical-align: middle
    }

    .dnnButtonDropdown-ul > ul {
        margin: 0
    }

        .dnnButtonDropdown-ul > ul > li {
            padding-left: 16px
        }

    .dnnButtonDropdown-ul > li:last-child {
        border-bottom: none !important
    }

    .dnnButtonDropdown-ul > li:hover {
        background-color: var(--dnn-color-background-dark,#e8f1fa);
        color: var(--dnn-color-foreground-dark,#000)
    }

.ModuleTitle_MenuContainer {
    border: 1px solid blue
}

table.dnnASPGrid, table.dnnGrid {
    border: 1px solid var(--dnn-color-foreground-light,#c9c9c9);
    margin-bottom: 20px
}

.dnnGridHeader td, thead.dnnGridHeader th, tr.dnnGridHeader th {
    background: var(--dnn-color-background-dark,#f0f2f1);
    border-bottom: 1px solid var(--dnn-color-foreground-light,#c9c9c9);
    border-right: 1px solid var(--dnn-color-foreground-light,#c9c9c9);
    padding: .375rem .75rem
}

.dnnGridAltItem td, .dnnGridItem td {
    border-right: 1px solid var(--dnn-color-foreground-light,#c9c9c9);
    padding: .375rem
}

    .dnnGridAltItem td input, .dnnGridItem td input {
        margin-bottom: none
    }

.dnnGridAltItem:hover, .dnnGridItem:hover {
    background-color: rgba(var(--dnn-color-primary-r,0),var(--dnn-color-primary-g,165),var(--dnn-color-primary-b,224),.2)
}

.dnnGridAltItem {
    background: var(--dnn-color-background-dark,#f2f2f2)
}

td.dnnGridHeaderTD-NoBorder {
    border-right: none !important
}

tr.dnnGridAltItem td, tr.dnnGridItem td {
    border-right: none
}

    tr.dnnGridItem td input {
        margin-bottom: 0
    }

.dnnFilePicker, span[id$=FileControl] {
    display: block;
    float: left
}

.dnnFilePicker {
    background-color: var(--dnn-color-background,#f0f0f0);
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0 15px;
    width: 450px
}

    .dnnFilePicker .dnnLeft {
        margin: -30px 0 0;
        padding: 0
    }

        .dnnFilePicker .dnnLeft img {
            max-height: 100px;
            max-width: 135px
        }

        .dnnFilePicker .dnnLeft .dnnFilePickerImageHolder {
            background-color: #ccc;
            height: 100px;
            margin: 20px 15px;
            width: 135px
        }

        .dnnFilePicker .dnnLeft a.dnnSecondaryAction {
            display: inline-block;
            margin: 10px 10px 0 0
        }

        .dnnFilePicker .dnnLeft img {
            display: block;
            margin: 20px 15px
        }

    .dnnFilePicker .dnnFormItem {
        margin: -10px 0 0;
        padding: 0;
        position: static
    }

        .dnnFilePicker .dnnFormItem span {
            display: block;
            float: left;
            margin-top: 8px;
            padding-left: 5px;
            text-align: left;
            width: 40px
        }

    .dnnFilePicker input, .dnnFilePicker select {
        float: none;
        margin: 0 10px 0 0;
        width: 200px
    }

.eipbackimg {
    background: url(../../../../../images/eip_toolbar.png) repeat-x;
    height: 32px;
    margin-top: -32px;
    position: absolute;
    white-space: nowrap;
    z-index: 1
}

    .eipbackimg.editMode {
        background: linear-gradient(180deg,#303030 0,#191919) !important;
        opacity: .8
    }

        .eipbackimg.editMode .eipbuttonbackimg {
            border-left: 1px solid #1f1f1f;
            border-right: 1px solid #393939;
            opacity: .5
        }

        .eipbackimg.editMode.containerTitle .eipbuttonbackimg {
            border: none;
            opacity: 1
        }

        .eipbackimg.editMode.containerTitle .eipborderhover {
            background-color: inherit
        }

        .eipbackimg.editMode .eipborderhover {
            background-color: #333;
            opacity: 1
        }

    .eipbackimg.containerTitle {
        margin-top: -8px
    }

        .eipbackimg.containerTitle.editMode {
            background: none !important;
            border: none !important;
            left: auto;
            margin-top: -2px;
            right: 0
        }

        .eipbackimg.containerTitle .eipbutton_cancel {
            background: url(../../../../../images/eip_title_cancel.png) no-repeat 50%
        }

        .eipbackimg.containerTitle .eipbutton_save {
            background-image: url(../../../../../images/eip_title_save.png)
        }

.eipbuttonbackimg {
    background: url(../../../../../images/eip_toolbar.png) no-repeat;
    cursor: pointer;
    float: left;
    height: 32px;
    width: 32px
}

    .eipbuttonbackimg.eipbutton_cancel {
        background-position: -32px 0
    }

    .eipbuttonbackimg.eipbutton_bold {
        background-position: -64px 0
    }

    .eipbuttonbackimg.eipbutton_italic {
        background-position: -96px 0
    }

    .eipbuttonbackimg.eipbutton_underline {
        background-position: -128px 0
    }

    .eipbuttonbackimg.eipbutton_justifyleft {
        background-position: -160px 0
    }

    .eipbuttonbackimg.eipbutton_justifycenter {
        background-position: -192px 0
    }

    .eipbuttonbackimg.eipbutton_justifyright {
        background-position: -224px 0
    }

    .eipbuttonbackimg.eipbutton_orderedlist {
        background-position: -256px 0
    }

    .eipbuttonbackimg.eipbutton_unorderedlist {
        background-position: -288px 0
    }

    .eipbuttonbackimg.eipbutton_outdent {
        background-position: -320px 0
    }

    .eipbuttonbackimg.eipbutton_indent {
        background-position: -352px 0
    }

    .eipbuttonbackimg.eipbutton_createlink {
        background-position: -384px 0
    }

.eipbutton_edit {
    background: url(../../../../../images/eip_edit.png) no-repeat 100%;
    float: left
}

.eipbutton_save {
    background: url(../../../../../images/eip_save.png) no-repeat 100%;
    float: left
}

div[id$=titleLabel_tb].visible ~ span {
    margin-left: 32px
}

.dnnLogin .LoginTabGroup {
    border-bottom: 1px solid #c2c2c2;
    display: inline-block;
    height: 37px;
    margin-left: 0;
    margin-top: 5px;
    width: 100%
}

    .dnnLogin .LoginTabGroup span {
        border-bottom: 0;
        border-radius: 3px 3px 0 0;
        box-shadow: none;
        margin-bottom: 0;
        margin-right: 4px
    }

        .dnnLogin .LoginTabGroup span.LoginTabSelected {
            background: none repeat scroll 0 0 #fff;
            margin-top: -3px;
            padding: 12px 9px 10px
        }

.dnnLoginActions {
    display: inline-block
}

.dnnTableDisplay {
    border: 1px solid var(--dnn-color-neutral,#d1d1d1);
    border-bottom: 0;
    border-left: 0;
    margin-bottom: 1.125rem
}

    .dnnTableDisplay td, .dnnTableDisplay th {
        border-bottom: 1px solid var(--dnn-color-neutral,#d1d1d1);
        padding: 5px 9px
    }

    .dnnTableDisplay th {
        border-left: 1px solid var(--dnn-color-neutral,#d1d1d1);
        padding: 0
    }

        .dnnTableDisplay th > a, .dnnTableDisplay th > span {
            display: block;
            padding: 5px 9px
        }

    .dnnTableDisplay td:first-child {
        border-left: 1px solid var(--dnn-color-neutral,#d1d1d1)
    }

    .dnnTableDisplay label {
        display: inline;
        padding-left: .3125rem
    }

    .dnnTableDisplay th {
        background: var(--dnn-color-background,#d1d1d1);
        color: var(--dnn-color-foreground,#333);
        text-align: left
    }

        .dnnTableDisplay th a, .dnnTableDisplay th label {
            color: var(--dnn-color-foreground,#333);
            font-weight: 400;
            text-decoration: none
        }

        .dnnTableDisplay th a {
            padding: .5rem .5625rem
        }

            .dnnTableDisplay th a:active, .dnnTableDisplay th a:hover {
                color: var(--dnn-color-foreground-dark,#333)
            }

    .dnnTableDisplay tr:nth-child(2n) td {
        background: rgba(var(--dnn-color-foreground-r,0),var(--dnn-color-foreground-g,0),var(--dnn-color-foreground-b,0),.04)
    }

    .dnnTableDisplay .dnnTableDisplay tr:hover td {
        background: rgba(var(--dnn-color-info-r,2),139,255,.15)
    }

    .dnnTableDisplay tfoot tr:hover td {
        background: none
    }

.dnnTableFilter {
    background: rgba(var(--dnn-color-foreground,0),var(--dnn-color-foreground,0),var(--dnn-color-foreground,0),.04);
    margin-bottom: 18px
}

    .dnnTableFilter .dnnTableDisplay {
        margin-bottom: 0
    }

.dnnFilterSet {
    padding: 1.125rem
}

    .dnnFilterSet label {
        display: inline-block
    }

    .dnnFilterSet input, .dnnFilterSet select {
        display: inline-block;
        margin: 0 .3125rem
    }

.verticalFilter .dnnFilterSet {
    float: left;
    padding: 2% 1.125rem;
    width: 20%
}

.verticalFilter .dnnTableDisplay {
    float: right;
    width: 75%
}

.verticalFilter input[type=search], .verticalFilter input[type=text], .verticalFilter select {
    box-sizing: border-box;
    margin: 0;
    width: 100%
}

.Head {
    display: inline-block;
    margin-bottom: .375rem
}

td.SubHead {
    display: table-cell;
    margin-bottom: 0
}

.Normal, .NormalDeleted, .NormalDisabled {
    color: var(--dnn-color-foreground,#444);
    font-size: 1rem;
    line-height: 1.125rem;
    word-wrap: break-word
}

.NormalDeleted, .NormalDisabled {
    color: var(--dnn-color-neutral,#999)
}

.NormalBold, .NormalRed {
    font-weight: 700
}

.NormalRed {
    color: var(--dnn-color-danger,red)
}

.NormalDeleted {
    text-decoration: line-through
}

.Help {
    background-color: var(--dnn-color-warning,#ff9);
    border: 1px solid var(--dnn-color-warning-contrast,#000);
    color: var(--dnn-color-warning-contrast,#000);
    font-size: .6875rem;
    font-weight: 400;
    padding: 2px
}

.DNNAlignleft {
    text-align: left
}

.DNNAlignright {
    text-align: right
}

.DNNAligncenter {
    text-align: center
}

.Hidden {
    display: none
}

div.errorWin p {
    margin: 0 0 10px
}

h2.dnnFormSectionHead {
    border-bottom: 1px solid var(--dnn-color-foreground-light,#ddd);
    font-size: 2rem;
    letter-spacing: .001875rem;
    line-height: 2.25rem;
    margin-bottom: 18px;
    margin-top: 8px
}

    h2.dnnFormSectionHead h2.dnnFormSectionHead a {
        background: url(../../../../../images/down-icn.png) no-repeat right 50%;
        color: var(--dnn-color-foreground,#333);
        display: block;
        font-size: 7.375rem;
        font-weight: 400;
        letter-spacing: normal;
        padding-left: 3px;
        text-decoration: none
    }

        h2.dnnFormSectionHead h2.dnnFormSectionHead a:hover {
            background: rgba(var(--dnn-color-primary-r,2),var(--dnn-color-primary-g,139),var(--dnn-color-primary-b,255),.05) url(../../../../../images/down-icn.png) no-repeat right 50%;
            color: #222
        }

        h2.dnnFormSectionHead h2.dnnFormSectionHead a.dnnSectionExpanded {
            background: url(../../../../../images/up-icn.png) no-repeat right 50%;
            color: var(--dnn-color-foreground,#222)
        }

            h2.dnnFormSectionHead h2.dnnFormSectionHead a.dnnSectionExpanded:hover {
                background: rgba(var(--dnn-color-primary-r,2),var(--dnn-color-primary-g,139),var(--dnn-color-primary-b,255),.05) url(../../../../../images/up-icn.png) no-repeat right 50%;
                color: var(--dnn-color-foreground,#222)
            }
/*# sourceMappingURL=default.css.map */