/* PF-Icons v2.1 (2026-10-06). Generated from the icon SVG set.
   Final class names. Load icons-legacy.css after this file until every call site is migrated. */
/* The /assets/webfonts prefix is deliberate: keepStaticWebfontUrls in
   webpack.config.js tells css-loader to leave these alone, so the file is
   served at this exact path and the preload in index.ejs can match it byte for
   byte. A relative url() here would be content-hashed and the preload wasted. */
@font-face {
    font-family: PF-Icons;
    src:
        url("/assets/webfonts/PF-Icons.woff2?v20261006") format("woff2"),
        url("/assets/webfonts/PF-Icons.woff?v20261006") format("woff"),
        url("/assets/webfonts/PF-Icons.ttf?v20261006") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
    font-family: PF-Icons !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-account:before {
    content: "\ea00";
}
.icon-account-filled:before {
    content: "\e91e";
}
.icon-add:before {
    content: "\e900";
}
.icon-add-filled:before {
    content: "\ea01";
}
.icon-administration:before {
    content: "\e958";
}
.icon-administration-filled:before {
    content: "\e957";
}
.icon-aircraft:before {
    content: "\e91f";
}
.icon-aircraft-filled:before {
    content: "\ea02";
}
.icon-aircraftfly:before {
    content: "\e917";
}
.icon-aircraftfly-filled:before {
    content: "\ea03";
}
.icon-airport:before {
    content: "\e920";
}
.icon-airport-filled:before {
    content: "\ea04";
}
.icon-arrow-alt-circle-right:before {
    content: "\ea05";
}
.icon-arrow-alt-circle-right-filled:before {
    content: "\ea06";
}
.icon-arrowcopypaste:before {
    content: "\ea07";
}
.icon-arrowcopypaste-filled:before {
    content: "\e92c";
}
.icon-arrowdouble-bold:before {
    content: "\e935";
}
.icon-arrowdouble-thin:before {
    content: "\ea08";
}
.icon-arrowdown-bold:before {
    content: "\ea09";
}
.icon-arrowdown-thin:before {
    content: "\ea0a";
}
.icon-arrowleft-bold:before {
    content: "\ea0b";
}
.icon-arrowleft-thin:before {
    content: "\ea0c";
}
.icon-arrowright-bold:before {
    content: "\e914";
}
.icon-arrowright-thin:before {
    content: "\e906";
}
.icon-arrowup-bold:before {
    content: "\ea0d";
}
.icon-arrowup-thin:before {
    content: "\ea0e";
}
.icon-average:before {
    content: "\ea0f";
}
.icon-average-coloured:before {
    content: "\e94f";
    color: #eca029;
}
.icon-average-filled:before {
    content: "\ea10";
}
.icon-average-filled-coloured:before {
    content: "\ea11";
    color: #eca029;
}
.icon-ban:before {
    content: "\ea12";
}
.icon-ban-filled:before {
    content: "\ea13";
}
.icon-bin:before {
    content: "\e934";
}
.icon-bin-filled:before {
    content: "\ea14";
}
.icon-cabin:before {
    content: "\ea15";
}
.icon-cabin-filled:before {
    content: "\e93d";
}
.icon-calendar:before {
    content: "\e902";
}
.icon-calendar-filled:before {
    content: "\ea16";
}
.icon-catering:before {
    content: "\e910";
}
.icon-catering-filled:before {
    content: "\ea17";
}
.icon-check-bold:before {
    content: "\ea18";
}
.icon-check-circle:before {
    content: "\ea19";
}
.icon-check-circle-filled:before {
    content: "\ea1a";
}
.icon-check-thin:before {
    content: "\e953";
}
.icon-checkboxdisable .path1:before {
    content: "\e943";
    color: #f6f6f6;
}
.icon-checkboxdisable .path2:before {
    content: "\e944";
    color: #dcdcdc;
    margin-left: -1em;
}
.icon-checkboxdisablechecked .path1:before {
    content: "\e93f";
    color: #f6f6f6;
}
.icon-checkboxdisablechecked .path2:before {
    content: "\e940";
    color: #dcdcdc;
    margin-left: -1em;
}
.icon-checkboxdisablechecked .path3:before {
    content: "\ea84";
    color: #d9d9d9;
    margin-left: -1em;
}
.icon-checkboxdisablemixed .path1:before {
    content: "\e941";
    color: #f6f6f6;
}
.icon-checkboxdisablemixed .path2:before {
    content: "\e942";
    color: #dcdcdc;
    margin-left: -1em;
}
.icon-checkboxenable .path1:before {
    content: "\e94b";
    color: white;
}
.icon-checkboxenable .path2:before {
    content: "\e94c";
    color: #dcdcdc;
    margin-left: -1em;
}
.icon-checkboxenablecheck .path1:before {
    content: "\e945";
    color: white;
}
.icon-checkboxenablecheck .path2:before {
    content: "\e946";
    color: #dcdcdc;
    margin-left: -1em;
}
.icon-checkboxenablecheck .path3:before {
    content: "\e947";
    color: #e65925;
    margin-left: -1em;
}
.icon-checkboxenablemixed .path1:before {
    content: "\e948";
    color: white;
}
.icon-checkboxenablemixed .path2:before {
    content: "\e949";
    color: #dcdcdc;
    margin-left: -1em;
}
.icon-checkboxenablemixed .path3:before {
    content: "\e94a";
    color: #e65925;
    margin-left: -1em;
}
.icon-circle:before {
    content: "\ea1b";
}
.icon-circle-arrow-down:before {
    content: "\ea1c";
}
.icon-circle-arrow-down-filled:before {
    content: "\ea1d";
}
.icon-circle-arrow-left:before {
    content: "\ea1e";
}
.icon-circle-arrow-left-filled:before {
    content: "\ea1f";
}
.icon-circle-arrow-right:before {
    content: "\ea20";
}
.icon-circle-arrow-right-filled:before {
    content: "\ea21";
}
.icon-circle-arrow-up:before {
    content: "\e963";
}
.icon-circle-arrow-up-filled:before {
    content: "\ea22";
}
.icon-circle-filled:before {
    content: "\ea23";
}
.icon-clock:before {
    content: "\ea24";
}
.icon-clock-24:before {
    content: "\e92f";
}
.icon-clock-24-filled:before {
    content: "\ea25";
}
.icon-clock-filled:before {
    content: "\ea26";
}
.icon-close:before {
    content: "\e936";
}
.icon-close-bold:before {
    content: "\e90a";
}
.icon-close-filled:before {
    content: "\ea27";
}
.icon-close-thin:before {
    content: "\ea28";
}
.icon-cloud-upload:before {
    content: "\ea29";
}
.icon-cloud-upload-filled:before {
    content: "\ea2a";
}
.icon-contact:before {
    content: "\e929";
}
.icon-contact-filled:before {
    content: "\e921";
}
.icon-crew:before {
    content: "\ea2b";
}
.icon-crew-filled:before {
    content: "\e922";
}
.icon-currency:before {
    content: "\ea2c";
}
.icon-currency-filled:before {
    content: "\ea2d";
}
.icon-dashboard:before {
    content: "\e92a";
}
.icon-dashboard-filled:before {
    content: "\e923";
}
.icon-dots:before {
    content: "\ea2e";
}
.icon-dots-filled:before {
    content: "\e903";
}
.icon-dropdownarrow:before {
    content: "\e93b";
}
.icon-dropdownarrow-filled:before {
    content: "\ea2f";
}
.icon-edit:before {
    content: "\ea30";
}
.icon-edit-filled:before {
    content: "\ea31";
}
.icon-email:before {
    content: "\e930";
}
.icon-email-filled:before {
    content: "\ea32";
}
.icon-excellent:before {
    content: "\ea33";
}
.icon-excellent-coloured:before {
    content: "\e951";
    color: #74bf43;
}
.icon-excellent-filled:before {
    content: "\ea34";
}
.icon-excellent-filled-coloured:before {
    content: "\ea35";
    color: #74bf43;
}
.icon-eye:before {
    content: "\ea36";
}
.icon-eye-filled:before {
    content: "\ea37";
}
.icon-eye-slash:before {
    content: "\ea38";
}
.icon-eye-slash-filled:before {
    content: "\ea39";
}
.icon-favourites-manager:before {
    content: "\e95b";
}
.icon-favourites-manager-filled:before {
    content: "\e95a";
}
.icon-fileexcel:before {
    content: "\e939";
}
.icon-fileexcel-filled:before {
    content: "\ea3a";
}
.icon-filejpg:before {
    content: "\ea3b";
}
.icon-filejpg-filled:before {
    content: "\ea3c";
}
.icon-filepdf:before {
    content: "\e937";
}
.icon-filepdf-filled:before {
    content: "\ea3d";
}
.icon-filepng:before {
    content: "\ea3e";
}
.icon-filepng-filled:before {
    content: "\ea3f";
}
.icon-filetext:before {
    content: "\e92b";
}
.icon-filetext-filled:before {
    content: "\ea40";
}
.icon-fileword:before {
    content: "\e938";
}
.icon-fileword-filled:before {
    content: "\ea41";
}
.icon-filter:before {
    content: "\ea42";
}
.icon-filter-filled:before {
    content: "\ea43";
}
.icon-good:before {
    content: "\ea44";
}
.icon-good-coloured:before {
    content: "\e950";
    color: #a3db81;
}
.icon-good-filled:before {
    content: "\ea45";
}
.icon-good-filled-coloured:before {
    content: "\ea46";
    color: #a3db81;
}
.icon-grid:before {
    content: "\ea47";
}
.icon-grid-filled:before {
    content: "\e954";
}
.icon-hat-chef:before {
    content: "\ea48";
}
.icon-hat-chef-filled:before {
    content: "\ea49";
}
.icon-information:before {
    content: "\ea4a";
}
.icon-information-filled:before {
    content: "\ea4b";
}
.icon-invoices:before {
    content: "\e95d";
}
.icon-invoices-filled:before {
    content: "\e95c";
}
.icon-leaf:before {
    content: "\ea4c";
}
.icon-leaf-coloured:before {
    content: "\ea4d";
    color: #4aa014;
}
.icon-leaf-filled:before {
    content: "\ea4e";
}
.icon-leaf-filled-coloured:before {
    content: "\e952";
    color: #4aa014;
}
.icon-limousine:before {
    content: "\e911";
}
.icon-limousine-filled:before {
    content: "\ea4f";
}
.icon-location:before {
    content: "\e92e";
}
.icon-location-filled:before {
    content: "\ea50";
}
.icon-lock:before {
    content: "\ea51";
}
.icon-lock-filled:before {
    content: "\ea52";
}
.icon-logout:before {
    content: "\e924";
}
.icon-logout-filled:before {
    content: "\ea53";
}
.icon-magic:before {
    content: "\e95f";
}
.icon-magic-filled:before {
    content: "\e95e";
}
.icon-minus-bold:before {
    content: "\e908";
}
.icon-minus-thin:before {
    content: "\ea54";
}
.icon-mobile:before {
    content: "\e901";
}
.icon-mobile-filled:before {
    content: "\ea55";
}
.icon-mymenu:before {
    content: "\e955";
}
.icon-mymenu-filled:before {
    content: "\ea56";
}
.icon-notes:before {
    content: "\e964";
}
.icon-notes-filled:before {
    content: "\ea57";
}
.icon-offloading:before {
    content: "\e912";
}
.icon-offloading-filled:before {
    content: "\ea58";
}
.icon-passengers:before {
    content: "\ea59";
}
.icon-passengers-filled:before {
    content: "\e907";
}
.icon-passport:before {
    content: "\e91a";
}
.icon-passport-filled:before {
    content: "\ea5a";
}
.icon-paw:before {
    content: "\e90e";
}
.icon-paw-filled:before {
    content: "\ea5b";
}
.icon-payment:before {
    content: "\e93c";
}
.icon-payment-filled:before {
    content: "\ea5c";
}
.icon-permissions:before {
    content: "\e928";
}
.icon-permissions-filled:before {
    content: "\ea5d";
}
.icon-phone:before {
    content: "\e90c";
}
.icon-phone-filled:before {
    content: "\ea5e";
}
.icon-plus-bold:before {
    content: "\e905";
}
.icon-plus-thin:before {
    content: "\ea5f";
}
.icon-poor:before {
    content: "\ea60";
}
.icon-poor-coloured:before {
    content: "\e94e";
    color: #e65925;
}
.icon-poor-filled:before {
    content: "\ea61";
}
.icon-poor-filled-coloured:before {
    content: "\ea62";
    color: #e65925;
}
.icon-presentation:before {
    content: "\ea63";
}
.icon-presentation-bold:before {
    content: "\e956";
}
.icon-print:before {
    content: "\e90d";
}
.icon-print-filled:before {
    content: "\ea64";
}
.icon-question:before {
    content: "\ea65";
}
.icon-question-filled:before {
    content: "\ea66";
}
.icon-quicklink:before {
    content: "\e916";
}
.icon-quicklink-filled:before {
    content: "\ea67";
}
.icon-redo:before {
    content: "\ea68";
}
.icon-redo-filled:before {
    content: "\ea69";
}
.icon-refresh:before {
    content: "\e93e";
}
.icon-refresh-filled:before {
    content: "\ea6a";
}
.icon-remove:before {
    content: "\ea6b";
}
.icon-remove-filled:before {
    content: "\ea6c";
}
.icon-report:before {
    content: "\e961";
}
.icon-report-filled:before {
    content: "\e960";
}
.icon-search:before {
    content: "\e90f";
}
.icon-search-filled:before {
    content: "\ea6d";
}
.icon-setting:before {
    content: "\e913";
}
.icon-setting-filled:before {
    content: "\ea6e";
}
.icon-shield-check:before {
    content: "\ea6f";
}
.icon-shield-check-filled:before {
    content: "\ea70";
}
.icon-shuffle:before {
    content: "\e965";
}
.icon-shuffle-filled:before {
    content: "\ea71";
}
.icon-sort:before {
    content: "\e90b";
}
.icon-sort-down:before {
    content: "\ea72";
}
.icon-sort-down-filled:before {
    content: "\ea73";
}
.icon-sort-filled:before {
    content: "\ea74";
}
.icon-sort-up:before {
    content: "\ea75";
}
.icon-sort-up-filled:before {
    content: "\ea76";
}
.icon-spinner-third-bold:before {
    content: "\ea77";
}
.icon-spinner-third-thin:before {
    content: "\ea78";
}
.icon-square:before {
    content: "\ea79";
}
.icon-square-filled:before {
    content: "\ea7a";
}
.icon-star:before {
    content: "\ea7b";
}
.icon-star-false-coloured:before {
    content: "\ea7c";
    color: #ddd;
}
.icon-star-false-filled-coloured:before {
    content: "\ea7d";
    color: #ddd;
}
.icon-star-filled:before {
    content: "\ea7e";
}
.icon-star-true-coloured:before {
    content: "\ea7f";
    color: #ffde16;
}
.icon-star-true-filled-coloured:before {
    content: "\e904";
    color: #ffde16;
}
.icon-timeline:before {
    content: "\e926";
}
.icon-timeline-filled:before {
    content: "\ea80";
}
.icon-trip:before {
    content: "\e962";
}
.icon-trip-filled:before {
    content: "\e927";
}
.icon-warning:before {
    content: "\ea81";
}
.icon-warning-circle:before {
    content: "\ea82";
}
.icon-warning-circle-filled:before {
    content: "\ea83";
}
.icon-warning-filled:before {
    content: "\e915";
}

/*===============================================================
 PF-Icons size corrections for the Font Awesome conversion
 GENERATED, do not hand-edit
===============================================================*/

/* Font Awesome left air inside the em and PF-Icons v2 fills it, so an icon
   converted from Font Awesome comes out a different drawn size at the font-size
   its component already sets. 12 classes are scaled back to the height of the
   drawing they replace. Only classes the conversion introduced are scaled;
   icon-search, icon-dots-filled and icon-question were already drawn elsewhere
   in the client, so those call sites are sized where they live instead. The
   -filled twins of the navigation icons take the same scale, because the
   selected entry switches to them.

   Nothing is shifted: v2.1 centres every glyph in its own advance.

   transform does not affect layout, so nothing reflows and no gap changes.

   Measured 06 October 2026 against assets/webfonts. Regenerate rather than editing a value
   by hand. Delete the file once nothing sized against Font Awesome remains. */

.icon-arrowleft-bold:before {
    display: inline-block;
    transform: scale(0.886);  /* smaller than the drawing it replaces */
}
.icon-arrowright-bold:before {
    display: inline-block;
    transform: scale(0.886);  /* smaller than the drawing it replaces */
}
.icon-catering:before {
    display: inline-block;
    transform: scale(1.361);  /* larger than the drawing it replaces */
}
.icon-cloud-upload:before {
    display: inline-block;
    transform: scale(1.248);  /* larger than the drawing it replaces */
}
.icon-dashboard:before {
    display: inline-block;
    transform: scale(0.876);  /* smaller than the drawing it replaces */
}
.icon-dashboard-filled:before {
    display: inline-block;
    transform: scale(0.876);  /* smaller than the drawing it replaces */
}
.icon-eye:before {
    display: inline-block;
    transform: scale(1.282);  /* larger than the drawing it replaces */
}
.icon-eye-slash:before {
    display: inline-block;
    transform: scale(1.342);  /* larger than the drawing it replaces */
}
.icon-offloading:before {
    display: inline-block;
    transform: scale(1.325);  /* larger than the drawing it replaces */
}
.icon-spinner-third-bold:before {
    display: inline-block;
    transform: scale(0.834);  /* smaller than the drawing it replaces */
}
.icon-trip:before {
    display: inline-block;
    transform: scale(0.867);  /* smaller than the drawing it replaces */
}
.icon-trip-filled:before {
    display: inline-block;
    transform: scale(0.867);  /* smaller than the drawing it replaces */
}

/*===============================================================
 PF-Icons two-tone sort pair
===============================================================*/

/* The sorted column shows which way it is sorted: the active arrow solid, the
   other at 40 per cent. Font Awesome drew this with its duotone weight; PF-Icons
   v2 draws one layer per class, so the pair stacks the two filled arrows of the
   v2 set. v2 draws them high and low in the same em, so the layers line up
   without any offset.

   ::before is the active arrow and sets the size of the icon. ::after is the
   other arrow, laid over the same box. Both take the icon's colour. */

.icon-sort-up-duotone,
.icon-sort-down-duotone {
    position: relative;
}

.icon-sort-up-duotone:before {
    content: "\ea76"; /* icon-sort-up-filled */
}

.icon-sort-down-duotone:before {
    content: "\ea73"; /* icon-sort-down-filled */
}

.icon-sort-up-duotone:after,
.icon-sort-down-duotone:after {
    position: absolute;
    inset: 0;
    text-align: center;
    opacity: 0.4;
}

.icon-sort-up-duotone:after {
    content: "\ea73"; /* icon-sort-down-filled */
}

.icon-sort-down-duotone:after {
    content: "\ea76"; /* icon-sort-up-filled */
}

box box-grid ol.tile {
    display: grid;
    padding: 5px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

box box-grid ol.tile li.row-item {
    display: block;
    margin: 5px;
    border: 1px solid var(--pf-med-grey);
    border-radius: 5px;
    padding: 0;
    cursor: pointer;
    background: rgb(88, 88, 96);
    overflow: hidden;
}

box box-grid ol.tile li.row-item.disabled {
    cursor: not-allowed;
}

box box-grid ol.tile li.row-item image-control {
    display: block;
    clear: both;
    border: none;
    border-radius: 0;
    margin: 0 0 5px;
    width: 100%;
    box-sizing: border-box;
    max-height: 120px;
    min-height: 120px;
}

box box-grid ol.tile li.row-item image-control img {
    border-radius: 0;
}

box box-grid ol.tile li.row-item span {
    display: block;
    clear: both;
    height: 15px;
    line-height: 15px;
    font-weight: bold;
    font-size: 11px;
    padding: 7px 10px 5px;
    color: var(--pf-white);
}

box box-grid ol.tile li.row-item p {
    display: block;
    clear: both;
    min-height: 15px;
    line-height: 15px;
    font-weight: 300;
    font-size: 11px;
    padding: 0 10px 10px;
    color: var(--button-disabled);
}

box box-grid ol.tile li.row-item p.italics {
    color: var(--text-faint);
}

/*Hover states*/
box box-grid ol.tile li.row-item:hover span {
    color: var(--pf-white);
}

box box-grid ol.tile li.row-item:hover p {
    color: var(--pf-white);
}

box box-grid ol.tile li.row-item.is-active span {
    color: var(--pf-white);
}

box box-grid ol.tile li.row-item.is-active p {
    color: var(--pf-white);
}

/*Loading animation*/
box box-grid ol.tile li.ani-load {
    background: var(--pf-white);
    border-color: var(--ani-load-background-step);
}

box box-grid ol.tile li.ani-load .load {
    background: var(--ani-load-background);
    animation-name: shimmer;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(8%, var(--ani-load-background)),
        color-stop(18%, var(--ani-load-background-step)),
        color-stop(33%, var(--ani-load-background))
    );
    background: -webkit-linear-gradient(
        left,
        var(--ani-load-background) 8%,
        var(--ani-load-background-step) 18%,
        var(--ani-load-background) 33%
    );
    background: linear-gradient(to right, var(--ani-load-background) 8%, var(--ani-load-background-step) 18%, var(--ani-load-background) 33%);
    -webkit-background-size: 800px 104px;
}

box box-grid ol.tile li.ani-load .img {
    display: block;
    clear: both;
    border-radius: 3px;
    margin: 0 0 5px;
    max-height: 120px;
    min-height: 120px;
}

box box-grid ol.tile li.ani-load b {
    display: block;
    clear: both;
    height: 100%;
}

@media screen and (max-width: 768px) {
    box box-grid ol.tile li.row-item {
        margin: 2px;
    }
}

more{display:block;position:relative;clear:both;height:30px;width:30px}more>i{display:block;clear:both;height:28px;width:28px;line-height:28px !important;text-align:center;font-size:18px;color:var(--text-strong);border:1px solid rgba(0,0,0,0);border-radius:3px 3px 0 0;cursor:pointer}more.disabled>i{color:var(--control-border);cursor:default}more:hover>i{border:1px solid var(--control-border);background:var(--highlight-background);color:var(--highlight)}more.disabled:hover>i{border-color:rgba(0,0,0,0);background:none;color:var(--control-border)}more:hover ul{display:block}more ul{display:none;position:absolute;top:29px;right:0;width:auto;background:var(--control-background);border:1px solid var(--control-border);border-radius:3px 0 3px 3px;z-index:5}more ul::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:30px}more ul li{display:block;clear:both}more ul li:first-child a{border-radius:2px 0 0}more ul li:last-child a{border:none;border-radius:0 0 2px 2px}more ul li a{display:flex;align-items:center;clear:both;min-height:20px;line-height:20px;padding:5px 10px;text-decoration:none;border-bottom:1px solid var(--divider);background:var(--control-background);font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:300;cursor:pointer}more ul li a:hover{background:var(--highlight-background);color:var(--highlight)}more ul li a i{display:flex !important;align-items:center;justify-content:center;flex:0 0 auto;height:20px;width:20px;line-height:1 !important;font-size:15px;margin-right:5px}more ul li a.delete{border-radius:3px;margin:6px;padding:6px 10px;text-align:center}more ul li a.delete:hover{color:var(--color-cancel)}more.theme-more.compact{margin-left:auto;height:20px;width:20px}more.theme-more.compact>i{height:20px;width:20px;line-height:20px !important;font-size:15px}more.theme-more.compact ul{top:100%;min-width:220px}more.theme-more.compact ul::before{height:20px}more.theme-more.compact ul li a .label b{color:var(--text);font-weight:700}more.theme-more.compact ul li a .label .with-pricing{color:var(--theme-primary-color)}more.theme-more.compact ul li a .label .without-pricing{color:var(--text-text-disable)}.row-item:last-child more>ul{top:auto;bottom:29px}.row-item:last-child more>ul::before{top:100%;bottom:auto}.row-item:nth-child(1) more>ul,.row-item:nth-child(2) more>ul{top:29px;bottom:auto}.row-item:nth-child(1) more>ul::before,.row-item:nth-child(2) more>ul::before{top:auto;bottom:100%}
/*Re-usable form layout styles*/
h2.form {
    display: block;
    clear: both;
    height: 20px;
    line-height: 20px;
    color: var(--text);
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
}

@media only screen and (max-width: 768px) {
    .form.container {
        flex-direction: column !important;
    }
}

/* Mobile UI: fields sized to the prototype, 44px high with 14px text, instead of the 9px text
   and 22px inputs the shared mobile control styles give them. Opt in per container. */
@media only screen and (max-width: 768px) {
    /* The container is a wrapping column here, so each line takes the width of its widest
       content; with 14px text a long value would push the group past the screen edge */
    .form.container.mobile-fields {
        flex-wrap: nowrap;
    }

    .form.container.mobile-fields .k-picker.k-dropdownlist,
    .form.container.mobile-fields .input-control .i-box input,
    .form.container.mobile-fields .MuiPickersInputBase-root {
        height: 44px;
    }

    .form.container.mobile-fields .k-picker.k-dropdownlist {
        max-width: 100%;
    }

    .form.container.mobile-fields .k-picker .k-input-inner,
    .form.container.mobile-fields .input-control .i-box input,
    .form.container.mobile-fields .MuiPickersInputBase-root {
        font-size: 14px;
    }

    /* Phone inputs are left out: they keep their own left padding, which makes room for the flag */
    .form.container.mobile-fields .k-picker .k-input-inner,
    .form.container.mobile-fields input-control .i-box input,
    .form.container.mobile-fields input-number-control .i-box input {
        padding-left: 12px;
        padding-right: 12px;
    }

    .form.container.mobile-fields .MuiPickersInputBase-root {
        padding-left: 12px;
    }
}

.form.container {
    display: flex;
    flex-direction: row;
    margin: 0;
    flex-wrap: wrap;
}

.form.container.bottom-margin {
    margin-bottom: 15px;
}

.form.with-sidebar-container {
    display: flex;
    flex-direction: row;
    margin: 0;
    flex-wrap: wrap;
}

.form.with-sidebar-container > .section {
    flex: 1;
}

.form.with-sidebar-container > .side-bar {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.form.group {
    display: block;
    flex: 1;
    margin: 5px;
}

.form.group > span {
    display: block;
    clear: both;
    height: 15px;
    line-height: 15px;
    font-weight: 300;
    color: var(--label-caption);
    font-size: 11px;
    margin: 0 0 5px;
}

.form.group > span.value {
    font-size: 12px;
    color: var(--text-strong);
    margin: 0;
}

.form.group > span.required-input:after {
    content: " *";
    color: var(--button-orange);
    vertical-align: middle;
}

.form.group > span.disabled.required-input:after {
    content: "";
}

.form.group > .flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.form.group.flex1 {
    flex: 1;
}

.form.group.flex2 {
    flex: 2;
}

.form.group.flex3 {
    flex: 3;
}

.form.group.flex4 {
    flex: 4;
}

.form.group.flex5 {
    flex: 5;
}

.form.group > .nest {
    display: flex;
}

.form.group > .nest > .form.group {
    margin: 0;
}

/*row class to work with Bootstrap Grid system*/
.form.row {
    margin: 5px 0;
}

.form.row > [class*="col-"] {
    display: block;
    flex: 1;
    margin: 5px 0;
}

.form.row > [class*="col-"] > span {
    display: block;
    clear: both;
    height: 15px;
    line-height: 15px;
    font-weight: 300;
    color: var(--label-caption);
    font-size: 11px;
    margin: 0 0 5px;
}

.form.row > [class*="col-"] > span.value {
    font-size: 12px;
    color: var(--text-strong);
    margin: 0;
}

.form.divider {
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
    background: var(--divider);
    margin: 10px 0;
}

.form.divider.heading {
    position: relative;
    margin: 10px 10px 0;
    height: auto;
    background: none;
    z-index: 1;
}

.form.divider.heading.no-pad {
    margin: 10px 0 0;
}

.form.divider.heading .box {
    display: inline-block;
    clear: both;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 10px;
    height: 20px;
    line-height: 20px;
    font-weight: 400;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 11px;
    z-index: 3;
}

.form.divider.heading .line {
    display: block;
    clear: both;
    position: relative;
    top: -15px;
    height: 1px;
    background: var(--divider);
    z-index: 2;
}

.form.divider.no-line {
    background: none;
}

.form.buttons {
    display: block;
    clear: both;
    text-align: right;
    height: 36px;
    margin: 5px;
}

.form.buttons .button {
    clear: none;
    float: right;
    text-transform: uppercase;
    font-size: 9px;
    margin-left: 10px;
    font-weight: bold;
    padding: 8px;
}

.form.or {
    display: block;
    clear: both;
    height: 30px;
    margin: 5px;
    text-align: center;
}

.form.or span {
    display: inline-block;
    height: 30px;
    width: 30px;
    background: var(--grid-header-background);
    border: 1px solid var(--control-border);
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    font-size: 11px;
    color: var(--text);
    font-weight: bold;
}

/* Action buttons section on header*/
.form-header {
    display: block;
    position: relative;
    clear: both;
    height: 25px;
    padding: 8px 5px 8px 20px;
}
/*not used?*/
.form-header .header-button {
    position: relative;
    border: none;
    font-weight: 400;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    top: -5px;
    transition: 1s;
    float: right;
    padding: 5px 10px;
    line-height: 23px;
    border: none;
    font-weight: 400;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    color: var(--pf-white);
}

.form-header .header-button.save {
    background: var(--button-orange);
}

.form-header .header-button.cancel {
    background: var(--button-cancel);
    right: 3px;
}


/*# sourceMappingURL=app-a8de8090..css.bundle.map*/