/* 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";
}

.icon-arrowleft-bold:before{display:inline-block;transform:scale(0.886)}.icon-arrowright-bold:before{display:inline-block;transform:scale(0.886)}.icon-catering:before{display:inline-block;transform:scale(1.361)}.icon-cloud-upload:before{display:inline-block;transform:scale(1.248)}.icon-dashboard:before{display:inline-block;transform:scale(0.876)}.icon-dashboard-filled:before{display:inline-block;transform:scale(0.876)}.icon-eye:before{display:inline-block;transform:scale(1.282)}.icon-eye-slash:before{display:inline-block;transform:scale(1.342)}.icon-offloading:before{display:inline-block;transform:scale(1.361)}.icon-spinner-third-bold:before{display:inline-block;transform:scale(0.834)}.icon-trip:before{display:inline-block;transform:scale(0.867)}.icon-trip-filled:before{display:inline-block;transform:scale(0.867)}
/*===============================================================
 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*/