.templatebuilder_PLUG_element_maincontainer_MainContainer {
    font-family: sans-serif;
    box-sizing: border-box;
    font-size: 1em;
    color: #909090;
    cursor: auto;
}

html {
    height: 100%;
}

/*
all elements without width setted and parent with content orientation row, need to grow to all available size
.ContainerContentDirectionRow class name is added for all container with content orientation row in templatebuilder_PLUG_element_container_Base class
.ElementHasWidthAuto class name is added for all element whitout width setted in templatebuilder_element_Base class
*/

@media (min-width: 992px) {
    .ContentDirectionRow-desktop.HorizontalAlignStretch-desktop > * {
        flex-grow: 1;
    }

    .ContentDirectionRow-desktop.VerticalAlignStretch-desktop > * {
        align-self: stretch;
    }

    .ContentDirectionColumn-desktop.VerticalAlignStretch-desktop > * {
        flex-grow: 1;
    }

    .ContentDirectionColumn-desktop.HorizontalAlignStretch-desktop > * {
        align-self: stretch;
    }

    .ContentDirectionRow-desktop.HorizontalAlignStretch-desktop > .ElementHasntWidthAuto-desktop {
        flex-grow: 0;
    }

    .ContentDirectionRow-desktop.VerticalAlignStretch-desktop > .ElementHasntHeightAuto-desktop {
        align-self: auto;
    }

    .ContentDirectionColumn-desktop.VerticalAlignStretch-desktop > .ElementHasntHeightAuto-desktop {
        flex-grow: 0;
    }

    .ContentDirectionColumn-desktop.HorizontalAlignStretch-desktop > .ElementHasntWidthAuto-desktop {
        align-self: auto;
    }

    .ContentDirectionRow-desktop > .ElementHasHeightFull-desktop {
        /* we need use !important because the rule created by the builder with the value setted by the user, use the element Id to match, and has more relevance */
        height: auto !important;
        align-self: stretch;
    }
}

@media (max-width: 991.98px) and (min-width: 575.99px) {
    .ContentDirectionRow-tablet.HorizontalAlignStretch-tablet > * {
        flex-grow: 1;
    }

    .ContentDirectionRow-tablet.VerticalAlignStretch-tablet > * {
        align-self: stretch;
    }

    .ContentDirectionColumn-tablet.VerticalAlignStretch-tablet > * {
        flex-grow: 1;
    }

    .ContentDirectionColumn-tablet.HorizontalAlignStretch-tablet > * {
        align-self: stretch;
    }

    .ContentDirectionRow-tablet.HorizontalAlignStretch-tablet > .ElementHasntWidthAuto-tablet {
        flex-grow: 0;
    }

    .ContentDirectionRow-tablet.VerticalAlignStretch-tablet > .ElementHasntHeightAuto-tablet {
        align-self: auto;
    }

    .ContentDirectionColumn-tablet.VerticalAlignStretch-tablet > .ElementHasntHeightAuto-tablet {
        flex-grow: 0;
    }

    .ContentDirectionColumn-tablet.HorizontalAlignStretch-tablet > .ElementHasntWidthAuto-tablet {
        align-self: auto;
    }

    .ContentDirectionRow-tablet > .ElementHasHeightFull-tablet {
        /* we need use !important because the rule created by the builder with the value setted by the user, use the element Id to match, and has more relevance */
        height: auto !important;
        align-self: stretch;
    }
}

@media (max-width: 575.98px) {
    .ContentDirectionRow-mobile.HorizontalAlignStretch-mobile > * {
        flex-grow: 1;
    }

    .ContentDirectionRow-mobile.VerticalAlignStretch-mobile > * {
        align-self: stretch;
    }

    .ContentDirectionColumn-mobile.VerticalAlignStretch-mobile > * {
        flex-grow: 1;
    }

    .ContentDirectionColumn-mobile.HorizontalAlignStretch-mobile > * {
        align-self: stretch;
    }

    .ContentDirectionRow-mobile.HorizontalAlignStretch-mobile > .ElementHasntWidthAuto-mobile {
        flex-grow: 0;
    }

    .ContentDirectionRow-mobile.VerticalAlignStretch-mobile > .ElementHasntHeightAuto-mobile {
        align-self: auto;
    }

    .ContentDirectionColumn-mobile.VerticalAlignStretch-mobile > .ElementHasntHeightAuto-mobile {
        flex-grow: 0;
    }

    .ContentDirectionColumn-mobile.HorizontalAlignStretch-mobile > .ElementHasntWidthAuto-mobile {
        align-self: auto;
    }

    .ContentDirectionRow-mobile > .ElementHasHeightFull-mobile {
        /* we need use !important because the rule created by the builder with the value setted by the user, use the element Id to match, and has more relevance */
        height: auto !important;
        align-self: stretch;
    }
}

.templatebuilder_PLUG_element_static_Image img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.templatebuilder_PLUG_element_static_Image svg:not(:root) {
    overflow: hidden;
}

.templatebuilder_PLUG_element_static_Image_PictureElement {
    display: flex;
}

.templatebuilder_PLUG_element_static_Image_PictureElement,
.templatebuilder_PLUG_element_static_Image_Img {
    width: 100%;
    height: 100%;
}

.templatebuilder_PLUG_element_static_Image_Img {
    align-self: flex-start;
    object-fit: contain;
}

.templatebuilder_PLUG_element_static_Image.autoWidth,
.templatebuilder_PLUG_element_static_Image.autoWidth .templatebuilder_PLUG_element_static_Image_PictureElement,
.templatebuilder_PLUG_element_static_Image.autoWidth .templatebuilder_PLUG_element_static_Image_Img {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.templatebuilder_PLUG_element_static_Image.autoHeight,
.templatebuilder_PLUG_element_static_Image.autoHeight .templatebuilder_PLUG_element_static_Image_PictureElement,
.templatebuilder_PLUG_element_static_Image.autoHeight .templatebuilder_PLUG_element_static_Image_Img {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.templatebuilder_PLUG_element_static_Image_BoldLabel .templatebuilder_element_editor_GridFieldLabel {
    font-weight: bold;
}

@supports (-webkit-hyphens:none){
    .templatebuilder_PLUG_element_static_Image_PictureElement {
        display: flex;
    }

    .templatebuilder_PLUG_element_static_Image.autoWidth,
    .templatebuilder_PLUG_element_static_Image.autoWidth .templatebuilder_PLUG_element_static_Image_PictureElement,
    .templatebuilder_PLUG_element_static_Image.autoWidth .templatebuilder_PLUG_element_static_Image_Img {
        width: auto;
    }

    .templatebuilder_PLUG_element_static_Image.autoHeight,
    .templatebuilder_PLUG_element_static_Image.autoHeight .templatebuilder_PLUG_element_static_Image_PictureElement,
    .templatebuilder_PLUG_element_static_Image.autoHeight .templatebuilder_PLUG_element_static_Image_Img {
        height: auto;
    }
}

.portal_theme_builder_element_PortalImage_Img {
    width: 100%;
    height: 100%;
}
/** @FileTooLarge(684) */
/******************************************/
/*           *** WARNING! ***             */
/*                                        */
/*  This file is autogenerated.           */
/*  Do not modify values by hand.         */
/*  To update the palette, modify colors  */
/*  in uicolors_ColorGroups and run       */
/*  exportCssPalette command.             */
/*  See: '#Export CSS Palette' section in */
/*  /module/uicolors/Readme.md file.      */
/******************************************/
:root {
    /* RED */

    /* ORANGE */

    /* YELLOW */

    /* GREEN */

    /* BLUE */

    /* PURPLE */

    /* PINK */

    /* NEUTRAL */
}
/* this was moved from old templatebuilder/core.css file. We should review all moved rules later */
.wizard_PLUG_portalbuilder_element_PortalWizard div, .wizard_PLUG_portalbuilder_element_PortalWizard span, .wizard_PLUG_portalbuilder_element_PortalWizard applet, .wizard_PLUG_portalbuilder_element_PortalWizard object, .wizard_PLUG_portalbuilder_element_PortalWizard iframe, .wizard_PLUG_portalbuilder_element_PortalWizard h1, .wizard_PLUG_portalbuilder_element_PortalWizard h2, .wizard_PLUG_portalbuilder_element_PortalWizard h3, .wizard_PLUG_portalbuilder_element_PortalWizard h4, .wizard_PLUG_portalbuilder_element_PortalWizard h5, .wizard_PLUG_portalbuilder_element_PortalWizard h6, .wizard_PLUG_portalbuilder_element_PortalWizard p, .wizard_PLUG_portalbuilder_element_PortalWizard blockquote, .wizard_PLUG_portalbuilder_element_PortalWizard pre, .wizard_PLUG_portalbuilder_element_PortalWizard a,
.wizard_PLUG_portalbuilder_element_PortalWizard abbr, .wizard_PLUG_portalbuilder_element_PortalWizard acronym, .wizard_PLUG_portalbuilder_element_PortalWizard address, .wizard_PLUG_portalbuilder_element_PortalWizard big, .wizard_PLUG_portalbuilder_element_PortalWizard cite, .wizard_PLUG_portalbuilder_element_PortalWizard code, .wizard_PLUG_portalbuilder_element_PortalWizard del, .wizard_PLUG_portalbuilder_element_PortalWizard dfn, .wizard_PLUG_portalbuilder_element_PortalWizard em, .wizard_PLUG_portalbuilder_element_PortalWizard img, .wizard_PLUG_portalbuilder_element_PortalWizard ins, .wizard_PLUG_portalbuilder_element_PortalWizard kbd, .wizard_PLUG_portalbuilder_element_PortalWizard q, .wizard_PLUG_portalbuilder_element_PortalWizard s, .wizard_PLUG_portalbuilder_element_PortalWizard samp,
.wizard_PLUG_portalbuilder_element_PortalWizard small, .wizard_PLUG_portalbuilder_element_PortalWizard strike, .wizard_PLUG_portalbuilder_element_PortalWizard strong, .wizard_PLUG_portalbuilder_element_PortalWizard sub, .wizard_PLUG_portalbuilder_element_PortalWizard sup, .wizard_PLUG_portalbuilder_element_PortalWizard tt, .wizard_PLUG_portalbuilder_element_PortalWizard var, .wizard_PLUG_portalbuilder_element_PortalWizard b, .wizard_PLUG_portalbuilder_element_PortalWizard u, .wizard_PLUG_portalbuilder_element_PortalWizard i, .wizard_PLUG_portalbuilder_element_PortalWizard center, .wizard_PLUG_portalbuilder_element_PortalWizard dl, .wizard_PLUG_portalbuilder_element_PortalWizard dt, .wizard_PLUG_portalbuilder_element_PortalWizard dd, .wizard_PLUG_portalbuilder_element_PortalWizard ol,
.wizard_PLUG_portalbuilder_element_PortalWizard ul, .wizard_PLUG_portalbuilder_element_PortalWizard li, .wizard_PLUG_portalbuilder_element_PortalWizard fieldset, .wizard_PLUG_portalbuilder_element_PortalWizard form, .wizard_PLUG_portalbuilder_element_PortalWizard label, .wizard_PLUG_portalbuilder_element_PortalWizard legend, .wizard_PLUG_portalbuilder_element_PortalWizard table, .wizard_PLUG_portalbuilder_element_PortalWizard caption, .wizard_PLUG_portalbuilder_element_PortalWizard tbody, .wizard_PLUG_portalbuilder_element_PortalWizard tfoot, .wizard_PLUG_portalbuilder_element_PortalWizard thead, .wizard_PLUG_portalbuilder_element_PortalWizard tr, .wizard_PLUG_portalbuilder_element_PortalWizard th,
.wizard_PLUG_portalbuilder_element_PortalWizard td, .wizard_PLUG_portalbuilder_element_PortalWizard article, .wizard_PLUG_portalbuilder_element_PortalWizard aside, .wizard_PLUG_portalbuilder_element_PortalWizard canvas, .wizard_PLUG_portalbuilder_element_PortalWizard details, .wizard_PLUG_portalbuilder_element_PortalWizard embed, .wizard_PLUG_portalbuilder_element_PortalWizard figure, .wizard_PLUG_portalbuilder_element_PortalWizard figcaption, .wizard_PLUG_portalbuilder_element_PortalWizard footer, .wizard_PLUG_portalbuilder_element_PortalWizard header, .wizard_PLUG_portalbuilder_element_PortalWizard hgroup,
.wizard_PLUG_portalbuilder_element_PortalWizard menu, .wizard_PLUG_portalbuilder_element_PortalWizard nav, .wizard_PLUG_portalbuilder_element_PortalWizard output, .wizard_PLUG_portalbuilder_element_PortalWizard ruby, .wizard_PLUG_portalbuilder_element_PortalWizard section, .wizard_PLUG_portalbuilder_element_PortalWizard summary, .wizard_PLUG_portalbuilder_element_PortalWizard time, .wizard_PLUG_portalbuilder_element_PortalWizard mark, .wizard_PLUG_portalbuilder_element_PortalWizard audio, .wizard_PLUG_portalbuilder_element_PortalWizard video {
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard div:not(.tox-tinymce, .tox, .tox-statusbar, .tox-tinymce),
.wizard_PLUG_portalbuilder_element_PortalWizard applet, .wizard_PLUG_portalbuilder_element_PortalWizard object, .wizard_PLUG_portalbuilder_element_PortalWizard iframe, .wizard_PLUG_portalbuilder_element_PortalWizard h1, .wizard_PLUG_portalbuilder_element_PortalWizard h2, .wizard_PLUG_portalbuilder_element_PortalWizard h3, .wizard_PLUG_portalbuilder_element_PortalWizard h4, .wizard_PLUG_portalbuilder_element_PortalWizard h5, .wizard_PLUG_portalbuilder_element_PortalWizard h6, .wizard_PLUG_portalbuilder_element_PortalWizard p, .wizard_PLUG_portalbuilder_element_PortalWizard blockquote, .wizard_PLUG_portalbuilder_element_PortalWizard pre, .wizard_PLUG_portalbuilder_element_PortalWizard a,
.wizard_PLUG_portalbuilder_element_PortalWizard abbr, .wizard_PLUG_portalbuilder_element_PortalWizard acronym, .wizard_PLUG_portalbuilder_element_PortalWizard address, .wizard_PLUG_portalbuilder_element_PortalWizard big, .wizard_PLUG_portalbuilder_element_PortalWizard cite, .wizard_PLUG_portalbuilder_element_PortalWizard code, .wizard_PLUG_portalbuilder_element_PortalWizard del, .wizard_PLUG_portalbuilder_element_PortalWizard dfn, .wizard_PLUG_portalbuilder_element_PortalWizard em, .wizard_PLUG_portalbuilder_element_PortalWizard img, .wizard_PLUG_portalbuilder_element_PortalWizard ins, .wizard_PLUG_portalbuilder_element_PortalWizard kbd, .wizard_PLUG_portalbuilder_element_PortalWizard q, .wizard_PLUG_portalbuilder_element_PortalWizard s, .wizard_PLUG_portalbuilder_element_PortalWizard samp,
.wizard_PLUG_portalbuilder_element_PortalWizard small, .wizard_PLUG_portalbuilder_element_PortalWizard strike, .wizard_PLUG_portalbuilder_element_PortalWizard strong, .wizard_PLUG_portalbuilder_element_PortalWizard sub, .wizard_PLUG_portalbuilder_element_PortalWizard sup, .wizard_PLUG_portalbuilder_element_PortalWizard tt, .wizard_PLUG_portalbuilder_element_PortalWizard var, .wizard_PLUG_portalbuilder_element_PortalWizard b, .wizard_PLUG_portalbuilder_element_PortalWizard u, .wizard_PLUG_portalbuilder_element_PortalWizard i, .wizard_PLUG_portalbuilder_element_PortalWizard center, .wizard_PLUG_portalbuilder_element_PortalWizard dl, .wizard_PLUG_portalbuilder_element_PortalWizard dt, .wizard_PLUG_portalbuilder_element_PortalWizard dd, .wizard_PLUG_portalbuilder_element_PortalWizard ol,
.wizard_PLUG_portalbuilder_element_PortalWizard ul, .wizard_PLUG_portalbuilder_element_PortalWizard li, .wizard_PLUG_portalbuilder_element_PortalWizard fieldset, .wizard_PLUG_portalbuilder_element_PortalWizard form, .wizard_PLUG_portalbuilder_element_PortalWizard label, .wizard_PLUG_portalbuilder_element_PortalWizard legend, .wizard_PLUG_portalbuilder_element_PortalWizard table, .wizard_PLUG_portalbuilder_element_PortalWizard caption, .wizard_PLUG_portalbuilder_element_PortalWizard tbody, .wizard_PLUG_portalbuilder_element_PortalWizard tfoot, .wizard_PLUG_portalbuilder_element_PortalWizard thead, .wizard_PLUG_portalbuilder_element_PortalWizard tr, .wizard_PLUG_portalbuilder_element_PortalWizard th,
.wizard_PLUG_portalbuilder_element_PortalWizard td, .wizard_PLUG_portalbuilder_element_PortalWizard article, .wizard_PLUG_portalbuilder_element_PortalWizard aside, .wizard_PLUG_portalbuilder_element_PortalWizard canvas, .wizard_PLUG_portalbuilder_element_PortalWizard details, .wizard_PLUG_portalbuilder_element_PortalWizard embed, .wizard_PLUG_portalbuilder_element_PortalWizard figure, .wizard_PLUG_portalbuilder_element_PortalWizard figcaption, .wizard_PLUG_portalbuilder_element_PortalWizard footer, .wizard_PLUG_portalbuilder_element_PortalWizard header, .wizard_PLUG_portalbuilder_element_PortalWizard hgroup,
.wizard_PLUG_portalbuilder_element_PortalWizard menu, .wizard_PLUG_portalbuilder_element_PortalWizard nav, .wizard_PLUG_portalbuilder_element_PortalWizard output, .wizard_PLUG_portalbuilder_element_PortalWizard ruby, .wizard_PLUG_portalbuilder_element_PortalWizard section, .wizard_PLUG_portalbuilder_element_PortalWizard summary, .wizard_PLUG_portalbuilder_element_PortalWizard time, .wizard_PLUG_portalbuilder_element_PortalWizard mark, .wizard_PLUG_portalbuilder_element_PortalWizard audio, .wizard_PLUG_portalbuilder_element_PortalWizard video {
    border: 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard fieldset {
    border-color: #ffffff;
}
.wizard_PLUG_portalbuilder_element_PortalWizard fieldset.Section {
    min-width: 0;
    word-wrap: break-word;
}
.wizard_PLUG_portalbuilder_element_PortalWizard legend {
    border: 0;
    white-space: normal;
    padding: 0;
    width: 100%;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .AcceptanceCheckboxField fieldset legend {
    margin-top: 0 !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .ButtonBarField fieldset legend {
    margin-top: 0 !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .ButtonBarField fieldset .button-bar__wrap {
    width: 100%;
}
.wizard_PLUG_portalbuilder_element_PortalWizard button,
.wizard_PLUG_portalbuilder_element_PortalWizard input,
.wizard_PLUG_portalbuilder_element_PortalWizard select,
.wizard_PLUG_portalbuilder_element_PortalWizard textarea {
    font-size: 100%;
    vertical-align: middle;
    margin: 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard select {
    width: 100%;
    min-height: 40px;
    border: none;
    cursor: pointer;
    font-size: 15px;
    padding: 0 0 0 1em;
}
.wizard_PLUG_portalbuilder_element_PortalWizard button,
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=text],
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=tel],
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=email],
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=number],
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=date] {
    line-height: normal;
    width: 252px;
    min-height: 40px;
    border: 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard button,
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=button],
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=reset],
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
    -moz-appearance: button;
         appearance: button;
    overflow: visible;
}
.wizard_PLUG_portalbuilder_element_PortalWizard button[disabled],
.wizard_PLUG_portalbuilder_element_PortalWizard input[disabled] {
    cursor: default;
}
.wizard_PLUG_portalbuilder_element_PortalWizard select,
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=text],
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=tel],
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=email],
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=number],
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=date],
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=file],
.wizard_PLUG_portalbuilder_element_PortalWizard textarea,
.wizard_PLUG_portalbuilder_element_PortalWizard .select2-container {
    border: 1px solid #e3e3e3;
    width: 100%;
    padding-left: 1em;
    box-sizing: border-box;
    background-color: #ffffff;
}
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=checkbox],
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    min-width: 0.8125em;
}
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=radio] {
    margin-bottom: 5px;
    height: 13px;
    width: 13px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
         appearance: textfield;
    box-sizing: content-box;
}
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=search]::-webkit-search-decoration,
.wizard_PLUG_portalbuilder_element_PortalWizard input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.wizard_PLUG_portalbuilder_element_PortalWizard textarea {
    overflow: auto;
    vertical-align: top;
    min-height: 100px;
    padding-top: 10px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard input[type='file'] {
    height: auto;
    padding: 14px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard input[type='file']::-ms-value {
    border-width: 0;
    background-color: transparent;
}
.wizard_PLUG_portalbuilder_element_PortalWizard input[type='file']::-ms-browse {
    border-width: 0;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 2px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard button::-moz-focus-inner,
.wizard_PLUG_portalbuilder_element_PortalWizard input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/*
 * We need this to be able to make placeholders editable.
 * And they have to separate.
 */
.wizard_PLUG_portalbuilder_element_PortalWizard input::-webkit-input-placeholder {
    border: none !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard input::-moz-placeholder {
    border: none !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard input:-ms-input-placeholder {
    border: none !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard #main-col table {
    margin-top: 1em;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .greyButtonBar {
    padding-top: 11px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .greyButtonBar button {
    width: 100%;
    font-size: 22px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .greyButtonBar button:hover {
    transition: all 0.3s;
}
.wizard_PLUG_portalbuilder_element_PortalWizard #header,
.wizard_PLUG_portalbuilder_element_PortalWizard .mainContent {
    padding: 35px 35px;
    background: #ffffff;
    max-width: 600px;
    margin: 0 auto;
    font-size: 15px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .largeContent {
    max-width: 960px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard #header {
    background: none;
    text-align: center;
    padding: 0 35px 20px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard #header .description {
    padding: 10px 0;
    font-size: 18px;
    text-align: left;
}
.wizard_PLUG_portalbuilder_element_PortalWizard #header .description img {
    max-width: 100%;
    height: auto;
}
.wizard_PLUG_portalbuilder_element_PortalWizard #header .pageWarningMessage {
    max-width: 100%;
    font-size: 100%;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .headerImage {
    max-width: 600px;
    width: 100%;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .VideoInputVideo {
    height: auto;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .videoWrapper {
    position: relative;
    padding-bottom: 75%; /* 4:3 */
    padding-top: 25px;
    height: 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .labelText {
    margin-bottom: 10px;
    font-size: 14px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .Separator {
    margin-bottom: 15px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard #wrapper {
    padding: 35px;
}
/* Session finished */
.wizard_PLUG_portalbuilder_element_PortalWizard .ui-dialog {
    width: 100% !important;
    max-width: 500px;
    border: 0;
    border-radius: 0;
    padding: 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .ui-dialog .ui-dialog-titlebar {
    padding-left: 0.4em;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .ui-widget-header {
    font-weight: 100;
    font-size: 25px;
    border-radius: 0;
    border: 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .ui-state-default,
.wizard_PLUG_portalbuilder_element_PortalWizard .ui-widget-content .ui-state-default,
.wizard_PLUG_portalbuilder_element_PortalWizard .ui-widget-header .ui-state-default {
    font-weight: 100;
    font-size: 14px;
    text-transform: uppercase;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .ui-dialog .ui-dialog-titlebar-close {
    display: none;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .ui-dialog .ui-dialog-buttonpane {
    border: 0;
    margin: 0;
    padding: 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .ui-dialog .ui-dialog-buttonpane button {
    border: 0;
    border-radius: 0;
    padding: 4px 10px;
    margin: 10px 0 0;
    text-transform: inherit;
    width: auto;
    float: right;
    font-size: 20px;
    font-family: 'Ubuntu', Arial, sans-serif;
    transition: all 0.3s;
    height: auto;
    min-height: 50px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .ui-dialog .ui-dialog-content {
    font-size: 15px;
    line-height: 20px;
    color: #949494;
}
/* Portal Wizard fields */
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec table .DayAndMont_MonthWrapper label,
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec table .CurrencyField_format label,
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec table label.countryInputLabel {
    position: absolute;
    top: -15px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec table td {
    padding-top: 10px;
    position: relative;
    vertical-align: top;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec label.stateInputLabel:not(:is(.wizard_PLUG_portalbuilder_element_PortalWizard table label)),
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec label.cityInputLabel:not(:is(.wizard_PLUG_portalbuilder_element_PortalWizard table label)),
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec label.stateInputLabel input.locationStateField:not(:is(.wizard_PLUG_portalbuilder_element_PortalWizard table input)),
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec label.cityInputLabel input.locationCityField:not(:is(.wizard_PLUG_portalbuilder_element_PortalWizard table input)) {
    margin-top: 5px !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec table .CurrencyField_format label,
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec table .DayAndMont_MonthWrapper label,
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec table label.countryInputLabel {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec table .CurrencyField_format.WizardFieldLabel {
    padding: 0 !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec table .ParagraphWithFormatFormField {
    margin-top: 5px !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec table .table__td--action {
    vertical-align: middle;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec table div.RadioButtonListFormField,
.wizard_PLUG_portalbuilder_element_PortalWizard .RadioButtonListFormField .fieldSpecPadder .specTitle div:last-of-type:not([class^='cb']),
.wizard_PLUG_portalbuilder_element_PortalWizard .CheckBoxListFormField .CheckBoxListFormField {
    margin-top: 10px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .CheckBoxListFormField .CheckBoxListFormField > a.CheckBoxListFormField_more {
    margin-top: 3px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .multipleDatasetWrapper .datasetspecTitle .datasetlabelText {
    margin-bottom: 5px !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .multipleDatasetWrapper {
    position: relative;
    margin-bottom: 30px;
}
/* Keep table column labels from 'as table' in the center */
.wizard_PLUG_portalbuilder_element_PortalWizard .multipleDatasetWrapper tr > th[scope^='col'] {
    text-align: center !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .ArithmeticField .fieldSpecPadder .specTitle .fieldLabel > div:last-of-type {
    border: none !important;
}
/* Select2 */
.wizard_PLUG_portalbuilder_element_PortalWizard .select2-selection--single,
.wizard_PLUG_portalbuilder_element_PortalWizard .select2-selection--multiple,
.wizard_PLUG_portalbuilder_element_PortalWizard .select2-container .select2-choice,
.wizard_PLUG_portalbuilder_element_PortalWizard .select2-container .select2-choice .select2-arrow {
    border-radius: 0;
    background-image: none;
    background-color: unset;
    line-height: inherit;
    border: none;
    margin: 0 0 0 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .select2-container .select2-choice .select2-arrow {
    margin-right: 5px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .select2-selection__rendered {
    box-sizing: border-box;
    display: block;
    line-height: 1.428571;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wizard_PLUG_portalbuilder_element_PortalWizard span.select2-selection.select2-selection--multiple ul.select2-selection__rendered > li.select2-search--inline {
    height: inherit;
    width: inherit;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .select2-container .select2-search--inline .select2-search__field {
    margin: 0;
    padding: 0;
    height: inherit;
    vertical-align: -webkit-baseline-middle;
}
.wizard_PLUG_portalbuilder_element_PortalWizard span[class*='select2-container select2-container--default select2-container--open'] {
    padding: 0 !important;
    margin: 0 !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .select2-selection__choice {
    background: #ffffff;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin: 3px 0 5px 6px !important;
    padding: 0 6px;
    box-sizing: border-box;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .select2-container--focus .select2-selection--multiple {
    border: none !important;
}
/* Field heights */
.wizard_PLUG_portalbuilder_element_PortalWizard .MultipleSelectFormField select {
    height: 60px;
}
/* Widgets */
.wizard_PLUG_portalbuilder_element_PortalWizard :focus-within,
.wizard_PLUG_portalbuilder_element_PortalWizard :focus-visible {
    outline-color: #767676;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .labelText,
.wizard_PLUG_portalbuilder_element_PortalWizard .Separator,
.wizard_PLUG_portalbuilder_element_PortalWizard .formlabelText,
.wizard_PLUG_portalbuilder_element_PortalWizard h3 {
    display: block;
    color: #767676;
    line-height: 1.454em;
    margin: 0 0 14px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .formfieldSpec {
    margin-bottom: 14px;
}
@media screen and (max-width: 620px) {
    .wizard_PLUG_portalbuilder_element_PortalWizard #wrapper {
        padding: 35px 0 35px;
    }

    .wizard_PLUG_portalbuilder_element_PortalWizard .mainContent {
        padding: 0 25px;
    }
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpecPadder .specTitle .fieldLabel .schedulerWidget {
    margin-top: 25px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpecPadder .fieldLabel .schedulerWidget .title {
    margin-top: 5px !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpecPadder .schedulerWidget .schedulerDatePicker {
    margin-bottom: 24px
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpecPadder .schedulerWidget .headerContainer .title.WizardFieldLabel.tc_formLabel {
    display: none;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .ui-datepicker-header.ui-widget-header {
    background-color: #ffffff;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpecPadder .schedulerWidget .schedulerDatePicker .ui-datepicker-calendar th {
    background-color: #ffffff;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpecPadder .schedulerWidget .schedulerDatePicker .ui-datepicker-calendar th span,
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpecPadder .schedulerWidget .schedulerDatePicker .ui-datepicker-calendar td span,
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpecPadder .schedulerWidget .schedulerDatePicker .ui-datepicker-calendar td a {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpecPadder .schedulerWidget .schedulerDatePicker .ui-datepicker-calendar .ui-datepicker-other-month {
    visibility: hidden;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .datepicker-skin-scheduling .ui-datepicker td.selectable-day {
    background-color: transparent;
}
.wizard_PLUG_portalbuilder_element_PortalWizard td.ui-datepicker-days-cell-over.selectable-day.ui-datepicker-current-day {
    background-color: #cecece;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .datepicker-skin-scheduling .ui-datepicker td:hover {
    background-color: #cecece;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .datepicker-skin-scheduling .ui-datepicker td span.ui-state-hover,
.wizard_PLUG_portalbuilder_element_PortalWizard .datepicker-skin-scheduling .ui-datepicker td a.ui-state-hover {
    background-color: #cecece;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .datepicker-skin-scheduling .ui-datepicker .ui-datepicker-current-day,
.wizard_PLUG_portalbuilder_element_PortalWizard .datepicker-skin-scheduling .ui-datepicker .ui-datepicker-current-day a,
.wizard_PLUG_portalbuilder_element_PortalWizard .datepicker-skin-scheduling .ui-datepicker .ui-datepicker-current-day a.ui-state-hover {
    background-color: #cecece;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .datepicker-skin-scheduling .ui-datepicker td.selectable-day:hover,
.wizard_PLUG_portalbuilder_element_PortalWizard .datepicker-skin-scheduling .ui-datepicker td.selectable-day a:hover,
.wizard_PLUG_portalbuilder_element_PortalWizard .datepicker-skin-scheduling .ui-datepicker td.selectable-day span:hover {
    background-color: #cecece;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .datepicker-skin-scheduling .ui-datepicker .ui-datepicker-prev span {
    margin-left: -17px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .datepicker-skin-scheduling .ui-datepicker .ui-datepicker-next span {
    margin-left: 1px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .datepicker-skin-scheduling .ui-datepicker .ui-datepicker-prev {
    -webkit-mask-image: url('../cssImages/uicore/icons/arrowprev/20px/arrowPrevprimary500outline.svg');
    mask-image: url('../cssImages/uicore/icons/arrowprev/20px/arrowPrevprimary500outline.svg');
    left: 0;
    -webkit-mask-position: 6px 0;
    mask-position: 6px 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .datepicker-skin-scheduling .ui-datepicker .ui-datepicker-next {
    -webkit-mask-image: url('../cssImages/uicore/icons/arrownext/20px/arrowNextprimary500outline.svg');
    mask-image: url('../cssImages/uicore/icons/arrownext/20px/arrowNextprimary500outline.svg');
    right: 0;
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpecPadder .results .availability {
    min-height: 50px;
    display: flex;
    align-items: center;
    margin-bottom: 0 !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpecPadder .results .resultsList {
    margin-top: 0 !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpecPadder .results .resultsList .resultItem {
    margin: 0 !important;
    border-top: 0 !important;
    min-height: 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .progress-bar:focus-within {
    outline: auto 1px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpecPadder .specTitle label.fieldLabel .progress-bar {
    margin-left: 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .progress-bar input[type='range'] {
    margin: 0;
    width: 100%;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .progress-bar .progress-bar__indicator {
    margin-top: 10px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard fieldset[class*='Section'] label {
    display: inline-block;
    vertical-align: top;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec > fieldset {
    border: none;
    margin: 0;
    padding: 0;
    display: contents;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .CheckBoxListFormField .cb-a11y {
    padding-bottom: 5px;
    display: flex;
    align-items: flex-start;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .form .progress-bar {
    margin-left: 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .CheckBoxListFormField input[type='checkbox'],
.wizard_PLUG_portalbuilder_element_PortalWizard .AcceptCheckboxField input[type='checkbox'],
.wizard_PLUG_portalbuilder_element_PortalWizard .AcceptanceCheckboxField input[type='checkbox'] {
    margin-right: 4px;
    vertical-align: top;
    flex-shrink: 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .AcceptCheckboxField .AcceptCheckboxFieldContainer,
.wizard_PLUG_portalbuilder_element_PortalWizard .AcceptanceCheckboxField .AcceptCheckboxFieldContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .AcceptCheckboxField .AcceptCheckboxFieldContainer input[type='checkbox'],
.wizard_PLUG_portalbuilder_element_PortalWizard .AcceptanceCheckboxField .AcceptCheckboxFieldContainer input[type='checkbox'] {
    order: 1;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec > label,
.wizard_PLUG_portalbuilder_element_PortalWizard .datasetfieldSpec > label,
.wizard_PLUG_portalbuilder_element_PortalWizard .formfieldSpec > label,
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec > ._format,
.wizard_PLUG_portalbuilder_element_PortalWizard .countryInputLabel,
.wizard_PLUG_portalbuilder_element_PortalWizard .stateInputLabel,
.wizard_PLUG_portalbuilder_element_PortalWizard .cityInputLabel,
.wizard_PLUG_portalbuilder_element_PortalWizard .DateFormField label,
.wizard_PLUG_portalbuilder_element_PortalWizard .CheckBoxListFormField .cb-a11y > label {
    width: 100%;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .AcceptCheckboxField .AcceptCheckboxFieldContainer label,
.wizard_PLUG_portalbuilder_element_PortalWizard .AcceptanceCheckboxField .AcceptCheckboxFieldContainer label {
    order: 2;
    margin-block: 0 !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .DateFormField .DayAndMont_DayWrapper > label:not(:is(.wizard_PLUG_portalbuilder_element_PortalWizard table label)) {
    margin-top: 5px !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec > ._format {
    display: inline-block;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldSpec span._format,
.wizard_PLUG_portalbuilder_element_PortalWizard .countryInputLabel,
.wizard_PLUG_portalbuilder_element_PortalWizard .stateInputLabel,
.wizard_PLUG_portalbuilder_element_PortalWizard .cityInputLabel,
.wizard_PLUG_portalbuilder_element_PortalWizard .Section .Separator span {
    display: block;
}
/*PHOTO PREVIEW FIELD
========================================================================== */
.wizard_PLUG_portalbuilder_element_PortalWizard .photoInputPreviewWrapper {
    display: flex;
    align-items: center;
    position: relative;
    margin: 16px 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .photoInputPreviewWrapper .photoInputPreviewContainer {
    vertical-align: middle;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .photoInputPreviewWrapper .photoInputPreview {
    width: 46px;
    height: 46px;
    border-radius: 50%;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .photoInputPreviewWrapper .FileField {
    padding: 6px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .photoInputPreviewWrapper .fileInputCancelButton,
.wizard_PLUG_portalbuilder_element_PortalWizard .photoInputPreviewWrapper .fileInputCancelButton:hover,
.wizard_PLUG_portalbuilder_element_PortalWizard .photoInputPreviewWrapper .fileInputCancelButton:focus,
.wizard_PLUG_portalbuilder_element_PortalWizard .photoInputPreviewWrapper .fileInputCancelButton:active,
.wizard_PLUG_portalbuilder_element_PortalWizard .uploadedFile button,
.wizard_PLUG_portalbuilder_element_PortalWizard .uploadedFile button:hover,
.wizard_PLUG_portalbuilder_element_PortalWizard .uploadedFile button:focus,
.wizard_PLUG_portalbuilder_element_PortalWizard .uploadedFile button:active {
    background-image: url('../cssImages/templatebuilder/resources/icon-remove.svg');
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-position: center center;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    direction: ltr;
    overflow: hidden;
    display: block;
    border: none;
    cursor: pointer;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .photoInputPreviewWrapper .fileInputCancelButton,
.wizard_PLUG_portalbuilder_element_PortalWizard .photoInputPreviewWrapper .fileInputCancelButton:hover,
.wizard_PLUG_portalbuilder_element_PortalWizard .photoInputPreviewWrapper .fileInputCancelButton:focus,
.wizard_PLUG_portalbuilder_element_PortalWizard .photoInputPreviewWrapper .fileInputCancelButton:active {
    margin: 0 15px 0 5px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .uploadedFile button,
.wizard_PLUG_portalbuilder_element_PortalWizard .uploadedFile button:hover,
.wizard_PLUG_portalbuilder_element_PortalWizard .uploadedFile button:focus,
.wizard_PLUG_portalbuilder_element_PortalWizard .uploadedFile button:active {
    display: inline-block;
    margin-left: 16px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .photoInputPreviewContainer {
    height: 46px;
    width: 46px;
    margin-right: 16px;
    flex-shrink: 0;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .photoPreviewUnselected {
    background-image: url('../cssImages/templatebuilder/resources/icon-defaultProfilePhoto.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
    background-position: center center;
}
/*Modifier .form__item--photo-preview-upload-with-dropbox-and-drive */
.wizard_PLUG_portalbuilder_element_PortalWizard div[class*='fieldSpec'].FileField.form__item--photo-preview-upload-with-dropbox-and-drive div[id*='fileInput_'] {
    position: relative;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .form__item--photo-preview-upload-with-dropbox-and-drive .photoInputPreviewWrapper {
    width: calc(100% - 90px);
}
/* Behaviour
   -------------------------------------------------------------------------- */
.wizard_PLUG_portalbuilder_element_PortalWizard div[class*='fieldSpec'].FileField.form__item--photo-preview-upload-with-dropbox-and-drive div[id*='fileInput_'] a {
    width: 40px;
    height: 40px; /* This is the file input height */
    padding: 0;
    display: block;
    position: absolute;
    right: 0;
    box-sizing: border-box !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 60%;
    overflow: hidden;
    top: 3px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #e3e3e3; /* Theme color defined in #16, with an override for each Library use as IE fallback */
    background-color: #ffffff;
    filter: none !important;
    text-indent: -9999px;
    cursor: pointer;
}
.wizard_PLUG_portalbuilder_element_PortalWizard div[class*='fieldSpec'].FileField.form__item--photo-preview-upload-with-dropbox-and-drive div[id*='fileInput_'] a + a {
    right: 45px; /* This is the width of the first button width (40px) and margin (5px) */
}
.wizard_PLUG_portalbuilder_element_PortalWizard div[class*='fieldSpec'].FileField.form__item--photo-preview-upload-with-dropbox-and-drive.hasErrors div[id*='fileInput_'] a {
    top: 3px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard div[class*='fieldSpec'].FileField.form__item--photo-preview-upload-with-dropbox-and-drive div[id*='fileInput_'] span[id*='Info_'] {
    display: inline-block;
    word-break: break-all;
    font-size: 12px;
    line-height: 150%;
}
/* Appearance
   -------------------------------------------------------------------------- */
.wizard_PLUG_portalbuilder_element_PortalWizard div[class*='fieldSpec'].FileField.form__item--photo-preview-upload-with-dropbox-and-drive span[id*='dropboxInfo_'],
.wizard_PLUG_portalbuilder_element_PortalWizard div[class*='fieldSpec'].FileField.form__item--photo-preview-upload-with-dropbox-and-drive div[id*='fileInput_'] a.dropbox-dropin-btn {
    background-image: url('../cssImages/templatebuilder/resources/icon--dropbox.svg');
}
.wizard_PLUG_portalbuilder_element_PortalWizard div[class*='fieldSpec'].FileField.form__item--photo-preview-upload-with-dropbox-and-drive .drivePickerUploadFile,
.wizard_PLUG_portalbuilder_element_PortalWizard div[class*='fieldSpec'].FileField.form__item--photo-preview-upload-with-dropbox-and-drive div[id*='fileInput_'] a.drivePickerButton {
    background-image: url('../cssImages/templatebuilder/resources/icon--google-drive.svg');
}
.wizard_PLUG_portalbuilder_element_PortalWizard a[id^='drivePicker'] {
    display: inline-block;
    height: 22px;
    font-family: 'Lucida Grande', 'Segoe UI', 'Tahoma', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #767676;
    border: 1px solid #e3e3e3;
    border-bottom-color: #c7c7c7;
    background-color: #f4f4f4;
    background-image: url('/ASSET/templatebuilder/images/resources/icon--google-drive.svg'), linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
    background-size: 15px 15px, auto auto;
    background-repeat: no-repeat, repeat;
    background-position: 5px 3px, left top;
    border-radius: 2px;
    line-height: 20px;
    padding: 0 7px 0 3px;
    text-indent: 22px;
    box-sizing: border-box;
    vertical-align: top;
}
.wizard_PLUG_portalbuilder_element_PortalWizard div[class*='fieldSpec'].FileField.form__item--photo-preview-upload-with-dropbox-and-drive span[id*='dropboxInfo_'],
.wizard_PLUG_portalbuilder_element_PortalWizard div[class*='fieldSpec'].FileField.form__item--photo-preview-upload-with-dropbox-and-drive .drivePickerUploadFile {
    box-sizing: border-box !important;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    overflow: hidden;
    padding-left: 25px;
    vertical-align: middle;
}
.wizard_PLUG_portalbuilder_element_PortalWizard div[class*='fieldSpec'].FileField.form__item--photo-preview-upload-with-dropbox-and-drive button[id*='dropboxRemove_'],
.wizard_PLUG_portalbuilder_element_PortalWizard div[class*='fieldSpec'].FileField.form__item--photo-preview-upload-with-dropbox-and-drive .drivePickerUploadFile button {
    background-image: url('../cssImages/templatebuilder/resources/icon-remove.svg');
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-position: center center;
    border: none;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    direction: ltr;
    overflow: hidden;
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle
}
.wizard_PLUG_portalbuilder_element_PortalWizard .AcceptCheckboxField .fieldSpecPadder .specTitle .fieldLabel > label input[type='checkbox'],
.wizard_PLUG_portalbuilder_element_PortalWizard .AcceptanceCheckboxField .fieldSpecPadder .specTitle .fieldLabel > label input[type='checkbox'] {
    margin-top: 0 !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .RadioButtonListFormField input[type='radio'] {
    vertical-align: top;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .select2-selection:focus,
.wizard_PLUG_portalbuilder_element_PortalWizard [class$='graphicContainer']:focus {
    outline: none;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .select2-container:focus-within,
.wizard_PLUG_portalbuilder_element_PortalWizard .stars-rating:focus-within {
    outline: #767676 auto 1px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .fieldLabel ._format input {
    margin-top: 5px;
    margin-bottom: 5px;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .MultiLineFormField textarea {
    resize: vertical;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .RadioButtonListFormField .cb {
    display: flex;
    align-items: baseline;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .RadioButtonListFormField .cb label {
    flex-grow: 1;
    overflow-wrap: anywhere;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .WizardFieldError {
    display: block;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .WizardFieldErrorDetailsList ul li.WizardFieldLabel {
    color: inherit !important;
    margin: 0 0 2px 0 !important;
    list-style-type: none;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .WizardFieldError .WizardFieldLink:not([href]) {
    cursor: pointer;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .WizardFieldErrorDetails {
    margin: 2px 0px !important;
    padding-bottom: 30px !important;
}
.wizard_PLUG_portalbuilder_element_PortalWizard .WizardFieldErrorDetailsText {
    color: inherit !important;
}
/******************************************/
/*           *** WARNING! ***             */
/*                                        */
/*  This file is autogenerated.           */
/*  Do not modify values by hand.         */
/*  To update the palette, modify colors  */
/*  in uicolors_ColorGroups and run       */
/*  exportCssPalette command.             */
/*  See: '#Export CSS Palette' section in */
/*  /module/uicolors/Readme.md file.      */
/******************************************/
:root {
    /* RED */

    /* ORANGE */

    /* YELLOW */

    /* GREEN */

    /* BLUE */

    /* PURPLE */

    /* PINK */

    /* NEUTRAL */
}
.templatebuilder_PLUG_element_container_menu_Menu {
    filter: none;
}
.templatebuilder_PLUG_element_container_menu_Menu a {
    text-decoration: none;
}
.templatebuilder_PLUG_element_container_menu_Menu a:focus {
    outline: thin dotted;
}
.templatebuilder_PLUG_element_container_menu_Menu a:hover:not(.templatebuilder_PLUG_element_static_Link),
.templatebuilder_PLUG_element_container_menu_Menu a:active:not(.templatebuilder_PLUG_element_static_Link) {
    outline: 0;
}
.templatebuilder_PLUG_element_container_menu_Menu_CloseMenuContainer {
    display: flex;
}
.templatebuilder_PLUG_element_container_menu_Menu_ChildrenContainer {
    height: 100%;
    flex-grow: 1;
    align-items: stretch;
}
.templatebuilder_PLUG_element_container_menu_Menu_Hamburger {
    display: none;
    line-height: 1px;
}
.templatebuilder_PLUG_element_container_menu_Menu_Hidden {
    display: none;
}
.templatebuilder_PLUG_element_container_menu_Menu_Hamburger .templatebuilder_PLUG_element_container_menu_Menu_HamburgerIcon,
.templatebuilder_PLUG_element_container_menu_Menu_CloseButton {
    display: none;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    line-height: 1px;
}
.templatebuilder_PLUG_element_container_menu_Menu_Menu {
    line-height: 1px;
}
.templatebuilder_PLUG_element_container_menu_Menu_Menu,
.templatebuilder_PLUG_element_container_menu_Menu_MenuContent {
    height: 100%;
}
@media only screen and (max-width: 992px) {

    body:has(.templatebuilder_PLUG_element_container_menu_Menu_Open),
    body:has(.templatebuilder_PLUG_element_container_menu_Menu:focus-within) {
        overflow: hidden !important;
    }

    .templatebuilder_PLUG_element_container_menu_Menu {
        background-color: transparent !important;
        border-radius: 0 !important;
        height: auto !important;
        width: auto !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .templatebuilder_PLUG_element_container_menu_Menu_Open .templatebuilder_PLUG_element_container_menu_Menu_MenuContent {
        pointer-events: none;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
    }

    .templatebuilder_PLUG_element_container_menu_Menu_Open .templatebuilder_element_Base {
        pointer-events: auto;
        -webkit-user-select: auto;
           -moz-user-select: auto;
            -ms-user-select: auto;
                user-select: auto;
    }

    body:has(.templatebuilder_PLUG_element_container_menu_Menu_Open) {
        overflow-y: hidden;
    }

    .templatebuilder_PLUG_element_container_menu_Menu_Hamburger {
        display: inline-block;
    }

    .templatebuilder_PLUG_element_container_menu_Menu_MenuContent {
        display: none;
        position: fixed;
        z-index: 9998;
        box-sizing: border-box;
    }

    .templatebuilder_PLUG_element_container_menu_Menu_Open .templatebuilder_PLUG_element_container_menu_Menu_MenuContent,
    .templatebuilder_PLUG_element_container_menu_Menu:focus-within .templatebuilder_PLUG_element_container_menu_Menu_MenuContent {
        display: flex;
        flex-direction: column;
    }

    .templatebuilder_PLUG_element_container_menu_Menu_Hamburger .templatebuilder_PLUG_element_container_menu_Menu_HamburgerIcon,
    .templatebuilder_PLUG_element_container_menu_Menu_CloseButton {
        display: block;
    }

    .templatebuilder_PLUG_element_container_menu_Menu_Hamburger .templatebuilder_PLUG_element_container_menu_Menu_HamburgerIcon::after {
        content: '  ';
        display: block;
        mask-image: url('../cssImages/templatebuilder/inputs/menu/hamburger-icon.svg');
        mask-repeat: no-repeat;
        mask-size: 100%;
        -webkit-mask-image: url('../cssImages/templatebuilder/inputs/menu/hamburger-icon.svg');
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 100%;
    }

    .templatebuilder_PLUG_element_container_menu_Menu_CloseButton::after {
        content: '  ';
        display: block;
        mask-image: url('../cssImages/templatebuilder/inputs/menu/close-icon.svg');
        mask-repeat: no-repeat;
        mask-size: 100%;
        -webkit-mask-image: url('../cssImages/templatebuilder/inputs/menu/close-icon.svg');
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 100%;
    }
}

a.templatebuilder_PLUG_element_static_Link {
    text-decoration: none;
}

a.templatebuilder_PLUG_element_static_Link:focus {
    outline: thin dotted;
}

/*
 * To maintain the previous behavior we need to exclude this classes
 */

a.templatebuilder_PLUG_element_static_Link:hover:not(.templatebuilder_preview_item_Item_Hover):not(.templatebuilder_preview_item_DragAndDrop_Dragged),
a.templatebuilder_PLUG_element_static_Link:active:not(.templatebuilder_preview_item_Item_Hover):not(.templatebuilder_preview_item_DragAndDrop_Dragged) {
    outline: 0;
}

.templatebuilder_PLUG_element_static_Link_HideLabel {
    display: none;
}