﻿* {
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}

p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

a {
    cursor: pointer;
}

    a:focus {
        outline: thin dotted;
    }

    a:active, a:hover {
        outline: none;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

h1, h2, h3, p {
    font-weight: normal;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button, input {
    line-height: normal;
}

    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
    }

        button[disabled], input[disabled] {
            cursor: default;
        }

input, textarea {
    outline: none;
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, textarea, select {
    outline: none;
}

.smallSpace {
    height: 15px;
}

.medSpace {
    height: 30px;
}

.largeSpace {
    height: 60px;
}

.clear {
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.center {
    position: relative;
    width: auto;
    margin: 0 auto;
}

.centerContent {
    text-align: center;
}

.nowrap {
    white-space: nowrap;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

html {
    width: 100%;
    height: 100%;
    font-family: Montserrat, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #000;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    width: 100%;
    height: 100%;
}

    body.cke_ltr {
        overscroll-behavior: none;
        -webkit-transform-style: preserve-3d;
        background: #33cccc;
    }


/* Admin Account Rules */
.adminAccountWrap {
    position: relative;
    display: block;
    min-width: 980px;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    height: auto;
    color: #ddd;
    background: #4c4c4c;
    background: -webkit-radial-gradient(center top, ellipse cover, #4c4c4c 20%,#111111 100%);
    background: -moz-radial-gradient(center top, ellipse cover, #4c4c4c 20%, #111111 100%);
    background: radial-gradient(ellipse at center top, #4c4c4c 20%,#111111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#111111',GradientType=1 );
    box-sizing: border-box;
}

.adminAccountContent {
    position: relative;
    display: block;
    max-width: 980px;
    width: auto;
    margin: 0 auto;
    padding: 70px 0 0 0;
    text-align: center;
}

.adminAccountWrap p, .adminAccountWrap a {
    color: #ddd;
    text-decoration: none;
}

.accountImagemakers {
    position: relative;
    display: inline-block;
    text-decoration: none;
    opacity: .5;
}

.adminAccountPageTitle {
    position: relative;
    display: block;
    margin: -30px 0 15px 0;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: .1em;
    line-height: 15px;
    color: #8c8c8c;
    text-transform: uppercase;
}

.adminAccountInput {
    position: relative;
    display: block;
    width: 360px;
    height: 50px;
    margin: 0 auto 14px auto;
    background: none;
    border: none;
    box-sizing: border-box;
}

    .adminAccountInput input {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 16px 15px;
        font-size: 14px;
        line-height: 18px;
        color: #fff;
        background: #232323;
        background: rgba(0,0,0,0.4);
        border: 1px solid #616161;
        box-sizing: border-box;
        transition: all .25s ease;
    }

.adminAccountInputIcon input {
    padding-left: 54px;
}

.adminAccountInput input:hover {
    border-color: #b1b1b1;
}

.adminAccountInput input:focus {
    color: #000;
    background: #fff;
    border-color: #b1b1b1;
}

.adminAccountInput input::-webkit-input-placeholder {
    color: #808080;
}

.adminAccountInput input::-moz-placeholder {
    color: #808080;
}

.adminAccountInput input:-ms-input-placeholder {
    color: #808080;
}

.adminAccountInput input:-moz-placeholder {
    color: #808080;
}

.adminAccountInputIcon::after, .adminAccountInputIcon:after {
    content: '\f007';
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 13px;
    left: 15px;
    font-family: FontAwesome;
    font-size: 17px;
    line-height: 24px;
    color: #808080;
    text-align: center;
    z-index: 1;
}

.aaiUser::after, .aaiUser:after {
    content: '\f007';
}

.aaiPwd::after, .aaiPwd:after {
    content: '\f023';
}

.aaiEmail::after, .aaiEmail:after {
    content: '\f0e0';
}

.adminAccountSubmit {
    position: relative;
    display: block;
    width: 360px;
    height: 50px;
    margin: 0 auto 14px auto;
    font-size: 14px;
    letter-spacing: .1em;
    color: #ccc;
    text-transform: uppercase;
    background: #777;
    border: 1px solid #3f3f3f;
    box-sizing: border-box;
    transition: all .25s ease;
}

    .adminAccountSubmit:focus, .adminAccountSubmit:hover {
        color: #000;
        background: #fff;
        outline: none;
    }

.forgotPassword {
    position: relative;
    display: block;
    width: 360px;
    height: 50px;
    margin: 20px auto 0 auto;
    padding: 13px 0;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: .1em;
    line-height: 24px;
    color: #777777;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .25s ease;
}

    .forgotPassword:hover {
        color: #fff;
    }
/* Admin Page Rules */
.fullAdminWrap {
    position: relative;
    display: block;
    min-width: 1170px;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    height: auto;
    padding: 0 0 0 200px;
    background: #eee;
    box-sizing: border-box;
}

.adminTopBar {
    position: relative;
    display: block;
    width: 100%;
    border-bottom: 1px solid #b6b6b6;
    z-index: 100;
}

    .adminTopBar h1 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        padding: 10px 30px;
        font-size: 14px;
        line-height: 18px;
        color: #212121;
        text-transform: uppercase;
    }

.adminTopBarButtons {
    position: relative;
    display: block;
    float: right;
    font-size: 0;
}

.adminTopBar .backLink {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0px;
    font-size: 11px;
    line-height: 18px;
    color: #7d7d7d;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 10px;
}

    .adminTopBar .backLink:hover {
        color: #212121;
    }

    .adminTopBar .backLink::before, .adminTopBar .backLink:before {
        content: "<";
        position: relative;
        top: 1px;
        margin: 0px 3px;
    }

.topBarLink {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 10px 15px;
    font-size: 11px;
    line-height: 18px;
    color: #212121;
    text-decoration: none;
    text-transform: uppercase;
    background: #eee;
    border: none;
    border-left: 1px solid #b6b6b6;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

    .topBarLink .fa {
        margin: 0 8px 0 0;
        font-size: 12px;
    }

    .topBarLink:hover, .rollbackWrap:hover .topBarLink {
        color: #fff;
        background: #3c3c3c;
    }

.topBarSave:hover {
    background: #23a700;
}

.topBarCancel:hover {
    background: #cc0000;
}

.rollbackWrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.rollbackDropdown {
    position: absolute;
    display: none;
    top: 100%;
    right: -1px;
    background: #3c3c3c;
    border: 1px solid #b6b6b6;
    border-top: none;
}

.rollbackWrap:hover .rollbackDropdown {
    display: block;
}

.rollbackDropdown a {
    position: relative;
    display: block;
    padding: 9px 15px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-decoration: none;
    background: #3c3c3c;
    border-top: 1px solid #535353;
    white-space: nowrap;
}

    .rollbackDropdown a:first-child {
        border: none;
    }

    .rollbackDropdown a:hover {
        background: #000;
    }

.adminContentWrap {
    position: relative;
    display: block;
    min-width: 980px;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
}

.adminContentTable {
    position: relative;
    display: table;
    min-width: 700px;
    border-collapse: collapse;
}

.adminLeftColumn {
    position: relative;
    display: table-cell;
    vertical-align: top;
    padding: 0 30px 0 0;
    width: 900px;
    max-width: 900px;
    font-size: 0;
    max-width: 700px;
}

.adminLeftColumnMaxW {
    max-width: 700px !important;
}

.adminRightColumn {
    position: relative;
    display: table-cell;
    vertical-align: top;
    min-width: 330px;
    width: 330px;
}

.adminRightColumnInner {
    position: relative;
    display: block;
    background: #e1e1e1;
    border: 1px solid #b6b6b6;
}

.adminRightColumnInnerNoHead {
    border-top: 0;
}

.adminRightColumnTitle {
    position: relative;
    display: block;
    padding: 10px 15px;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    text-transform: uppercase;
}

.adminRightColumnSectionTitle {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 8px 0;
    padding: 8px 15px;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    color: #212121;
    text-transform: uppercase;
    background: #d4d4d4;
    border-top: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    box-sizing: border-box;
}

    .adminRightColumnSectionTitle::before, .adminRightColumnSectionTitle:before {
        content: '';
        position: absolute;
        display: block;
        width: 11px;
        height: 11px;
        left: 18px;
        bottom: -6px;
        background: #d4d4d4;
        border-right: 1px solid #b6b6b6;
        border-bottom: 1px solid #b6b6b6;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        box-sizing: border-box;
    }

.adminRighColumnSectionTrigger::before, .adminRighColumnSectionTrigger:before {
    width: 0;
    height: 0;
    left: 24px;
    bottom: -1px;
    transition: all .25s ease;
}

.adminRighColumnSectionTrigger.expanded::before, .adminRighColumnSectionTrigger.expanded:before {
    width: 11px;
    height: 11px;
    left: 18px;
    bottom: -6px;
}

.adminRighColumnSectionTrigger {
    cursor: pointer;
}

    .adminRighColumnSectionTrigger::after, .adminRighColumnSectionTrigger:after {
        content: '\f0d7';
        position: absolute;
        display: block;
        width: 20px;
        height: 20px;
        top: 50%;
        right: 10px;
        margin: -10px 0 0 0;
        font-family: FontAwesome;
        font-size: 20px;
        line-height: 20px;
        color: #777;
        text-align: center;
        transition: all .25s ease;
    }

    .adminRighColumnSectionTrigger.expanded::after, .adminRighColumnSectionTrigger.expanded:after {
        transform: rotate(180deg);
    }

    .adminRighColumnSectionTrigger:hover::after, .adminRighColumnSectionTrigger:hover:after {
        color: #000;
    }

.no-js .adminRighColumnSectionTrigger::after, .no-js .adminRighColumnSectionTrigger:after {
    display: none;
}

.adminLeftColumnSection {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0 20px 0;
    box-sizing: border-box;
}

.adminRightColumnSection {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 15px 20px 15px;
    box-sizing: border-box;
}

.adminRotatorWrap .adminRightColumnSection {
    padding: 0 0 30px 0;
}

.defaultLabel {
    position: relative;
    display: block;
    padding: 3px 0;
    font-size: 12px;
    line-height: 16px;
    color: #000;
}

.defaultLabelCheckbox, .defaultLabelRadio {
    padding-left: 18px;
}

.defaultLabelInline, label.defaultLabelInline.defaultLabelCheckbox {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 30px 15px 18px;
}

    .defaultLabelInline.deleteAward {
        padding: 15px;
        border: 1px solid #000;
    }

        .defaultLabelInline.deleteAward:hover, .defaultLabelInline.deleteAward:focus {
            color: #fff;
            background: #cc0000;
            border-color: #cc0000;
        }

.awardWrapper {
    padding-top: 15px;
}

.defaultCheckbox, .defaultRadio, input.defaultCheckbox {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
    margin: 2px 8px 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.defaultCheckbox {
    cursor: pointer;
}

label.defaultLabelCheckbox, label.defaultCheckbox {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 8px 2px 0;
    padding: 2px 0 0 15px;
}

.defaultLabelCheckbox .defaultCheckbox, .defaultLabelRadio .defaultRadio {
    position: absolute;
    top: 3px;
    left: 0;
}

.defaultCheckbox::before, .defaultCheckbox:before, .defaultRadio::before, .defaultRadio:before {
    /*font-family: FontAwesome;*/  
    font-family: 'Font Awesome 5 Free';
    content: '\f0c8';
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    top:-2px;
    font-weight: 400;
}

label.defaultCheckbox::before, label.defaultCheckbox:before {
    display: none;
}

.defaultCheckbox:checked::before, .defaultCheckbox:checked:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    /*font-family: FontAwesome;*/
    font-weight: 900;
}

.defaultRadio::before, .defaultRadio:before {
    font-family: 'Font Awesome 5 Free';
    /*font-family: FontAwesome;*/
    content: '\f111';
    font-size:10px;
    font-weight: 400;
}

.defaultRadio:checked::before, .defaultRadio:checked:before {
    content: '\f111';
    /*font-family: FontAwesome;*/
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.defaultSelect {
    position: relative;
    display: block;
    width: 100%;
    height: 48px;
    margin: 0 0 20px 0;
    padding: 12px 47px 12px 12px;
    font-size: 13px;
    line-height: 20px;
    background: #fff url(/images/admin/selectArrow.png) repeat-y right center;
    border: 1px solid #b6b6b6;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.defaultSelect--fa {
    /*font-family: FontAwesome, Montserrat, Tahoma, Verdana, sans-serif;*/
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    padding: 10px 47px 10px 12px;
}
.defaultSelect--fa option {
    /*font-family: FontAwesome, Montserrat, Tahoma, Verdana, sans-serif;*/
    font-weight: 900;
}

.adminRightColumn .defaultSelect {
    height: 34px;
    padding: 7px 15px;
    font-size: 11px;
    line-height: 18px;
}

.dropdownWrap {
    position: relative;
    display: block;
    width: 100%;
    border-top: 1px solid #c7c7c7;
    box-sizing: border-box;
}

    .dropdownWrap:first-child {
        border: none;
    }

.dropdownTrigger {
    padding-left: 22px;
}

    .dropdownTrigger::before, .dropdownTrigger:before {
        content: '\f147';
        position: absolute;
        display: block;
        font-family: 'FontAwesome';
        top: 3px;
        left: 0;
        font-size: 12px;
        color: #000;
    }

.collapsed .dropdownTrigger::before, .collapsed .dropdownTrigger:before {
    content: '\f196';
}

.selected .dropdownTrigger::before, .selected .dropdownTrigger:before {
    content: '\f146';
}

.selected.collapsed .dropdownTrigger::before, .selected.collapsed .dropdownTrigger:before {
    content: '\f0fe';
}

.dropdownListWrap {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 0 0 22px;
    overflow: hidden;
    box-sizing: border-box;
}

.dropdownList {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.collapsed .dropdownList {
    margin: -999px 0 0 0;
}
.cke_chrome {
    max-width: 700px;
}

.formDesc {
    position: relative;
    display: block;
    font-size: 11px;
    line-height: 23px;
    color: #212121;
    text-transform: uppercase;
}

    .formDesc.medTitle {
        font-size: 17px;
        padding-bottom: .5em;
    }

    .formDesc.moduleTitle {
        font-size: 16px;
        font-weight: bold;
    }

    .formDesc .other {
        vertical-align: middle;
    }

    .formDesc .simple {
        font-size: 14px;
        font-weight: normal;
        margin-left: 1em;
        text-transform: none;
    }

.expandAreaWrap {
    position: relative;
    display: block;
    padding: 1rem;
    border: 1px solid #bebebe;
}

    .expandAreaWrap .formDesc.medTitle {
        padding: 0;
    }

.expandingEditArea {
    padding-top: 1rem;
}

.adminExpandToggle {
    position: relative;
    display: block;
    color: #000;
    text-decoration: none;
}

    .adminExpandToggle span {
        position: relative;
        display: inline-block;
        float: right;
        padding: .25rem .25rem .25rem .25rem;
    }

.expanded .adminExpandToggle span {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.groupTitle {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 1.2;
    color: #212121;
    font-weight: bold;
    padding-bottom: 1em;
}

.adminHint {
    position: relative;
    display: inline-block;
    float: right;
    font-size: 11px;
    color: #8a8a8a;
    text-decoration: none;
    text-transform: none;
}

a.adminHint {
    font-size: 13px;
    text-decoration: underline;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}

    a.adminHint:hover {
        color: #000;
    }

.adminHint.noFloat {
    float: none;
    margin-left: 10px;
}

.splash-photo-wrap {
    display: inline-block;
    margin-right: 4%;
    max-width: 23rem;
    vertical-align: top;
    width: 49%;
}

    .splash-photo-wrap .adminLeftImage {
        width: 80%;
    }

    .splash-photo-wrap .adminHint {
        float: none;
        margin-left: 1rem;
    }

    .splash-photo-wrap.desktop .adminLeftImage {
        width: 100%;
    }

        .splash-photo-wrap.desktop .adminLeftImage::before,
        .splash-photo-wrap.desktop .adminLeftImage:before {
            padding-top: 38%
        }

    .splash-photo-wrap.mobile .adminLeftImage::before,
    .splash-photo-wrap.mobile .adminLeftImage:before {
        padding-top: 138%
    }
/*.adminLeftColumn .adminHint {float: none;} please add a class to remove the float if this is needed*/
.adminHintLeft {
    display: inline-block;
    float: none;
    padding-left: 20px;
}

.adminHintBlock {
    display: block;
    float: none;
    padding: 10px 0 0 0;
}

.adminHint a {
    color: #8a8a8a;
    text-decoration: none;
    transition: all .25s ease;
}
.adminHint--fa a,
a.adminHint--fa {
    color: #555;
    text-decoration: underline;
}

    .adminHint a:hover {
        color: #000;
    }

.horizDivide {
    position: relative;
    display: block;
    width: 100%;
    border-bottom: 1px solid #b6b6b6;
    padding: 5px 0 0 0;
    margin: 0 0 15px 0;
    line-height: 0;
}

.largeFormField, .defaultInput {
    position: relative;
    display: block;
    width: 100%;
    height: 48px;
    margin: 0 0 20px 0;
    padding: 10px 12px;
    font-size: 20px;
    line-height: 28px;
    color: #212121;
    background: #fff;
    border: 1px solid #b6b6b6;
    box-sizing: border-box;
}

.defaultInput {
    padding: 14px 12px;
    font-size: 13px;
    line-height: 20px;
}

.add-mod-item {
    display: block;
    border: 2px dotted #cc0303;
    font-size: 14px;
    margin: 0 auto 20px auto;
    padding: 14px 12px;
    width: 95%;
}

.adminRightColumn .defaultInput {
    height: 34px;
    margin: 10px 0 0 0;
    padding: 7px 15px;
    font-size: 11px;
    line-height: 18px;
}

.adminRightColumn .formDesc + .defaultInput {
    margin: 0 0 20px 0;
}

.defaultTable .largeFormField {
    margin: 0;
}

.dollarHint {
    position: absolute;
    display: block;
    width: 21px;
    height: 48px;
    padding: 16px 0 0 13px;
    font-size: 13px;
    color: #000;
    text-align: left;
    box-sizing: border-box;
    z-index: 1;
}

    .dollarHint + .defaultInput {
        padding-left: 21px;
    }

.inlineFormField {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin: 0 2% 0 0;
    box-sizing: border-box;
}

.inlineFormField25 {
    width: 25%;
}

.inlineFormField33 {
    width: 33.33%;
}

.inlineFormField66 {
    width: 66.67%;
}

.inlineFormField.last {
    margin-right: 0;
    width: 50%;
}

.inlineFormField.input {
    padding: 14px 12px;
}

.findLocation {
    position: relative;
    display: block;
    margin: -15px 0 10px 0;
}

.tabWrap {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 -1px 0;
    font-size: 0;
    z-index: 1;
}

.tab {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 -1px 0 0;
    padding: 7px 15px;
    font-size: 11px;
    line-height: 16px;
    color: #828282;
    background: #ddd;
    text-transform: uppercase;
    border: 1px solid #b6b6b6;
}

    .tab.active {
        color: #212121;
        background: #fff;
        border-bottom-color: #fff;
    }

.tabContent {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    background: #fff;
    border: 1px solid #b6b6b6;
    box-sizing: border-box;
}

.defaultTextarea {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 15px;
    font-size: 13px;
    line-height: 21px;
    color: #212121;
    background: #fff;
    border: 1px solid #b6b6b6;
    box-sizing: border-box;
}
.defaultTextareaRawHtml {
    max-width: 655px;
}
.tabContent .defaultTextarea, .tabContent .defaultInput {
    margin: 0;
    border: none;
}

.wordCountWrap {
    position: relative;
    display: block;
    width: 100%;
    margin: -21px 0 20px 0;
    padding: 0 15px 10px 15px;
    font-size: 10px;
    line-height: 15px;
    color: #afafaf;
    background: #fff;
    box-sizing: border-box;
    transition: all .25s ease;
}

.tabContent .wordCountWrap {
    margin: -1px 0 0 0;
}

.wordCountLimit {
    color: #cc0000;
}

.wordCount {
    display: block;
    border-top: 1px solid #b6b6b6;
    padding: 5px 0 0 0;
}

.searchPreview {
    position: relative;
    display: block;
    width: 542px;
    padding: 15px;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
}

.searchTitle {
    font-size: 18px;
    line-height: 21px;
    color: #1a0dab;
}

.searchURL {
    font-size: 14px;
    line-height: 16px;
    color: #006621;
}

.searchDesc {
    font-size: 13px;
    line-height: 18px;
    color: #545454;
}

.bottomButtonWrap {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 0 0 0;
    font-size: 0;
    box-sizing: border-box;
}

.save, .cancel, .button {
    position: relative;
    display: inline-block;
    min-width: 150px;
    width: auto;
    vertical-align: top;
    margin: 0 0 0 15px;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 17px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #212121;
    box-sizing: border-box;
    transition: all .25s ease;
}

.save {
    color: #fff;
    background: #212121;
}

#photoUpload {
    display: block;
    max-width: 150px;
    margin: 0;
}


/*.cancel, .button {
    color: #212121;
}*/

.cancel {
    color: #212121;
}

    .save:first-child, .cancel:first-child {
        margin-left: 0;
    }

.save:hover {
    background: #23a700;
    border-color: #23a700;
}

.cancel:hover {
    color: #fff;
    background: #cc0000;
    border-color: #cc0000;
}


.search {
    position: relative;
    display: inline-block;
    min-width: 150px;
    width: auto;
    vertical-align: top;
    margin: 0 0 0 0;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 17px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #212121;
    box-sizing: border-box;
    transition: all .25s ease;
}

.search {
    color: #212121;
}

    .search:first-child {
        margin-left: 0;
    }

    .search:hover {
        color: #fff;
        background: #cc0000;
        border-color: #cc0000;
    }

.breadcrumbs {
    position: relative;
    display: block;
    font-size: 10px;
    line-height: 23px;
    color: #7d7d7d;
    text-transform: uppercase;
}

    .breadcrumbs a {
        color: #7d7d7d;
        text-decoration: underline;
    }

.sectionTitle {
    position: relative;
    display: block;
    margin: 0 0 14px 0;
    font-size: 42px;
    line-height: 46px;
    color: #212121;
    text-indent: -4px;
}

    .sectionTitle a {
        margin: 2px 0 0 10px !important;
    }

.sectionSmallTitle {
    font-size: 20px;
}

.sectionSubTitle {
    position: relative;
    display: block;
    margin: 0 0 0 0;
    font-size: 20px;
    line-height: 24px;
    color: #212121;
    text-indent: -2px;
}

.inlineButtons {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 35px;
    font-size: 0;
    text-indent: 0;
}

    .inlineButtons.noLeftMarg {
        margin-left: 0;
    }

.addNew {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-width: 145px;
    width: auto;
    margin: 0 17px 0 0;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    background: #212121;
    border: 1px solid #212121;
    box-sizing: border-box;
    transition: all .25s ease;
}

.addNewAlt {
    color: #212121;
    background: none;
}

.inlineButtons .addNew {
    margin-top: 4px;
}

.addNew:hover {
    background: #23a700;
    border-color: #23a700;
}

.addNewAlt:hover {
    color: #fff;
}

.status {
    font-size: 14px;
}

.sortable ul {
    margin: 0;
    padding: 0;
}

.navEditorHandle {
    position: relative;
    display: list-item;
    width: 660px;
    list-style-type: none;
    box-sizing: border-box;
}

.sortable ul ul {
    padding: 0 0 0 23px;
}

.navEditorItem {
    position: relative;
    display: block;
    width: 660px;
    margin: 0 0 7px 0;
    padding: 5px 119px 5px 35px;
    font-size: 14px;
    line-height: 20px;
    background: none;
    border: 1px solid #bebebe;
    box-sizing: border-box;
    cursor: move;
}

    .navEditorItem:hover {
        background: #fff;
    }

        .navEditorItem:hover + .navEditorLevel .navEditorItem {
            background: #fff;
        }

    .navEditorItem.hasStatus {
        padding-left: 40px;
    }

.Unpublished {
    color: #808080;
}

    .Unpublished .fa-stack {
        opacity: .7;
    }

.Unlinked {
    color: #808080;
}

    .Unlinked .fa {
        color: #000;
    }


.visbilityIcon {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    top: 3px;
    line-height:15px;
    margin:0px 3px;
}

.navEditorItem .navEditorItemStatus {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 10px;
    margin: -10px 0 0 0;
    line-height: 20px;
}

.navEditorItemOptionWrap {
    position: absolute;
    display: none;
    height: 100%;
    top: 0;
    right: 0;
    font-size: 0;
}

.navEditorItem:hover .navEditorItemOptionWrap {
    display: block;
}

.navEditorItemShowHide, .navEditorItemEdit, .navEditorItemDelete, .delete {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 100%;
    font-size: 14px;
    line-height: 28px;
    color: #a8a8a8;
    text-align: center;
    border-left: 1px solid #bebebe;
    box-sizing: border-box;
    transition: all .25s ease;
}

    .navEditorItemShowHide:hover {
        color: #212121;
    }

    .navEditorItemEdit:hover {
        color: #212121;
    }

    .navEditorItemDelete:hover, .delete:hover {
        color: #fff;
        background: #cc0000;
    }

.groupTitle {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 1.2;
    color: #212121;
    font-weight: bold;
    padding-bottom: 1em;
}

.galleryWrap {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0 0 0;
    font-size: 0;
}
.horizontalscrollWrap {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0 0 0;
    font-size: 0;
}

.galleryItem {
    position: relative;
    /*display: inline-block;*/
    vertical-align: top;
    width: 166px;
    margin: 0 23px 35px 0;
    font-size: 13px;
    line-height: 18px;
    color: #212121;
    cursor: move;
}

.galleryImage {
    position: relative;
    display: block;
    width: 166px;
    height: 166px;
    margin: 0 0 7px 0;
    background: #fff;
    overflow: hidden;
}

    .galleryImage img {
        position: absolute;
        display: block;
        min-width: 100%;
        width: auto;
        min-height: 100%;
        height: 100%;
        top: -9999px;
        left: -9999px;
        right: -9999px;
        bottom: -9999px;
        margin: auto;
        z-index: 1;
    }

.galleryImagePortrait img {
    width: 100%;
    height: auto;
}

.galleryImage::before, .galleryImage:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0,0,0,.6);
    transition: all .25s ease;
    opacity: 0;
    z-index: 2;
}

.galleryItem:hover .galleryImage::before, .galleryItem:hover .galleryImage:before {
    opacity: 1;
}

.galleryEdit, .galleryDelete {
    position: absolute;
    display: block;
    width: 50%;
    bottom: 0;
    padding: 10px;
    font-size: 11px;
    line-height: 16px;
    color: #7b7b7b;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: #000;
    border-top: 1px solid #757575;
    transition: all .25s ease;
    box-sizing: border-box;
    opacity: 0;
    z-index: 3;
}

.galleryItem:hover .galleryEdit, .galleryItem:hover .galleryDelete {
    opacity: 1;
}

.galleryEdit {
    left: 0;
    border-right: 1px solid #757575;
}

.galleryDelete {
    right: 0;
}

.galleryEdit:hover {
    color: #fff;
}

.galleryDelete:hover {
    color: #fff;
    background: #c00;
}

.galleryEditFull, .galleryDeleteFull {
    width: 100%;
    border-left: none;
    border-right: none;
}

.adminLeftImageWrap, .adminRightImageWrap {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
}

.adminLeftImage, .adminRightImage {
    background: #d4d4d4;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    margin: 5% 5% 0 0;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 30%;
}

.adminLeftColumnSection .adminLeftImage::before, 
.adminLeftColumnSection .adminLeftImage:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.adminRightImage:first-child {
    border: 1px solid #b6b6b6;
}

.adminRightImage:nth-child(3n+3) {
    margin-right: 0;
}

.adminRotatorWrap .adminRightImage {
    margin: 0 20px 20px 0;
    cursor: default;
}

.adminRightImage::before, .adminRightImage:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.adminLeftImage {
    margin: 0 2% 0 0;
}

.adminRightColumn .adminLeftImage, .adminRightColumn .adminLeftImage:nth-child(3n+3), .adminRightColumn .adminRightImage:nth-child(3n+3) {
    margin: 0 2% 2% 0;
}

.adminLeftImage:first-child, .adminRightImage:first-child {
    border: 1px solid #b6b6b6;
}

.adminLeftImage:nth-child(3n+3), .adminRightImage:nth-child(3n+3) {
    margin-right: 0;
}

.adminLeftImage::before, .adminLeftImage:before, .adminRightImage::before, .adminRightImage:before {
    content: '';
    display: block;
    display: none; /*added*/
    padding-top: 100%;
}

.adminLeftImage img, .adminRightImage img {
    position: absolute;
    display: block;
    min-width: 100%;
    width: auto;
    min-height: 100%;
    height: 100%;
    object-fit: cover;/*Added to not distort image*/
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;
}

.adminLeftClose, .adminRightClose {
    background: #c00;
    color: #fff;
    display: block;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 15px;
    opacity: 1;
    /*opacity: 0;*/
    padding: 5px 7px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    transition: all .25s ease;
    top: 0;
}
.deletePhoto.adminLeftClose::before, 
.deletePhoto.adminLeftClose::before,
.deletePhoto.adminRightClose:before,
.deletePhoto.adminRightClose::before,
.editPhoto.adminLeftEdit::before, 
.editPhoto.adminLeftEdit:before,
.editPhoto.adminRightEdit:before,
.editPhoto.adminRightEdit::before{
    font-family: 'Font Awesome 5 Free';
    content: '\f303';
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 900;
}
.deletePhoto.adminLeftClose::before,
.deletePhoto.adminLeftClose:before,
.deletePhoto.adminRightClose::before,
.deletePhoto.adminRightClose:before{
  content: '\f2ed';
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

.adminLeftImage:hover .adminLeftClose, .adminRightImage:hover .adminRightClose {
    opacity: 1;
}

.adminRightClose { opacity: 0 }

.adminRightEdit, .adminLeftEdit {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    padding: 5px 7px;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 15px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #060;
    opacity: 0;
    transition: all .25s ease;
}

.adminRightImage:hover .adminRightEdit, .adminLeftImage:hover .adminLeftEdit {
    opacity: 1;
}

.defaultTable {
    position: static;
    display: table;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    border-collapse: collapse;
}

    .defaultTable th, .defaultTable td {
        position: static;
        display: table-cell;
        vertical-align: top;
        padding: 9px 16px;
        font-size: 14px;
        line-height: 20px;
        background: #eee;
        border-bottom: 1px solid #212121;
        box-sizing: border-box;
    }

    .defaultTable tr:nth-child(odd) td {
        background: #e3e3e3;
    }

    .defaultTable th {
        padding-bottom: 0;
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
        text-align: left;
        text-transform: uppercase;
        border-bottom-width: 2px;
    }

    .defaultTable td.tableOptions {
        vertical-align: middle;
        text-align: right;
        white-space: nowrap;
    }

    .defaultTable.ui-sortable td {
        cursor: move;
    }
.widthPer {
    width:0%;
}
.pagingColor {
    text-decoration: underline;
    color: #0000EE;
}
.tableOptions a {
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
    color: #212121;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .25s ease;
}

    .tableOptions a:last-child {
        margin-right: 0;
    }

    .tableOptions a.edit:hover {
        color: #23a700;
    }

    .tableOptions a.delete:hover {
        color: #c00;
    }

.tableOptions .fa {
    width: 14px;
    text-align: center;
    margin-right: 6px;
}

td.editableRow {
    padding: 0;
    border-bottom: 0;
}

.editTable {
    width: 100%;
}

    .editTable td {
        background: none !important;
    }

        .editTable td .addNew {
            color: #fff;
        }

.serviceSection {
    position: relative;
    display: block;
    padding: 20px;
    margin: 0 0 20px 0;
    border: 1px solid #b6b6b6;
}

    .serviceSection .removeSection {
        margin: 20px 0 0 0;
    }

/* Admin Errors and Overlays */
#changesunsaved, #itemcreated, #itemupdated, #undo-bar {
    position: fixed;
    display: block;
    width: 400px;
    top: 0;
    left: 50%;
    margin: 0 0 0 -100px;
    padding: 9px;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    z-index: 9999;
    box-sizing: border-box;
    display: none;
}

#changesunsaved {
    color: #a0a0a0;
    background: #ddd;
}

#itemcreated {
    background: #b3ecff;
    border-color: #007ca5;
}

#itemupdated {
    background: #23a700;
    border-color: #23a700;
    color: #fff;
}

#undo-bar {
    padding-right: 50px;
    color: #95bfea;
    background: #0052a3;
}

    #undo-bar a {
        color: #95bfea;
        transition: all .25s ease;
    }

        #undo-bar a:hover {
            color: #fff;
        }

.closebutton {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    padding: 9px 14px;
    font-size: 17px;
    line-height: 20px;
    border-left: 1px solid #fff;
    box-sizing: border-box;
}

#undo-bar .closebutton {
    border-color: #95bfea;
}
/* Image Library */
.customOverlay-controls-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.customOverlay-search-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 2;
  position: relative;
}
.customOverlay-search-wrap .defaultInput {
  margin: auto 0;
}
.customOverlay-search-wrap .save {
  margin: auto 0 auto 15px;
}
.customOverlay-controls-wrapper .adminLeftColumnSection {
  padding: 0 0 20px;
}
.croppedImage {
  display: block;
  overflow: hidden;
  min-height: 46%;
  padding: 0;
  position: relative;
}
.croppedImage::before, 
.croppedImage:before {
  display: block;
  content: '';
  padding: 75% 0 0 0;
  position: relative;
  width: 100%;
}
.croppedImage + .croppedImage::before, 
.croppedImage + .croppedImage:before {
  display: none;
}
.croppedImage img,
.multiimagesortable.lineimages .editPhoto img {
  bottom: unset;
  display: block;
  height: 100%;
  left: 0;
  margin: auto;
  min-height: unset;
  object-fit: cover;
  position: absolute;
  right: unset;
  top: 0;
  width: 100%;
}
.croppedImage.adminLeftClose {
  align-items: center;
  display: flex;
  height: 1.5em;
  justify-content: center;
  left: auto;
  min-height: unset;
  position: absolute;
  top: 0;
  width: 1.5em;
}
.lineimages {
  align-items: stretch;  
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: flex-start;
}
.lineimages .adminLeftImage-flex {
  display: inline-block;
  position: relative;
  width: 24%;
}
.lineimages .adminLeftImage {
  width: 100%;
}
.multiimagesortable.lineimages .editPhoto {
  display: inline-block;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.multiimagesortable.lineimages .editPhoto::before, 
.multiimagesortable.lineimages .editPhoto:before {
  display: block;
  content: '';
  padding: 75% 0 0 0;
  position: relative;
  width: 100%;
}


@media screen and (max-width: 1170px) {
    #changesunsaved, #itemcreated, #itemupdated, #undo-bar {
        position: absolute;
    }
}

.adminOverlayWrap, .customOverlayWrap {
    position: fixed;
    display: none;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0 0 0 200px;
    z-index: 9999;
    text-align: center;
    background: #fff;
    background: rgba(255,255,255,.8);
    box-sizing: border-box;
}

    .adminOverlayWrap::before, .adminOverlayWrap:before,
    .customOverlayWrap::before, .customOverlayWrap:before {
        content: '';
        position: relative;
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

.adminOverlay, .customOverlay {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-height: 80vh;
    min-width: 350px;
    overflow: auto;
    padding: 35px 30px;
    background: #fff;
    box-shadow: 0 0 4px #b3b3b3;
    box-shadow: 0 0 4px rgba(0,0,0,.7);
}

.customOverlay {
    word-wrap: break-word;
    text-align: left;
}

#articleSlideOverlay .customOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 350px;
    width: 70%;
    max-height: 452px;
    height: 50%;
    margin: auto;
    overflow-y: auto;
}

.customOverlay .overlayContent {
    margin: 10px 0 20px 0;
}

.adminOverlayTitle, .customOverlayTitle {
    position: relative;
    display: block;
    font-size: 20px;
    letter-spacing: .1em;
    line-height: 24px;
    color: #212121;
    text-align: center;
    text-transform: uppercase;
}

.customOverlayTitle {
    text-align: left;
}

.adminOverlay .addNew, .adminOverlay .addNewAlt {
    margin: 0 7px;
    text-align: center;
}

.adminOverlayClose, .customOverlayClose {
    position: absolute;
    display: block;
    /* border-radius: 50%; */
    overflow: hidden;
    width: 48px;
    height: 48px;
    top: 0.7em;
    right: 0.7em;
    background: url(/images/admin/close.png) no-repeat center center;
    opacity: .5;
    transition: all .25s ease;
    transform-origin: center;
}

.customOverlayClose {
    width: 32px;
    height: 32px;
    top: 10px;
    right: 10px;
}

    .adminOverlayClose:hover, .customOverlayClose:hover {
        opacity: 1;
        transform: rotate(180deg);
    }

.input-validation-error {
    border-color: #c00;
}

.validation-summary-errors {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

.adminAccountContent .validation-summary-errors {
    width: 360px;
}

.validation-summary-errors ul {
    margin: 0 0 14px 0;
    padding: 15px;
    background: #fee;
    border: 1px solid #c00;
}

.validation-summary-errors li {
    color: #c00;
    list-style-type: none;
}

.photo-gallery-sortable-placeholder {
    width: 100px;
    height: 100px;
    margin: 10px 10px 10px 0;
    border: 3px #000 dotted;
    display: inline-block;
    vertical-align: top;
}

.hidden {
    display: none;
}

.placeholder {
    border: 1px dotted #ccc;
    display: block;
}

th.sortableColumn {
    padding: 5px 40px !important;
    background: #eee url(/images/admin/sortable.png) no-repeat right 6px;
    cursor: pointer;
}

    th.sortableColumn.sortedDown {
        background-position: right -46px;
    }

    th.sortableColumn.sortedUp {
        background-position: right -26px;
    }

p.errorMessage {
    display: none;
    color: red;
    font-size: 13px;
    line-height: 11px;
    text-align: center;
    text-transform: uppercase;
}

/* custom */
.modalWrap {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0,0,0,0.8);
    z-index: 50;
}

.modalPopup {
    position: absolute;
    display: block;
    min-width: 980px;
    width: 70%;
    max-height: 88%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 40px 50px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}

.locationPopup {
    min-width: 680px;
    width: 40%;
    max-height: 75%;
    top: 15%;
    bottom: auto;
}

.closePopup {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    padding: 13px 18px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #a4a4a4;
    cursor: pointer;
}

    .closePopup:hover {
        color: #000;
    }
/* CKEDITOR */
.cke_combopanel {
    width: 250px !important;
    height: 200px !important;
}


/* Page Modules */
.sectionMenu {
    width: 50%;
    margin: 50px auto;
}

.modulesWrap {
    margin-top: 30px;
}

.moduleItemWrap {
    padding: 0px 10px 10px 30px;
    border: 2px dashed #c6c6c6;
    margin-bottom: 15px;
}

.moduleItemOptions {
    position: relative;
    font-size: 12px;
    text-align: right;
}

.moduleItemBtn {
    display: inline-block;
    color: #c6c6c6;
    text-decoration: none;
}

.moveUp {
    width: 0;
    height: 0;
    position: relative;
    top: 5px;
    border: 5px solid transparent;
    border-bottom: 5px solid #888;
}

    .moveUp:hover {
        border-bottom-color: #000;
    }

.moveDown {
    width: 0;
    height: 0;
    position: relative;
    top: 10px;
    border: 5px solid transparent;
    border-top: 5px solid #888;
}

    .moveDown:hover {
        border-top-color: #000;
    }

.deleteMod:hover {
    color: #cc0000;
}

/* Crop Image Uploader */
div.customOverlayWrapCropper {
    padding-left: 0px;
    /*z-index: 8888;*/
    z-index: 9999;
}

div.customOverlayCropper {
    min-width: initial;
    padding: 20px 30px 0px 30px;
    max-width: 1300px;
    min-width: 600px;
}

    div.customOverlayCropper .customOverlayTitle {
        font-weight: bold;
        text-align: center;
        padding-bottom: 15px;
    }

div.overlayImageWrap {
    position: relative;
    display: inline-block;
    height: 500px;
    text-align: center;
    width: 100%;
}

    div.overlayImageWrap img {
        position: absolute;
        display: inline-block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: auto;
        margin: auto;
        vertical-align: middle;
    }

p.errorMessage {
    display: none;
    color: red;
    font-size: 13px;
    line-height: 11px;
    text-align: center;
    text-transform: uppercase;
}

div.customOverlayForm {
    text-align: center;
}

    div.customOverlayForm .defaultSelect {
        width: 250px;
        margin: 0;
    }

div.customOverlayCol {
    position: relative;
    display: inline-block;
    padding: 18px;
    vertical-align: top;
    text-align: left;
}

    div.customOverlayCol.bottomAlign {
        vertical-align: bottom;
    }

    div.customOverlayCol .formDesc {
        font-weight: bold;
    }

    div.customOverlayCol .defaultInput {
        width: 260px;
    }

    div.customOverlayCol .defaultTextarea {
        width: 525px;
        height: 100px;
    }

    div.customOverlayCol .cropButton {
        position: relative;
        display: block;
        width: 100px;
        height: 115px;
        border: 1px solid #000;
        box-sizing: border-box;
        text-decoration: none;
        color: #000;
    }

        div.customOverlayCol .cropButton:hover {
            background: #e8e8e8;
        }

        div.customOverlayCol .cropButton .cropIcon {
            font-size: 25px;
            display: block;
            text-align: center;
            padding: 15px 0 5px 0;
        }

        div.customOverlayCol .cropButton .cropText {
            display: block;
            font-size: 13px;
            line-height: 20px;
            text-transform: uppercase;
            text-align: center;
            padding: 0px 15px;
            font-weight: bold;
        }

    div.customOverlayCol .save, div.customOverlayCol .cancel {
        margin: 0px;
    }

    div.customOverlayCol .buttonSpacer {
        height: 22px;
    }

a.alignment {
    display: inline-block;
    background: url(/images/admin/alignicons.png) no-repeat 0 0;
    width: 30px;
    height: 28px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    padding:0;
    margin:0;
    min-width:0;
    border:0;
    transition: unset;
}

    a.alignment.leftAlign {
        background-position: -60px 0;
    }

    a.alignment.centerAlign {
        background-position: -90px 0;
    }

    a.alignment.rightAlign {
        background-position: -120px 0;
    }

    a.alignment.leftFloatAlign {
        background-position: 0 0;
    }

    a.alignment.rightFloatAlign {
        background-position: -30px 0;
    }

    a.alignment:hover {
        background-position-y: -28px;
    }

    a.alignment.selected {
        background-position-y: -56px;
    }

div.ajaxPageLoaderWrap {
    display: none;
    position: absolute;
    background-color: #fff;
    border-radius: 10px;
    left: 50%;
    top: 50%;
    margin-left: -45px;
    margin-top: -36px;
    z-index: 9999;
}

.ajaxPageLoader {
    margin: auto;
    padding: 10px;
    color: #000;
    font-size: 30px;
}

.formDetails .formDesc {
    font-size: 14px;
}

.formHeading {
    padding: 1em 0 0 0;
    font-size: 28px;
    line-height: 1.2em;
}

.formHeadingSub {
    padding: 0.5em 0 0 0;
    font-size: 20px;
    line-height: 1em;
}

.sentence-case .formDesc {
    text-transform: none;
}

.cke_wysiwyg_frame {
    background: #33cccc !important;
}

/*Colllapsible Module*/
.collapsibleHandle {
    position: relative;
    display: list-item;
    width: 660px;
    list-style-type: none;
    box-sizing: border-box;
}

    .collapsibleHandle.Unpublished {
        color: grey;
    }

.collapsibleItem {
    position: relative;
    display: block;
    width: 660px;
    margin: 0 0 7px 0;
    padding: 5px 119px 5px 40px;
    font-size: 14px;
    line-height: 20px;
    background: none;
    border: 1px solid #bebebe;
    box-sizing: border-box;
    cursor: move;
}

    .collapsibleItem:hover {
        background: #fff;
    }

        .collapsibleItem:hover + .collapsibleList .collapsibleItem {
            background: #fff;
        }

    .collapsibleItem.hasStatus {
        padding-left: 40px;
    }

    .collapsibleItem .collapsibleItemStatus {
        position: absolute;
        display: block;
        width: 20px;
        height: 20px;
        top: 50%;
        left: 10px;
        margin: -10px 0 0 0;
        line-height: 20px;
    }

.collapsibleItemOptionWrap {
    position: absolute;
    display: none;
    height: 100%;
    top: 0;
    right: 0;
    font-size: 0;
}

.collapsibleItem:hover .collapsibleItemOptionWrap {
    display: block;
}

.collapsibleShowHide, .collapsibleEdit, .collapsibleDelete, .delete {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 100%;
    font-size: 14px;
    line-height: 28px;
    color: #a8a8a8;
    text-align: center;
    border-left: 1px solid #bebebe;
    box-sizing: border-box;
    transition: all .25s ease;
}

    .collapsibleShowHide:hover {
        color: #212121;
    }

    .collapsibleEdit:hover {
        color: #212121;
    }

    .collapsibleDelete:hover, .delete:hover {
        color: #fff;
        background: #cc0000;
    }

/*3 Packs*/
.packHandle {
    position: relative;
    display: list-item;
    width: 660px;
    list-style-type: none;
    box-sizing: border-box;
}

    .packHandle.Unpublished {
        color: grey;
    }

.packItem {
    position: relative;
    display: block;
    width: 660px;
    margin: 0 0 7px 0;
    padding: 5px 119px 5px 40px;
    font-size: 14px;
    line-height: 20px;
    background: none;
    border: 1px solid #bebebe;
    box-sizing: border-box;
    cursor: move;
}

    .packItem:hover {
        background: #fff;
    }

        .packItem:hover + .3packList .3packItem {
            background: #fff;
        }

    .packItem.hasStatus {
        padding-left: 40px;
    }

    .packItem .packItemStatus {
        position: absolute;
        display: block;
        width: 20px;
        height: 20px;
        top: 50%;
        left: 10px;
        margin: -10px 0 0 0;
        line-height: 20px;
    }

.packItemOptionWrap {
    position: absolute;
    display: none;
    height: 100%;
    top: 0;
    right: 0;
    font-size: 0;
}

.packItem:hover .packItemOptionWrap {
    display: block;
}

.packShowHide, .packEdit, .packDelete, .delete {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 100%;
    font-size: 14px;
    line-height: 28px;
    color: #a8a8a8;
    text-align: center;
    border-left: 1px solid #bebebe;
    box-sizing: border-box;
    transition: all .25s ease;
}

    .packShowHide:hover {
        color: #212121;
    }

    .packEdit:hover {
        color: #212121;
    }

    .packDelete:hover, .delete:hover {
        color: #fff;
        background: #cc0000;
    }

/* MetaData Section */
.metaAreaWrap {
    border: 1px solid #b6b6b6;
    padding: 10px;
}

    .metaAreaWrap.expanded {
        border: none;
    }

.metaArea {
    background: #fff;
    border: 1px solid #b6b6b6;
    padding: 10px;
}

.metaEditArea {
}

#metaEdit {
    margin-left: 10px;
}

    #metaEdit .fa {
        margin-right: 5px;
    }

.metaSection {
    border-bottom: 1px solid #b6b6b6;
    padding: 25px 0px;
}

    .metaSection:last-child {
        border-bottom: none;
        padding-bottom: 10px;
    }

.metaDesc {
    display: inline-block;
    font-size: 11px;
    width: 20%;
    text-transform: uppercase;
    color: #212121;
}

.metaInput, .metaContent {
    display: inline-block;
    width: 80%;
}

.metaSelect {
    margin: 0;
}

.metaEditArea textarea {
    display: inline-block;
    width: 80%;
}

.metaArea .wordCountWrap {
    width: 80%;
    margin-left: 20%;
    padding: 0px;
}

.processPlaceHolder {
    font-size: 14px;
    border: 1px solid #000;
    padding: 40px;
    vertical-align: middle;
    text-align: center;
}

.sectionWrapper {
    border: 1px solid #b6b6b6;
    padding: 10px;
}

/*Admin Search Results*/
.item-search-content {
    color: #2e2e2e;
    display: block;
    font-size: .8em;
    font-weight: 600;
    line-height: 1.3125em;
    position: relative;
}
.item-search-articles-content {
    color: #2e2e2e;
    display: block;
    line-height: 1.3125em;
    position: relative;
}

.item-search-content-author {
    color: #7d7d7d;
    display: block;
    font-size: .7em;
    line-height: 1.2em;
    padding: 1.5em 0 5px 0;
    position: relative;
    text-transform: uppercase;
}

.item-search-content-type {
    color: #000000;
    display: block;
    font-size: 0.8em;
    line-height: 1.2em;
    padding: .285em 0 .143em 0;
    position: relative;
}

.item-search-results {
    color: #2e2e2e;
    display: inline-block;
    font-size: 1rem;
    padding: .35em .575em 1.2em .575em;
    position: relative;
    text-decoration: none;
    vertical-align: top;
}

.item-search-articles-results {
    color: #2e2e2e;
    display: inline-block;
    font-size: 1rem;
    margin-top: 18px;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    margin-left: 13px;
}

.item-search-articles-content {
    border: 0.1px solid #b6b6b6;
    padding: 6px 4px 3px 5px;
}

.item-search-image {
    height: 5.45em;
    display: inline-block;
}

.item-search-info {
    display: block;
    max-width: 7.4em;
}

.other {
    position: relative;
    display: inline-block;
    min-width: 150px;
    width: auto;
    vertical-align: top;
    margin: 0 0 0 20px;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #212121;
    box-sizing: border-box;
    transition: all .25s ease;
    color: #212121;
    background: transparent;
    min-width: 150px;
}

.textarea {
    background: url(https://i.imgur.com/2cOaJ.png);
    background-attachment: local;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-top: 10px;
    border-color: #ccc;
    font-size: 13px;
    line-height: 16px;
}

img.cover-thumb {
  width: 80px;
}

/*form list*/
.list-title {
    width: 20%;
    font-size: 16px;
    margin: 16px 0 20px 0;
}

.listTypeSelect {
    margin-right: 10px;
    width: 45%;
}

.editlist, .deletelist {
    font-size: 20px;
    text-align: center;
    /*padding-top: 30px;*/
}

/*single list*/

.single-list div {
    display: flex;
}

/*Multiple list*/
.multiple-list {
    width: 84%;
    border: 1px solid #bebebe;
    padding: 25px 10px 10px 10px;
    border-right: 0px;
    border-left: 0px;
}

    .multiple-list div {
        display: flex;
    }

.multiplelist-menu {
    font-size: 30px;
    width: 8%;
    text-align: center;
    border: 1px solid #bebebe;
    padding-top: 60px;
}

.listDeletediv:hover {
    background-color: #cc0000;
    cursor: pointer;
}

.listOpendiv:hover {
    background-color: #dcdcdc;
    cursor: pointer;
}

.toggle-open {
    display: flex;
    cursor: move
}

    .toggle-open:hover {
        background-color: #fff;
    }

    .toggle-open i, .toggle-close i {
        color: #a8a8a8;
    }

.toggle-close i {
    padding-right: 20px;
}

.toggle-close .fa-bars {
    cursor: pointer;
}

/*services*/

.dflex {
    display: flex;
}

.sotitle {
    width: 400px;
}

.soLinkType {
    margin-left: 100px;
    width: 250px;
    margin-right: 20px;
}

.linkServiceformDesc {
    position: relative;
    display: block;
    font-size: 11px;
    line-height: 23px;
    color: #212121;
    text-transform: uppercase;
    padding-right: 20px;
}

.linkServiceOverlayWidth {
    width: 660px;
}

.soicon {
    width: 300px;
    margin-right: 20px;
}

.soLink {
    width: 350px;
}

/*disable a link*/

a.disabled {
    pointer-events: none;
    cursor: default;
}

.link-disabled {
    opacity: .4;
    cursor: default !important;
    pointer-events: none;
}

/*htmlckeditor*/
[id^="cke_Item_Modules"] {
    max-width: 100%;
}

/* table-sorter*/
table.defaultTable th.header { vertical-align: middle; cursor: pointer; }
table.defaultTable th.nosort { cursor: default; }
table.defaultTable th { white-space: nowrap; }
    table.defaultTable th.tablesorter-headerAsc { background-image: url(/images/admin/sm-arrow-up.gif); }
    table.defaultTable th.tablesorter-headerDesc { background-image: url(/images/admin/sm-arrow.gif); }
    table.defaultTable th.tablesorter-headerAsc, table.defaultTable th.tablesorter-headerDesc { background-repeat: no-repeat; background-position: 97% center; }
table.defaultTable .noListed { color: grey; }


table.defaultTable th.headerSortable {
    cursor: pointer;
}
/*news category*/
.navEditorHandleNewsCategory {
    padding-left:20px;
    padding-right:4px;
    position: relative;
    display: list-item;
    width: 100%;
    list-style-type: none;
    box-sizing: border-box;
}

.navEditorItemNewsCategory {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 7px 0;
    padding: 5px 119px 5px 35px;
    font-size: 14px;
    line-height: 20px;
    background: none;
    border: 1px solid #bebebe;
    box-sizing: border-box;
    cursor: move;
}

.navEditorItemOptionWrapNewsCategory {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    font-size: 0;
}
.navEditorItemNewsCategory:hover {
    background: #fff;
}

/*news category*/
.newscategoryitem {
    padding: 10px 20px 5px 20px;
    font-size: 14px;
}


.newscategoryitem input[type="checkbox"] {
    /*width: 30px;*/
    /*height: 30px;*/
    margin-right: 15px;
}

.cpointer{
    cursor:pointer;
}


.pagination {
    display: inline-block;
}

    .pagination a {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        transition: background-color .3s;
    }

        .pagination a.active {
            background-color: #4CAF50;
            color: white;
        }

        .pagination a:hover:not(.active) {
            background-color: #ddd;
        }
    .pagination a {
        border: 1px solid #ddd; /* Gray */
    }

/*Downloads and Apps Module*/
.defaultLabelCheckboxIcons {
    padding-left: 18px;
}

label.defaultLabelCheckboxIcons, label.defaultCheckboxIcons {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 8px 2px 0;
    padding: 2px 170px 0 15px;
}

.defaultLabelCheckboxIcons .defaultCheckboxIcons{
    position: absolute;
    top: 3px;
    left: 0;
}

.formDescIcons {
    position: relative;
    display: block;
    font-size: 11px;
    line-height: 23px;
    color: #212121;
    text-transform: uppercase;
    width:40%;
}

.defaultInputIcons {
    position: relative;
    display: block;
    width: 90%;
    height: 48px;
    margin: 0 0 20px 0;
    padding: 10px 12px;
    font-size: 20px;
    line-height: 28px;
    color: #212121;
    background: #fff;
    border: 1px solid #b6b6b6;
    box-sizing: border-box;
}
.displayIcons{
    display:inline-block;
}

.downloadsandmobileappsWrap {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0 0 0;
    font-size: 0;
}
/*naveditors*/
.naveditorother {
    position: relative;
    display: inline-block;
    min-width: 150px;
    width: auto;
    vertical-align: top;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #212121;
    box-sizing: border-box;
    transition: all .25s ease;
    color: #212121;
    background: transparent;
    min-width: 150px;
}

.naveditorsave {
    position: relative;
    display: inline-block;
    min-width: 150px;
    width: auto;
    vertical-align: top;
    /*margin: 0 0 0 15px;*/
    padding: 10px 20px;
    font-size: 13px;
    line-height: 17px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #212121;
    box-sizing: border-box;
    transition: all .25s ease;
}

.naveditor {
    color: #fff;
    background: #212121;
}

.naveditorsave:first-child{
    margin-left: 0;
}

.naveditorsave:hover {
    background: #23a700;
    border-color: #23a700;
}

.galleryItemStacking {
    display: inline-block !important;
}
.moduleListItemStacking .galleryItem {
    display: inline-block !important;
}

.passwordHintWrapper {
   position:relative;
}
.passwordHintHelper {
    background: #fff;
    font-size:12px;
    border-radius: .4em;
    display: none;
    left: 0;
    margin: 10px 0 0 0;
    padding: .75em .95em;
    position: absolute;
    bottom: 115%;
    width: 30%;
    z-index: 2;
}
.passwordHintHelper ul {
    margin-left:25px;
}
    .passwordHintHelper.active {
        display: block;
    }

    .passwordHintHelper:before,
    .passwordHintHelper::before {
        border-top: 7px solid #fff;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: '';
        display: block;
        height: 0;
        left: 1.5em;
        position: absolute;
        bottom: -7px;
        width: 0;
    }
div#articlesshowhide {
    position: relative;
}

div#articlesshowhide img {
    position: absolute;
    top: 37px;
    right: 44px;
    max-width: 3% !important;
}


.pagingOptionsWrap {
    display: flex;
    letter-spacing: 0;
    line-height: 1em;
    margin: 0 auto;
    padding: 1.5em 0;
    position: relative;
    width: 100%;
}

.pagingOptionsWrap a {
    border: none;
    border-radius: 0.125em;
    color: #2a2a2a;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4em;
    height: 1.44em;
    line-height: 1.24em;
    padding: 0.1em;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: .25s;
    vertical-align: top;
    width: 1.44em;
}

.pagingOptionsWrap a:hover,
.pagingOptionsWrap a:focus {
    background: #ccc;
}

.pagingOptionsWrap a.active {
    color: #fff;
    background: #2a2a2a;
}

.pagingOptionsWrap a.prev::before,
.pagingOptionsWrap a.prev:before {
    bottom: 0;
    color: #727272;
    content: '\e5e0';
    display: block;
    font-family: "Material Icons Round";
    font-size: 1em;
    left: 0;
    line-height: 1.44em;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.pagingOptionsWrap a.next::before,
.pagingOptionsWrap a.next:before {
    bottom: 0;
    color: #727272;
    content: '\e5e1';
    display: block;
    font-family: "Material Icons Round";
    font-size: 1em;
    line-height: 1.44em;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
}

.pagination-wrapper {
    display: block;
    font-size: 1rem;
    margin: 0.5rem 0;
    position: relative;
}

@media screen and (max-width: 900px) {
  .lineimages .adminLeftImage-flex {
    width: 49%;
  }
}

div.ajaxPageLoaderWrap { display: none; position: fixed; background-color: #fff; border-radius: 10px; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 9999; flex-direction: column; align-content: space-between; text-align: center; padding: 10px; max-height: 100px; max-width: 130px; }

.ajaxPageLoader { margin: auto; padding: 10px; color: #000; font-size: 30px; }

.imageLibraryOverlay { }
    .imageLibraryOverlay .customOverlay { min-width: 20vw; max-width: 80vw; }
    .imageLibraryOverlay .imageLibraryDisplay { max-height: 50vh; min-height: 50vh; min-width: 80vw; overflow: auto; }
    .imageLibraryOverlay .pagination-wrapper { display: none; }
    .imageLibraryOverlay .pagingOptionsValues span {display:inline-block; padding:0.5em; vertical-align:middle;}
    .imageLibraryOverlay .libraryImage {position:relative; display:inline-block; width:250px;height:300px; vertical-align:top; padding:10px;}


ul#links-list {
    /*list-style: none;
    margin-top: -3px;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 1;*/
    box-shadow: 0 0.1em 2em rgb(0 0 0 / 10%);
    height: 18.7rem;
    list-style: none;
    margin-top: -3px;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 65.7%;
    width: 100%;
    z-index: 1;
    
}
.customOverlay ul#links-list {
    display: block;
    height: auto;
    list-style: none;
    margin-top: -3px;
    max-height: 18.7rem;
    overflow: auto;
    padding: 0;
    position: absolute;
    position: fixed;
    width: 25rem;
    z-index: 1;
}

.overlayContent ul#links-list {
    margin-top:-84px
}

#links-list li {
    padding: 10px;
    background: #f0f0f0;
    border-bottom: #bbb9b9 1px solid;
    font-size: 1rem;
    /*font-size: 16px;*/
}

.frmSearch input#search-box {
    margin-bottom: 0;
}

div#suggesstion-box {
    position: relative;
}

.selectboxhide{
    display: none;
}


.more-items {
    position:relative;
    display:inline-block;
    text-decoration:none;
    color:#fff;
    background-color:#000;
    padding:5px 5px;
    font-size:20px;
    text-align:center;
    vertical-align:middle;
}

.search-terms {
  display: inline-block;
  width: 92%;
}
.with-boost .search-terms {
  width: 72%;
}
.with-boost .boost {
  width: 20%;
}
.remove { font-size:20px; margin-left:10px; text-decoration:none; color:#000;}

.splash-photo-wrap .addNew {
    min-width: 140px;
}

/*Search Analytics */
.search-option {
    font-size: 20px;
    padding: 0px 10px;
    text-decoration: none;
    color: rgb(33,33,33);
}

    .search-option.active {
        font-weight: bold;
    }

.search-divider {
    font-size: 20px;
}


.defaultTable tr.dataRow:hover {
    cursor: pointer;
}

    .defaultTable tr.dataRow:hover td, .defaultTable tr.dataRow.activeRow td {
        background: #b6b6b6;
    }

        .defaultTable tr.dataRow.activeRow td .dropdownArrow {
            -webkit-transform: rotateX(180deg);
            -moz-transform: rotateX(180deg);
            transform: rotateX(180deg);
        }

.defaultTable .innerRow td {
    padding: 0;
    border: none;
}

.defaultTable tr td.rowHead {
    position: absolute;
    font-size: 12px;
    width: 20em;
    top: auto;
    left: 0;
    border-right: 1px solid #212121;
}

.defaultTable .innerRow .divDetailRow {
    padding: 9px 16px;
    background: #fff;
    border-top: 1px solid #000;
    border-bottom: 2px solid #000;
}

    .defaultTable .innerRow .divDetailRow table {
        width: 80%;
        margin: 0 auto;
    }

        .defaultTable .innerRow .divDetailRow table th, .defaultTable .innerRow .divDetailRow table td {
            background-color: #fff;
            padding: 6px 12px;
        }

        .defaultTable .innerRow .divDetailRow table th {
            border-bottom-width: 1px;
            font-weight: bold;
        }

        .defaultTable .innerRow .divDetailRow table td {
            border-bottom: 1px solid #000;
        }


th.sortableColumn.sortedUp {
    background: #eee url(/images/admin/sortableUp.png) no-repeat right 6px;
}

th.sortableColumn.sortedDown {
    background: #eee url(/images/admin/sortableDown.png) no-repeat right 6px;
}
}

.save .fa-spinner {
    font-size: 1.3em;
    position: absolute;
    right: 0.3em;
    margin: auto;
}

.save .spinner {
    display: none;
}

.save.no-click {
    background: #4c4c4c;
    cursor: no-drop;
    pointer-events: none;
}