﻿

.vp-pad-left-none
{
    padding-left: unset;
}


label > input[type="radio"],
label > input[type="checkbox"]
{
    margin-right: 0.5em;
}

/*#region vulpes layout styles */
fieldset.vp-fieldset
{
    /*margin-bottom: 7px;*/
}

    fieldset.vp-fieldset legend
    {
        margin-bottom: 5px;
        font-weight: bold;
    }

.vp-container
{
    background-color: var(--FB_White);
    color: var(--FB_Black);
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    text-align: left;
    vertical-align: baseline;
    margin-left: auto;
    margin-right: auto;
    --bs-gutter-x: 1.5em;
    --bs-gutter-y: 0;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
}

.vp-row
{
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-top: 10px;
}
    /*.vp-row > *
    {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
    }*/

    /*.vp-row.vp-row-spaced > *:not(:first-child)
    {
        padding-left: 5px;
    }*/

    .vp-row.search-form-controls
    {
        /*margin-bottom: 0px;*/
    }

    .vp-row.search-form-results
    {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .vp-row .search-form-footer
    {
        margin-top: 0px;
        background-color: lightgreen;
    }

.vp-col-auto,
.vp-col-label,
.vp-col-buttons,
.vp-col-fullwidth,
.vp-col-input,
.vp-col-narrow,
.vp-col-wide,
.vp-col-half,
.vp-col-third,
.vp-col-twothirds,
.vp-col-tiny,
.vp-col-fill,
.vp-col-1,
.vp-col-2,
.vp-col-3,
.vp-col-4,
.vp-col-5,
.vp-col-6,
.vp-col-7,
.vp-col-8,
.vp-col-9,
.vp-col-10,
.vp-col-11,
.vp-col-12
{
    flex: 0 0 auto;
}


.vp-col-1
{
    width: 8.33%;
}

.vp-col-2
{
    width: 16.66%;
}


.vp-col-3
{
    width: 25%;
}


.vp-col-4
{
    width: 33.33%;
}


.vp-col-5
{
    width: 41.66%;
}


.vp-col-6
{
    width: 50.00%
}


.vp-col-7
{
    width: 58.33%;
}

.vp-col-8
{
    width: 66.66%;
}


.vp-col-9
{
    width: 75%;
}


.vp-col-10
{
    width: 83.33%;
}


.vp-col-11
{
    width: 91.66%;
}


.vp-col-12
{
    width: 100%;
}

.vp-col-auto,
.vp-col-fill
{
    width: auto;
}

.vp-col-auto
{
    padding-left: 10px;
    padding-right: 10px;
}

    .vp-col-auto.vp-pullright
    {
        margin-left: auto;
    }

.vp-row.cmsfroala-layer-shared .vp-col-auto
{
    padding-left: 0;
    padding-right: 0;
}

.vp-col-fullwidth
{
    width: 100%;
}

.vp-col-label,
.vp-col-narrow
{
    width: 25%;
}

.vp-col-buttons
{
    width: 25%;
}

.vp-col-wide
{
    width: 75%;
}

.vp-col-tiny
{
    width: 8.33%;
}

.vp-col-half
{
    width: 50%;
}

.vp-col-third
{
    width: 33%;
}

.vp-col-twothirds
{
    width: 66%;
}

.vp-col-narrow,
.vp-col-wide,
.vp-col-tiny,
.vp-col-half,
.vp-col-third,
.vp-col-twothirds
{
    padding-right: 0.5em;
}

    .vp-col-narrow:last-child,
    .vp-col-wide:last-child,
    .vp-col-tiny:last-child,
    .vp-col-half:last-child,
    .vp-col-third:last-child,
    .vp-col-twothirds:last-child
    {
        padding-right: 0;
    }

.vp-col-input
{
    width: 75%;
}

.vp-row.vp-row-gap > *:not(:first-child)
{
    padding-left: 3px;
}


.vp-container-nopad,
.vp-nopad
{
    padding: 0;
}

.vp-nomargin
{
    margin: 0;
}

.textinput-height-single textarea.form-control
{
    height: 2.8em;
}
/*#endregion vulpes layout styles */

/*#region Button Common */
.vp-btn
{
    background-color: var(--FB_LtGrey);
    background-image: none;
    border: solid 1px var(--FB_DkGrey);
    border-radius: var(--fb-button-radius);
    color: var(--FB_Black);
    font-size: var(--fb-button-fontsize);
    line-height: var(--fb-button-lineheight);
    margin: .1rem;
    padding: var(--fb-button-padding);
}

.vp-btn-block
{
    display: block;
    width: 100%;
}

    .vp-btn-block + .vp-btn-block
    {
        margin-top: 0.5rem;
    }

.vp-btn-md
{
    border-radius: var(--fb-button-radius-med);
    font-size: var(--fb-button-fontsize-med);
    line-height: var(--fb-button-lineheight-med);
    padding: var(--fb-button-padding-med);
}

.vp-btn-sm
{
    border-radius: var(--fb-button-radius-sm);
    font-size: var(--fb-button-fontsize-sm);
    line-height: var(--fb-button-lineheight-sm);
    padding: var(--fb-button-padding-sm);
}

.vp-btn-xs
{
    border-radius: var(--fb-button-radius-xs);
    font-size: var(--fb-button-fontsize-xs);
    line-height: var(--fb-button-lineheight-xs);
    padding: var(--fb-button-padding-xs);
}

.vp-btn .vp-btn-text
{
    white-space: nowrap;
}

.vp-btn:focus,
.vp-btn:focus:not(.btn-elevate)
{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.vp-btn > span.fas
{
    /*margin-right: 5px;*/
}
/*#endregion Button Common */
/*#region Grouped Buttons*/
.vp-actions
{
    background-color: var(--FB_Blue);
    color: var(--FB_White);
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    margin-right: 10px;
    float: right;
    width: 100%;
    margin: 0;
    padding: 10px;
}

    .vp-actions .vp-btn,
    .vp-actions .btn
    {
        display: block;
        border-width: 1px;
        white-space: nowrap;
    }


.input-group-btn
{
    display: flex;
}

    .input-group-btn .vp-btn
    {
        margin: 0;
        border-left-width: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

        .input-group-btn .vp-btn:not(:last-child)
        {
            margin: 0;
            border-right-width: 0;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .input-group-btn .vp-btn:first-child
        {
            border-left-width: 1px;
        }

        .input-group-btn .vp-btn:last-child
        {
            border-top-right-radius: var(--fb-button-radius);
            border-bottom-right-radius: var(--fb-button-radius);
        }

        .vp-btn.btn-sm i,
        .input-group-btn .vp-btn i
        {
            padding-right: 0;
            margin-right: 0;
        }


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

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

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

/*#endregion Grouped Buttons*/

/*#region Warning Button*/
.vp-btn.vp-btn-warning
{
    background-color: var(--FB_OrangeYellow);
    border-color: var(--FB_OrangeYellow);
    color: var(--FB_White);
}

    .vp-btn.vp-btn-warning:hover
    {
        background-color: var(--FB_Orange);
        border-color: var(--FB_Orange);
        color: var(--FB_White);
    }

    .vp-btn.vp-btn-warning:focus
    {
        box-shadow: 0 0 0 .2rem rgba(255, 184, 72, .5);
    }

    .vp-btn.vp-btn-warning:active,
    .vp-btn.vp-btn-warning.active
    {
        background-color: var(--FB_DkOrange);
        border-color: var(--FB_DkOrange);
        color: var(--FB_White);
    }

    .vp-btn.vp-btn-warning.disabled,
    .vp-btn.vp-btn-warning[disabled]
    {
        color: var(--FB_LtGrey);
        background-color: var(--FB_DkGrey);
        border-color: var(--FB_DkGrey);
        cursor: not-allowed;
    }
/*#endregion Warning Button*/

/*#region Success Button*/
.vp-btn.vp-btn-success
{
    background-color: var(--FB_Green);
    background-image: none;
    color: var(--FB_White);
    border-color: var(--FB_Green);
}

    .vp-btn.vp-btn-success:hover
    {
        background-color: var(--FB_LightGreen);
        color: var(--FB_White);
        border-color: var(--FB_LightGreen);
    }

    .vp-btn.vp-btn-success:active,
    .vp-btn.vp-btn-success.active
    {
        background-color: var(--FB_PaleGreen);
        color: var(--FB_White);
        border-color: var(--FB_PaleGreen);
    }

    .vp-btn.vp-btn-success:focus
    {
        box-shadow: 0 0 0 .2rem rgba(44, 129, 60, .5);
    }

    .vp-btn.vp-btn-success.disabled,
    .vp-btn.vp-btn-success[disabled]
    {
        color: var(--FB_MidGrey);
        background-color: var(--FB_DkGrey);
        border-color: var(--FB_DkGrey);
        cursor: not-allowed;
    }
/*#endregion Success Button*/

/*#region Danger Button*/
.vp-btn.vp-btn-danger
{
    background-color: var(--FB_Red);
    background-image: none;
    border-color: var(--FB_Red);
    color: var(--FB_White);
}

    .vp-btn.vp-btn-danger:hover
    {
        color: var(--FB_White);
        background-color: var(--FB_MedRed);
        border-color: var(--FB_MedRed);
    }

    .vp-btn.vp-btn-danger:focus
    {
        box-shadow: 0 0 0 .2rem rgba(215, 53, 61, .5);
    }

    .vp-btn.vp-btn-danger:active,
    .vp-btn.vp-btn-danger.active
    {
        color: var(--FB_White);
        background-color: var(--FB_DkRed);
        border-color: var(--FB_DkRed);
    }

    .vp-btn.vp-btn-danger.disabled,
    .vp-btn.vp-btn-danger[disabled]
    {
        color: var(--FB_LtGrey);
        background-color: var(--FB_DkGrey);
        border-color: var(--FB_DkGrey);
        cursor: not-allowed;
    }
/*#endregion Danger Button*/

/*#region Primary Button*/
.vp-btn.vp-btn-primary
{
    background-image: none;
    background-color: var(--FB_Orange);
    color: var(--FB_White);
    border: solid 1px var(--FB_Orange);
}

    .vp-btn.vp-btn-primary:hover
    {
        color: var(--FB_White);
        background-color: var(--FB_PaleBlue);
        border-color: var(--FB_Blue);
    }

    .vp-btn.vp-btn-primary:focus
    {
        box-shadow: 0 0 0 .2rem rgba(242,101,36,.5);
    }


    .vp-btn.vp-btn-primary:active,
    .vp-btn.vp-btn-primary.active
    {
        color: var(--FB_MedOrange);
        background-color: var(--FB_Blue);
        border-color: var(--FB_Blue);
    }

    .vp-btn.vp-btn-primary.disabled,
    .vp-btn.vp-btn-primary[disabled]
    {
        color: var(--FB_LtGrey);
        background-color: var(--FB_DkGrey);
        border-color: var(--FB_DkGrey);
        cursor: not-allowed;
    }


.fxb-fxbnews_control .vp-btn.vp-btn-primary:hover
{
    background-color: var(--FB_Blue);
    border-color: var(--FB_Blue);
}

/*#endregion Primary Button*/

/*#region Secondary Button*/
.vp-btn.vp-btn-secondary
{
    background-color: var(--FB_White);
    background-image: none;
    color: var(--FB_DkGrey);
    border: solid 1px var(--FB_MdLtGrey);
}

    .vp-btn.vp-btn-secondary:focus
    {
        box-shadow: 0 0 0 .2rem rgba(40,42,60,.5);
    }

    .vp-btn.vp-btn-secondary:hover
    {
        color: var(--FB_DkGrey);
        border-color: var(--FB_MdLtGrey);
        background-color: var(--FB_MdLtGrey);
    }

    .vp-btn.vp-btn-secondary:active,
    .vp-btn.vp-btn-secondary.active
    {
        color: var(--FB_DkGrey);
        border-color: var(--FB_MidGrey);
        background-color: var(--FB_MidGrey);
    }

    .vp-btn.vp-btn-secondary.disabled,
    .vp-btn.vp-btn-secondary[disabled]
    {
        color: var(--FB_LtGrey);
        background-color: var(--FB_DkGrey);
        border-color: var(--FB_DkGrey);
        cursor: not-allowed;
    }
/*#endregion Secondary Button*/

/*#region Dark Button*/
.vp-btn.vp-btn-dark
{
    background-color: var(--FB_Black);
    background-image: none;
    color: var(--FB_White);
    border-color: var(--FB_Black);
}

    .vp-btn.vp-btn-dark:focus
    {
        box-shadow: 0 0 0 .2em rgba(40,42,60,.5);
    }

    .vp-btn.vp-btn-dark:hover
    {
        color: var(--FB_White);
        border-color: var(--FB_DkGrey);
        background-color: var(--FB_DkGrey);
    }

    .vp-btn.vp-btn-dark:active,
    .vp-btn.vp-btn-dark.active
    {
        color: var(--FB_White);
        border-color: var(--FB_MidGrey);
        background-color: var(--FB_MidGrey);
    }

    .vp-btn.vp-btn-dark.disabled,
    .vp-btn.vp-btn-dark[disabled]
    {
        color: var(--FB_LtGrey);
        background-color: var(--FB_DkGrey);
        border-color: var(--FB_DkGrey);
        cursor: not-allowed;
    }
/*#endregion Dark Button*/

/*#region Default Button*/
.vp-btn.vp-btn-default
{
    color: var(--FB_Black);
}

    .vp-btn.vp-btn-default:hover
    {
        color: var(--FB_Black);
    }

    .vp-btn.vp-btn-default:focus
    {
        box-shadow: 0 0 0 .2em rgba(27,87,113,.5);
    }

    .vp-btn.vp-btn-default.active,
    .vp-btn.vp-btn-default:active
    {
        color: var(--FB_Black);
    }
/*#endregion Default Button*/

/*#region Search Button*/
.vp-btn.vp-btn-search
{
    color: var(--FB_White);
    background-color: var(--FB_Orange);
    border-color: var(--FB_Orange);
}

    .vp-btn.vp-btn-search:hover
    {
        color: var(--FB_White);
        background-color: var(--FB_MedOrange);
        border-color: var(--FB_MedOrange);
    }

    .vp-btn.vp-btn-search:active,
    .vp-btn.vp-btn-search.active
    {
        color: var(--FB_White);
        background-color: var(--FB_DkOrange);
        border-color: var(--FB_DkOrange);
    }

    .vp-btn.vp-btn-search:focus
    {
        box-shadow: 0 0 0 .2em rgba(216,53,61,.5);
    }

    .vp-btn.vp-btn-search.disabled,
    .vp-btn.vp-btn-search[disabled]
    {
        background-color: var(--FB_LtGrey);
        background-color: var(--FB_DkGrey);
        border-color: var(--FB_DkGrey);
        cursor: not-allowed;
    }
/*#endregion Search Button*/

/*#region Reset Button*/
.vp-btn.vp-btn-reset
{
    color: var(--FB_White);
    background-color: var(--FB_DkGrey);
    border-color: var(--FB_DkGrey);
}

    .vp-btn.vp-btn-reset:hover
    {
        color: var(--FB_White);
        background-color: var(--FB_MidGrey);
        border-color: var(--FB_MidGrey);
    }

    .vp-btn.vp-btn-reset:focus
    {
        box-shadow: 0 0 0 .2em rgba(72,73,73,.5);
    }

    .vp-btn.vp-btn-reset:active,
    .vp-btn.vp-btn-reset.active
    {
        color: var(--FB_White);
        background-color: var(--FB_MdLtGrey);
        border-color: var(--FB_MdLtGrey);
    }

    .vp-btn.vp-btn-reset.disabled,
    .vp-btn.vp-btn-reset[disabled]
    {
        color: var(--FB_LtGrey);
        background-color: var(--FB_DkGrey);
        border-color: var(--FB_DkGrey);
        cursor: not-allowed;
    }
/*#endregion Reset Button*/

/*#region Cancel Button*/
.vp-btn.vp-btn-cancel
{
    background-color: var(--FB_LtGrey);
    background-image: none;
    color: var(--FB_Black);
    border-color: var(--FB_LtGrey);
}

    .vp-btn.vp-btn-cancel:hover
    {
        color: var(--FB_Black);
        border-color: var(--FB_MdLtGrey);
        background-color: var(--FB_MdLtGrey);
    }

    .vp-btn.vp-btn-cancel:focus
    {
        box-shadow: 0 0 0 .2em rgba(72,73,73,.5);
    }

    .vp-btn.vp-btn-cancel:active,
    .vp-btn.vp-btn-cancel.active
    {
        color: var(--FB_Black);
        border-color: var(--FB_MidGrey);
        background-color: var(--FB_MidGrey);
    }

    .vp-btn.vp-btn-cancel.disabled,
    .vp-btn.vp-btn-cancel[disabled]
    {
        color: var(--FB_LtGrey);
        background-color: var(--FB_DkGrey);
        border-color: var(--FB_DkGrey);
        cursor: not-allowed;
    }
/*#endregion Cancel Button*/

/*#region Light Blue Button*/
.vp-btn.vp-btn-lightblue
{
    background-color: var(--FB_XLtBlue);
    border-color: var(--FB_XLtBlue);
    color: var(--FB_Blue);
}

    .vp-btn.vp-btn-lightblue:hover,
    a.vp-btn.vp-btn-lightblue:hover
    {
        background-color: var(--FB_Blue);
        border-color: var(--FB_XLtBlue);
        color: var(--FB_XLtBlue);
    }

    .vp-btn.vp-btn-lightblue:focus,
    a.vp-btn.vp-btn-lightblue:focus
    {
        box-shadow: 0 0 0 .2em rgba(72,73,73,.5);
    }

    .vp-btn.vp-btn-lightblue:active,
    .vp-btn.vp-btn-lightblue.active
    {
        color: var(--FB_Black);
        border-color: var(--FB_MidGrey);
        background-color: var(--FB_MidGrey);
    }

    .vp-btn.vp-btn-lightblue.disabled,
    .vp-btn.vp-btn-lightblue[disabled]
    {
        color: var(--FB_LtGrey);
        background-color: var(--FB_DkGrey);
        border-color: var(--FB_DkGrey);
        cursor: not-allowed;
    }
/*#endregion Light Blue Button*/

/*#region Orange Blue Line Button*/
.vp-btn.vp-btn-orangeblueline
{
    background-color: var(--FB_White);
    border-color: var(--FB_MedBlue);
    color: var(--FB_Orange);
}

    .vp-btn.vp-btn-orangeblueline:hover,
    a.vp-btn.vp-btn-orangeblueline:hover
    {
        background-color: var(--FB_MedBlue);
        border-color: var(--FB_MedBlue);
        color: var(--FB_White);
    }

    .vp-btn.vp-btn-orangeblueline:focus,
    a.vp-btn.vp-btn-orangeblueline:focus
    {
        box-shadow: 0 0 0 .2em rgba(72,73,73,.5);
    }

    .vp-btn.vp-btn-orangeblueline:active,
    .vp-btn.vp-btn-orangeblueline.active
    {
        color: var(--FB_Black);
        border-color: var(--FB_MidGrey);
        background-color: var(--FB_MidGrey);
    }

    .vp-btn.vp-btn-orangeblueline.disabled,
    .vp-btn.vp-btn-orangeblueline[disabled]
    {
        color: var(--FB_LtGrey);
        background-color: var(--FB_DkGrey);
        border-color: var(--FB_DkGrey);
        cursor: not-allowed;
    }
/*#endregion Orange Blue Line Button*/

/*#region Font Awesome Controls */
.vp-cmsfontawesome-outer .fr-input-line
{
    position: relative;
    /*padding: 0.25em 0;*/
}

.vp-cmsfontawesome-outer .fr-input-line .fr-input-wrapper + label
{
    position: absolute;
    top: 0.35em;
    font-size: 80%;
    left: 12px;
    color: var(--FB_MidGrey);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: 3;
    display: block;
    background-color: var(--FB_White);
    padding: 0;
    padding-left: 2px;
    padding-right: 2px;
    cursor: text;
    width: auto;
}

.vp-cmsfontawesome-outer .fr-input-wrapper
{
    display: flex;
}

.fr-popup .vp-cmsfontawesome-outer .fr-input-line .fr-input-wrapper input[type="text"]
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
}
.fr-popup .vp-cmsfontawesome-outer .fr-input-line .fr-input-wrapper button
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0;
}
.cmsfontawesome-advopts
{
    position: absolute;
    top: -12px;
    margin: 0;
}
.fr-input-line.cmsfontawesome-advline
{
    padding-top: 0;
    border-top: #999 1px solid;
    position: relative;
}
.cmsfontawesome-advopts-panel
{
    height: auto;
    transition: height 0.5s ease-in-out;
    padding-top: 20px;
}
.cmsfontawesome-advopts-panel.hide
{
    height: 0;
    display: none;
}
/*#endregion Font Awesome Controls */

/*#region Search Form Controls*/

.search-form-filters
{
    display: flex;
}

.search-form-filter-label
{
    font-weight: normal;
    font-size: large;
    line-height: 42px;
    color: var(--FB_Black);
    margin-bottom: 0.5em;
}

.search-form-filter
{
    margin: 0 0 0.5em 0;
}

    .search-form-filter label
    {
        color: var(--FB_Black);
        margin-bottom: 0.5em;
    }

    .search-form-filter > *
    {
        flex: 0 0 auto;
        padding-left: 10px;
        padding-right: 10px;
    }

.search-form-controls
{
    background-color: var(--FB_MdLtGrey );
    border-top-left-radius: var(--fb-button-radius);
    border-top-right-radius: var(--fb-button-radius);
    margin: 0;
    padding: 1.5em 2em 1.5em 2em;
}

@media screen and (max-width: 767px)
{
    .search-form-controls
    {
        padding: 1em;
    }
}

.search-form-actions .btn-search
{
    margin-right: 0.5em;
}

.search-form-actions .vp-btn-advanced
{
    margin-right: 0.5em;
    padding-right: 2em;
    position: relative;
}

    .search-form-actions .vp-btn-advanced:after
    {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0.5em 0.5em 0.5em;
        border-color: transparent transparent var(--FB_White) transparent;
    }



.search-form-controls.formcontrolsclosed .search-form-actions .vp-btn-advanced:after
{
    border-width: 0.5em 0.5em 0 0.5em;
    border-color: var(--FB_White) transparent transparent transparent;
}


.search-form-controls.formcontrolsclosed .search-form-filter.filteradvanced
{
    display: none;
}

.search-form-default
{
    margin-top: 0;
    flex-wrap: wrap;
}


/*#endregion Search Form Controls*/

/*#region Vulpes field styles */
input[type=date].vp-input,
input[type=text].vp-input,
input[type=password].vp-input,
input[type=file].vp-input,
input[type=submit].vp-input,
input[type=search].vp-input,
input[type=email].vp-input,
select.vp-input,
textarea.vp-input
{
    display: block;
    width: 100%;
    height: calc(1.5em + 1.3em + 2px);
    padding: 0.65em 1em;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e2e5ec;
    border-radius: 9px;
}


.vp-input-narrow
{
    width: 33%;
}

.vp-static-text
{
    overflow-wrap: break-word;
    width: 100%;
    padding: 0.65em 0;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    color: darkred;
    font-family: monospace;
}

/*#endregion Vulpes field styles */

/*#region Validated Field Styles*/
.vp-input-notvalid
{
    border-color: var(--FB_Red);
    background-clip: padding-box;
    background-position: right calc(0.375em + 0.325rem) center;
    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;
    background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}

.vp-input-valid
{
    border-color: var(--FB_Green);
    background-clip: padding-box;
    background-position: right calc(0.375em + 0.325rem) center;
    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-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}
/*#endregion Validated Field Styles*/

/*#region vpuploader tweaks*/
.vpuploader
{
    border-radius: var(--fb-button-radius);
    padding: 10px;
    border: 1px solid var(--FB_RelaxedGrey);
    text-align: center;
}

    .vpuploader.vpuploader-ondragover
    {
        color: var(--FB_Black);
        background-color: var(--FB_LtBlue);
        outline: solid 3px var(--FB_Orange);
    }

    .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);
            display: inline-block;
        }
/*#endregion vpuploader tweaks*/

/*#region pager*/

.fbadm_pager_container
{
    border-radius: 9px;
    margin: 0 0 0.5em 0;
    background-color: var(--FB_White);
}

.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.65em 1em;
    }

        .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;
        }
/*#endregion pager*/

/*#region Folder Select and Assignment Boxes*/

.vpselectfolder
{
    font-size: small;
}

    .vpselectfolder .selectfolder-tree-container-wrapper
    {
        width: 100%;
        overflow: hidden;
        border-color: hotpink;
        border: solid 1px var(--FB_RelaxedGrey);
        border-radius: var(--fb-button-radius);
    }

    .vpselectfolder .selectfolder-tree-container
    {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        height: 250px;
        max-height: 265px;
        overflow-x: clip;
        overflow-y: auto;
        padding: 0;
        margin: 0;
    }

    .vpselectfolder .selectfolder-subtree
    {
        padding-left: 30px;
    }

        .vpselectfolder .selectfolder-subtree.collapsed
        {
            display: none;
        }

        .vpselectfolder .selectfolder-subtree li
        {
            list-style: none;
            margin-left: 0;
            padding-left: 0;
        }

    .vpselectfolder .selectfolder-tree-container > ul.selectfolder-subtree
    {
        padding-left: 0px;
    }

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

    .vpselectfolder .selectfolder-content
    {
        width: auto;
        height: auto;
    }

    .vpselectfolder .selectfolder-item
    {
        height: auto;
    }

        .vpselectfolder .selectfolder-item.notmatch-hide
        {
            display: none;
        }

        .vpselectfolder .selectfolder-item.notmatch-intermediate > .selectfolder-item-name
        {
            color: var(--FB_MidGrey);
            font-style: italic;
        }

    .vpselectfolder .selectfolder-item-name
    {
        margin: 0;
        padding: 0;
        display: block;
        width: 100%;
        clear: both;
        font-weight: 400;
        color: var(--FB_Black);
        text-align: inherit;
        background-color: transparent;
        border: 0;
        height: auto;
    }

        .vpselectfolder .selectfolder-item-name .selectfolder-item-label
        {
            display: inline-block;
            max-width: 75%;
            width: auto;
            word-wrap: break-word;
            vertical-align: middle;
        }

            .vpselectfolder .selectfolder-item-name .selectfolder-item-label > label,
            .vpselectfolder .selectfolder-item-name .selectfolder-item-label > span
            {
                line-height: 1.5;
                display: inline;
                text-wrap: wrap;
                margin-bottom: 0;
            }

        .vpselectfolder .selectfolder-item-name.active,
        .vpselectfolder .selectfolder-item-name:active
        {
            color: var(--FB_White);
            text-decoration: none;
            background-color: var(--FB_MedBlue);
        }

            .vpselectfolder .selectfolder-item-name.active:hover
            {
                background-color: var(--FB_PaleBlue);
                color: var(--FB_White);
            }

        .vpselectfolder .selectfolder-item-name:focus,
        .vpselectfolder .selectfolder-item-name:hover
        {
            color: var(--FB_DkGrey);
            text-decoration: none;
            background-color: var(--FB_LtGrey);
        }

        .vpselectfolder .selectfolder-item-name.disabled,
        .vpselectfolder .selectfolder-item-name:disabled
        {
            color: var(--FB_RelaxedGrey);
            pointer-events: none;
            background-color: transparent;
        }

    .vpselectfolder .selectfolder-item.filtermatch > .selectfolder-item-name
    {
        color: var(--FB_Black);
    }

    .vpselectfolder .selectfolder-item.notmatch > .selectfolder-item-name
    {
        color: var(--FB_MidGrey);
    }

    .vpselectfolder .selectfolder-filter
    {
        padding: 0 0 10px 0;
        width: 100%;
    }

        .vpselectfolder .selectfolder-filter .selectfolder-filter-name
        {
            flex-grow: 2;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .vpselectfolder .selectfolder-filter .btn.selectfolder-filter-apply
        {
            border-radius: 0;
            margin: 0;
        }

        .vpselectfolder .selectfolder-filter .btn.selectfolder-filter-reset
        {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            margin: 0;
        }

    .vpselectfolder .selectfolder-item-icon
    {
        border-style: none;
        display: inline-block;
        height: 50px;
        vertical-align: middle;
        width: 50px;
    }

    .vpselectfolder ul
    {
        padding: 0px;
    }

    .vpselectfolder .title
    {
        font-weight: bold;
        font-size: 1.1em;
        margin-bottom: 10px;
    }

    .vpselectfolder .filter_form
    {
        margin-bottom: 10px;
    }

    .vpselectfolder .no_filter_form
    {
        margin-bottom: 10px;
    }

    .vpselectfolder .vp-btn.yellow
    {
        background-color: var(--FB_OrangeYellow);
        color: var(--FB_White);
    }

    .vpselectfolder .list_container
    {
        width: 100%;
    }

    .vpselectfolder .btn-block
    {
        display: block;
        width: calc(100% - 10px);
        padding-left: 0;
        padding-right: 0;
        margin-right: 10px;
    }


    .vpselectfolder .selectfolder-item.not-selectable > .dropdown-item > .selectfolder-item-label
    {
        color: var(--FB_MidGrey);
        font-style: italic;
    }

    .vpselectfolder .selectfolder-item.selectfolder-ischecked > .dropdown-item
    {
        background-color: var(--FB_LtBlue);
    }

        .vpselectfolder .selectfolder-item.selectfolder-ischecked > .dropdown-item > .selectfolder-item-label label
        {
            font-weight: bold;
            color: var(--FB_Blue);
        }

    .vpselectfolder .selectfolder-item.hidden
    {
        display: none;
    }

    .vpselectfolder .dropdown-menu
    {
        padding: 5px;
    }

    .vpselectfolder .dropdown-toggle.vp-btn.vp-btn-primary
    {
        border-top-right-radius: var(--fb-button-radius);
        border-bottom-right-radius: var(--fb-button-radius);
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        margin: 0;
    }
/*#endregion Folder Select and Assignment Boxes*/

/*#region select folder inline*/
.selectfolderinline .sfi-subtree
{
    margin: 0;
}

.selectfolderinline input
{
    width: calc(100% - 42px);
}

.selectfolderinline > .sfi-head > input[type=text]:not(:last-child)
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/*#endregion select folder inline*/

/*#region ajax wrapper*/

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


    .fbspajax-wrapper .fbspajax-treeSection.fbspajax-intermediate
    {
        background-size: 40px 40px;
    }

    .fbspajax-wrapper .fbspajax-treeSection .fbspajax-treeSection .fbspajax-treeSection
    {
    }



.fbspajax-treeItem,
.fbspajax-treeSection
{
    margin-left: 0;
}
/*#endregion ajax wrapper*/

/*#region Select Folder Inline */
.sfi-head-button
{
    padding: 0.65em 1em;
    font-size: var(--fb-button-fontsize);
    border-top-right-radius: var(--fb-button-radius);
    border-bottom-right-radius: var(--fb-button-radius);
    background-image: none;
    background-color: var(--FB_Orange);
    border-color: var(--FB_Orange);
    color: var(--FB_White);
}

    .sfi-head-button:focus,
    .sfi-head-button:focus:not(.btn-elevate)
    {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    }

    .sfi-head-button:hover
    {
        color: var(--FB_White);
        background-color: var(--FB_MedOrange);
        border-color: var(--FB_MedOrange);
    }

    .sfi-head-button:active,
    .sfi-head-button.active
    {
        color: var(--FB_White);
        background-color: var(--FB_DkOrange);
        border-color: var(--FB_DkOrange);
    }

    .sfi-head-button:focus
    {
        box-shadow: 0 0 0 .2em rgba(216,53,61,.5);
    }

    .sfi-head-button.disabled,
    .sfi-head-button[disabled]
    {
        background-color: var(--FB_LtGrey);
        background-color: var(--FB_DkGrey);
        border-color: var(--FB_DkGrey);
        cursor: not-allowed;
    }
/*#endregion Select Folder Inline */

/*#region exp-inline-dialog */
.exp-inline-dialog
{
    z-index: var(--zindex-dialog-popup);
    padding: 0;
    justify-content: space-between;
    opacity: 1.0;
    background-color: white;
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    border-radius: var(--FB-modal-border-radius);
}

    .exp-inline-dialog .exp-inline-dialog-titlebar
    {
        align-items: center;
        display: inline-flex;
        flex-flow: row nowrap;
        border: none;
        width: 100%;
        padding: 7px;
        border-top-left-radius: var(--FB-modal-border-radius);
        border-top-right-radius: var(--FB-modal-border-radius);
    }

        .exp-inline-dialog .exp-inline-dialog-titlebar .exp-inline-dialog-title
        {
            flex: 1 100%;
        }

        .exp-inline-dialog .exp-inline-dialog-titlebar,
        .exp-inline-dialog .exp-inline-dialog-footerbar,
        .exp-inline-dialog .exp-inline-dialog-titlebar *,
        .exp-inline-dialog .exp-inline-dialog-footerbar *
        {
            font-family: 'Open Sans',Arial,Helvetica,sans-serif;
            color: var(--FB_White);
            background-color: var(--FB_Blue);
            font-weight: 500;
            font-size: calc(14px * 1.3em);
        }

            .exp-inline-dialog .exp-inline-dialog-titlebar .buttons
            {
                display: inline-flex;
                flex-flow: row nowrap;
                align-self: flex-end;
            }

    .exp-inline-dialog .exp-inline-dialog-footerbar
    {
        align-items: center;
        display: flex;
        flex-flow: row nowrap;
        border: none;
        width: 100%;
        padding: 7px;
        justify-content: flex-end;
        border-bottom-left-radius: var(--FB-modal-border-radius);
        border-bottom-right-radius: var(--FB-modal-border-radius);
    }

        .exp-inline-dialog .exp-inline-dialog-footerbar .buttons
        {
            display: inline-flex;
            flex-flow: row nowrap;
            align-self: flex-end;
        }
    /*#endregion exp-inline-dialog */

    /*#region Content Edting Input Fields */
    /* inputs on inline dialogs */
    .exp-inline-dialog input[type="email"],
    .exp-inline-dialog input[type="search"],
    .exp-inline-dialog input[type="tel"],
    .exp-inline-dialog input[type="url"],
    .exp-inline-dialog input[type="number"],
    .exp-inline-dialog input[type="datetime-local"],
    .exp-inline-dialog input[type="month"],
    .exp-inline-dialog input[type="time"],
    .exp-inline-dialog input[type="week"],
    .exp-inline-dialog input[type="date"],
    .exp-inline-dialog input[type="text"],
    .exp-inline-dialog input[type="password"],
    .exp-inline-dialog select,
    .exp-inline-dialog textarea:not(.plaintext_editor)
    {
        border-radius: var(--fb-button-radius);
        font-size: var(--fb-button-fontsize);
        line-height: var(--fb-button-lineheight);
        padding: var(--fb-input-padding);
        background-color: var(--FB_White);
    }

    .exp-inline-dialog textarea.fr-code
    {
        border-radius: 0;
    }

    .exp-inline-dialog .fr-box.fr-code-view .fr-wrapper
    {
        border-radius: 0;
        padding: 0;
    }

    .exp-inline-dialog .form-group.input-number > div > input,
    .exp-inline-dialog .form-group.input-number > div > select
    {
        min-width: 120px;
        max-width: 120px;
        width: 120px;
    }

    .exp-inline-dialog .form-group.input-wide > div > input,
    .exp-inline-dialog .form-group.input-wide > div > select,
    .exp-inline-dialog .form-group.input-wide > div > textarea,
    .exp-inline-dialog input.input-wide,
    .exp-inline-dialog textarea.input-wide,
    .exp-inline-dialog select
    {
        width: 100%;
        max-width: 100%;
    }
/*#endregion Content Edting Input Fields */

/*#region FANCY BOX*/
.fancy
{
    position: relative;
    /*padding: 0.25em 0;*/
}

    .fancy .vp-input + .vp-col-label,
    .fancy .form-control + .col-form-label,
    .fancy select.form-control + .col-form-label,
    .fancy .vpselectfolder.input-group.selectfolder-dialog + .col-form-label,
    .fancy .input-group.selectapage + .col-form-label
    {
        transition: all 0.5s ease-out;
        position: absolute;
        left: 0.5rem;
        top: 1rem;
        transform: translateY(-50%);
        font-size: 1em;
        color: var(--FB_MidGrey);
        padding: 0;
    }

    .fancy .vp-input.notempty + .vp-col-label,
    .fancy .form-control.notempty + .col-form-label,
    .fancy select.form-control + .col-form-label,
    .fancy .vpselectfolder.input-group.selectfolder-dialog.notempty + .col-form-label,
    .fancy .input-group.selectapage + .col-form-label,
    .fancy .vpselectfolder.input-group.selectfolder-dialog:has(.notempty) + .col-form-label
    {
        top: 0.25em;
        font-size: 80%;
        background-color: var(--FB_White);
        color: var(--FB_MidGrey);
        padding-left: 2px;
        padding-right: 2px;
        width: auto;
    }



    .fancy .help-block
    {
        display: block;
        font-size: 80%;
        padding: 0.25em 0.5em;
    }
/*#endregion FANCY BOX*/

/*#region Select Link*/
.vpselectlink-pagetree-wrapper
{
}

.vpselectlink-filelist-wrapper
{
    padding-left: 0;
    padding-right: 0;
}

/*#endregion Select Link*/

/*#region Custom Assignment Box */
.fb-assignmentbox
{
    font-size: small;
}

    .fb-assignmentbox .list_container:first-child
    {
        padding-right: 5px;
    }

    .fb-assignmentbox .list_container:last-child
    {
        padding-left: 5px;
    }

    .fb-assignmentbox label.caption
    {
        font-weight: bold;
        font-size: large;
    }

    .fb-assignmentbox ul
    {
        max-height: 260px;
        min-height: 260px;
        height: 260px;
        overflow-y: auto;
        padding: 0px;
        border: solid 1px var(--FB_MdLtGrey);
        margin-bottom: 10px;
        border-radius: var(--fb-button-radius);
    }

        .fb-assignmentbox ul:hover
        {
            outline: solid 1px gray;
        }

    .fb-assignmentbox li.list-group-item
    {
        padding: 0px;
        position: relative;
        display: block;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #ddd;
    }

        .fb-assignmentbox li.list-group-item:first-child
        {
            border-top-left-radius: inherit;
            border-top-right-radius: inherit;
        }

        .fb-assignmentbox li.list-group-item:last-child
        {
            border-bottom-left-radius: inherit;
            border-bottom-right-radius: inherit;
        }

        .fb-assignmentbox li.list-group-item div.checkbox label
        {
            padding: 10px 15px 10px 15px;
            width: 100%;
        }

        .fb-assignmentbox li.list-group-item.filtered
        {
            display: none;
        }


    .fb-assignmentbox .checkbox
    {
        margin: 0px;
    }

        .fb-assignmentbox .checkbox input
        {
            display: none;
        }

    .fb-assignmentbox li:not(.disabled):hover
    {
        background-color: var(--FB_MdLtGrey);
        cursor: pointer;
    }

    .fb-assignmentbox .title
    {
        font-weight: bold;
        font-size: 1.1em;
        margin-bottom: 10px;
    }

    .fb-assignmentbox .filter_form
    {
        margin-bottom: 10px;
    }

    .fb-assignmentbox .no_filter_form
    {
        margin-bottom: 10px;
    }

    .fb-assignmentbox .filter_form .btn.btn-secondary
    {
        border-color: var(--FB_MidGrey);
    }

    .fb-assignmentbox .filter_form .btn:first-child
    {
        border-left-width: 0;
    }

    .fb-assignmentbox .filter_form .btn.btn-secondary:focus
    {
        box-shadow: 0 0 0 .2rem rgba(184, 184, 184, .5);
    }

    .fb-assignmentbox .filter_form .btn.btn-secondary:hover
    {
        border-color: var(--FB_MidGrey);
    }

    .fb-assignmentbox .filter_form .btn.btn-secondary.disabled,
    .fb-assignmentbox .filter_form .btn.btn-secondary[disabled]
    {
        border-color: var(--FB_MidGrey);
    }

/*#endregion Custom Assignment Box */



/*#region Vulpes Radio */
.vp-radio-inline
{
    display: flex;
    justify-content: right;
}

.vp-radio
{
    flex: 1 1 0;
    flex-grow: 1;
}

.vp-row.vp-row-hover
{
    border-top: 1px dotted transparent;
    border-bottom: 1px dotted transparent;
}

    .vp-row.vp-row-hover:hover
    {
        border-top: 1px dotted var(--FB_MdLtGrey);
        border-bottom: 1px dotted var(--FB_MdLtGrey);
        background-color: var(--FB_LtGrey);
    }
/*#endregion Vulpes Radio */

/*#region Change Processor*/

#dialog-editor
{
    margin: 0;
    padding: 0;
}

.vp-processor-container
{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    max-height: 500px;
}

.vp-processor-group-inner
{
    margin: 0;
    padding: 3px 5px 3px 5px;
}

.vp-changeprocessor-wrapper
{
    margin: 14px !important;
}

    .vp-changeprocessor-wrapper .vp-changeprocessor-group
    {
        margin: 0;
        min-width: 531px;
    }

@media screen and (max-width: 767px)
{
    .vp-changeprocessor-wrapper .fbadm_tabs .nav-tabs .nav-item .nav-link
    {
        background-color: var(--FB_LtGrey);
        text-align: left;
        border-bottom: 1px solid var(--FB_MdLtGrey);
    }
}

.vp-changeprocessor-wrapper input[type=radio]
{
    appearance: none;
    margin: 0;
}

.vp-changeprocessor-wrapper label
{
    /*flex: 1 1 150px;*/
    min-width: 150px;
    width: 150px;
    max-width: 150px;
    font-weight: bold;
    display: block;
    margin: 0;
    padding: 3px 5px 3px 5px;
    border-radius: var(--fb-button-radius-sm);
    border: 1px solid var(--FB_White);
    color: var(--FB_Blue);
    background-color: var(--FB_White);
    max-height: 22px;
}

    .vp-changeprocessor-wrapper label:hover
    {
        color: var(--FB_Orange);
        border-color: var(--FB_Blue);
    }

    .vp-changeprocessor-wrapper label:has(input[type=radio]:checked)
    {
        border-color: var(--FB_Blue);
        background-color: var(--FB_Blue);
        color: var(--FB_White);
    }
/*#endregion Change Processor*/

/*#region CheckSelect Checkboxes */
label.vp-checkselect input[type=checkbox]
{
    transform: var(--fb-crbox-transform);
    transform-origin: var(--fb-crbox-transformorigin);
    display: inline-block;
    vertical-align: baseline; /* no idea why this is used instead of middle like for checkboxes */
}
/*#endregion CheckSelect Checkboxes */

/*#region Checkbox Columns */

.checkbox-flex-columns
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

    .checkbox-flex-columns > label
    {
        width: 50%;
        vertical-align: middle;
        padding: 0 var(--fb-input-padding);
    }

        .checkbox-flex-columns > label input[type=checkbox]
        {
            transform: var(--fb-crbox-transform);
            transform-origin: var(--fb-crbox-transformorigin);
            display: inline-block;
        }

        .checkbox-flex-columns > label > span
        {
            display: inline-block;
            margin-left: 0.5em;
        }
/*#endregion Checkbox Columns */


/*#region Radio List Columns */

.radio-list-horizontal
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

    .radio-list-horizontal > label
    {
        padding: 0 var(--fb-input-padding);
    }

        .radio-list-horizontal > label input[type=radio]
        {
            transform: var(--fb-crbox-transform);
            transform-origin: var(--fb-crbox-transformorigin);
            display: inline-block;
            vertical-align: baseline; /* no idea why this is used instead of middle like for checkboxes */
        }

        .radio-list-horizontal > label > input
        {
            vertical-align: middle;
        }

        .radio-list-horizontal > label > span
        {
            display: inline-block;
            margin-left: 0.5em;
        }
/*#endregion Radio List Columns */

.newsarticle-displaydate .form-control
{
    width: 295px;
}

/*#region Login Form */

.providers
{
    display: block;
    text-align: center;
}

.providers .provider_row
{
    margin-bottom: 9px;
}

    .providers .provider_row.google
    {
    }

    .providers .provider_row.midatahub
    {
    }

    .providers .provider_row.internal
    {
    }

        .providers .provider_row.internal a:focus
        {
            box-shadow: 0 0 0 .2rem rgba(100,100,100,.5);
        }

    .providers .provider_row.microsoft button
    {
        font: 600 15px 'Segoe UI Regular' !important;
        height: 41px;
        padding: 0;
        font-weight: 600;
        padding-left: 12px;
        padding-right: 12px;
        color: #5E5E5E;
        background-color: #FFFFFF;
        border: 1px solid #8C8C8C;
        vertical-align: middle;
    }

        .providers .provider_row.microsoft button:hover
        {
            background-color: #EEEEEE;
        }

        .providers .provider_row.microsoft button:focus
        {
            box-shadow: 0 0 0 .2rem rgba(100,100,100,.5);
        }

        .providers .provider_row.microsoft button img
        {
            padding-right: 12px;
        }

.internal_login_subform_wrapper.display_none
{
    display: none !important
}
/*#endregion Login Form */


.copyblock_row
{
}

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

/*#region Responsibilies Styling Tweaks */
.resp_row .vp-btn
{
    margin: 0;
}
/*#endregion Responsibilies Styling Tweaks */


/*#region Visual Nav Editing */
.visualnav_body_wrapper .fbcms_vnicon.has_none
{
    display: none;
}

.visualnav_body_wrapper .fbcms_vnicon,
#edititem_dialog_form .current_image_wrapper img {
    padding: 3px;
    max-width: 100px;
    max-height: 100px;
}
/*#endregion Visual Nav Editing */
