@import url('/css/branding.css');
@import url('/css/fbIcons.css');

html,
body
{
    color: var(--FB_Black);
    background-color: var(--FB_White);
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.kt-container.kt-container--fluid > .row,
.admin_page.fb-login-page .container-fluid > .row
{
    margin-right: 0;
}

    .kt-container.kt-container--fluid > .row > .col-lg-12
    {
        padding-right: 0;
    }

.kt-radio
{
    white-space: nowrap !important;
    display: inline-block;
}

    .kt-radio input + span
    {
    }

    .kt-radio input:focus + span
    {
        outline: dotted 1px var(--FB_Black);
    }

.kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__link .kt-menu__ver-arrow
{
    vertical-align: bottom;
    padding-left: 10px;
    margin-top: 5px;
    height: 14px;
    display: inline;
}

/* BEGIN HEADER */
header
{
    background-color: var(--FB_XLtBlue);
}
/* END HEADER */

/* BEGIN MAIN FOCUS */
.main_focus
{
    color: var(--FB_White);
    background-color: var(--FB_Blue);
}
/* END MAIN FOCUS */

/* BEGIN FOOTER */
footer,
#kt_footer,
.kt-footer,
.kt-footer .kt-footer__copyright
{
    color: var(--FB_White);
    background: var(--FB_Blue);
}

.kt-footer
{
    padding: 0.5em 0;
}

.footer_liner p
{
    padding: 10px;
    color: var(--FB_White);
    font-size: 13px;
}
/* END FOOTER */


/* BEGIN Aside Toggle */
.kt-aside-menu-wrapper
{
    position: relative;
}

.btn-minimize-toggle
{
    display: block;
    position: absolute;
    top: 0.25em;
    right: 0.25em;
    color: var(--FB_Blue);
    padding: .25em .5em;
    border: var(--FB_MidGrey) solid 1px;
    border-radius: var(--fb-button-radius);
}

.fbadm_body.kt-aside--minimize .kt-aside-menu-wrapper .btn-minimize-toggle
{
    display: none;
}

.fbadm_body.kt-aside--minimize-hover .kt-aside-menu-wrapper .btn-minimize-toggle
{
    display: block;
    color: var(--FB_MidGrey);
}
/*
color: var(--FB_LtGrey);
color: var(--FB_Blue);
*/
/* END Aside Toggle */

/* BEGIN jQueryUI Widget */
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button
{
    font-family: inherit;
}

.ui-dialog-buttonpane.ui-widget-content
{
    background-color: var(--FB_Blue);
    color: var(--FB_White);
    padding: 0;
}
/* END jQueryUI Widget */
/* BEGIN Alerts */

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

}

.fxb-alert-container {
    position: relative;
    padding: 0;
    margin: 0;
}
.fxb-alert.alert
{
    z-index: 1;
    max-width: 100%;
    width: max-content;
    margin: 10px 25px 0 auto;
    padding-right: 50px;
}

@media screen and (min-width: 768px)
{
    .fxb-alert.alert
    {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.alert.alert-danger {
    color: var(--FB_Black);
    background-color: var(--FB-Pink);
    border-color: var(--FB_Red);
    border-width: 2px;
    position: relative;
    padding-left: calc(50px + 1em);
}

    .alert.alert-danger:before
    {
        content: "";
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23ffffff' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffffff' stroke='none'/%3e%3c/svg%3e");
        background-position: left 8px center;
        background-repeat: no-repeat;
        color: var(--FB_White);
        background-color: var(--FB_Red);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50px;
    }

.alert.alert-warning
{
    color: var(--FB_Black);
    background-color: var(--FB_PaleYellow);
    border-color: var(--FB_BrownYellow);
    border-width: 2px;
    position: relative;
    padding-left: calc(50px + 1em);
}

    .alert.alert-warning:before
    {
        content: "";
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23ffffff' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffffff' stroke='none'/%3e%3c/svg%3e");
        background-position: left 8px center;
        background-repeat: no-repeat;
        color: var(--FB_White);
        background-color: var(--FB_BrownYellow);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50px;
    }

.alert.alert-success {
    color: var(--FB_White);
    background-color: var(--FB_Green);
    border-color: var(--FB_Green);
}

/* END Alerts */
/* BEGIN Buttons */
/* Possibly uneccessary due to presence in Common.css? */

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0;
}

.btn-group > .btn.dropdown-toggle-off
{
    border-top-right-radius: 9px !important;
    border-bottom-right-radius: 9px !important;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
}

.actions .btn
{
    border-width: 2px;
    white-space: nowrap;
}


/* BEGIN Portlets */
#kt_page_portlet
{
    border: none;
}

    #kt_page_portlet.kt-portlet h1.kt-portlet__head-title
    {
        font-weight: normal;
        font-size: 25px;
        letter-spacing: 0.05em;
        color: var(--FB_White);
    }

    #kt_page_portlet > .kt-portlet__head
    {
        background-color: var(--FB_Blue);
        color: var(--FB_White);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    #kt_page_portlet.kt-portlet--sticky > .kt-portlet__body
    {
        margin-top: 88px;
    }

@media screen and (min-height: 1024px)
{
    #kt_page_portlet
    {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        border: none;
    }

        #kt_page_portlet > .kt-portlet__head
        {
            border: none;
            margin-top: 20px;
            -webkit-box-shadow: 0px 0px 13px 0px var(--fb-pageportlet-shadow-color);
            box-shadow: 0px 0px 13px 0px var(--fb-pageportlet-shadow-color);
        }

        #kt_page_portlet.kt-portlet--sticky > .kt-portlet__head
        {
            margin-top: 0;
            border-top-width: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            padding-top: 21px; /*replaces margin-top and border(top) defined above*/
        }

        #kt_page_portlet > .kt-portlet__body
        {
            margin-top: 25px;
            border-radius: 0px;
            -webkit-box-shadow: 0px 0px 13px 0px var(--fb-pageportlet-shadow-color);
            box-shadow: 0px 0px 13px 0px var(--fb-pageportlet-shadow-color);
            background-color: var(--FB_White);
            border: 1px solid var(--FB_MidGrey);
        }

        #kt_page_portlet.kt-portlet--sticky > .kt-portlet__body
        {
            margin-top: 127px;
        }
}

.kt-portlet.validation_warning .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title
{
    transition: all ease 500ms;
    font-weight: bold;
    color: var(--FB_Red);
    border-color: var(--FB_Red);
}

#kt_page_portlet.kt-portlet.kt-portlet--head-lg .kt-portlet__head
{
    min-height: 65px;
}

.kt-foxbrite-liner
{
    display: block;
    width: 100%;
    padding: 0.5em 0;
}

    .kt-foxbrite-liner .actions
    {
        display: flex;
        text-align: right;
        flex-wrap: wrap;
        justify-content: flex-end;
        margin-top: -0.25em;
    }

        .kt-foxbrite-liner .actions > *
        {
            margin-left: 1em;
            margin-top: 0.25em;
        }
        .kt-foxbrite-liner .actions > :first-child
        {
            margin-left: 0;
        }

.kt-portlet__head-rowtop,
.kt-portlet__head-rowalert
{
    margin-top: 0.25em;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.kt-portlet__head-rowtop
{
    min-height: 40px;
}

@media (max-width: 1023px)
{
    .kt-portlet__head-rowtop
    {
        flex-direction: column;
    }
}

.kt-portlet .kt-foxbrite-liner .kt-portlet__head-label
{
    display: flex;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0.5em 0;
}

.kt-portlet .kt-portlet__head .kt-portlet__head-toolbar
{
    justify-content: flex-end;
}

@media (max-width: 1023px)
{
    .kt-portlet .kt-portlet__head .kt-portlet__head-toolbar
    {
        justify-content: flex-start;
    }
}

.kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg
{
    height: auto;
}

.list_text
{
    display: none;
}

.fbbtn-icon
{
    min-width: 1.5em;
}

.kt-portlet .kt-portlet__body
{
    /*padding: 15px;*/
    padding: 10px;
}
.kt-portlet .kt-portlet__head
{
    padding-left: 10px;
}
/* END Portlets */
/* BEGIN Forms */
.form-control
{
    border-color: var(--FB_MidGrey);
    border-radius: var(--fb-button-radius);
}

    .form-control:focus
    {
        box-shadow: 0 0 0 .2rem var(--FB_MidGrey) !important;

    }
    .form-control.form-control-narrow
    {
        display: inline-block;
        width: auto;
    }

        .form-control.form-control-narrow ~ .form-control.form-control-narrow
        {
            margin-left: 9px;
        }

        .btn.btn-sm.additem_button i
        {
            padding-right: 0.5em;
        }
/* END Forms */

/* Metronic Customization - Data Tables */
.table-hover tbody tr:hover
{
    background-color: var(--FB_LtBlue);
}

.fbadm_tbl_title
{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

    .fbadm_tbl_title .btn-tbl-tools
    {
        min-width: 70px;
    }

    .fbadm_tbl_title .btn_tbltext
    {
        min-width: 11ch;
        font-weight: 500;
        word-break: break-word;
    }

.btn-tbl-tools
{
    /*order: -1;*/
    margin-right: 1em;
}



.table th,
.table td
{
    vertical-align: middle;
    font-weight: inherit;
}
/* END Metronic Customization - Data Tables */

/* Metronic Customization - Tabs */
.fbadm_tabs .nav-tabs
{
    margin-top: 0;
    margin-bottom: 0;
    border-top: 0;
    border-bottom: 0;
}

    .fbadm_tabs .nav-tabs:not(.bottomtabs)
    {
    }

.fbadm_tabs.noborder .nav-tabs
{
}

.fbadm_tabs .nav-tabs.bottomtabs
{
}

.fbadm_tabs .nav-tabs .nav-link
{
    color: var(--FB_Orange);
    font-weight: 600;
    font-size: 20px;
    padding: .3em 1em;
    transition: background-color 0.5s;
    margin-bottom: 0;
    border-radius: 0;
    border-color: transparent;
    text-align: center;
    white-space: nowrap;
}

.fbadm_tabs .nav-tabs .nav-item .nav-link
{
    background-color: var(--FB_White);
}

.fbadm_tabs .nav-tabs .nav-link.disabled
{
    color: var(--FB_Orange);
    background-color: var(--FB_LtGrey);
}

.fbadm_tabs .nav-tabs .nav-link.active,
.fbadm_tabs .nav-tabs .nav-item.show .nav-link
{
    color: var(--FB_White);
    background-color: var(--FB_Orange);
}

.fbadm_tabs .nav-tabs .nav-link.active
{
    position: relative;
    font-weight: bold;
}

.fbadm_tabs .nav-tabs .nav-link:hover,
.fbadm_tabs .nav-tabs .nav-link:focus
{
    color: var(--FB_Orange);
}

.fbadm_tabs .nav-tabs .nav-item .nav-link.active:hover,
.fbadm_tabs .nav-tabs .nav-item .nav-link.active:focus
{
    color: var(--FB_White);
}

.fxb-helpdesk-content .fbadm_tabs .nav-tabs
{
    flex-direction: row;
    flex-wrap: wrap;
}

    .fxb-helpdesk-content .fbadm_tabs .nav-tabs .nav-link
    {
        border-bottom-color: transparent;
        border-top-width: 0;
        border-right-width: 0;
        text-align: left;
    }

        .fxb-helpdesk-content .fbadm_tabs .nav-tabs .nav-link.active,
        .fxb-helpdesk-content .fbadm_tabs .nav-tabs .nav-item.show .nav-link
        {
            color: var(--FB_Orange);
            background-color: var(--FB_White);
        }

    .fxb-helpdesk-content .fbadm_tabs .nav-tabs:not(.bottomtabs) .nav-link.active,
    .fxb-helpdesk-content .fbadm_tabs .nav-tabs:not(.bottomtabs) .nav-item.show .nav-link
    {
        border-bottom-color: transparent;
    }

.fxb-helpdesk-content .fbadm_tabs:not(.noborder) .nav-tabs .nav-link
{
    border-left-width: 0;
    border-bottom-color: transparent;
}

.fxb-helpdesk-content .fbadm_tabs .nav-tabs:not(.bottomtabs) .nav-link
{
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-color: transparent;
}

.fxb-helpdesk-content .fbadm_tabs .nav-tabs .nav-item:first-child .nav-link
{
    border-left-width: 0;
}

.fxb-helpdesk-content .fbadm_tabs.noborder .nav-tabs:not(.bottomtabs) .nav-item
{
    border-bottom-color: transparent;
    flex: 0 0 auto;
    position: relative;
}

    .fxb-helpdesk-content .fbadm_tabs.noborder .nav-tabs:not(.bottomtabs) .nav-item:before
    {
        content: "";
        position: absolute;
        top: .9em;
        left: -2px;
        height: 1.5em;
        border-left: solid 2px var(--FB_Blue);
    }

.fxb-helpdesk-content .fbadm_tabs .nav-tabs .nav-item .nav-link.active,
.fxb-helpdesk-content .fbadm_tabs .nav-tabs .nav-link:hover,
.fxb-helpdesk-content .fbadm_tabs .nav-tabs .nav-link:focus
{
    color: var(--FB_Blue);
}

.fxb-helpdesk-content .fbadm_tabs .nav-tabs .nav-link.active:after
{
    content: '';
    display: block;
    position: absolute;
    top: calc(100% + var(--fb-tab-marker-border-width));
    transform: translateY(-100%);
    width: calc(100% - 2em);
    height: var(--fb-tab-marker-border-width);
    background-color: var(--FB_Blue);
}

@media screen and (max-width: 767px)
{
    .fbadm_tabs .nav-tabs
    {
        flex-direction: column;
    }

        .fbadm_tabs .nav-tabs .nav-item
        {
            margin-bottom: 0;
        }

    .fbadm_tabs:not(.noborder) .nav-tabs .nav-link
    {
        border-left-color: var(--FB_Orange);
        border-left-width: var(--fb-tab-marker-border-width);
    }

    .fbadm_tabs:not(.noborder) .nav-tabs:not(.bottomtabs) .nav-item .nav-link
    {
        border-bottom: var(--fb-tab-border-width) solid var(--FB_Green);
        border-top: none;
    }

    .fbadm_tabs:not(.noborder) .nav-tabs.bottomtabs .nav-item .nav-link
    {
        border-top: var(--fb-tab-border-width) solid var(--FB_Green);
        border-bottom: none;
    }

    .nav-tabs:not(.bottomtabs):not(.noborder) .nav-item:first-child .nav-link
    {
        border-top-left-radius: var(--fb-tab-border-radius);
        border-top-right-radius: var(--fb-tab-border-radius);
        margin-bottom: var(--fb-tab-marker-border-width);
    }

    .fbadm_tabs:not(.noborder) .nav-tabs.bottomtabs .nav-item:last-child .nav-link
    {
        border-bottom-left-radius: var(--fb-tab-border-radius);
        border-bottom-right-radius: var(--fb-tab-border-radius);
    }

    .fbadm_tabs:not(.noborder) .nav-tabs .nav-link.active:after
    {
        content: '';
        display: block;
        position: absolute;
        right: calc(100% + var(--fb-tab-marker-border-width));
        transform: translateX(100%) translateY(-50%);
        top: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0.5em 0 0.5em 0.5em;
        border-color: transparent transparent transparent var(--FB_Green);
    }
}

@media screen and (min-width: 768px)
{
    .fbadm_tabs .nav-tabs .nav-link
    {
        border-right: var(--fb-tab-border-width) solid var(--FB_Green);
        border-left-width: 0;
    }

    .fbadm_tabs:not(.noborder) .nav-tabs:not(.bottomtabs)
    {
        border-bottom: var(--fb-tab-border-width) solid var(--FB_Green);
    }

    .fbadm_tabs:not(.noborder) .nav-tabs.bottomtabs
    {
        border-top: var(--fb-tab-border-width) solid var(--FB_Green);
    }

    .fbadm_tabs:not(.noborder) .nav-tabs:not(.bottomtabs) .nav-item
    {
        margin-bottom: var(--fb-tab-border-offset);
    }

    .fbadm_tabs:not(.noborder) .nav-tabs.bottomtabs .nav-item
    {
        margin-top: var(--fb-tab-border-offset);
    }

    .fbadm_tabs .nav-tabs:not(.bottomtabs) .nav-link
    {
        border-bottom-color: var(--FB_Orange);
        border-bottom-width: var(--fb-tab-marker-border-width);
    }

    .fbadm_tabs .nav-tabs.bottomtabs .nav-link
    {
        border-top-color: var(--FB_Orange);
        border-top-width: var(--fb-tab-marker-border-width);
    }

    .fbadm_tabs .nav-tabs:not(.bottomtabs) .nav-link
    {
        border-top: var(--fb-tab-border-width) solid var(--FB_Green);
    }

    .fbadm_tabs .nav-tabs.bottomtabs .nav-link
    {
        border-bottom: var(--fb-tab-border-width) solid var(--FB_Green);
    }

    .fbadm_tabs .nav-tabs .nav-item:first-child .nav-link
    {
        border-left: var(--fb-tab-border-width) solid var(--FB_Green);
    }

    .fbadm_tabs .nav-tabs:not(.bottomtabs) .nav-link
    {
        border-top-left-radius: var(--fb-tab-border-radius);
        border-top-right-radius: var(--fb-tab-border-radius);
    }

    .fbadm_tabs.noborder .nav-tabs:not(.bottomtabs) .nav-item
    {
        margin-bottom: 0;
        border-bottom: var(--fb-tab-border-width) solid var(--FB_Green);
    }

    .fbadm_tabs.noborder .nav-tabs.bottomtabs .nav-item
    {
        margin-top: 0;
        border-top: var(--fb-tab-border-width) solid var(--FB_Green);
    }

    .fbadm_tabs .nav-tabs.bottomtabs .nav-link
    {
        border-bottom-left-radius: var(--fb-tab-border-radius);
        border-bottom-right-radius: var(--fb-tab-border-radius);
    }

    .fbadm_tabs.noborder .nav-tabs.bottomtabs .nav-item:first-child .nav-link
    {
        border-top-left-radius: var(--fb-tab-border-radius);
    }

    .fbadm_tabs.noborder .nav-tabs.bottomtabs .nav-item:last-child .nav-link
    {
        border-top-right-radius: var(--fb-tab-border-radius);
    }

    .fbadm_tabs:not(.noborder) .nav-tabs .nav-link.active:after
    {
        content: '';
        display: block;
        position: absolute;
        top: calc(100% + var(--fb-tab-marker-border-width));
        transform: translateX(-50%) translateY(-100%);
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0.5em 0.5em 0.5em;
        border-color: transparent transparent var(--FB_White) transparent;
    }

    .fbadm_tabs .nav-tabs:not(.bottomtabs) .nav-link.active,
    .fbadm_tabs .nav-tabs:not(.bottomtabs) .nav-item.show .nav-link
    {
        border-bottom-color: var(--FB_Orange);
    }

    .fbadm_tabs .nav-tabs.bottomtabs .nav-link.active,
    .fbadm_tabs .nav-tabs.bottomtabs .nav-item.show .nav-link
    {
        border-top-color: var(--FB_Orange);
    }

    .fbadm_tabs:not(.noborder) .tab-content
    {
        border-left: var(--fb-tab-border-width) solid var(--FB_Green);
        border-right: var(--fb-tab-border-width) solid var(--FB_Green);
    }

    .fbadm_tabs:not(.noborder):not(.hasbottomtabs) .tab-content
    {
        border-bottom: var(--fb-tab-border-width) solid var(--FB_Green);
    }

    .fxb-helpdesk-content .fbadm_tabs.noborder .nav-tabs:not(.bottomtabs) .nav-item:first-child:before
    {
        display: none;
    }
}




.fbadm_tabs .tab-pane
{
    padding: 2em 1em;
}

.fbadm_tabs > ul.nav li.fbErrorInTab,
.fbadm_tabs > ul.nav li.fbErrorInTab a
{
    color: var(--FB_DkCoolGrey);
}

    .fbadm_tabs > ul.nav li.fbErrorInTab a
    {
        position: relative;
        padding-right: 2em;
    }

        .fbadm_tabs > ul.nav li.fbErrorInTab a:before
        {
            position: absolute;
            top: calc(50% - translateY(50%));
            right: 0.5em;
            content: "\f06a";
            font-weight: 600;
            font-family: 'Font Awesome 5 Free';
        }

.fbq_tab_buttons
{
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 100;
    display: flex;
    flex-direction: column;
}

@media (max-width: 1024px)
{
    .fbq_tab_buttons
    {
        bottom: 70px;
        right: 15px;
    }
}

.fbq_tab_button
{
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: var(--FB_MidGrey);
    -webkit-box-shadow: 0 0 15px 1px rgba(65, 65, 65, 0.2);
    box-shadow: 0 0 15px 1px rgba(65, 65, 65, 0.2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: var(--fb-button-radius);
    margin-bottom: 20px;
}

    .fbq_tab_button:not(.fbq_tabbutton_disabled)
    {
        background: var(--FB_Green);
        -webkit-box-shadow: 0 0 15px 1px rgba(69, 65, 78, 0.2);
        box-shadow: 0 0 15px 1px rgba(69, 65, 78, 0.2);
    }

    .fbq_tab_button > i
    {
        font-size: 1.3rem;
        color: var(--FB_White);
    }

    .fbq_tab_button:hover > i
    {
        color: var(--FB_White);
    }

.fbq_tab_button
{
    opacity: 0.3;
    -webkit-animation: fbq_tab_button-show-animation .4s ease-out 1;
    animation: fbq_tab_button-show-animation .4s ease-out 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .fbq_tab_button:not(.fbq_tabbutton_disabled):hover
    {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 1;
    }

@-webkit-keyframes fbq_tab_button-show-animation
{
    from
    {
        margin-bottom: -15px;
    }

    to
    {
        margin-bottom: 20px;
    }
}

@keyframes fbq_tab_button-show-animation
{
    from
    {
        margin-bottom: -15px;
    }

    to
    {
        margin-bottom: 20px;
    }
}

.fxb-helpdesk-content .fbadm_tabs .nav-item
{
    flex: 1;
}

@media (min-width: 1400px)
{
    .fxb-helpdesk-content .fbadm_tabs .nav-tabs
    {
        max-width: 60%;
    }
}
/* END Metronic Customization - Tabs */


/* Metronic Customization - Drop Menus */
.dropdown-menu > li > a > i,
.dropdown-menu > .dropdown-item > i
{
    width: 1em;
    text-align: center;
}


.dropdown-menu > li
{
    line-height: 1.0rem;
}

    .dropdown-menu > li > a,
    .dropdown-menu > li > a > span
    {
        font-size: 1.0rem;
    }

.dropdown-toggle
{
    border-radius: var(--fb-button-radius);
}

.btn.btn-secondary.dropdown-toggle
{
    border-color: var(--FB_MidGrey);
}

    .btn-group:hover .btn.btn-secondary.dropdown-toggle:not(.btn-outline),
    .btn.btn-secondary.dropdown-toggle:focus:not(.btn-outline)
    {
        border-color: var(--FB_MidGrey);
        color: var(--FB_Orange);
    }

    .btn.btn-secondary.dropdown-toggle:active:not(.btn-outline),
    .btn.btn-secondary.dropdown-toggle.active:not(.btn-outline)
    {
        border-color: var(--FB_MidGrey);
    }

    .btn.btn-secondary.dropdown-toggle.disabled:not(.btn-outline),
    .btn.btn-secondary.dropdown-toggle[disabled]:not(.btn-outline)
    {
        border-color: var(--FB_MidGrey);
        cursor: not-allowed;
    }

/* END Metronic Customization - Drop Menus */

/* Metronic Customization - Validation */
.was-validated .form-control:valid,
.form-control.is-valid
{
    border-color: var(--FB_Green);
    padding-right: calc(1.5em + 1.3rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%232b736f' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.325rem) center;
    background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}

    .was-validated .form-control:valid:focus,
    .form-control.is-valid:focus
    {
        border-color: var(--FB_Green);
        -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
        box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
    }


.form-control:invalid,
.form-control.is-invalid
{
    border-color: var(--FB_Red);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23D8353D' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23be1e2d' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
}

    .form-control:invalid:focus,
    .form-control.is-invalid:focus
    {
        border-color: var(--FB_Red);
    }

select.form-control:valid,
select.form-control:invalid,
select.form-control.is-invalid
{
    background-position: right calc(1.375em + 0.325rem) center;
}
/* END Metronic Customization - Validation */
/* -~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~- */
/*   START         METRONIC CUSTOMIZATION/MODIFCATIONS               START   */
/* -~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~-~o~- */

/* BEGIN Links */
a,
a:visited,
a.dropdown-item
{
    color: var(--FB_Blue);
    font-weight: bold;
}

    .dropdown-menu > li > a > i
    a > i,
    a:visited > i,
    .dropdown-menu > li > a > i,
    a > .fbcmsicon,
    a.dropdown-item:not(.disabled ) > span.fbbtn-icon
    {
        color: var(--FB_Orange);
    }

    a:hover,
    a:focus,
    a.dropdown-item:focus,
    a.dropdown-item:hover
    {
        color: var(--FB_Orange);
    }

    a:active,
    a.dropdown-item:active
    {
        color: var(--FB_Green);
    }
/* END Links */

/* Metronic Customization - Login Page */


.fb-login-page .fb-login-form .fb-login-title
{
    display: block;
    text-align: center;
    margin-bottom: 1rem;
    text-decoration: none;
}

    .fb-login-page .fb-login-form .fb-login-title > h3
    {
        font-size: 2rem;
        color: var(--FB_DkGrey);
    }

.fb-login-page .fb-login-form
{
    margin: 4rem auto;
}

    .fb-login-page .fb-login-form .form-group
    {
        margin: 0;
        padding: 0;
        margin: 0 auto;
    }

        .fb-login-page .fb-login-form .form-group .form-control
        {
            border: none;
            height: 50px;
            margin-top: 1.25rem;
            background-color: rgba(247, 247, 249, 0.7);
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            -webkit-transition: background-color 0.3s ease;
            transition: background-color 0.3s ease;
        }

            .fb-login-page .fb-login-form .form-group .form-control:focus
            {
                -webkit-transition: background-color 0.3s ease;
                transition: background-color 0.3s ease;
                background-color: var(--FB_LtCoolGrey);
            }

    .fb-login-page .fb-login-form .fb-login-actions
    {
        margin-top: 20px;
    }

        .fb-login-page .fb-login-form .fb-login-actions .fb-login-link-forgot
        {
            font-weight: 400;
            color: var(--FB_DkCoolGrey);
        }

            .fb-login-page .fb-login-form .fb-login-actions .fb-login-link-forgot:hover
            {
                color: var(--FB_MedBlue);
            }

        .fb-login-page .fb-login-form .fb-login-actions fb-login-link-forgots:hover:after
        {
            border-bottom: 1px solid var(--FB_MedBlue);
            opacity: 0.3;
        }

        .fb-login-page .fb-login-form .fb-login-actions .kt-login__btn-secondary,
        .fb-login-page .fb-login-form .fb-login-actions .kt-login__btn-primary
        {
            font-weight: 500;
            font-size: 1rem;
            height: 50px;
            padding-left: 2.75rem;
            padding-right: 2.75rem;
        }

.unsupported_message
{
    display: none;
}

.non-supported .unsupported_message
{
    display: block;
}
/* END Metronic Customization - Login Page */
/* Metronic Customization - Maintenance Page */
.maintenance_page
{
    background-color: var(--FB_DkGrey);
}

    .maintenance_page header
    {
        margin-top: 60px;
    }

    .maintenance_page .footer_liner p
    {
        text-align: center;
    }

    .maintenance_page .note-info
    {
        background-color: var(--FB_White);
        border-radius: var(--fb-button-radius);
        width: 400px;
        margin: 40px auto 10px auto;
        padding: 30px;
        padding-top: 10px;
        overflow: hidden;
        position: relative;
    }

@media (max-width: 440px)
{
    .maintenance_page .note-info
    {
        width: 280px;
        margin-top: 10px;
    }
}
/* END Metronic Customization - Maintenance Page */
/* Metronic Customization - Forms */
.input-group i
{
    color: inherit;
}

a.btn-primary:visited > i
{
    color: var(--FB_White);
}
/* END Metronic Customization - Forms */
/* Metronic Customization - Side Menu */
.kt-menu__link-text span.fa
{
    width: 1.5em;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link
{
    min-height: 2.5rem;
}

    .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon
    {
        font-size: 1.25rem;
    }

.kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon
{
    color: var(--FB_Orange);
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--active):hover > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--active):hover > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--active):hover > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-text
{
    color: var(--FB_Orange) !important;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link .kt-menu__link-text
{
    font-weight: bold;
    color: var(--FB_Blue);
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link
{
    background-color: var(--FB_Orange);
}

    .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-icon
    {
        color: var(--FB_White) !important;
    }

.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-text
{
    color: var(--FB_White);
}

    .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active > .kt-menu__link
    {
        background-color: var(--FB_Orange);
    }

@media (min-width: 1025px)
{
    .kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text > .kt-menu__link-title, .kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu-fbx-quickitem
    {
        display: none;
    }
}

.kt-menu__link > .kt-menu-fbx-quickitem
{
    font-weight: 400;
    font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    color: var(--FB_DkGrey);
}

@media (pointer: fine)
{
    .kt-menu__link > .kt-menu-fbx-quickitem
    {
        display: none;
    }

    .kt-menu__link:hover > .kt-menu-fbx-quickitem
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.kt-menu__nav > .kt-menu__item--active > .kt-menu__link > .kt-menu-fbx-quickitem
{
    color: var(--FB_White);
}

.kt-menu-fbx-quickitem:hover
{
    color: var(--FB_Black);
}

.kt-menu__nav > .kt-menu__item--active > .kt-menu__link > .kt-menu-fbx-quickitem:hover
{
    color: var(--FB_Black);
}

@media screen and (min-width: 1025px)
{
    .kt-aside-menu .kt-menu__nav > .kt-menu__item.top_menu_item
    {
        display: none;
    }
}
/* END Metronic Customization - Side Menu */
/* Metronic Customization - Brand (Logo) */
.kt-header__brand
{
    background-color: var(--FB_White);
    width: auto;
    max-height: 78px;
}

@media (max-width: 1024px)
{
    .kt-header-mobile--fixed .kt-header-mobile
    {
        z-index: 101;
    }
}

.kt-header-mobile__logo
{
    background-color: var(--FB_White);
    width: auto;
}
/* END Metronic Customization - Brand (Logo) */
/* Metronic Customization - Top (Horizontal) Menu */
.kt-header,
.kt-header-mobile
{
    background-color: var(--FB_White);
    border-bottom: 2px solid var(--FB_MdLtGrey);
}

    .kt-header.kt-header--fixed
    {
        z-index: 99;
    }

@media screen and (max-width: 1023px)
{
    #kt_header_menu_mobile_close_btn,
    #kt_header_menu_wrapper
    {
        display: none;
    }
}

.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text, .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu > .kt-menu__subnav > .kt-menu__item > .kt-menu__link .kt-menu__link-text
{
    font-weight: bold;
    font-size: 1.05rem;
    color: var(--FB_Blue);
}

    .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text span, .kt-header-menu .kt-menu__subnav > .kt-menu__item > .kt-menu__link .kt-menu__link-text span
    {
        color: var(--FB_Orange);
    }

.kt-header-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link > .kt-menu__link-text, .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link > .kt-menu__link-text, .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link > .kt-menu__link-text, .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--hover > .kt-menu__link > .kt-menu__link-text, .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu > .kt-menu__subnav > .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text, .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu > .kt-menu__subnav > .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text
{
    color: var(--FB_Orange);
}

.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link > .kt-menu__link-text, .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link > .kt-menu__link-text
{
    border-bottom: solid 3px var(--FB_Orange);
}

.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link, .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link
{
    background-color: transparent;
}

.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text span, .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu > .kt-menu__subnav > .kt-menu__item > .kt-menu__link .kt-menu__link-text span
{
    width: 2em;
}

.kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu > .kt-menu__subnav > .kt-menu__item.kt-menu__item--active > .kt-menu__link
{
    background-color: var(--FB_Orange);
}

    .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu > .kt-menu__subnav > .kt-menu__item.kt-menu__item--active > .kt-menu__link > .kt-menu__link-text
    {
        color: var(--FB_White);
    }

.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler i
{
    color: var(--FB_DkGrey);
}

.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler.kt-header-mobile__toolbar-topbar-toggler--active i, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler:hover i
{
    color: var(--FB_Blue);
}

.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span:before, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span:after
{
    background-color: var(--FB_DkGrey);
}

.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--active span, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--active span:before, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--active span:after, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler:hover span, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler:hover span:before, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler:hover span:after
{
    background-color: var(--FB_Blue);
}

.kt-aside-close:hover
{
    background-color: var(--FB_Blue);
}

.kt-aside-close > i
{
    color: var(--FB_Blue);
}
/* END Metronic Customization - Top (Horizontal) Menu */
/* Metronic Customization - Top (User) Menu */
.fbcms_support_icon
{
    color: var(--FB_Blue);
}

    .fbcms_support_icon :hover
    {
        color: var(--FB_Orange);
    }

.kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon.fbcms_support_icon, .kt-header__topbar .kt-header__topbar-item.show .kt-header__topbar-icon.fbcms_support_icon
{
    color: var(--FB_Blue);
    background-color: transparent;
}

.fbcms_support_icon .itemicon
{
    font-size: 200%;
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__icon
{
    color: var(--FB_DkGrey);
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__title
{
    color: var(--FB_Blue);
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item:hover .kt-grid-nav__icon
{
    color: var(--FB_Blue);
}

.kt-header__topbar-item--support .kt-head .kt-head__title
{
    margin-bottom: 2rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title, .kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time
{
    color: var(--FB_DkGrey);
}

.kt-notification .kt-notification__item:hover .kt-notification__item-details .kt-notification__item-title
{
    color: var(--FB_Blue);
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user
{
    margin-left: 1.5rem;
}

.kt-header__topbar-user
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    cursor: pointer;
}

    .kt-header__topbar-user > span
    {
        align-self: center;
    }

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-wrapper .kt-header__topbar-username
{
    margin-right: .25rem;
    padding-right: .25rem;
    color: inherit;
}

.kt-header__topbar-user .kt-badge
{
    background-color: var(--FB_Black);
    border-radius: 2em;
    color: var(--FB_White);
    overflow: hidden;
}

.kt-header__topbar-user .kt-profile-image#admin_account_profile_icon_image
{
    border-radius: 0;
}

.kt-user-card.kt-user-card--skin-dark
{
    background-color: var(--FB_Black);
}

.kt-notification__custom .btn.btn-label-brand
{
    color: var(--FB_Blue);
}

    .kt-notification__custom .btn.btn-label-brand:hover, .kt-notification__custom .btn.btn-label-brand:focus
    {
        background-color: var(--FB_Blue);
    }
/* END Metronic Customization - Top (User) Menu */
.fxb-alert
{
    padding: 0.75rem 1.25rem;
    display: block;
    margin: 0;
}

    .fxb-alert p
    {
        padding-bottom: 0.25rem;
    }
/* Custom Admin Pager */
.fbadm_pager
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
}

    .fbadm_pager .fbadm_pager_links
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 0;
    }

    .fbadm_pager .fbadm_pager_link
    {
        list-style: none;
        border: 1px solid var(--FB_LtCoolGrey);
        border-right: none;
    }

    .fbadm_pager .fbadm_pager_first
    {
        border-radius: var(--fb-button-radius) 0 0 var(--fb-button-radius);
    }

    .fbadm_pager .fbadm_pager_last
    {
        border-right: 1px solid var(--FB_LtCoolGrey);
        border-radius: 0 var(--fb-button-radius) var(--fb-button-radius) 0;
    }

    .fbadm_pager .fbadm_pager_link a, .fbadm_pager .fbadm_pager_link span
    {
        display: block;
        padding: 0.65rem 1rem;
        width: 100%;
        height: 100%;
    }

        .fbadm_pager .fbadm_pager_link a.pager_button:hover
        {
            background-color: var(--FB_LtCoolGrey);
        }

        .fbadm_pager .fbadm_pager_link a.disabled
        {
            color: var(--FB_Black);
            background-color: var(--FB_XLtBlue);
            border-color: var(--FB_XLtBlue);
            cursor: default;
        }
/* END Custom Admin Pager */
/* BEGIN Custom Progress Bar */
#progress_panel .progress_bar_outer
{
    text-align: center;
    margin: auto;
    border: solid 1px var(--FB_Black);
    width: 500px;
    height: 22px;
}

#progress_panel .progress_bar_inner
{
    padding: 0px;
    margin: 0px;
    border: none;
    width: 0%;
    background-color: var(--FB_Blue);
    height: 20px;
}

#progress_panel .message_area
{
    padding: 5px;
    text-align: left;
    border: inset 2px var(--FB_Black);
    height: 300px;
    width: 500px;
    margin: 10px auto 10px auto;
    overflow: auto;
}

.progress_set
{
    position: relative;
}

    .progress_set .progress_icon
    {
        position: absolute;
        top: -3px;
        bottom: 0;
        left: 2px;
        color: var(--FB_White);
    }
/* END Custom Progress Bar */

/* Delete Page */
.delete_form .message_row
{
    margin-bottom: 1em;
}
/* END Delete Page */
/* Metronic Customization - Page-Tree Specific Modifications */
#TreeMenuArea .btn.dropdown-toggle::after
{
    content: "";
    display: none;
}
/* END Metronic Customization - Page-Tree Specific Modifications */
h1
{
    font-weight: bold;
    font-size: xx-large;
    letter-spacing: 0.05em;
    color: var(--FB_White);
}

h2
{
    font-weight: bold;
    font-size: xx-large;
    letter-spacing: 2.24px;
}

h3
{
    font-weight: 500;
    font-size: xx-large;
    letter-spacing: 0;
}

h4
{
    font-weight: 500;
    font-size: large;
}

textarea
{
    /* disables the brower's textarea resizer. */
    resize: none;
}

a.sorter-link, a.sorter-link:hover
{
    text-decoration: none;
}

a.current-sorter i
{
    color: var(--FB_Red);
}
/*
============================================================================
    BEGIN Select Page Dialog.
============================================================================
*/
#opswdialog
{
    padding: 0 30px;
}

#page_tree_div #category_table
{
    width: auto;
}

#page_tree_div #result_div
{
    width: 400px;
    height: 400px;
    overflow: scroll;
}

#page_tree_div #result_table
{
    width: 400px;
}

    #page_tree_div #result_table .title
    {
        width: 150px;
    }

    #page_tree_div #result_table .url
    {
        width: 250px;
    }
/*
============================================================================
    END Select Page Dialog
============================================================================
*/
/*
============================================================================
    BEGIN Page Tree Styles.
============================================================================
*/
@media screen and (max-width: 1023px)
{
    .kt-portlet__head-actions .select_all_button .button_text,
    .kt-portlet__head-actions .clear_selected_button .button_text,
    .kt-portlet__head-actions .refresh_tree_button .button_text,
    .kt-portlet__head-actions .content_summary_toggle .button_text,
    .kt-portlet__head-actions .publish_selected_button .button_text
    {
        display: none;
    }
}

@media screen and (max-width: 575px)
{
    .kt-portlet__head-actions .select_all_button,
    .kt-portlet__head-actions .clear_selected_button
    {
        display: none;
    }
}

.kt-portlet__head-actions .select_all_button
{
    border-right-width: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0;
}

.kt-portlet__head-actions .clear_selected_button
{
    margin-left: 0;
    border-left-width: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.hideSubtree
{
    display: none;
}

.tree_node
{
    display: inline;
}

.treeMenuDefault
{
    font-size: 10pt;
    line-height: 18px;
    color: var(--FB_Orange);
    text-align: left;
    vertical-align: middle;
}

    .treeMenuDefault .buttonArea
    {
        display: inline;
    }

.treeSection
{
    margin-left: 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    color: var(--FB_Orange);
    text-align: left;
}

.root_row
{
    display: flex;
}

.treeIcon
{
    height: 50px;
    width: 50px;
}

.root_icon
{
    font-size: 2em;
    color: var(--FB_MedBlue);
    text-align: center;
    line-height: 2em;
}

.treeSection .treeSection .treeSection
{
    padding-left: 40px;
}

.treeItem > .treeMenuDefault > .treeSection
{
    background-image: url("/Areas/Core/Images/tree/bypass.svg");
    background-repeat: repeat-y;
    background-size: 50px 50px;
}

.treeItem:last-child > .treeMenuDefault > .treeSection
{
    background-image: none;
}

.treeSection .treeItem
{
    list-style-type: none;
}

.treeItem.protectedZoneRoot
{
    background-color: rgba(255, 0, 0, 0.1);
}

.treeItem.subsiteRoot
{
    background-color: rgba(0, 0, 0, 0.1);
}

.treeSection .treeItem.last
{
    list-style-type: none;
    margin: 0px;
    background-image: none;
}

.contentRowLiner
{
    display: flex;
}

span.node_liner, .node_detail
{
    display: flex;
}

.node_liner
{
    /*font-size: 18px;*/
    font-size: 16px;
    line-height: 1em;
    align-items: stretch;
}

span.node_liner
{
    border-radius: var(--fb-button-radius);
}

.node_liner *
{
    font-size: inherit;
    line-height: inherit;
}

.node_liner:hover
{
    background-color: var(--FB_XLtBlue);
    cursor: pointer;
}

.node_selector_wrapper
{
    border-top-left-radius: var(--fb-button-radius);
    border-bottom-left-radius: var(--fb-button-radius);
    display: inline-block;
}

.node_liner .node_selector
{
    display: inline-block;
    margin: auto 0.5em auto 0.75em;
    height: 100%;
}

.node_liner .node_selector_wrapper:hover
{
    color: inherit;
}

.treeSection .toggleIcon
{
    cursor: pointer;
}

.node_detail > .btn-group .btn
{
    padding: 0.5rem .75rem;
}

.node_detail .dropdown-toggle.btn
{
    color: inherit;
}

    .node_detail .dropdown-toggle.btn i
    {
        padding: 0;
    }

.node_detail > .btn-group.btn > .btn
{
    padding: 0;
}

.node_title
{
    background: transparent;
    outline: none;
    padding: 0.75rem .75rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border-top-left-radius: var(--fb-button-radius);
    border-bottom-left-radius: var(--fb-button-radius);
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: inherit;
    border: 1px solid transparent;
}

a.node_title:hover
{
    color: inherit;
    /*background-color: var(--FB_MedBlue);*/
}

a.node_title
{
    font-weight: bold;
}

span.node_title
{
    background-color: var(--FB_White);
    color: var(--FB_DkCoolGrey);
    cursor: default;
    font-style: italic;
    font-weight: normal;
}
/*.node_liner:hover .node_title,
.node_liner:focus .node_title {
    font-weight: bold;
}*/
.node_liner.selectable .node_title
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.node_message
{
    margin: auto 0.25rem;
    padding: 0.5rem .5rem;
    border: 1px solid transparent;
    border-radius: var(--fb-button-radius);
    font-weight: 600;
    font-size: 18px;
    line-height: 1em;
    color: var(--FB_DkGrey);
}

/* Tree Content Row */

.contentRow .node_liner
{
    color: var(--FB_Blue);
    margin: auto 0;
    border-radius: var(--fb-button-radius);
    border: 1px solid var(--FB_Blue);
}

    .contentRow .node_liner .node_detail .dropdown-toggle.btn,
    .contentRow .node_liner .node_detail .node_title
    {
        color: inherit;
        background-color: inherit;
    }

    .contentRow .node_liner .node_detail .dropdown:last-child .dropdown-toggle.btn
    {
        border-top-right-radius: calc(var(--fb-button-radius) - 1.5px);
        border-bottom-right-radius: calc(var(--fb-button-radius) - 1.5px);
    }


    .contentRow .node_liner:hover
    {
        background-color: var(--FB_Blue);
        color: var(--FB_White);
    }

        .contentRow .node_liner:hover .node_detail .dropdown-toggle.btn:focus
        {
            color: var(--FB_White);
            background-color: var(--FB_Orange);
        }

        .contentRow .node_liner:hover .node_detail .dropdown-toggle.btn:hover
        {
            color: var(--FB_White);
            background-color: var(--FB_Orange);
        }

.contentRow.deleted-page > .contentRowLiner > .node_liner
{
    border-color: var(--FB_Red);
    color: var(--FB_Red);
}

    .contentRow.deleted-page > .contentRowLiner > .node_liner:hover
    {
        background-color: var(--FB_PinkRed);
        color: var(--FB_White);
    }

.contentRow.deleted-page .node_title
{
    text-decoration: line-through;
    font-style: italic;
}

.contentRow.hidden-page .node_liner
{
    background-color: var(--FB_MidGrey);
    color: var(--FB_White);
}

.contentRow.hidden-page .node_title
{
    font-weight: normal;
}

.contentRow.hidden-page:hover .node_title
{
    font-weight: bold;
}

.contentRow.hidden-page .node_detail .dropdown-toggle.btn
{
    background-color: var(--FB_MidGrey);
}

.dropdown-menu .fbcmsicon
{
    display: inline-block;
    width: 0.5em;
    margin-right: 1.0em;
    text-align: left;
}

.pagetreemenu .divider
{
    border-top: 1px solid var(--FB_LtCoolGrey);
    margin: 0.5em;
}

.deleted-page > div > span, .deleted-row
{
    text-decoration: line-through;
    font-style: italic;
}

.hidden-page > div > a, .hidden-file > td > div > a
{
    color: var(--FB_MidGrey);
    font-style: italic;
}

.node_selector
{
    cursor: pointer;
}

.treeSection .treeItem .contentRow.not-match
{
    color: var(--FB_MidGrey);
    font-style: italic;
}


#file_list_div
{
    border: solid 1px var(--FB_Black);
    border-radius: 9px;
    background-color: var(--FB_White);
}

.form-body#selectform_dialog_formbody .fbadm_pager_container
{
    border-radius: 9px;
    margin: 0;
    background-color: var(--FB_White);
}

.treeSection .treeItem .contentRow.SelectedContentRow,
#selectform_dialog_formbody tr.SelectedContentRow
{
    background-color: var(--FB_Blue);
    color: var(--FB_White);
    outline: 1px dotted var(--FB_White);
}

    .treeSection .treeItem .contentRow.SelectedContentRow .node_liner
    {
        color: var(--FB_White);
    }

.page_search_entry .treeTitle .btn-group
{
    display: flex;
}

.page_search_entry .node_title
{
    order: 3;
    text-align: left;
}

.page_search_entry .pageeditdrop
{
    order: 1;
}

    .page_search_entry .pageeditdrop .btn
    {
        border-top-left-radius: var(--fb-button-radius) !important;
        border-bottom-left-radius: var(--fb-button-radius) !important;
    }

.page_search_entry .adveditdrop
{
    order: 2;
}

.page_search_entry .pagetreemenu .btn
{
    border-color: var(--FB_MidGrey);
    color: var(--FB_DkCoolGrey);
}

    .page_search_entry .pagetreemenu .btn:hover, .page_search_entry .pagetreemenu .btn:focus
    {
        background-color: transparent;
        text-decoration: none;
    }
/*
============================================================================
    END Page Tree Styles.
============================================================================
*/
.vna_search_entry .deleted-page
{
    text-decoration: line-through;
    font-style: italic;
}

.vna_search_entry .hidden-page
{
    color: var(--FB_MidGrey);
    font-style: italic;
}
.vna_search_entry .inherited-nav
{
    color: var(--FB_MidGrey);
    font-style: italic;
}


.nowrap
{
    white-space: nowrap;
}

.forcewrap
{
    word-wrap: break-word;
}

    .forcewrap > div
    {
        overflow: auto;
        width: 200px;
    }

.codecontenteditor
{
    font-family: monospace;
}

.infolabel i
{
    margin-left: 5px;
}

a.infolink,
a.infolink:hover,
a.infolink:active
{
    text-decoration: none;
}
/**************************************************************************
    BEGIN:  BULK FILE UPLOAD - Plupload CSS
**************************************************************************/
.plupload_filelist
{
    height: 200px;
    background: var(--FB_LtGrey);
    overflow-y: scroll;
}

    .plupload_filelist .uploadfile_row
    {
        border-bottom: 1px solid var(--FB_MidGrey);
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .plupload_filelist .uploadfile_row:hover
        {
            background-color: var(--FB_PaleYellow);
        }

.plupload_filelist_header, .plupload_filelist_footer
{
    background: var(--FB_MdLtGrey);
    color: var(--FB_DkGrey);
    overflow-y: auto;
}

.plupload_filelist_header
{
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid var(--FB_MdLtGrey);
    border-bottom: 1px solid var(--FB_MidGrey);
    font-weight: bold;
}

.plupload_filelist_footer
{
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid var(--FB_White);
}

.plupload_file_action a
{
    width: 16px;
    height: 16px;
}

.plupload_progress
{
    width: 80px;
}

div.plupload_uploading
{
    background: var(--FB_PaleYellow) url('/lib/plupload/jquery.plupload.queue/img/backgrounds.gif') no-repeat 0 -238px;
}

div.plupload_done
{
    color: var(--FB_MidGrey);
}

div.plupload_delete a
{
    background: url('/lib/plupload/jquery.plupload.queue/img/delete.gif');
    background-repeat: no-repeat;
    text-align: left;
}

div.plupload_failed a
{
    background: url('/lib/plupload/jquery.plupload.queue/img/error.gif');
    cursor: default;
    background-repeat: no-repeat;
}

div.plupload_done a
{
    background: url('/lib/plupload/jquery.plupload.queue/img/done.gif');
    cursor: default;
    background-repeat: no-repeat;
}

.plupload_progress, .plupload_upload_status
{
    display: none;
}

.plupload_progress_container
{
    margin-top: 3px;
    border: 1px solid var(--FB_MidGrey);
    background: var(--FB_White);
    padding: 1px;
}

.plupload_progress_bar
{
    width: 0px;
    height: 7px;
    background: var(--FB_PaleGreen);
    display: block;
    font-size: 0;
    line-height: 0;
}

div.plupload_droptext
{
    background: transparent;
    text-align: center;
    vertical-align: middle;
    border: 0;
    line-height: 165px;
}
/**************************************************************************
    END:  BULK FILE UPLOAD - Plupload CSS
**************************************************************************/
/**************************************************************************
    BEGIN:  General Edit Form Validation - FormChecker
**************************************************************************/
.required
{
}

.reqd_marker
{
    padding-left: 5px;
    color: var(--FB_Red);
    font-weight: bold;
}

.validated_marker
{
    display: none;
    padding-left: 5px;
    color: purple;
    font-weight: bold;
}

.field_required
{
    /*background-color: var(--FB_PaleYellow); */
}

.field_validated
{
    /*background-color: var(--FB_PaleYellow); */
}

#responsibility_table .form-control.field_warning
{
    border-color: var(--FB_Red)
}

.field_warning
{
}

.field_optional
{
}

.field_correct
{
}

.mt-checkbox.is-invalid
{
    color: var(--FB_Red);
    font-weight: bold;
}
/**************************************************************************
    END:  General Edit Form Validation - FormChecker
**************************************************************************/
/* ADA Compliance Messages */
.ada_compliance_message
{
    display: block;
}

    .ada_compliance_message.enter_desc
    {
    }

    .ada_compliance_message.extra_expl
    {
        font-size: 75%;
        font-style: italic;
    }

.ada_message_group.is-invalid .ada_compliance_message.enter_desc
{
    color: var(--FB_Red);
}
/* END ADA Compliance Messages */
/* =======================================================================
     BEGIN:  EDIT PHOTOGALLERY
   ======================================================================= 
*/



.photogallery_card
{
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 170px;
    margin: 5px;
    border: 1px solid var(--FB_MidGrey);
    background-color: var(--FB_White);
    cursor: move;
}

    .photogallery_card.gallery-image-hidden > :not(.image_buttons)
    {
        background-color: var(--FB_MdLtGrey);
        opacity: 0.4;
    }

    .photogallery_card:after
    {
        clear: both;
        content: "";
    }

    .photogallery_card .image_placeholder
    {
        height: 100px;
        width: 170px;
        padding: 0;
        margin: 0;
    }

    .photogallery_card img
    {
        padding: 0px;
        margin: 0px;
    }

    .photogallery_card .image_title, .photogallery_card .image_description, .photogallery_card .image_buttons, .photogallery_card .image_link
    {
        padding: 5px 5px 5px 5px;
    }

    .photogallery_card .image_description
    {
        height: 96px;
        overflow: hidden;
        font-size: small;
    }

    .photogallery_card .image_title
    {
        font-weight: bold;
        font-size: small;
        height: 42px;
        overflow: hidden;
    }
/* =======================================================================
     END:  EDIT PHOTOGALLERY
   ======================================================================= 
*/
/* =======================================================================
     BEGIN: Image Wizard and Cropper
   ======================================================================= 
*/
#fb_cropper_container
{
    margin: auto;
}
/* =======================================================================
     END: Image Wizard and Cropper
   ======================================================================= 
*/
/* =======================================================================
     BEGIN: Browse Files Dialog
   ======================================================================= 
*/
.FileBrowse_ThumbWrapper
{
    display: inline-block;
    margin-right: 5px;
}

.FileBrowse_ExtWrapper
{
    display: inline-block;
}

.FileBrowse_ExtLogo
{
    margin-right: 5px;
}
/* =======================================================================
     END: Browse Files Dialog
   ======================================================================= 
*/
/* =======================================================================
     BEGIN: Custom Forms Admin
   ======================================================================= 
*/
#tab_fields .nopad > div, #tab_fields .nopad > a
{
    padding-left: 0px;
    padding-right: 0px;
}

    #tab_fields .nopad > a:last-child
    {
        padding-right: 5px;
    }

.sorthandle:hover
{
    cursor: grab;
}

.sorthandle .ui-icon
{
    display: inline-block;
}

#tab_fields .sorthandle:hover
{
    cursor: pointer;
}

tr.deleted_submission td
{
    background-color: var(--FB_MdLtGrey);
    font-style: italic;
}
/* =======================================================================
     END: Custom Forms Admin
   ======================================================================= 
*/
#MoveCopyPageForm .fbspajax-treearea
{
    height: 300px;
    overflow: auto;
}

#MoveCopyPageForm code.page_full_path
{
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
}
/* =======================================================================
     BEGIN: Find A File
   ======================================================================= 
*/
.findfile_edit_links
{
    display: none;
}

    .findfile_edit_links .btn
    {
        margin-right: 1em;
    }

.references_row .content_item_links .btn
{
    margin-right: 1em;
}

.reference_messages_row
{
    display: none;
}
/* =======================================================================
     END: Find A File
   ======================================================================= 
*/
/* =======================================================================
     BEGIN: Edit Content Dialog
   ======================================================================= 
*/
#dialog-editor
{
    max-height: 500px;
}
/* =======================================================================
     END: Edit Content Dialog
   ======================================================================= 
*/
.xadm_mainmenu
{
    overflow: hidden;
    list-style: none outside none;
    padding-left: 0;
}

    .xadm_mainmenu li
    {
        display: block;
        float: left;
    }

        .xadm_mainmenu li a
        {
            display: block;
            width: 200px;
            padding: 10px 15px;
            text-decoration: none;
        }

            .xadm_mainmenu li a:hover
            {
                background-color: var(--FB_MdLtGrey);
            }

#sort_entries li
{
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    cursor: pointer;
    cursor: hand;
}

    #sort_entries li:hover
    {
        background-color: var(--FB_PaleYellow);
    }

    #sort_entries li span
    {
        position: absolute;
        margin-left: -1.3em;
    }

.sort_entries_placeholder
{
    height: 31px;
    list-style-type: none;
    border: dotted 1px var(--FB_MidGrey);
}

#badge_listing li
{
    margin: 3px;
}

#badge_listing .list-group-item
{
    display: table;
    width: 100%;
}

#badge_listing .badgeinfo
{
    display: table-cell;
    width: 40%;
}

#badge_listing .list-group-item > span
{
    display: table-cell;
}

#badge_listing .badgeinfo
{
    width: 40%;
}

#badge_listing .badgedelete
{
    text-align: right;
}

#badge_listing .header
{
    font-weight: 500;
}
/*
=======================================================
    User Classes selectable via editor (TinyMCE)
    Copy this block to the Editor.css to allow use.
=======================================================
*/
.Left_Align_With_Padding
{
    float: left;
    padding-right: 10px;
}

.Right_Align_With_Padding
{
    float: right;
    padding-left: 10px;
}

. .center-block
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#assignedStaff
{
}

.dropdown-menu
{
    z-index: 100;
}

.pagetreemenu .dropdown-menu li a
{
    padding-right: 13px;
}
/* Edit Account Permissions */
.fbcms-tabwrapper
{
    border-collapse: collapse;
}

    .fbcms-tabwrapper > ul.nav
    {
        margin-bottom: 0;
        border-collapse: collapse;
    }

        .fbcms-tabwrapper > ul.nav li a
        {
            border-right: solid 1px var(--FB_White);
        }

        .fbcms-tabwrapper > ul.nav li, .fbcms-tabwrapper > ul.nav li a
        {
            background-color: var(--FB_MdLtGrey);
            margin-right: 0;
        }

            .fbcms-tabwrapper > ul.nav li.active, .fbcms-tabwrapper > ul.nav li.active a, .fbcms-tabwrapper > ul.nav li:hover a
            {
                background-color: var(--FB_White);
            }

            .fbcms-tabwrapper > ul.nav li.fbErrorInTab, .fbcms-tabwrapper > ul.nav li.fbErrorInTab a
            {
                background-color: var(--FB_PinkRed);
                color: var(--FB_DkGrey);
            }

                .fbcms-tabwrapper > ul.nav li.active.fbErrorInTab, .fbcms-tabwrapper > ul.nav li.active.fbErrorInTab a, .fbcms-tabwrapper > ul.nav li.fbErrorInTab:hover a
                {
                    background-color: var(--FB_Red);
                    color: var(--FB_White);
                }

    .fbcms-tabwrapper > div.tab-content
    {
        border-left: solid 1px var(--FB_MdLtGrey);
        border-right: solid 1px var(--FB_MdLtGrey);
        border-bottom: solid 1px var(--FB_MdLtGrey);
        padding: 10px;
    }

.deletefolder_wrapper .deletefolder_filelist
{
    max-height: 430px;
    overflow: auto;
}

.admin-alert
{
    overflow: auto;
    width: inherit;
    max-height: 200px;
}

    .admin-alert.hidden
    {
        display: none;
    }

    .admin-alert .important
    {
        font-weight: bold;
    }
/* the cake is not a lie... */
.ui-button.btn.blue
{
    color: var(--FB_White);
    text-shadow: none;
    background-color: var(--FB_MedBlue);
    background-image: none;
}

    .ui-button.btn.blue:hover,
    .ui-button.btn.blue:focus,
    .ui-button.btn.blue:active,
    .ui-button.btn.blue.active,
    .ui-button.btn.blue[disabled],
    .ui-button.btn.blue.disabled
    {
        background-color: var(--FB_MedBlue) !important;
        color: var(--FB_White) !important;
        outline: none !important;
    }


/* but it tastes like butterscotch... */
.ui-button.btn.red
{
    color: var(--FB_White);
    text-shadow: none;
    background-color: var(--FB_Red);
    background-image: none;
}

    .ui-button.btn.red:hover,
    .ui-button.btn.red:focus,
    .ui-button.btn.red:active,
    .ui-button.btn.red.active,
    .ui-button.btn.red[disabled],
    .ui-button.btn.red.disabled
    {
        background-color: var(--FB_Red) !important;
        color: var(--FB_White) !important;
        outline: none !important;
    }
/* the cake is a lie... */
.ui-button.btn.green
{
    color: var(--FB_White);
    text-shadow: none;
    background-color: var(--FB_Green);
    background-image: none;
}

    .ui-button.btn.green:hover,
    .ui-button.btn.green:focus,
    .ui-button.btn.green:active,
    .ui-button.btn.green.active,
    .ui-button.btn.green[disabled],
    .ui-button.btn.green.disabled
    {
        background-color: var(--FB_Green) !important;
        color: var(--FB_White) !important;
        outline: none !important;
    }

.ui-button.ui-dialog-titlebar-close
{
    border: 1px solid transparent;
    background-color: var(--FB_Blue);
    color: var(--FB_White);
    margin-right: 10px;
}

    .ui-button.ui-dialog-titlebar-close:hover
    {
        background-color: var(--FB_PaleBlue);
        border-color: var(--FB_MedBlue);
    }

        .ui-button .ui-icon,
        .ui-button.ui-dialog-titlebar-close:hover .ui-icon,
        .ui-button .ui-icon:hover
        {
            background-image: url("/img/dialog-icon-close.svg");
            background-position: unset;
            background-size: contain;
            width: 16px;
            height: 16px;
            padding: 0;
            margin: 0;
            left: 0;
            top: 0;
        }

/* Edit Story Information */
.categoryitemlist
{
    padding: 0;
}

    .categoryitemlist > li
    {
        list-style: none;
        display: block;
    }

    .categoryitemlist li.category
    {
        margin: 10px 0;
    }

        .categoryitemlist li.category > label
        {
            font-weight: bold;
            font-size: 140%;
        }

            .categoryitemlist li.category > label input
            {
                display: inline-block;
                margin: 0 0 0 10px;
            }

    .categoryitemlist li.category_item > label input
    {
        display: inline-block;
        margin: 0 10px 0 0;
    }

.item_list
{
    margin-left: 10px;
}

.category_list .category_name
{
    display: inline-block;
    font-weight: bold;
}

.category_list .checktoggle
{
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}

.category_list > .contains_selected_item .category_name
{
    color: var(--FB_Red);
    font-weight: bold;
}
/* Story List */
.category_item_names
{
    padding-left: 0;
}

    .category_item_names li.category
    {
        list-style: none;
        margin-bottom: 10px;
    }

        .category_item_names li.category div.category_name
        {
            border-bottom: 1px dotted var(--FB_MdLtGrey);
            font-style: italic;
        }

    .category_item_names ul.items
    {
        padding-left: 20px;
    }

        .category_item_names ul.items li
        {
            border-bottom: 1px dotted var(--FB_MdLtGrey);
            margin-bottom: 0;
        }

.fbcms_scthumbnail
{
}

    .fbcms_scthumbnail.has_none
    {
        display: none;
    }

    .fbcms_scthumbnail.is_set
    {
    }

    .fbcms_scthumbnail.is_for_deletion
    {
        filter: brightness(30%);
    }

.nopad
{
    margin: 0 !important;
    padding: 0 !important;
}

#fb_cropper_row
{
    display: block;
    width: 100%;
    height: calc(100% - 70px);
}

#fb_cropper_controls
{
    margin-top: 15px;
    display: block;
    height: 50px;
}

#fb_cropper_frame
{
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    outline: solid thin gray;
}

#ImageWizardDialog
{
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
}

    #ImageWizardDialog > form
    {
        height: 100%;
    }

#fb_cropper
{
    height: 100%;
}

#cropresizeimage_panel
{
    height: 100%;
}

#fb_cropper .ui-widget-overlay
{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cropresize_outer
{
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.cropresize_middle
{
    display: table-cell;
    vertical-align: middle;
}

.cropresize_inner
{
    margin-left: auto;
    margin-right: auto;
}

#fb_cropper_x_scale_slider
{
    height: 25px;
}

    #fb_cropper_x_scale_slider .ui-slider-handle
    {
        border: 1px solid gray;
        background-color: var(--FB_XLtBlue);
        height: 26px;
        width: 16px;
        cursor: pointer;
    }

        #fb_cropper_x_scale_slider .ui-slider-handle:active
        {
            background-color: var(--FB_Blue);
        }

#previewimage_panel .cropresize_outer
{
    background-color: var(--FB_MidGrey);
}

#fb_cropper_message_output
{
    color: var(--FB_Red);
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Form Tweaks */
.form-control.hasDatepicker
{
    position: relative;
    z-index: 2;
}

/*Save and cancel bar*/
.form-actions
{
    background-color: var(--FB_LtGrey);
    margin-top: 20px;
    padding: 20px 10px;
}

.reference_content_item
{
    margin-left: 10px;
    margin-bottom: 5px;
}

.reference_content_item_title .content_item_titlelabel:after
{
    content: ":";
}

.reference_content_item_title .content_item_title
{
    font-weight: bold;
}

.reference_content_field
{
    color: var(--FB_MidGrey);
}

.reference_content_fieldlabel
{
    font-style: italic;
}

.missing_page
{
    background-color: var(--FB_PinkRed);
    color: var(--FB_Black);
    padding: 0 2px;
}

.umpsb_list
{
    margin-bottom: 20px;
}

.umpsb_changeaction_item
{
    margin-bottom: 5px;
}

.umpsb_list .changeaction_label
{
    font-size: 80%;
    font-variant: small-caps;
    padding-right: 3px;
    margin-right: 2px;
}

    .umpsb_list .changeaction_label.actiondest_label
    {
        padding-left: 3px;
        margin-left: 2px;
    }

.umpsb_list .pagename
{
    margin-right: 4px;
}

.umpsb_list .pagepath
{
}

    .umpsb_list .pagepath:before
    {
        content: "(";
    }

    .umpsb_list .pagepath:after
    {
        content: ")";
    }

.reference_content .portlet > .portlet-title > .tools
{
    padding: 6px 0 8px;
}

.reference_content .portlet-title .btn
{
    padding: 2px 6px;
}

.reference_content_item
{
    margin-left: 10px;
    margin-bottom: 5px;
}

.reference_content_item_title .content_item_titlelabel:after
{
    content: ":";
}

.reference_content_item_title .content_item_title
{
    font-weight: bold;
}

.content_item_links
{
    display: inline-block;
    margin-left: 15px;
}

.content_item_link
{
    display: inline-block;
    margin-left: 5px;
    padding: 2px 6px;
}

    .content_item_link.has_no_permission
    {
    }

.reference_content_field
{
    color: var(--FB_MidGrey);
}

.reference_content_fieldlabel
{
    font-style: italic;
}

@media print
{
    .content_item_links
    {
        display: block;
        margin-left: 0;
    }

    .content_item_link
    {
        display: block;
        margin-left: 5px;
    }
}

.missing_page
{
    background-color: var(--FB_PinkRed);
    color: var(--FB_Black);
    padding: 0 2px;
}

.umpsb_list
{
    margin-bottom: 20px;
}

.umpsb_changeaction_item
{
    margin-bottom: 5px;
}

.umpsb_list .changeaction_label
{
    font-size: 80%;
    font-variant: small-caps;
    padding-right: 3px;
    margin-right: 2px;
}

    .umpsb_list .changeaction_label.actiondest_label
    {
        padding-left: 3px;
        margin-left: 2px;
    }

.umpsb_list .pagename
{
    margin-right: 4px;
}

.umpsb_list .pagepath
{
}

    .umpsb_list .pagepath:before
    {
        content: "(";
    }

    .umpsb_list .pagepath:after
    {
        content: ")";
    }
/* DATA PREVIEW TABLE */
table.dataTable tr.datatablerow-error td
{
    background-color: var(--FB-Pink);
}

table.dataTable tr.datatablerow-error:hover td
{
    background-color: var(--FB_PinkRed);
}

table.dataTable tr.datatablerow-error td.datatablecell-error
{
    color: var(--FB_Red);
    font-weight: bold;
    border: solid 2px var(--FB_Red);
}
/* IMPORT STAFF PREVIEW DATA */
#previewdata
{
    overflow: auto;
    width: 100%;
    max-height: 450px;
    font-family: monospace;
    font-size: 12px;
    line-height: 12px;
}

@media screen and (max-height: 799px)
{
    #previewdata
    {
        max-height: 380px;
    }
}

#previewdata .linenumber_cell
{
    background-color: var(--FB_MdLtGrey);
    text-align: center;
    font-weight: bold;
}

#previewdata table td, #previewdata table th
{
    padding: 0.75em;
}

#previewdata table th
{
    font-weight: bold;
}

#previewdata table tr.datatablerow-error td
{
    background-color: var(--FB_PinkRed);
}

#previewdata table tr.datatablerow-error:hover td
{
    background-color: var(--FB_PinkRed);
}

#previewdata table tr.datatablerow-error td.datatablecell-error
{
    border: solid 2px var(--FB_Red);
}

#previewdata table tr.datatablerow-selected
{
    border-color: var(--FB_Red);
}
/* END DATA PREVIEW TABLE */
/* Send Page References Styling */
.send_page_references_form .row
{
    width: 100%;
}
/* END Send Page References Styling */
/* Select Group List Styling */
.dropdown-menu > li > a.groupitem
{
    font-weight: bold;
}
/* END Select Group List Styling */
#progress_form #message_area
{
    min-height: 150px;
    height: 150px;
    max-height: 150px;
    overflow-y: scroll;
    padding: 0;
}

    #progress_form #message_area div
    {
        padding: 2px 5px 2px 5px;
        border-bottom: dotted 1px var(--FB_MidGrey);
        word-break: break-word;
        white-space: pre-line;
    }

    #progress_form #message_area .warning
    {
        color: var(--FB_Orange);
        background-color: var(--FB_PaleYellow);
    }

    #progress_form #message_area .info
    {
        color: var(--FB_Black);
    }

    #progress_form #message_area .error
    {
        color: var(--FB_White);
        background-color: darkred;
    }

.note.note-danger.error_red
{
    color: darkred;
}
/*FORM EDITOR*/
.droppable_toolbox_item
{
    cursor: move;
}

.droppable-hover
{
    margin-top: 30px;
    border-top: 1px solid var(--FB_MdLtGrey);
}

.lm_table
{
    display: table;
    width: 100%;
}

.lm_caption
{
    display: table-caption;
}

.lm_row
{
    display: table-row;
}

.lm_cell
{
    display: table-cell;
}

.lm_controls
{
    font-size: 130%;
    text-align: center;
}

.lm_display_title
{
    font-weight: bold;
}

.lm_week_controls
{
    border: 1px transparent solid;
    vertical-align: middle;
}

.lm_date_block
{
    width: 20%;
    border: 1px transparent solid;
    vertical-align: top;
}
/* on selected date block....
    box-shadow: inset 0 0 10px var(--FB_Black); */
.lm_day_name
{
    display: block;
    text-align: center;
}

.lm_date_label
{
    display: block;
    background-color: rgba(238, 238, 238, 0.5); /* opacity for box shadow.... */
    padding: 3px 5px;
}

.lm_date_month, .lm_date_num
{
    display: inline-block;
}

.lm_date_num
{
    font-weight: bold;
}

.lm_date_container
{
    display: block;
    min-height: 50px;
    width: 100%;
    text-align: center;
}

.lm_select_block .lm_date_container
{
    display: flex;
    align-items: center;
}

.lm_date_block.lm_focusedblock, .lm_focusedweek .lm_date_block, .lm_focusedweek .lm_week_controls
{
    border-color: var(--FB_DkGrey);
}

.lm_focusedblock .lm_date_label, .lm_focusedweek .lm_date_label
{
    background-color: var(--FB_DkGrey);
    color: var(--FB_White);
}

.lm_button_row
{
    display: flex;
    justify-content: flex-end;
    background-color: var(--FB_Blue);
    color: var(--FB_White);
}

.lm_button
{
    margin: 3px;
    display: inline-block;
}

.lm_label
{
    display: inline-block;
    margin-right: 5px;
}

.lm_confirm
{
    display: inline-block;
    margin-left: 5px;
}

.lm_label.lm_warning_confirmdelete
{
    font-weight: bold;
    color: rgb(190, 30, 45);
    transition: color 2s, font-weight 2s;
}

.lm_date_item
{
}

    .lm_date_item p
    {
        margin-bottom: 0;
        max-height: 80px;
        overflow: hidden;
    }

.lm_dupe_main
{
    display: flex;
    justify-content: space-between;
    padding-bottom: 2em;
}

.lm_dupe_container
{
}

.lm_dupe_monthselect_container
{
    flex-grow: 2;
    padding-right: 0.5em;
}

.lm_dupe_selectedlist_container
{
    flex-grow: 1;
    padding-left: 0.5em;
}

.lm_dupe_selectedlist
{
    padding: 0;
    margin: 0;
}

.lm_selected-item
{
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25em 1em;
}

    .lm_selected-item:nth-child(odd)
    {
        background-color: var(--FB_LtGrey);
        color: inherit;
    }

.lm_week.lm_source_date .lm_date_block, .lm_date_block.lm_source_date
{
    background-color: var(--FB_DkGrey);
    color: var(--FB_White);
}

.lm_week_full .lm_date_block
{
}

.lm_week:not(.lm_source_date):not(.lm_selectedblock) .lm_date_block.lm_contains_event:not(.lm_source_date):not(.lm_selectedblock)
{
    background-color: var(--FB_MdLtGrey);
    color: var(--FB_DkRed);
}

.lm_week.lm_selectedblock .lm_date_block, .lm_date_block.lm_selectedblock
{
    background-color: var(--FB_Lavender);
    color: var(--FB_White);
}

.lm_selecticon
{
    font-size: 1.5em;
    flex-grow: 1;
    transition: font-size 1s ease;
}

.lm_week:not(.lm_source_date,.lm_week_full) .lm_date_block:not(.lm_source_date,.lm_contains_event) .lm_selecticon:hover
{
    font-size: 2em;
}
/* -=-=-=-=-=-=-=-=-=-[ Linked Content ]-=-=-=-=-=-=-=-=-=- */
.linked_content_title
{
    font-size: 120%;
    font-weight: bold;
}

.linked_content_list span.fa
{
    margin-right: 4px;
}
/* -=-=-=-=-=-=-=-=-[ END Linked Content ]-=-=-=-=-=-=-=-=- */
.hide_row
{
    display: none;
}
/* -=-=-=-=-=-=-=-=-[ BEGIN Multi Assignment Box ]-=-=-=-=-=-=-=-=- */
.fb-multiassignmentbox
{
}

    .fb-multiassignmentbox .list-sub-form ul
    {
        height: 200px;
        min-height: 200px;
        overflow: auto;
    }

    .fb-multiassignmentbox .list-sub-form .list-group-item, .fb-multiassignmentbox .list-sub-form > :last-child
    {
        border-bottom: solid 1px var(--FB_MdLtGrey);
    }

.fb-multiassignmentbox-grab-group-item
{
    position: absolute;
    top: 0px;
    right: 0px;
    display: inline-block;
    padding: 1px;
    margin: 8px;
    border: 1px solid var(--FB_MdLtGrey);
    border-radius: 20px !important;
    width: 20px;
    height: 20px;
    background-color: var(--FB_LtGrey);
    background-image: url('/Areas/Core/Images/drag.png');
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: content-box;
    cursor: grab;
}

    .fb-multiassignmentbox-grab-group-item:hover, .fb-multiassignmentbox .list-sub-form .list-group-item .grab-group-item:hover
    {
        border: 1px solid var(--FB_Black);
        background-color: var(--FB_White);
    }

.fb-multiassignmentbox .list-sub-form .list-group-item.ui-draggable-dragging .grab-group-item
{
    cursor: grabbing;
}

.fb-multiassignmentbox .list-sub-form .list-group-item .item-title
{
    position: relative;
    margin-left: 5px;
    display: inline-block;
}

    .fb-multiassignmentbox .list-sub-form .list-group-item .item-title:before
    {
        content: "\f0c8";
        font-weight: 400;
        font-family: 'Font Awesome 5 Pro';
        left: -15px;
        position: absolute;
        top: 0;
    }

.fb-multiassignmentbox .list-sub-form .list-group-item.active .item-title:before
{
    content: "\f14a";
}

.fb-multiassignmentbox .list-sub-form .list-group-item.active
{
    background-color: var(--FB_Blue);
}

.fb-multiassignmentbox .list-sub-form .list-group-item:hover
{
    background-color: var(--FB_LtGrey);
}

.fb-multiassignmentbox .list-sub-form .list-group-item.active:hover
{
    background-color: var(--FB_MedBlue);
}

.fb-multiassignmentbox .filtered
{
    display: none;
}

.fb-multiassignmentbox .target-highlight
{
    outline: solid 2px var(--FB_Black);
    background-color: var(--FB_PaleYellow);
}

.xadm_droppable_hover
{
    outline: solid 2px var(--FB_Black);
}

.xadm_droppable_active
{
    background-color: var(--FB_PaleYellow);
}

.fb-multiassignmentbox .list-sub-form .portlet-title
{
    z-index: 999;
}
/* -=-=-=-=-=-=-=-=-[ END Multi Assignment Box ]-=-=-=-=-=-=-=-=- */
table.fb-deletefile thead tr th
{
    border-bottom-width: 2px;
}

table.fb-deletefile tbody tr.inforow td
{
    border-top-width: 2px;
}

table.fb-deletefile tbody tr.referencerow td
{
    border-top: none;
}

table.fb-deletefile tbody tr:last-child td
{
    border-bottom-color: var(--FB_MdLtGrey);
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

table.fb-deletefile .reference_content_instructions
{
    display: none;
}
/*table.fb-deletefile .delete_or_skip_buttons label.btn.active.yesdelete,
label.btn.active.yesdelete {
    background-color: var(--FB_PinkRed);
}

table.fb-deletefile .delete_or_skip_buttons label.btn.active.dontdelete,
label.btn.active.dontdelete {
    background-color: var(--FB_PaleGreen);
}*/
.fbDeleteFolderForm .deletefilesummary-wrapper table
{
    table-layout: fixed;
    margin: auto;
}

.fbDeleteFolderForm .deletefilesummary-wrapper th, .fbDeleteFolderForm .deletefilesummary-wrapper td
{
}

.fbDeleteFolderForm .deletefilesummary-wrapper thead, .fbDeleteFolderForm .deletefilesummary-wrapper tfoot
{
    display: table;
    width: 100%;
    width: calc(100% - 18px);
}

.fbDeleteFolderForm .deletefilesummary-wrapper tbody
{
    max-height: 500px;
    overflow: auto;
    overflow-x: hidden;
    display: block;
    width: 100%;
}

    .fbDeleteFolderForm .deletefilesummary-wrapper tbody tr
    {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
/* Story/Jobs - Category/Tag editor display  */
.category_block .category_name
{
    font-weight: bold;
}

.category_block .item_name
{
    margin-right: 3px;
}

    .category_block .item_name:after
    {
        content: ',';
    }

    .category_block .item_name:last-child:after
    {
        content: '';
    }
/* END Story/Jobs - Category/Tag editor display  */
.input-icon.right > i.selectapageicon
{
    left: auto;
    right: 46px;
    float: right;
}
/* BEGIN Responsive Page Preview */
#preview_wrap, #preview_workspace
{
    height: 100%;
}

.preview_control
{
    display: inline-block;
}

.btn.device_button
{
    border-radius: 0;
    border-right-width: 0;
}

.device_button:first-child
{
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}

.device_button:last-child
{
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    border-right-width: 2px;
}

.device_button .device_icon
{
    margin-right: 0.5em;
}

.device_button.selected
{
    color: var(--FB_Red) !important;
    border-color: var(--FB_Red) !important;
}

@media (max-width: 1023px)
{
    .device_button .device_icon
    {
        margin-right: 0;
    }

    .device_button .device_name
    {
        display: none;
    }
}

#preview_workspace
{
    perspective: 1300px;
}
/*Basic Phone styling*/
.preview
{
    box-sizing: content-box;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    border: 1px solid var(--FB_Black);
}

    .preview iframe
    {
        border: 0;
        width: 100%;
        height: 100%;
    }
    /*Different Perspectives*/
    .preview.desktop
    {
        border: 7px solid var(--FB_Black);
        border-radius: 10px;
    }

    .preview.phone, .preview.tablet
    {
        border: 40px solid var(--FB_Black);
        border-width: 55px 7px;
        border-radius: 40px;
        box-shadow: 0px 3px 0 var(--FB_Black), 0px 4px 0 var(--FB_Black), 0px 5px 0 var(--FB_Black), 0px 7px 0 var(--FB_Black), 0px 10px 20px var(--FB_Black);
    }

        .preview.phone.rotated, .preview.tablet.rotated
        {
            border-width: 7px 55px;
        }
/*.preview.rotated {
    transform: rotateZ(90deg);
}
.preview.rotated iframe {
    transform-origin: top left;
    transform: rotateZ(-90deg);
    position: absolute;
    top: 100%;
}*/
#preview_workspace.scaledback
{
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
}
/* Table View */
.preview.table_view
{
    -webkit-transform: rotateX(50deg) rotateZ(-30deg);
    transform: rotateX(50deg) rotateZ(-30deg);
    box-shadow: -3px 3px 0 var(--FB_Black), -6px 6px 0 var(--FB_Black), -9px 9px 0 var(--FB_Black), -12px 12px 0 var(--FB_Black), -14px 10px 20px var(--FB_Black);
}

    .preview.table_view.rotated
    {
        /*-webkit-transform: rotateX(50deg) rotateZ(60deg);
    transform: rotateX(50deg) rotateZ(60deg);*/
        box-shadow: 3px 3px 0 var(--FB_Black), 6px 6px 0 var(--FB_Black), 9px 9px 0 var(--FB_Black), 12px 12px 0 var(--FB_Black), 14px 10px 20px var(--FB_Black);
    }
/*
@media (max-width:900px) {
    #preview_workspace {
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }

        #preview_workspace.scaledback {
            -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
        }
}

@media (max-width:700px) {
    #preview_workspace {
        -webkit-transform: scale(0.6, 0.6);
        transform: scale(0.6, 0.6);
    }

        #preview_workspace.scaledback {
            -webkit-transform: scale(0.4, 0.4);
            transform: scale(0.4, 0.4);
        }

    .preview {
        margin: 0 0 0 -70px;
    }
}

@media (max-width:500px) {
    #preview_workspace {
        -webkit-transform: scale(0.4, 0.4);
        transform: scale(0.4, 0.4);
    }

        #preview_workspace.scaledback {
            -webkit-transform: scale(0.25, 0.25);
            transform: scale(0.25, 0.25);
        }
}
*/
/* Fade In Animation */
@keyframes fadein
{
    from
    {
        opacity: 0;
    }

    to
    {
        opacity: 1;
    }
}
/* Firefox < 16 */
@-moz-keyframes fadein
{
    from
    {
        opacity: 0;
    }

    to
    {
        opacity: 1;
    }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein
{
    from
    {
        opacity: 0;
    }

    to
    {
        opacity: 1;
    }
}
/* Internet Explorer */
@-ms-keyframes fadein
{
    from
    {
        opacity: 0;
    }

    to
    {
        opacity: 1;
    }
}
/* Opera < 12.1 */
@-o-keyframes fadein
{
    from
    {
        opacity: 0;
    }

    to
    {
        opacity: 1;
    }
}
/* END Responsive Page Preview */
/* BEGIN FoxDox Styling */
.openforediting
{
    border-radius: 4px;
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.3);
}

    .openforediting:hover, .openforediting:focus
    {
        -webkit-box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.5);
        -moz-box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.5);
        box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.5);
    }

.foxdox_block
{
    border-width: 2px;
    border-radius: var(--fb-button-radius);
    border-style: solid;
    border-color: transparent;
}

.foxdox_viewmode .foxdox_block
{
    margin: 0.5em 0;
}

.foxdox_section
{
    padding: 0.5em;
}

.foxdox_sectiondata
{
    padding: 1em;
}

.foxdox_editmode .foxdox_section
{
    border-color: var(--FB_LtGrey);
}

.foxdox_section.foxdox_draft
{
    box-shadow: 0px 0px 10px 5px rgba(255, 0, 0, 0.25);
}

.foxdox_editmode .foxdox_pagemeta, .foxdox_content
{
    padding: 1em;
}

.foxdox_editmode .foxdox_content
{
    border-color: var(--FB_LtGrey);
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.foxdox_content.foxdox_draft
{
    box-shadow: 0px 0px 10px 5px rgba(255, 0, 0, 0.25);
}

.foxdox_editmode .foxdox_content:hover
{
    background-color: rgba(255, 255, 255, 0.75);
}

.foxdox_content.previewcontent
{
    border-color: var(--FB_DkGrey);
}

.foxdox_content.foxdox_hidden
{
    background-color: rgba(0, 0, 0, 0.1);
    color: var(--FB_MidGrey);
}

.saveblock_button, .cancelblock_button
{
    display: none;
}

.openforediting .saveblock_button, .openforediting .cancelblock_button
{
    display: inline-block;
}

.openforediting .editblock_button, .openforediting .deleteblock_button
{
    display: none;
}

span.foxdox_detail
{
    display: inline-block;
    margin-right: 1em;
}

.foxdox_editmode .foxdox_field
{
    position: relative;
    padding-right: 2em;
    min-width: 2em;
    min-height: 1.5em;
}

.foxdox_buttonbar
{
    width: 46px;
    position: fixed;
    top: 30%;
    right: 0;
    list-style: none;
    padding: 5px 0;
    margin: 0;
    margin-top: 0px;
    z-index: 50;
    background: var(--FB_White);
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: var(--fb-button-radius) 0 0 var(--fb-button-radius);
}

.foxdox_buttonbar_item
{
    margin: 0;
    padding: 5px;
    text-align: center;
}

    .foxdox_buttonbar_item a
    {
        background: var(--FB_LtCoolGrey);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 30px;
        height: 30px;
        border-radius: var(--fb-button-radius);
        -webkit-transition: background 0.3s ease;
        transition: background 0.3s ease;
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease;
        font-size: 1.3rem;
        color: var(--FB_Green);
    }

        .foxdox_buttonbar_item a:hover
        {
            background: var(--FB_Green);
            color: var(--FB_White);
        }

.foxdox_panel
{
    background-color: var(--FB_White);
    -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
    box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
    padding: 2.5rem;
    z-index: 1001;
    position: fixed;
    -webkit-overflow-scrolling: touch;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    width: 350px;
    -webkit-transition: left 0.3s ease, right 0.3s ease;
    transition: left 0.3s ease, right 0.3s ease;
}

.foxdox_panel_left
{
    left: -370px;
}

    .foxdox_panel_left.panel_on
    {
        left: 0;
    }

.foxdox_panel_right
{
    right: -370px;
}

    .foxdox_panel_right.panel_on
    {
        right: 0;
    }

.foxdox_insert
{
    margin: 5px 0;
    padding: 1em 0;
}

    .foxdox_insert .insertline
    {
        border: 4px solid transparent;
        border-radius: 4px;
        transition: border-color 0.3s ease;
    }

    .foxdox_insert.selected_insert .insertline, .foxdox_insert:hover .insertline
    {
        border-color: var(--FB_Black);
    }

.foxdox_editorset label
{
    display: inline-block;
    margin-right: 5px;
}

.drag_mode .foxdox_page *
{
    opacity: 1;
    transition: opacity 0.5s ease, height 0.5s ease, max-height 0.5s ease;
}

.drag_mode .foxdox_section
{
    margin: 1em 0;
}

.drag_mode .foxdox_content
{
    overflow: hidden;
    display: flex;
    margin: 1em 0;
}

.drag_mode .foxdox_sectiondata
{
    overflow: hidden;
    display: flex;
}

.drag_mode .foxdox_insert
{
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
}

.drag_content_mode .foxdox_insertcontent
{
    height: 3em;
    opacity: 1;
}

.drag_section_mode .foxdox_insertsection
{
    height: 3em;
    opacity: 1;
}

.drag_mode .ui-draggable-dragging
{
    overflow: hidden;
    background-color: var(--FB_White);
    opacity: 0.5;
    width: 30%;
}

.drag_mode .ui-droppable-active
{
    border: 1px solid var(--FB_DkGrey);
}

.drag_mode .ui-droppable-hover
{
    border-color: var(--FB_Black);
    background-color: var(--FB_Red);
}

.drag_mode .foxdox_insert .insertline
{
    display: none;
}

.drag_mode .foxdox_content
{
    opacity: 1;
    max-height: 10em;
}

.drag_content_mode .foxdox_content
{
    max-height: 3em;
}

.drag_section_mode .foxdox_content
{
    opacity: 0.1;
}

.drag_content_mode .foxdox_sectiondata .foxdox_buttons
{
    opacity: 0.1;
}

ul.foxdox_childlist
{
    margin: 0;
    padding: 0 0 0 1em;
    list-style-type: none;
}

li.foxdox_subtree
{
    margin: 0;
    padding: 0;
}

.foxdox_treeitem.foxdox_draft a
{
    color: var(--FB_PinkRed);
}

.foxdox_treeitem.foxdox_selected a
{
    text-decoration: underline;
}

.foxdox_treeitem.foxdox_hidden a
{
    color: var(--FB_MidGrey);
}

.foxdox_pticon
{
    margin-right: 0.5em;
}

    .foxdox_pticon.foxdox_opener
    {
        cursor: pointer;
    }

.foxdox_tocitem.foxdox_draft
{
    color: var(--FB_PinkRed);
}

.foxdox_tocitem.foxdox_hidden
{
    color: var(--FB_MidGrey);
}

.foxdox_icon
{
    margin-left: 0.4em;
    cursor: pointer;
}

.tooltip.foxdoxhelp_tooltip .tooltip-wrapper
{
    max-width: 200px;
    padding: 0.75rem 1rem;
    color: var(--FB_DkGrey);
    text-align: left;
    background-color: var(--FB_White);
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

    .tooltip.foxdoxhelp_tooltip .tooltip-wrapper .tooltip-inner
    {
        max-width: auto;
        padding: 0;
        text-align: left;
        background-color: transparent;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .tooltip.foxdoxhelp_tooltip .tooltip-wrapper .fxdxtt_title
    {
    }

    .tooltip.foxdoxhelp_tooltip .tooltip-wrapper .fxdxtt_footer
    {
    }

.fxdx_pagehelp
{
    color: #ffffff;
}

    .fxdx_pagehelp p
    {
        margin: 0;
    }

    .fxdx_pagehelp a
    {
        color: var(--FB_Orange);
    }
/* END FoxDox Styling */
.editsyncoptions .card-header button::before
{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    font-size: larger;
}

.editsyncoptions .card-header button.collapsed::before
{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f067";
    font-size: larger;
}

.editsyncoptions .card-header .selectionind
{
    visibility: hidden;
    font-size: inherit;
    font-style: italic;
    float: right;
}

.editsyncoptions .card-header.has-selection h3
{
    outline: 2px solid var(--FB_Black);
}

.editsyncoptions .card-header.has-selection .selectionind
{
    font-size: inherit;
    font-weight: 900;
    font-style: italic;
    visibility: visible;
}

.editsyncoptions .card-body label:hover
{
    background-color: var(--FB_LtCoolGrey);
}
/* restore nice bootstrap original colors */
.badge-danger
{
    color: var(--FB_White);
    background-color: var(--FB_Red);
}
/* Attachments (news) Container */
.attachment_container
{
    border: 1px solid var(--FB_LtCoolGrey);
}

.attachment_list
{
    display: flex;
    flex-direction: column;
}

.attachment_row.form-group.row, .attachment_controls.form-group.row
{
    margin: 0;
}

.attachment_row
{
    border-bottom: 1px solid var(--FB_LtCoolGrey);
}

    .attachment_row:last-child
    {
        border-bottom-width: 0;
    }

    .attachment_row:nth-child(odd)
    {
        background-color: var(--FB_LtGrey);
    }

    .attachment_row:hover
    {
        background-color: var(--FB_LtCoolGrey);
    }

.attachment_cell
{
    display: flex;
    align-items: center;
    padding: 0.75rem;
}

.attachment_controls
{
    padding: 0.75rem;
    border-top: 1px solid var(--FB_LtCoolGrey);
}

.attachment_instructions p
{
    padding: 0.25em 0.5em;
    margin: 0.25em 0.5em;
}

.attachment_instructions .job_info_warning
{
    display: block;
    padding: 0.5em 1em;
    margin: 0;
}
/* END Attachments (news) Container */
.screen-reader-text,
.content_screen-reader-text
{
    /* TODO: find proper technique for hidding text but keep availabe for screen readers. */
    position: absolute;
    text-indent: -9999px;
    left: -9999px;
    top: -9999px;
    color: var(--FB_Black);
    background-color: var(--FB_White);
}
/* ================ Video Responsive Block ==================== */
.fb_videoresponsive
{
    position: relative;
    padding: 0;
}

    .fb_videoresponsive.ratio16-9-landscape
    {
        padding-top: 56.25%; /* 16:9 */
    }

    .fb_videoresponsive.ratio16-10-landscape
    {
        padding-top: 62.5%; /* 16:10 */
    }

    .fb_videoresponsive.ratio4-3-landscape
    {
        padding-top: 75%; /* 4:3 */
    }

    .fb_videoresponsive.ratio2_39-1-landscape
    {
        padding-top: 41.84%; /* 2.39:1 */
    }

    .fb_videoresponsive.ratio1-1-landscape, .fb_videoresponsive.ratio1-1-portrait
    {
        padding-top: 100%; /* 1:1 */
    }

    .fb_videoresponsive.ratio16-9-portrait
    {
        padding-top: 177.78%; /* 9:16 */
    }

    .fb_videoresponsive.ratio16-10-portrait
    {
        padding-top: 160%; /* 10:16 */
    }

    .fb_videoresponsive.ratio4-3-portrait
    {
        padding-top: 133.33%; /* 3:4 */
    }

    .fb_videoresponsive.ratio2_39-1-portrait
    {
        padding-top: 239%; /* 2.39:1 */
    }

    .fb_videoresponsive iframe, .fb_videoresponsive video, .fb_videoresponsive table, .fb_videoresponsive div, .fb_videoresponsive img
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* ================ END Video Responsive Block ================ */

/* =========== BEGIN Date Duplication ===========*/
.date_duplication .control-label
{
    font-weight: bold;
}

.date_duplication .help-block
{
    font-style: italic;
}

.input_help
{
    display: none;
}

    .input_help.dupe_active
    {
        display: block;
    }

.dupe_date_selectionrow
{
    background-color: var(--FB_White);
    color: var(--FB_Lavender);
    -webkit-transition: all 0.75s ease-in-out;
    transition: all 0.75s ease-in-out;
}

    .dupe_date_selectionrow.new_dupe_item
    {
        background-color: var(--FB_Red);
        color: var(--FB_White);
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

.dupe_date_list_row
{
    margin: 0.5em 0;
    padding: 0.5em;
    display: flex;
}

.dupe_date_inputrow
{
    margin-top: 1.5em;
}

.dupe_buttons
{
    display: inline-block;
}

.dupe_input, .dupe_selectioninput
{
    border-radius: var(--fb-button-radius) 0 0 var(--fb-button-radius);
    border-width: 1px;
    border-style: solid;
}

.dupe_input
{
    display: none;
}

.dupe_date_inputrow .dupe_button:first-child
{
    border-radius: 0;
}

.dupe_date_inputrow .dupe_button:last-child, .dupe_date_selectionrow .dupe_button:first-child
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dupe_button.dupe_active, .dupe_input.dupe_active
{
    display: inline-block;
}

.date_duplication .dupe_date_inputrow .dupe_buttons .dupe_button.dupe_active
{
    border-color: var(--FB_DkGrey);
}

.dupe_selection_display
{
    display: inline-block;
    margin-left: 0.5em;
    padding: 0.5em;
}

.file_help
{
    display: none;
}

    .file_help.no_file_dupe
    {
        color: var(--FB_Red);
    }

    .file_help.file_dupe
    {
        color: green;
    }

    .file_help.dupe_active
    {
        display: block;
        font-style: normal;
    }
/* =========== END Date Duplication ===========*/
/* =========== BEGIN Breadcrumb ===========*/
.breadcrumb
{
    margin-top: 10px;
    margin-bottom: 0px;
    background-color: var(--FB_MdLtGrey);
}
/* =========== END Breadcrumb =============*/

/* =========== BEGIN SelectPageAjax ===========*/
.fbspajax-wrapper
{
    border: 1px solid var(--FB_Black);
    border-radius: var(--fb-button-radius);
    background-color: var(--FB_White);
}

.fbspajax-togglebuttons
{
    margin-left: 50px;
}
/***********/

.fbspajax-searchform .search-form-filter > *
{
    margin: 0.25em;
}


img.fbspajax-treeIcon
{
    vertical-align: middle;
}

.fbspajax-treeSection
{
    margin-left: 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    color: var(--FB_Orange);
    text-align: left;
    font-size: 10pt;
    line-height: 18px !important;
    vertical-align: middle;
}

.fbspajax-treeItem > .fbspajax-treeSection
{
    background-image: url("/Areas/Core/Images/tree/bypass.svg");
    background-repeat: repeat-y;
    background-size: 50px 50px;
}

.fbspajax-treeItem:last-child > .fbspajax-treeSection
{
    background-image: none;
}

.fbspajax-treeSection .fbspajax-treeItem
{
    list-style-type: none;
}

    .fbspajax-treeSection .fbspajax-treeItem.last
    {
        list-style-type: none;
        margin: 0px;
        background-image: none;
    }

    .fbspajax-treeSection .fbspajax-treeItem .fbspajax-contentRow:hover
    {
    }

.fbspajax-treeSection .fbspajax-treeItem
{
    list-style-type: none;
}

    .fbspajax-treeSection .fbspajax-treeItem.last
    {
        list-style-type: none;
        margin: 0px;
        background-image: none;
    }

    .fbspajax-treeSection .fbspajax-treeItem .fbspajax-contentRow:hover
    {
    }

.fbspajax-wrapper .fbspajax-treeSection .fbspajax-treeSection .fbspajax-treeSection
{
    padding-left: 40px;
}

.fbspajax-treeSection .fbspajax-toggleIcon
{
    cursor: pointer;
}

.fbspajax-wrapper .fbspajax-treeSection.fbspajax-intermediate
{
    background-image: url("/Areas/Core/Images/tree/bypass.svg");
    background-repeat: repeat-y;
    background-size: 50px 50px;
}

.fbspajax-wrapper .fbspajax-collapsed
{
    display: none;
}

.fbspajax-searchform
{
    margin-bottom: 12px;
}

.fbspajax-node_liner
{
    background-color: var(--FB_White);
}

.fbspajax-wrapper .fbspajax-contentRow .fbspajax-node_liner:hover,
.fbspajax-wrapper .fbspajax-contentRow .fbspajax-node_liner:hover *
{
    background-color: var(--FB_Blue);
    color: var(--FB_White);
}

label.fbspajax-label,
.fbspajax-label
{
    color: var(--FB_Blue);
    display: inline-block !important;
    margin: 0px;
    padding: 10px;
    font-weight: bold;
    line-height: 18px;
    border-radius: var(--fb-button-radius);
}

.fbspajax-detail
{
    font-weight: bold;
    padding: 12px;
}

.fbspajax-wrapper .fbspajax-contentRow.fbspajax-selected .fbspajax-node_liner
{
    border-width: thick;
    background-color: var(--FB_XLtBlue);
}

    .fbspajax-wrapper .fbspajax-contentRow.fbspajax-selected .fbspajax-node_liner > .fbspajax-label
    {
        border-radius: 0;
    }


.fbspajax-wrapper .fbspajax-contentRow.fbspajax-indeterminate .fbspajax-node_liner
{
    background-color: var(--FB_LtGrey);
}

.fbspajax-wrapper .fbspajax-filtermatch > .fbspajax-contentRow .fbspajax-label
{
}

.fbspajax-wrapper .fbspajax-notmatch > .fbspajax-contentRow .fbspajax-node_liner
{
    border-color: var(--FB_MidGrey);
}

.fbspajax-wrapper .fbspajax-notmatch > .fbspajax-contentRow .fbspajax-label
{
    color: var(--FB_MidGrey);
}

.fbspajax-wrapper .fbspajax-hidden
{
    display: none;
}

.fbspajax-formbody .fbspajax-node_detail .fbspajax-treeTitle
{
    padding: 12px;
    font-weight: bold;
}

.fbspajax-formbody .fbspajax-treearea
{
    max-height: 500px;
    overflow: auto;
    margin-bottom: 10px;
}

.fbspajax-root_row
{
    display: flex;
}

.fbspajax-root_icon
{
    font-size: 2em;
    color: var(--FB_MedBlue);
    text-align: center;
    line-height: 2em;
}

span.fbspajax-node_liner
{
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    color: var(--FB_Blue);
    margin: auto 0;
    display: inline-block;
    font-size: 18px;
    line-height: 1em;
    align-items: stretch;
    border-radius: var(--fb-button-radius);
}

.fbspajax-node_liner *
{
    font-size: inherit;
    line-height: inherit;
}

.fbspajax-node_liner:hover
{
    background-color: var(--FB_XLtBlue);
    cursor: pointer;
}

.fbspajax-contentRow .fbspajax-node_liner
{
    border-radius: var(--fb-button-radius);
    border: 1px solid var(--FB_Blue);
}

    .fbspajax-contentRow .fbspajax-node_liner:hover
    {
        background-color: var(--FB_Blue);
        color: var(--FB_White);
    }

.fbspajax-root_row
{
    display: flex;
}

.fbspajax-node_detail
{
    display: inline-block;
}
/* =========== END SelectPageAjax ===========*/
/* =========== BEGIN DataTable  =============*/
.fb-datatable
{
}

    .fb-datatable .table td
    {
        padding-top: 0;
        padding-bottom: 0;
        height: 50px;
    }

    .fb-datatable .table .node-collapsed
    {
    }

    .fb-datatable .table .node-hidden
    {
        display: none;
    }

    .fb-datatable .table .node-match
    {
        color: orangered;
    }

    .fb-datatable .table .node-notmatch
    {
        color: var(--FB_LtGrey);
    }
/* =========== END DataTable  ===============*/
/* Media Container */
.media_container
{
    border: 1px solid var(--FB_LtCoolGrey);
}

.media_liner
{
    display: flex;
    flex-direction: column;
}

.mediaimage_list
{
    display: flex;
    flex-direction: column;
}

.media_section .mediaitem_row
{
    border-bottom: 1px solid var(--FB_LtCoolGrey);
    align-items: stretch;
}

.media_section, .media_section .form-group, .mediaitem_row, .mediaitem_row .form-group
{
    margin: 0;
}

    .mediaitem_row:last-child
    {
        border-bottom-width: 0;
    }

    .mediaitem_row:nth-child(odd)
    {
        background-color: rgba(247, 248, 250, 0.5);
    }

    .mediaitem_row:hover
    {
        background-color: rgba(243, 246, 255, 0.5);
    }

    .media_deleted .mediaitem_row .uploaditem_button, .media_deleted .mediaitem_row .deleteitem_button, .mediaitem_row.media_deleted .uploaditem_button, .mediaitem_row.media_deleted .deleteitem_button
    {
        display: none;
    }

.mediaimage_list:not(.media_deleted) .mediaitem_row:not(.media_deleted) .restoreitem_button
{
    display: none;
}

.media_section.media_invalid,
.mediaitem_row.media_invalid
{
    background-color: rgba(204, 204, 153, 0.5);
}

.media_section.media_deleted,
:not(.media_deleted) .mediaitem_row.media_deleted
{
    background-color: rgba(204, 153, 153, 0.5);
}

    .media_section.media_deleted .media_message.media_message_deleted,
    :not(.media_deleted) .mediaitem_row.media_deleted .media_message.media_message_deleted
    {
        display: block;
    }

    .media_section.media_deleted .mediaitem_sorter .mediaitem_sorthandle,
    :not(.media_deleted) .mediaitem_row.media_deleted .mediaitem_sorter .mediaitem_sorthandle
    {
        visibility: hidden;
    }

    .media_section.media_deleted .mediaitem_content .media_text_content,
    :not(.media_deleted) .mediaitem_row.media_deleted .mediaitem_content .media_text_content
    {
        visibility: hidden;
    }

    .media_text_content > .vp-row
    {
        padding-right: 10px;
    }

    .media_section.media_deleted .media_file_info .mediaimage_preview,
    :not(.media_deleted) .mediaitem_row.media_deleted .media_file_info .mediaimage_preview
    {
        filter: grayscale(100%);
        opacity: 0.7;
    }

    .media_section.media_deleted,
    .media_section.media_deleted .mediaitem_row,
    :not(.media_deleted) .mediaitem_row.media_deleted
    {
        display: none;
    }

.mediaitem_row.media_uploaded .uploadcontainer .btn-primary
{
    display: none;
}

.mediaitem_sorthandle
{
    cursor: grab;
    padding: 1em;
}

.mediaitem_main
{
    display: flex;
    flex-direction: column;
}

.mediaitem_content
{
    display: flex;
}

.media_message
{
    display: none;
    margin: 0.75rem;
}

.altchecklabel
{
    white-space: nowrap;
}

.media_cell
{
    display: flex;
    align-items: center;
    padding: 0.75rem;
}

@media screen and (max-width: 1023px) /* .lg breakpoint in bootstrap */
{
    .mediaitem_main .media_cell
    {
        align-items: stretch;
        flex-direction: column;
        justify-content: center;
    }
}

.mediagallery_container .form-group, .mediavideo_container .form-group
{
    padding: 0.75rem;
}

.mediagallery_container
{
    border-top: 1px solid var(--FB_LtCoolGrey);
}

.media_buttons_container
{
    padding: 0.75rem;
    border-top: 1px solid var(--FB_LtCoolGrey);
}

    .media_buttons_container .vp-btn
    {
        margin-right: 0.5em;
    }

.uploadcontainer
{
    display: flex;
}

    .uploadcontainer label
    {
        display: none;
    }

    .uploadcontainer .btn
    {
        white-space: nowrap;
    }
/* END Media Container */
/* BEGIN Custom Form Editor */
.deleteform_wrapper.deleteformsubmission .row
{
    border-collapse: collapse;
    border-bottom: dotted 1px var(--FB_LtGrey);
}

.form-group.row.has-error
{
}

    .form-group.row.has-error.is-htmleditor > label
    {
    }

        .form-group.row.has-error.is-htmleditor > label:after
        {
            content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23be1e2d' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23be1e2d' stroke='none'/%3e%3c/svg%3e");
            border-color: var(--FB_Red);
            color: var(--FB_Red);
            padding-left: 10px;
            vertical-align: middle;
        }

.error-block
{
    display: block;
}

.kt-portlet.validation_warning .error-block
{
    color: var(--FB_Red);
    font-weight: bold;
}

.error-outline
{
    border: solid 5px var(--FB_Red) !important;
}

/* END Custom Form Editor */

/* BEGIN Feature Request Form */
.featurerequest
{
}

    .featurerequest > iframe
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 670px !important;
    }

.dropdown-menu.dropdown-menu-fbfeedback
{
    width: 580px;
    z-index: 111;
}

@media (max-width: 599px)
{
    .dropdown-menu.dropdown-menu-fbfeedback
    {
        left: 0;
        width: 100vw;
        z-index: 111;
    }
}

@media (min-width: 600px)
{
    .dropdown-menu.dropdown-menu-fbfeedback
    {
        width: 580px;
        z-index: 111;
    }
}
/* END Feature Request Form */

.current_image_wrapper img,
.image_wizard_subform_container img,
.uploadcontainer
{
    max-width: 100%;
    object-fit: contain;
}


/* Admin Home Content Styling */
.fxb-helpdesk-content .fbadm_tabs .nav-link
{
    font-size: 1.5em;
    font-weight: 700;
    --fb-tab-marker-border-width: 0.2em;
}


.fxb-helpdesk-content h1
{
    color: var(--FB_Orange);
}

.fxb-helpdesk-content h2
{
    color: var(--FB_Blue);
    font-size: 1.5rem;
}

.fxb-helpdesk-content h3
{
    color: var(--FB_Black);
}


.fxb-helpdesk-rssfeed .fbcms_article
{
    padding: 2em 0;
    border-top: 1px solid var(--FB_MdLtGrey);
    display: flex;
}

@media screen and (max-width: 767px)
{
    .fxb-helpdesk-rssfeed .fbcms_article
    {
        flex-direction: column;
    }
}

.fxb-helpdesk-rssfeed .fbcms_article_title
{
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
}

.fxb-helpdesk-rssfeed .article_image
{
    border-radius: var(--fb-button-radius);
}

@media screen and (max-width: 767px)
{
    .fxb-helpdesk-rssfeed .article_image
    {
        display: block;
        margin: 0 auto 1em;
    }
}

@media screen and (min-width: 768px)
{
    .fxb-helpdesk-rssfeed .article_image
    {
        margin-right: 1em;
    }
}

.fxb-helpdesk-rssfeed .fbcms_article_summary
{
    font-size: 16px;
    line-height: 23px;
    color: var(--FB_DkGrey);
}

.fxb-helpdesk-rssfeed p:last-child
{
    margin-bottom: 0;
}


.fxb-fxbnews
{
    padding: 1em 0;
}

.fxb-fxbnews_header
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.fxbnews_article
{
    position: relative;
    height: 16em;
    border-radius: var(--fb-button-radius);
    overflow: hidden;
    margin: 3em 0;
}

    .fxbnews_article .summary_content
    {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .fxbnews_article .fbcms_article_title
    {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        font-family: 'Open Sans';
        font-weight: 600;
        font-size: 1.4rem;
        line-height: 1.2;
        background-color: rgba(255,255,255,0.8);
        z-index: 2;
        margin: 0;
        padding: 0.5em;
    }

    .fxbnews_article .article_image
    {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        height: auto;
    }

    .fxbnews_article .fbcms_article_summary
    {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        transition: top 0.5s;
        font-size: 16px;
        line-height: 23px;
        color: var(--FB_DkGrey);
        background-color: rgba(255,255,255,0.8);
        z-index: 1;
        padding: 0.5em;
    }

    .fxbnews_article:hover .fbcms_article_summary
    {
        top: 0;
    }



/* View Button */
.fxb-helpdesk-rssfeed .content_buttonview
{
    background-color: var(--FB_Orange);
    border-color: var(--FB_Orange);
    color: var(--FB_White);
    display: inline-block;
    border-style: solid;
    border-width: 2px;
    border-radius: 1.2em;
    margin-right: 1em;
    font-size: 19px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0.25em;
}

    .fxb-helpdesk-rssfeed .content_buttonview:hover
    {
        border-color: var(--FB_Blue);
        color: var(--FB_White);
        background-color: var(--FB_Blue);
    }

    .fxb-helpdesk-rssfeed .content_buttonview a
    {
        color: var(--FB_White);
        display: inline-block;
        padding: 0.25em 1em;
        text-decoration: none;
    }

        .fxb-helpdesk-rssfeed .content_buttonview:hover a,
        .fxb-helpdesk-rssfeed .content_buttonview a:hover
        {
            color: var(--FB_White);
        }
/* END View Button */

/* Download Button */
.fxb-helpdesk-rssfeed .content_buttondownload
{
    border-color: var(--FB_Blue);
    background-color: var(--FB_White);
    color: var(--FB_Blue);
    display: inline-block;
    border-style: solid;
    border-width: 2px;
    border-radius: 1.2em;
    margin-right: 1em;
    font-size: 19px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0.25em;
}

    .fxb-helpdesk-rssfeed .content_buttondownload:hover
    {
        background-color: var(--FB_Blue);
        border-color: var(--FB_Blue);
        color: var(--FB_White);
    }

    .fxb-helpdesk-rssfeed .content_buttondownload a
    {
        color: inherit;
        display: inline-block;
        padding: 0.25em 1em;
        text-decoration: none;
    }

        .fxb-helpdesk-rssfeed .content_buttondownload:hover a,
        .fxb-helpdesk-rssfeed .content_buttondownload a:hover
        {
            color: var(--FB_White);
        }
/* END Download Button */



.fxb-helpdesk-newfeatures .fxbhd_block
{
    padding: 2em 0;
    margin: 0;
}

    .fxb-helpdesk-newfeatures .fxbhd_block h3
    {
        color: var(--FB_Blue);
        font-weight: 700;
        font-size: 24px;
        margin-bottom: .75em;
    }

@media screen and (max-width: 767px)
{
    .fxb-helpdesk-newfeatures .fxbhd_block h3
    {
        font-size: 24px;
        line-height: 20px;
    }
}

.fxb-helpdesk-newfeatures .fxbhd_topblock
{
    border-top: 2px solid var(--FB_MdLtGrey);
    border-bottom: 2px solid var(--FB_MdLtGrey);
}

    .fxb-helpdesk-newfeatures .fxbhd_topblock ul
    {
        display: flex;
        margin: 0;
        padding: 0;
        justify-content: space-between;
    }

        .fxb-helpdesk-newfeatures .fxbhd_topblock ul li
        {
            width: 30%;
            border: 2px solid var(--FB_MdLtGrey);
            background-color: var(--FB_LtGrey);
            border-radius: 10px;
            padding: .5em;
            text-align: center;
        }

@media screen and (max-width: 767px)
{
    .fxb-helpdesk-newfeatures .fxbhd_topblock ul
    {
        flex-direction: column;
    }

        .fxb-helpdesk-newfeatures .fxbhd_topblock ul li
        {
            width: 100%;
            margin-bottom: 0.5em;
        }
}

.fxb-helpdesk-newfeatures .fxbhd_topblock ul li:hover
{
    background-color: var(--FB_LtGrey);
}

.fxb-helpdesk-newfeatures .fxbhd_topblock ul li a,
.fxb-helpdesk-newfeatures .fxbhd_topblock ul li span
{
    display: block;
}

.fxb-helpdesk-newfeatures .fxbhd_topblock .featureblock_image
{
    display: block;
    margin: 0 auto;
}

.fxb-helpdesk-newfeatures .fxbhd_topblock .featureblock_logo
{
    color: var(--FB_Blue);
}

.fxb-helpdesk-newfeatures .fxbhd_topblock > ul > li:hover
{
    box-shadow: 0 0 0 .2rem rgba(242,101,36,.5) !important;
    cursor: pointer;
}

    .fxb-helpdesk-newfeatures .fxbhd_topblock > ul > li:hover .featureblock_logo
    {
        color: var(--FB_Orange);
    }

.fxb-helpdesk-newfeatures .fxbhd_topblock .featureblock_title
{
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    color: var(--FB_Blue);
}

.fxb-helpdesk-newfeatures .fxbhd_topblock .featureblock_desc
{
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: var(--FB_DkGrey);
}

.fxb-helpdesk-newfeatures .fxbhd_row
{
    display: flex;
}

    .fxb-helpdesk-newfeatures .fxbhd_row .fxbhd_block
    {
        width: 50%;
        padding-top: 0;
        margin-top: 2em;
    }

@media screen and (max-width: 767px)
{
    .fxb-helpdesk-newfeatures .fxbhd_row
    {
        flex-direction: column;
    }

        .fxb-helpdesk-newfeatures .fxbhd_row .fxbhd_block
        {
            width: 100%;
        }
}

@media screen and (min-width: 768px)
{
    .fxb-helpdesk-newfeatures .fxbhd_leftblock
    {
        border-right: 1px solid var(--FB_MdLtGrey);
        padding-right: 2em;
    }

    .fxb-helpdesk-newfeatures .fxbhd_rightblock
    {
        padding-left: 2em;
    }

    .fxb-helpdesk-newfeatures .fxbhd_row .fxbhd_block ul li
    {
        margin-bottom: 1em;
    }
}

.featureblock_logo_icon
{
    font-size: 85px;
    line-height: 125px;
}

.fxb-helpdesk-newfeatures .update_list
{
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: var(--FB_MedBlue);
    list-style-type: circle;
}

@media screen and (min-width: 992px)
{
    .fxb-helpdesk-documents
    {
        padding-left: 25px;
        border-left: 1px solid var(--FB_MdLtGrey);
        height: 100%;
    }
}

.fxb-helpdesk-newfeatures .fxbhd_row .fxbhd_bottomblock
{
    width: 100%;
}

.fxbhd_fullreleasebutton
{
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.6em;
}

.fxb-fxbnews_footer
{
    display: block;
    margin: 3em 0 0;
}
/* Admin Home Content Styling */

.ui-dialog.ui-widget-content
{
    padding: 0;
    border: none;
    background-color: transparent;
}

.ui-dialog .ui-dialog-titlebar
{
    border-top-left-radius: var(--FB-modal-border-radius);
    border-top-right-radius: var(--FB-modal-border-radius);
    color: var(--FB_White);
    background-color: var(--FB_Blue);
}

.ui-dialog.ui-widget-content .ui-dialog-content
{
    background-color: var(--FB_White);
}

.ui-widget-header
{
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-dialog.ui-widget-content .ui-dialog-buttonpane
{
    margin-top: 0;
    border-bottom-left-radius: var(--FB-modal-border-radius);
    border-bottom-right-radius: var(--FB-modal-border-radius);
}

.listform_actiondrop.form-control
{
    display: inline-block;
    width: auto;
}

/* BEGIN Foxbright Bootstrap Dialog */

.modal .modal-content
{
    border: none;
    background-color: transparent;
    border-radius: var(--FB-modal-border-radius);
}

.modal-body
{
    background-color: var(--FB_MidGrey);
}

.modal-header,
.modal-footer
{
    padding: 1.0rem;
}

.modal-header,
.modal-footer,
.modal .modal-content .modal-header .modal-title
{
    background-color: var(--FB_Blue);
    color: var(--FB_White);
}


.modal .modal-content .modal-header
{
    vertical-align: middle;
    padding: 0.4em 1.0em 0.4em 1.0em;
}

    .modal .modal-content .modal-header .modal-title
    {
        font-size: 16px;
    }

    .modal .modal-content .modal-header button.close.fbd_close
    {
        float: right;
        cursor: pointer;
        border-radius: 0;
        color: var(--FB_White);
        padding: 0;
        font-size: 16px;
        line-height: 16px;
        margin: 3px 0 0 0;
        text-decoration: none;
        display: inline-block;
        opacity: 1.0;
        border: none;
    }

        .modal .modal-content .modal-header button.close.fbd_close:hover
        {
            color: var(--FB_LtCoolGrey);
            background-color: var(--FB_PaleBlue);
            border-color: var(--FB_MedBlue);
        }

        .modal .modal-content .modal-header button.close.fbd_close > i
        {
            width: 14px;
            height: 14px;
            padding: 0;
            margin: 0;
        }

        .modal .modal-content .modal-header button.close.fbd_close > span
        {
            font-family: 'Open Sans',Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 16px;
            text-shadow: none;
            display: inline-block;
            width: 16px;
            height: 16px;
            padding: 0;
            margin: 0;
        }

        .modal .modal-content .modal-header button.close.fbd_close::before
        {
            content: "";
            display: none;
        }

        .modal .modal-content .modal-header button.close.fbd_close > img.fbd_close-icon
        {
            width: 16px;
            height: 16px;
            padding: 0;
            margin: 0;
        }

.fbd_content
{
    background-color: var(--FB_White);
}

/* END Foxbright Bootstrap Dialog */

.language_listing_placeholder
{
    height: 2em;
    list-style-type: none;
    border: dotted 1px var(--FB_MidGrey);
    margin: 0.25em;
    padding: 0.5em;
}

.languages_form .list-group-item
{
    display: flex;
    width: 100%;
}

.languagelist
{
    height: 70vh;
    overflow-y: scroll;
}

    .languagelist .languageinfo
    {
        width: 40%;
    }

    .languagelist .languagebutton
    {
        width: 30%;
    }

    .languagelist .languageselect
    {
        text-align: right;
    }

    .languagelist .header
    {
        font-weight: 500;
    }

.languageitem
{
    height: 0;
    opacity: 0;
    padding: 0 0.5em;
    border-width: 0 1px;
    transition: height 0.5s, padding 0.5s, border-width 0.5s, opacity 1s;
}

    .languageitem.selected,
    .select_mode .languageitem
    {
        height: 3em;
        opacity: 1.0;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }

.sort_mode .languageitem
{
    cursor: pointer;
    cursor: hand;
}

    .sort_mode .languageitem:hover
    {
        background-color: var(--FB_PaleYellow);
    }

.message_block
{
    display: none;
    margin: 2em;
    padding: 1em;
}

.select_mode .message_block
{
    display: block;
}

.sort_mode .message_block
{
    display: block;
}

.languageselect,
.languagereorder
{
    width: 0;
    transition: width 0.5s;
    overflow: hidden;
    padding: 0.5em;
    opacity: 0;
}

.select_mode .languageselect
{
    opacity: 1.0;
}

.sort_mode .languagereorder
{
    opacity: 1.0;
}

.languagesnoselections
{
    width: calc(100% - 4em);
    height: 0;
    opacity: 0;
    margin: 0 2em;
    padding: 0 1em;
    transition: height 0.5s, opacity 0.5s, margin 0.5s, padding 0.5s;
}

    .languagesnoselections.noneselected
    {
        height: 4em;
        opacity: 1.0;
        margin-top: 2em;
        margin-bottom: 2em;
        padding-top: 1em;
        padding-bottom: 1em;
    }

.select_mode .languagesnoselections,
.sort_mode .languagesnoselections
{
    display: none;
}


.fbcms_3p_name
{
    color: #6666ff;
}

.fbcms_3p_3pusername
{
    color: #ff6666;
}

.fbcms_3p_cmsusername
{
    color: #000000;
}

.fbcms_3p_activity
{
    color: #666666;
}

.fbcms_3p_isdeleted
{
    color: #ff0000;
}

.fbcms_3p_button
{
    margin-left: 0.5em;
}

.fbcms_3p_icon
{
    padding: 0.65rem 1rem;
    font-size: 1.2rem;
    line-height: 1.5;
}

.fbcms_3p_detail
{
    display: block;
}

    .fbcms_3p_detail.fbcms_3pascp_detail
    {
        display: inline-block;
    }

.fbcms_3p_deleted
{
    max-height: 30px;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
}

.fbcms_3p_hidden
{
    max-height: 0;
}

.kt-header__topbar-item--search > .dropdown-menu > .kt-menu__subnav
{
    padding-inline-start: 0px;
}

    .kt-header__topbar-item--search > .dropdown-menu > .kt-menu__subnav > li.kt-menu__item
    {
        list-style: none;
        padding: 11px 30px 11px 30px;
    }

        .kt-header__topbar-item--search > .dropdown-menu > .kt-menu__subnav > li.kt-menu__item .kt-menu__link > .kt-menu__link-text
        {
            font-size: 1.05rem;
            color: var(--FB_Blue);
        }

            .kt-header__topbar-item--search > .dropdown-menu > .kt-menu__subnav > li.kt-menu__item .kt-menu__link > .kt-menu__link-text:hover
            {
                color: var(--FB_Orange);
            }

            .kt-header__topbar-item--search > .dropdown-menu > .kt-menu__subnav > li.kt-menu__item .kt-menu__link > .kt-menu__link-text span
            {
                color: var(--FB_Orange);
                width: 2em;
            }




/*EXPERIMENTAL*/
.vped-active,
.vped-active > i
{
    color: dodgerblue !important;
    background-color: #FEFEFE !important;
    outline: #FCFCFC 1px solid;
}

    .vped-active,
    .vped-active > i
    {
        background-color: #FEFEFE !important;
        color: dodgerblue !important;
    }

.fr-view .fb-langspan
{
    border-bottom: solid 1px #eaeaff !important;
}

/*Show Screen Reader Text while editing area */
.fbcms_htmleditor .screen-reader-text,
.fbcms_htmleditor .content_screen-reader-text
{
    position: relative;
    left: inherit;
    top: inherit;
    text-indent: inherit;
    color: inherit;
    background-color: #dfdfdf;
    border: 1px solid #b9b9b9;
}

.icon_selection_row .icon_display img
{
    max-width: 125px;
    min-height: 100px;
    max-height: 100px;
}



/* BEGIN VPUPLOADER*/

.vpuploader {
    border-radius: var(--fb-button-radius);
    padding: 10px;
    border: 1px solid var(--FB_RelaxedGrey);
    text-align: center;
    width: auto;
    display: inline-block;
}

    .vpuploader.vpuploader-ondragenter
    {
        color: var(--FB_White);
        background-color: var(--FB_Blue);
        outline: solid 3px var(--FB_Orange);
    }

    .vpuploader:hover
    {
        background-color: var(--FB_LtGrey);
    }

    .vpuploader .vpuploader-summary
    {
        margin: 10px 0 10px 10px;
    }
        .vpuploader .vpuploader-summary:empty {
            margin: 0;
        }

    .vpuploader .vpuploader-preview
    {
        max-height: 100px;
        margin: 0 auto 10px auto;
        text-align: center;
    }
        .vpuploader .vpuploader-preview:empty {
            margin-bottom: 0;
        } 

        .vpuploader .vpuploader-preview img {
            max-width: 100%;
            max-height: 100px;
            border: 1px solid var(--FB_MedBlue);
        }

    .vpuploader .vpuploader-progress
    {
    }
    /* END VPUPLOADER*/
    .fbadm_pager .fbadm_pager_link .fb-icon {
        width: 14px;
        height: 14px;
        padding: 0;
    }

.fb-icon img,
.fb-icon svg
{
    display: inline-block;
    width: 100%;
    height: 100%;
}


.form-group
{
    margin-bottom: 10px;
}

.vp-initially-hidden
{
    display: none;
}

.item_targetselection_row fieldset
{
    padding: 0 10px;
}
.item_targetselection_row legend
{
    font-size: inherit;
    font-family: inherit;
    color: inherit;
}
.item_targetselection_item
{
    display: inline-block;
    text-align: center;
    margin-right: 1em;
}
.item_targetselection_itemtitle
{
}
.item_targetselection_itemdetail
{
    display: none;
}
.item_target_row.item_target_file #ItemFile
{
}
.mobileicon_iconsize_label
{
    display: block;
}
.mobileicon_iconsize_image
{
    display: block;
    margin-bottom: 1em;
}

#search_visnavs_form .form-control
{
    display: inline-block;
    width: auto;
}