.quarantineEndOk {
    background-color: rgba(0, 255, 0, 0.5);
}

.quarantineEndWarning {
    background-color: rgba(255, 255, 0, 0.5);
}

.quarantineEndUrgent {
    background-color: rgba(255, 141, 42, 0.5);
}

.quarantineEndCritical {
    background-color: rgba(255, 11, 11, 0.5);
    font-weight: bold;
}

.fullAssetHistoryDetailsTitle {
    font-weight: bold;
}

.assetHistoryNowrap {
    white-space: nowrap;
}

.assetStatusChanged {
    font-weight: bold;
    color: mediumblue;
    background-color: lightblue;
}

.asset-buttons span {
    padding: 0 !important;
}

.ccioBarcodeResponseContainer {
    height: 100%;
    width: 100%;
    margin: 12px 0 12px 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.ccioBarcodeImageContainer, .ccioPngBarcodeImageDataContainer, .ccioSvgBarcodeImageDataContainer {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.ccioPngBarcodeImageData {
    width: 50%;
}

.ccioSvgBarcodeImageDataContainer {
    width: 50%;
}

.ccioSvgBarcodeDownloadButton, .ccioPngBarcodeDownloadButton {
    align-self: flex-end;
}

.ccioBarcodeDataContainer {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-end;
}

.ccioBarcodeData {
    margin: 12px 0 12px 0;
    width: 100%;
}.tagsinput {
    padding: 2px !important;
    height: 27px !important;
    min-height: auto !important;

    .tag {
        margin: 0 !important;
        height: 21px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 250px;
        padding: 0 30px 5px 5px !important;

        .tag-remove {
            width: 21px !important;
            height: 21px !important;
            padding: 0 !important;
            top: -4px !important;
            right: 10px !important;
        }
    }
}

.tagsinput .tag .tag-remove:after,.tagsinput .tag .tag-remove:before {
    left: 5px !important;
}

.tag-input {
    outline: none;
    height: 100% !important;
    font-size: 14px !important;
}/*------------------------------------*\
    $COLOURS
\*------------------------------------*/
:root {
  --calendar-bg-color: #DDD;
  --price-inc-vat-font-size: 32px;
  --price-ex-vat-font-size: 28px;
}

/*# sourceMappingURL=availabilityCalendar-Custom-v1.0.0.css.map */
.newBlogItemRow {
    margin: 10px 0;
}

#categoriesSelectWrapper {
    display: flex;
}

.blog-add-products-result {
    display: inline !important;
    padding: 8px !important;
    margin-right: 5px !important;
    opacity: 0;
}

#blogStatusAndPublishedWrapper {
    display: flex;
    justify-content: space-evenly;
}

#blogStatusWrapper {
    flex-grow: 1;
}

#blogPublishedWrapper {
    flex-grow: 1;
    margin-left: 5px;
}

#manageCategories {
    margin-left: 10px;
}.bomTable {
    margin-bottom: 0;
}

.bomTable td {
    vertical-align: middle !important;
}

.bomImage {
    width: 50px;
    padding: 0 !important;
}

.bomImage img {
    width: 100%;
    height: 100%;
}

.bomSortHandle {
    width: 30px;
    cursor: ns-resize;
}

#applyToAllAssetBomsCheckboxWrapper {
    display: flex;
    justify-content: flex-end;
}.bulkuploadPanelContainer {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 20px;
}

.bulkuploadPanelContainer > * {
    margin: 0 !important;
}

.bulkuploadPanelContainer .bootstrap-select {
    padding: 0;
}

.bulkuploadTitle {
    color: rgb(51, 122, 183);
}

#bulkUploadDetails {
    overflow-y: auto;
}

.bulkUploadResultTable {
    margin: 10px 0;
}

.bulkUploadResultTable th {
    padding: 5px 10px;
    font-weight: bold;
}

.bulkUploadResultTable td {
    padding: 5px 10px;
}

#templateContentType {
    height: 34px;
}

.bulkuploadStartProcessing {
    font-size: 20px;
    padding: 15px;
}.productBuyStock-skuSearch {
    max-width: 250px;
}

.productBuyStockContentsContainer {
    margin-top: 20px;
}

.productBuyStockDetails {
    padding: 10px;
}

.productBuyStockDetailsTitle {
    border-bottom: 2px solid #dddddd;
}

.productBuyStockDetailsBlankTitle {
    margin-bottom: 8px;
}

.productBuyStockDetailsTitle, .productBuyStockDetailsBlankTitle {
    margin-bottom: 6px;
    font-weight: bold;
}

.productReservedStockDetails {
    margin-top: 20px;
}

.reservedStockTable {
    table-layout : fixed;
}

.buystock-allproduct-button-bar {
    margin: 10px;
}

.buystockWarehouseCollapser {
    cursor: pointer;
}

.buystockLevelWarning {
    background-color: rgba(255, 255, 0, 0.5);
}

.buystockLevelZero {
    background-color: rgba(255, 141, 42, 0.5);
}

.buystockLevelNegative {
    background-color: rgba(255, 11, 11, 0.5);
    font-weight: bold;
}#category-subcats {
    margin-top: 20px;
}

.category-subcats-pane {
    padding: 20px;
    overflow-y: auto;
}

#category-subcats-table-pane {
    background-color: #ced3f1;
}

#category-subcats-view-pane {
    background-color: bisque;
}

.category-subcats-table-row {
    font-size: 1.2em;
    padding-top: 15px;
    padding-bottom: 5px;
}

.solution-tree-list-item {
    background-color: rgba(247, 207, 16, 0.5);
}

.category-subcats-answer {
    font-weight: bold;
}

.solution-leaf-products td {
    vertical-align: middle !important;
}

.solution-leaf-products label.checkbox {
    margin: 0 !important;
}

.solution-leaf-products .multiselect-checkboxColumn {
    padding: 0 !important;
}

.category-add-products-result {
    display: inline !important;
    padding: 8px !important;
    margin-right: 5px !important;
    opacity: 0;
}

#categoryFiltersAncestor div {
    display: inline;
}

#categoryFiltersOverride {
    margin-left: 10px;
}

.category-subcats-icons {
    display: inline;
    float: right;
}

#categoryFiltersSelectAll .circulioCheckboxLabelRight div {
    display: inline;
}

.selectCategoryRow {
    font-size: 1.2em;
    padding-top: 15px;
    padding-bottom: 5px;
    cursor: pointer;
}
#attributesWarning {
    margin-top: 20px;
    margin-bottom: 0;
}

.channel-background-button {
    margin: 10px;
}

.fixedAuthAllowedEmailAddresses {
    height: 40px;
}

.channelNotificationCheckboxWrapper {
    min-height: 35px;
}

.channelNotificationCheckboxWrapper .circulioCheckbox {
    min-height: 10px;
}

.channelNotificationContentButtons {
    display: flex;
}

.channelNotificationContentButtons > div {
    margin-right: 5px;
}

.channelNotificationAdvancedSetting {
    display: none;
}

.channelNotificationexternalSecondaryEmails, .channelNotificationoperativeEmails, .channelNotificationinternalEmails {
    display: none;
}

.senderAddress {
    max-width: 300px;
}

.senderAddressWarning {
    display: none;
    max-width: 300px;
}

.newChannelMenuBtn {
    margin: 10px;
}

.menuBadgeCount {
    background-color: #00aeef;
}

.menuItemBadgeCount {
    background-color: #ffffff;
    color: #31708f
}

.newChannelMenuItemBtn {
    margin-bottom: 15px;
}

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

.channelFileUpload form {
    padding: 0;
}

.channelFileUpload input {
    margin: 10px 0;
}

.externalMembershipUploadInputs {
    border: 1px solid grey;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
}

.externalMembershipUploadInputWrapper {
    display: flex;
    gap: 10px;
    align-items: center;
}

.externalMembershipUploadInputWrapper span {
    white-space: nowrap;
    font-weight: bold;
}html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: sans-serif;
    /* Margin bottom by footer height */
    margin-bottom: 30px;
}

form {
    padding: 10px;
}

.no-padding {
    padding: 0;
}

.requiredField:after {
    color: red;
    content: " *";
}

.standard-padding {
    padding: 10px;
}

.no-margin {
    margin: 0 !important;
}

.main-logo {
    height: 30px;
}

.ui-front {
    z-index: 99999;
}

.navbar-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    top: 0;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 30px;
    background-color: #f5f5f5;
    border-top: 1px solid #e7e7e7;
    text-align: center;
}

.footer .text-muted {
    margin-top: 3px;
    margin-bottom: 0;
}

.content {
    background-color: #FFFFFF;
    padding: 8px;
    width: 100%;
    min-width: 0;
}

.btn-space {
    margin-top: 10px;
}

.btn-space-below {
    margin-bottom: 10px;
}

.btn-image {
    height: 20px;
    margin-right: 8px;
    margin-left: -5px;
    margin-top: -4px;
}

.navbar {
    margin-bottom: 0;
    z-index: 1000;
}

input[type="file"].form-control {
    margin-bottom: 10px;
}

input[type="checkbox"] {
    width: auto;
    height: auto;
}

.ccio-hidden {
    display: none;
    visibility: hidden;
}

.ccio-successMessage {
    border: 3px solid darkgreen !important;
    color: darkgreen;
    padding: 10px;
}

.ccio-errorMessage {
    border: 3px solid red !important;
    color: red;
    padding: 10px;
}

#signOutConfirmationTitle {
    width: 100%;
    text-align: center;
}

#autoLogOutCountdownContainer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    align-items: center;
}

#autoLogOutCountdown {
    font-size: 30px;
    margin: 0;
}

.dropdown-menu .disabled {
    color: #aaaaaa;
    pointer-events: none;
    cursor: not-allowed;
}

.login-details {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}

.login-details-icon {
    margin-right: 5px;
}

.login-details-icon:hover {
    text-decoration: none;
}

.info-bubble {
    margin-top: 20px;
    margin-bottom: 0;
}

.no-results {
    margin-top: 10px;
    margin-left: 10px;
}

.modal-dialog-full {
    margin: 30px;
    width: auto;
}

.modal-dialog-medium {
    margin: 100px;
    width: auto;
}

.modal-dialog-medium .modal-body {
    max-height: calc(100vh - 400px);
}

a[disabled], a[disabled]:hover {
    pointer-events: none;
    color: #999 !important;
}

.channelLogo {
    width: 32px;
    height: 32px;
    box-sizing: content-box;
}
.channelLogo img {
    width: 32px;
    height: auto;
    max-height: 32px;
}

.logo {
    display: block;
    max-height: 100%;
    max-width: 100%;
}

.durationPickerContainer {
    display: flex;
    flex-flow: row nowrap;
}

.durationPickerContainer > input {
    width: 100% !important;
    margin-right: 5px;
}

.ccio-pricing-override {
    margin-left: 5px;
}

.ccio-pricing-override:hover {
    color: red;
    cursor: pointer;
}

.ccio-price-overridden {
    margin-right: 5px;
    text-decoration: line-through;
    color: red;
}

.ccio-flex-center-row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.ccio-margin-left-5 {
    margin-left: 5px;
}

/*************************************/
/* Showing 'processing' in a dialog. */
/*************************************/

.dialog-processing {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    z-index: 10;
    display: flex;
    justify-content: center;
}

.dialog-processing-inner {
    align-self: center;
    font-size: 30px;
}

.dialog-processing-text {
    display: inline-block;
    margin-left: 10px;
}

/* Allow the contents of modal dialog to scroll. */
.modal-dialog {
    overflow-y: initial !important
}

.modal-body {
    max-height: calc(100vh - 220px);
    overflow-y: auto;
}

/*******************************/
/* bootstrap-datepicker stuff. */
/*******************************/

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    cursor: pointer;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer;
}

div.formInputHelpText {
    color: #9592a0;
}

p.formInputHelpText {
    color: #9592a0;
    padding-bottom: 10px;
    font-weight: 300;
}

.max-width {
    clear: both;
    *zoom: 1;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.max-width:after {
    content: "";
    display: table;
    clear: both;
}

.half-width-left {
    width: 49.29577%;
    float: left;
    margin-right: 1.40845%;
    display: inline;
}

.half-width-right {
    width: 49.29577%;
    float: right;
    margin-right: 0;
}

.or {
    color: rgba(119, 119, 121, 0.5);
    float: left;
    font-family: serif;
    font-size: 2em;
    font-style: italic;
    width: 50px;
    margin-left: -50px;
    margin-top: 50px;
}

.rowMovableImage {
    background-image: url("data:image/png;base64,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");
    margin-left: 1px;
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat !important;
}

.leftJustifyFooter {
    float: left;
}

.notificationDotContainer {
    padding-right: 4px;
}

.notificationDotContainerColumn {
    align-self: flex-end;
    position: relative;
}

.notificationDotContainerRow {
    align-self: flex-start;
}

.notificationDot {
    background-color: #ef382b;
    color: white !important;
    width: 18px;
    height: 18px;
    position: absolute;
    border-radius: 50%;
    right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.alert-compact {
    padding: 5px !important;
    margin: 0 !important;
    display: inline-block !important;
}

.alert-margin-top {
    margin-top: 10px;
}

.incompleteIcon {
    height: 36px;
}

.completeIcon {
    height: 36px;
}

/* The circulio checkbox */
.circulioCheckbox {
    display: block;
    position: relative;
    cursor: pointer;
    /* font-size: 22px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.circulioCheckbox input {
    position: absolute;
    opacity: 0 !important;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 4px;
    left: 15px;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
}

.checkmarkLeft {
    left: -20px;
}

.circulioCheckboxLabelRight {
    position: absolute;
    left: 45px;
}

.circulioCheckboxLabelRight .beta {
    color: gray;
    font-style: italic;
    line-height: 20px !important;
    margin-left: 5px;
}

/* On mouse-over, add a grey background color */
.circulioCheckbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.circulioCheckbox input:checked ~ .checkmark {
    background-color: #02cf32;
    border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.circulioCheckbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.circulioCheckbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.circulioCheckbox input:disabled ~ .checkmark {
    background-color: #ccc;
}

.row .circulioCheckbox :not(.circulioCheckboxLabelRight) {
    line-height: 30px;
}

.circulioCheckboxForm {
    min-height: 35px;
}

.round-border {
    border: solid 1px #ccc;
    border-radius: 4px;
    padding: 12px;
}


.inactiveLink {
    pointer-events: none;
    cursor: default;
}

.layoutContainer {
    display: flex;
    flex-flow: row nowrap;
    width: 100vw;
}

.responsiveHeaderContainer {
    display: none;
}

.sidebarContainer {
    display: flex;
    flex-flow: row nowrap;
    height: calc(100vh - 30px);
}

.topMenuItem {
    width: 100%;
    min-height: 60px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    transition: background-color 1s ease;
    padding: 5px;
}

.topMenuItem:not(.navSpacer) {
    cursor: pointer;
}

.ccio-btn-with-icon {
    max-height: 34px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

.ccio-icon {
    font-size: 24px;
    min-width: 24px;
    text-align: center;
}

.topMenuIcon {
    font-size: 24px;
    color: #ffffff;
    min-width: 30px;
    text-align: center;
    margin-bottom: 2px;
}

.sidebar {
    background: #337ab7;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    white-space: nowrap;
    width: 88px;
    min-width: 88px;
    transition: width 2s ease, min-width 2s ease;
    height: 100%;
    padding-bottom: 10px;
    transition-delay: 1.0s;
}

.sidebar20-superadmin {
    background: #5cb85c;
}

.sidebar50-superadmin {
    background: #ffde0c;
}

.sidebar50-superadmin .topMenuItem * {
    color: #2d2b3b;
}

.sidebar100-superadmin {
    background: #782878;
}

.sidebarExpanded {
    min-width: 200px;
    /* transition: min-width 0.2s ease; */
    width: 200px;
}

.userMenuItemsContainer {
    bottom: 0;
}

.userMenuItemsContainer > hr {
    margin: 0;
}

.topMenuItemsContainer {
    overflow: hidden;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}


.topMenuItem * {
    color: #ffffff;
}

.topMenuItem:not(.navSpacer):hover {
    background-color:#f5f5f5;
}

.topMenuItem:not(.navSpacer):hover * {
    color: #337ab7;
}

.topMenuItem.active {
    background-color: #f5f5f5;
}

.topMenuItem.active * {
    color: #337ab7;
}

.subMenuAnchor {
    width: 100%;
}

.sidebar .glyphicon {
    margin:15px;
    width:20px;
    color:#fff;
}

.subMenuContainer {
    display: none;
}

.subMenuContainer.active {
    position: absolute;
    top: 0;
    left: 88px;
    display: flex;
    flex-flow: column nowrap;
    background-color:#f5f5f5;
    height: calc(100vh - 30px);
    min-width: 200px;
    width: 200px;
    z-index: 999;
    transition: width 2s ease, min-width 2s ease;
    box-shadow: 2.6px 0 5px -2px rgba(0, 0, 0, 0.15);
}

.subMenuHeader {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.subMenuItems {
    padding: 10px;
    display: flex;
    flex-flow: row wrap;
}

.subMenuItems:hover {
    background-color: #337ab7;
    color: #ffffff;
    text-decoration: none;
}

.subMenuClose {
    height: 35px;
}

#logoutForm {
    display: flex;
    flex-flow: column nowrap;
    padding: 0;
}

.navSpacer {
    flex-grow: 1;
}

.navMenuText {
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: break-spaces;
    text-align: center;
    line-height: 1;
    font-size: 12px;
}

#navUser .navMenuText {
    white-space: normal;
}

.articleButtonContainer {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: flex-end;
}

.badgeCountContainer {
    display: flex;
    justify-content: flex-end;
}
.badgeCount {
    display: flex;
    justify-content: center;
    align-items: center;
    background: red;
    text-align: center;
    border-radius: 15px 15px 15px 15px;
    color: white;
    padding: 5px 10px;
    font-size: 18px;
    width: 32px;
    height: 32px;
}


/* Add a toggle switch: usage:
   <label class="toggleSwitch">
       <div class="switch">
           <input type="checkbox" />
           <span class="slider round"></span>
       </div>
       <span>Toggle Switch Text</span>
   </label>
 */

.toggleSwitch {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.toggleSwitchText {
    margin-bottom: 5px;
    margin-left: 5px;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #02cf32;
}

input:focus + .slider {
    box-shadow: 0 0 1px #02cf32;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 24px;
}

.slider.round:before {
    border-radius: 50%;
}

/* Help sidebar */
.helpSidebar {
    display: none;
    right: 0;
    background: rgb(255, 255, 255);
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    flex-flow: column nowrap;
    width: 320px;
    transition: width 2s ease, min-width 2s ease;
    height: calc(100vh - 30px);
    z-index: 9999;
}

.helpSidebarExpanded {
    display: flex;
    transition: width 2s ease, min-width 2s ease;
}

.helpSidebarContent,  .helpSideBarTitleContainer {
    word-wrap: break-word;
    width: 320px;
    min-width: 320px;
    padding: 0 25px 0 15px;
}

.helpSidebarContentContainer {
    overflow-y: auto;
    overflow-x: hidden;
}


.helpSideBarTitleContainer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 15px;
}

.loadHelpSidebar:after {
    content: " \f059";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

span.loadHelpSidebar:not(.hoverHelpTextOnly):after {
    cursor: help;
}

.helpTooltip:after {
    content: " \f059";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.testSetupContainer {
    padding: 10px 10px 10px 0;
}

.testSetupContainer:hover {
    background-color:#f5f5f5;
}

.testSetupContainer:hover span {
    color: #337ab7;
}

.testSetupContainer > * {
    margin-top: 0;
}

.bootstrap-note {
    margin: 0 0 8px 0;
}

#stripeCardInputContainer {
    display: flex;
    flex-flow: column;
}

.round-button {
    box-sizing: border-box;
    display:block;
    width:80px;
    height:80px;
    padding-top: 14px;
    padding-left: 8px;
    line-height: 20px;
    border: 6px solid #fff;
    border-radius: 50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background-color: rgba(0,0,0,0.5);
    font-size:20px;
    font-weight:bold;
    transition: all 0.3s ease;
}
.round-button:hover {
    background-color: rgba(0,0,0,0.8);
    box-shadow: 0px 0px 10px rgba(255,255,100,1);
    text-shadow: 0px 0px 10px rgba(255,255,100,1);
}

.form-control-readonly {
    background-color: #eeeeee;
}

.vl {
    border-left: 1px solid #d3c4c4;
    height: 100%;
    width: 1px;
    margin: 0 5px;
}

#headerActionsButton, #headerSearchButton, #headerBackButton {
    display: none;
}

.ccio-div-toggle-anchor-selected {
    cursor: default;
    pointer-events: none;
}

.ccio-extended-radio-buttons {
    display: flex;
    flex-flow: column wrap;
}

.ccio-extended-radio-buttons > div {
    flex: 1;
    padding: 0.5rem;
    margin-bottom: 12px;
}

.ccio-extended-radio-buttons input[type="radio"] {
    display: none;
    &:not(:disabled) ~ label {
        cursor: pointer;
    }
    &:disabled ~ label {
        color: hsla(150, 5%, 75%, 1);
        border-color: hsla(150, 5%, 75%, 1);
        box-shadow: none;
        cursor: not-allowed;
    }
}

.ccio-extended-radio-buttons label {
    height: 100%;
    display: block;
    background: white;
    border: 2px solid hsla(150, 75%, 50%, 1);
    border-radius: 20px;
    padding: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
    position: relative;
}

.ccio-extended-radio-buttons input[type="radio"]:checked + label {
    background: hsla(150, 75%, 50%, 1);
    color: hsla(215, 0%, 100%, 1);
    box-shadow: 0px 0px 20px hsla(150, 100%, 50%, 0.75);
    &::after {
        color: hsla(215, 5%, 25%, 1);
        font-family: 'Font Awesome 5 Free';
        border: 2px solid hsla(150, 75%, 45%, 1);
        content: "\f00c";
        font-size: 24px;
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        height: 50px;
        width: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 50%;
        background: white;
        box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
    }
}

.progressWrapper {
    display: flex;
    align-items: center;
    width: 50%;
    gap: 10px;
}

.progressLabel {

}

.progressBarWrapper {
    position: relative;
    width: 100%;
}

.progressBar {
    width: 100%;
    height: 40px;
}

.progressBarText {
    position: absolute;
    top: 10px;
    width: 100%;
    text-align: center;
    height: 100%;
    color: white;
    mix-blend-mode: difference;
    font-weight: bold;
}

@media only screen and (max-height: 768px) {
    .topMenuItem {
        min-height: 30px;
    }

    .topMenuIcon {
        display: none;
    }
}

@media (max-width: 768px) {
    .hideOnPhone {
        display: none;
    }
}

/* Below 1400px we switch to a tablet / phone optimized layout. */
@media (max-width: 1400px) {
    .hideOnTablet {
        display: none;
    }

    .layoutContainer {
        flex-direction: column;
    }

    .sidebarContainer {
        display: none;
    }

    .responsiveHeaderContainer {
        display: block;
        background: #337ab7;
        color: white;
    }

    .responsiveHeaderContainer a, .responsiveHeaderContainer .dropdown-menu>li>a {
        color: white;
    }

    .responsiveHeaderContainer .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
        background-color: transparent;
    }

    .responsiveHeaderContainer .nav>li>a:focus, .nav>li>a:hover {
        background-color: transparent;
    }

    .headerBar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
    }

    #headerContents {
        display: none;
        padding: 10px;
    }

    .headerButtons {
        display: flex;
        gap: 10px;
    }

    .headerButtons span {
        color: black;
        line-height: inherit;
    }

    #headerNavContents {
        border-top: 1px solid white;
    }

    #headerNavContents a[aria-expanded="true"] span.glyphicon-plus {
        display: none;
    }

    #headerNavContents a[aria-expanded="false"] span.glyphicon-minus {
        display: none;
    }

    #logoutForm {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        padding: 10px 0;
        border-top: 1px solid white;
    }

    li.navSpacer, li.userMenu {
        display: none;
    }

    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .dropdown-menu:not(.bootstrap-select .dropdown-menu) {
        float: none;
        position: inherit;
        background-color: inherit;
        box-shadow: none;
        border: none;
    }

    .content {
        padding: 0;
    }

    .container-fluid {
        padding: 0;
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
    .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5,
    .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
    .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12,
    .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding: 0;
    }

    .row {
        margin: 0;
    }
}
.conversationChatTab {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
    padding: 24px;
}
.conversationChatPanel {
    min-width: 768px;
    margin-bottom: 0;
}

.ccio-help-messagesContainer {
    display: flex;
    flex-flow: column nowrap;
    flex-direction: column-reverse;
    width: 100%;
    overflow-y: scroll;
}

.ccio-help-messageHeader {
    font-size: 10px;
    color: #0a0a0a;
}

.ccio-help-messageContainer {
    max-width: 75%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column nowrap;
    background-color: white;
    color: black;
    margin: 12px 18px 12px 18px;
}

.ccio-help-message {
    background-color: #ccc;
    color: #0a0a0a;
    padding: 16px;
    border-radius: 5px;
}

.ccio-help-messageFromMe {
    background-color: black;
    color: white;
}

.ccio-help-messageFromMeContainer {
    align-self: end;
}

.ccio-help-sendMessageForm {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    padding: 4px;
    border-radius: 10px;
    border: 2px solid #aaa;
    margin: 8px 0;
    gap: 5px;
}

input[type=text].ccio-help-message-input {
    width: 50%;
    margin: 0 10px 0 10px;
    font-size: 21px;
}

.ccio-help-message-input {
    border: 0;
    flex-grow: 1;
}
.ccio-attachment-paperclip {
    background-image: url('/assets/paperclip-tilted.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 32px;
    height: 32px;
    border: 0;
    background-color: transparent;
    filter: invert(50%);
}

.ccio-attachment-paperclip:hover {
     box-shadow: 0 0.5em 0.5em -0.4em yellow;
     transform: translateY(-0.25em);
}

.ccio-help-sendMessageContainer .ccio-filePicker2 {
    padding: 2px;
    gap: 3px;
}

.ccio-help-sendMessageContainer {

}

#ccio-help-file-attachment-label-id {
    display: none;
    padding: 0 10px;
}

.conversationUnreadCountAlert {
    display: flex;
    gap: 5px;
}

.conversationUnreadCountAlert .notificationDot {
    position: inherit !important;
}

.ccio-help-messageContainer-unread, .ccio-help-messageContainer-null {
    font-weight: 600;
}

.ccio-help-messageContainer-unread .ccio-help-message, .ccio-help-messageContainer-null .ccio-help-message {
    border-left: 5px solid red;
}

.conversationStatus-waitingForUser {
    background-color: rgba(255, 255, 0, 0.5);
    font-weight: bold;
}#courierRoutesMapDiv {
    width: 100%;
    height: 500px;
}

.routeRow {
    font-size: 1.2em;
    padding-top: 15px;
    padding-bottom: 5px;
}

.routeRowMovableImage {
    background-image: url("data:image/png;base64,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");
    background-size: 100%;
    margin-left: 1px;
}

.routeRowMovable {
    cursor: move;
}

.route-priority-cell {
    width: 50px;
    text-align: center;
}

.locationType {
    background-color: #9999ff;
    height: 34px;
}

.routesDialog {
    display:inline-block;
    width: 100%;
}

.selectLocation {
    display: inline;
    width: 50%;
    height: 34px;
    background-color: #ffffff;
}

.locationLabel {
    width: 25%;
    height: 34px;
    background-color: #ffffff;
}

.form-section {
    padding: 30px;
    background: #F8F8F8;
    border-radius: 6px;
    margin-bottom: 15px;
}

.form-inner-section-half {
    width: 50%;
    /*position: relative;*/
    min-height: 1px;
    /*float: left;*/
    display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
}

.courier-deliveryDirection-inbound {
    color: rgb(51, 122, 183);
}

.courier-deliveryDirection-outbound {
    color: #3c763d;
}

.new-route-selection-half {
    width: 80%;
}

.location-select-left {
    border-left: 1px solid lightgray;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.location-select-right {
    border-right: 1px solid lightgray;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.addNewFixedCharge {
    margin-top: 10px;
}

.addNewPropCharge {
    margin-top: 10px;
}

.damageCostInput {
    width: auto;
    display: inline-block;
}

.damageReportPanel {
    padding: 0;
}

.damageReportAssetTable {
    background-color: beige;
    border-bottom: 1px solid #bce8f1;
}

.damageReportAssetTable th, .damageReportAssetTable td {
    border: 0 !important;
}.dashboard {
    width:100%;
    height:100%;
    overflow-y: auto;
}

.dashboard > div {
    width: 100%;
}

.dashlet {
    height:400px;
}

.dashlet-content {
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
}

.dashlet-chart {
    flex-grow: 1;
}

.dashboard-form {
    display: flex;
    flex-wrap: wrap;
    background-color: #d1eeff;
    padding: 10px;
}

.dashboard-form-group {
    flex: none;
    margin: 3px;
}

.dashboard-date-picker {
    width: 120px !important;
}

.dashboard-export {
    flex: none;
    margin: 3px;
    margin-left: auto;
}

#showMoreDashletsWrapper {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align:center;
}

/** Order status dashlet. */

#orderStatusDashlet {
    display: none;
    flex-direction: row;
    height: 100%;
}


#orderStatusChart {
    width: 75%;
    height: 100%;
    position: absolute;
    right: 0;
}
@media screen and (max-width: 1400px) {
    #orderStatusChart {
        width: 100%;
    }
}

#orderStatusChart .amcharts-pie-item {
    cursor: pointer;
}

#orderStatusCallout {
    width: 34%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    height: 100%;
}

.orderStatusCalloutItem {
    position: relative;
    width: 50%;
    display: none;
}

.orderStatusCalloutItem:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.orderStatusCalloutItem > div {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 50%;
    font-family: Verdana;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#orderStatusCalloutOnHire {
    background-color: rgb(170, 221, 248);
}

#orderStatusCalloutAvailabilityIssue {
    background-color: #3ea33e;
    color: white;
}

#orderStatusCalloutAvailabilityIssue:hover {
    cursor: pointer;
}

.orderStatusCalloutTotal {
    font-size: 25px;
    font-weight: bold;
}.delivery-validation-error {
    border: 3px solid red !important;
}

.adjustmentLocation {

}
.weekDays-selector input {
    display: none!important;
}

.weekDays-selector input[type=checkbox] + label {
    display: inline-block;
    border-radius: 6px;
    background: #dddddd;
    height: 40px;
    width: 30px;
    margin-right: 3px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.weekDays-selector input[type=checkbox]:checked + label {
    background: #4cae4c;
    color: #ffffff;
}

.reservedStockInBasket {
    background: #e3e3e3;
}

.event-sales-profile-donut {
    width		: 100%;
    height		: 110px;
    font-size	: 8px;
}

.eventWarnings {
    width: 100%;
    display: none;
}

.eventConflictTable {
    width: 100%;
    margin: 10px;
    padding: 10px;
}

.eventConflictTable tr:nth-child(even) {
    background-color: #f2f2f2;
}

.fc-event .calendarTicketData {
    color: #434343 !important;
}

.fc-event:active {
    background-color: #5F5F5F !important;
}

#eventCalendar {
    height: 100%;
    width: 100%;
    margin-top: 10px;
}

.eventCalendar-tab {
    height: 500px;
}

.eventCalendar-searchResult {
    height: 600px;
    margin-left: 10px;
    margin-right: 10px;
}

#eventCalendarDetail {
    width: 50%;
    margin: 10px;
}

.eventCalendarEventSelected {
    width: 50% !important;
}

.calendarTicketData {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
    background-color: #f0f0f0;
    margin: 2px;
}

#eventCalendarContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
}

.calendarEventSelected {
    border-width: 5px !important;
    border-color: #feff00 !important;
}

.eventCalendarDetailPanelHeader {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}

.calendarTicketData {
    font-size: 8px;
}

.reservedTicketsValue {
    font-size: 16px;
}

.eventUnavailable {
    font-family: 'Top-Secret', Courier;
    font-size: 1.5vw;
    color: #AA0000;
    margin-top: 10px;
    margin-right: 2px;
    /* -ms-transform: rotate(20deg);  IE 9 */
    /* -webkit-transform: rotate(20deg); /* Safari 3-8 */
    /* transform: rotate(20deg); */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    text-align: center;
}

.eventSoldOut {
    font-family: 'Top-Secret', Courier;
    font-size: 16px;
    color: red;
    margin-top: 10px;
    margin-right: 2px;
    -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari 3-8 */
    transform: rotate(20deg);
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #ffffff;
}

.eventSoldOutLarge {
    font-size: 27px;
}

.eventSoldOutSmall {
    font-size: 12px;
}

.eventDetails {
    position: relative;
}

.eventQuickBuyTitle {
    margin-top: 0;
}

.eventQuickBuyTimes {
    color: #d9534f;
}

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

#eventVenueBookingWarning {
    margin: 15px 0 0 0 !important;
}

.eventDetailsField {
    font-weight: bold;
}

#newEventMainForm .row {
    margin-bottom: 15px;
}.ccio-uploadFileSuccess, .ccio-uploadFileFailure {
    display: none;
}

.ccio-uploadProgressWrapper {
    width: 100%;
    display: none;
    align-items: center;
}

.ccio-uploadProgress {
    width: 100%;
    margin-left: 10px;
}

/* File picker with virus scan. Ported from front end code. */

.ccio-filePicker2 {
    padding: 10px;
    border: 1px solid lightslategrey;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 8px 0;

    span {
        font-weight: normal !important;
    }
}

.ccio-filePicker2 {
    display: flex;
    gap: 20px;
    align-items: center;
}

.ccio-filePicker2-fileName {
    font-style: italic;
}

#ccio-filePicker2-progress {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ccio-filePicker2-progressContent {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ccio-filePicker2-scanSuccess, .ccio-filePicker2-uploadFailed, .ccio-filePicker2-scanFailed {
    display: flex;
    gap: 5px;
    align-items: center;
}

.ccio-filePicker2-result img {
    width: 25px;
    height: 25px;
}.filterChoice {
    margin-top: 10px;
}html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.framework {
    width: 100%;
    height: 100%;
}

.header-framework {
    width: 100%;
    overflow: auto;
    margin-bottom: 3px;
}

.frameworkButtonBar {
    display: flex;
    flex-flow: wrap;
    gap: 5px;
    margin: 2px 0;
}

.search-framework {
    width: 100%;
    background-color: #b3b3b3;
    padding-top: 2px;
    padding-bottom: 2px;
}

.data-framework {
    height: 500px;
    border: 1px solid silver;
    overflow: auto;
}

.search-framework-result {
    width: 100%;
    overflow: auto;
    position: relative;
}

.framework-item-view {
    width: 100%;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    overflow: auto;
}

.btn-framework {
    background-color: #008CBA; /* blue */
    border: none;
    color: white;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    border-radius: 4px;
    float:left;
    margin: 5px;
}

.btn-framework-image {
    height: 20px;
    margin-left: -5px;
    margin-top: -4px;
}

.btn-icon-framework {
    /*background-image: url('http://media0.giphy.com/media/GVUMwVCy52EyA/200_s.gif');
    background-color: transparent;
    */
    background-color: black;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    border: none;
    height: 25px;
    padding-left: 16px;
    vertical-align: middle;
    float: right;
    border-radius: 4px;
    margin: 5px;
}

.framework-item-view .btn-resize {
    display: none;
}

.search-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.search-results-pagination-wrapper {
    display: none;
}

.search-form {
    display:flex;
    align-content: center;
    flex-wrap:wrap;
    flex-grow: 1;
    font-size: 15px;
    padding-left: 8px;
    padding-right: 8px;
}

/** Spacing between the items. */
.search-form > *{ margin: 0 5px; }
.search-form > :first-child{ margin-left: 0; }
.search-form > :last-child{ margin-right: 0; }

.search-form input {
    text-indent: 5px;
    vertical-align: middle;
    border-radius: 4px;
}

.search-form input:not([type=checkbox]) {
    width: 100%;
}

.search-form .search {
    text-indent: 30px;
}

.search-form .dropdown-toggle {
    width: 175px;
    height: 27px;
    padding-top: 2px;
}

.search-option-datetime {
    width: 180px !important;
    text-align: center;
}

.inline-edit-datetime {
    width: 120px !important;
}

.search-option-datetime-label {
    margin-bottom: 0;
    margin-right: 3px;
}

.search-option-datetime-wrapper {
    display: flex;
    align-items: center;
}

.search-option-select {
    max-width: 175px;
    height: 100%;
    padding: 0 5px;
}

.glyphicon-search-wrapper {
    position: relative;
}

.glyphicon-search-wrapper .glyphicon-search {
    position: absolute;
    padding-top: 7px;
    left: 10px;
    pointer-events: none;
}

.search-option {
    height: 27px;
}

.search-button {
    height: 27px;
    padding-top: 3px;
}

.search-option-fillspace {
    flex-grow: 1;
}

.search-pagination {
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
    justify-content: center;
}

.search-pagination-button {
    width: 20px;
    display: inline-block;
}

.search-pagination-desc {
    height: 100%;
    display: inline-block;
}

.search-result {
    width: 100%;
}

.framework-tab-data {
    width: 100%;
    padding-top: 10px;
}

.detailed-data-view {
    width: 90%;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.detailed-data-view-hidden {
    display: none;
}

.framework-tab-data-hidden {
    display: none;
}

.search-result td {
    border: 1px #DDD solid;
    padding: 5px;
    cursor: pointer;
}

.search-result th {
    border: 1px #DDD solid;
    padding: 5px;
    cursor: default;
}

.search-result .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.search-option-group > div {
    display: flex;
    gap: 10px;
    align-items: center;
}

.simple-search-result {
    width: 100%;
}

.simple-search-result td {
    border: 1px #bbbbbb solid;
    padding: 5px;
}

.simple-search-result th {
    padding: 5px;
}

.table-cell-wrap-content {
    width: 1%;
    white-space:nowrap;
}

tr.selected {
    background-color: #9999ff;
}

.square-radio {
    border: 1px solid black;
    margin: 2px;
    width: 40px;
    height: 40px;
    position: relative;

}
.square-radio--clicked .square-radio--content{
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: black;
    width: 20px;
    height: 20px;
}

label.checkbox input[type="checkbox"] {display:none;}
label.checkbox span {
    display:inline-block;
    border:2px solid #BBB;
    border-radius:4px;
    width:25px;
    height:25px;
    background:#D3D3D3;
    vertical-align:middle;
    margin:3px;
    transition:width 0.1s, height 0.1s, margin 0.1s;
}
label.checkbox :checked + span {
    background:#000080;
    width:25px;
    height:25px;
    margin: 3px;
}

.bordered-tab-contents > .tab-content > .tab-pane {
    border-left: 5px solid black;
    border-right: 5px solid #000000;
    border-bottom: 5px solid #000000;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
}

.bordered-tab-contents > .nav-tabs {
    margin-bottom: 0;
    border-top: 5px solid #000000;
    border-left: 5px solid black;
    border-right: 5px solid #000000;
    border-bottom: 5px solid #000000;
}

.tab-content {
    margin-bottom: 15px;
    overflow: inherit;
}

.tab-button-bar {
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.tab-button-bar > * {
    margin: 0 !important;
}

.btn-framework-update {
    margin-top: 10px;
    margin-bottom: 10px;
}

.loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(150, 150, 150, 0.8);
    z-index: 10;
    display: flex;
    justify-content: center;
}

.loading-inner {
    align-self: center;
    font-size: 30px;
}

.loading-text {
    display: inline-block;
    margin-left: 10px;
}

.glyphicon-spin {
    -webkit-animation: spin 2000ms infinite linear;
    animation: spin 2000ms infinite linear;
    display: inline-block;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.framework-cell-image {
    height: 32px;
}

#framework-error-container {
    padding-top: 10px;
}

.alert-margins {
    margin: 10px;
}

.sortableColumnHeader {
    width: 50px;
}

.sortable-table {
    border-collapse: separate;
    border-spacing: 0 12px;
}

.sortable-table > thead > tr > th {
    border: none;
}

.sortable-table > tbody > tr > td {
    border: none;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    cursor: move;
}

.historyRevisionRow {
    font-size: 1.2em;
    padding-top: 15px;
    padding-bottom: 5px;
}

.hsplitter {
    height: 15px !important;
    background-color: #cfcfcf !important;
    background-image: url('/assets/split-handle.png');
    background-repeat:no-repeat;
    background-position: center;
}

#splitter-controls {
    float: left;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-left: 10px;
}

.btn-resize {
    width: 50px;
    height: 15px;
    cursor: pointer;
    background-repeat:no-repeat;
    background-position: center;
    position: relative;
    z-index: 99;
}

.btn-split-up {
    background-image: url('/assets/split-up.png');
}

.btn-split-down {
    background-image: url('/assets/split-down.png');
}

.ccio-publishableContent-copyToClipboardContainer {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
    margin-top: 14px;
}

/** Hidden by default, unless its in a multiselect search result. */
.multiselect-checkboxColumn {
    display: none;
}
.multiselect-table .multiselect-checkboxColumn {
    display: table-cell;
}

.inlineRowEdit {
    display: none;
}

.modal:nth-of-type(even) {
    z-index: 1052 !important;
}
.modal-backdrop.show:nth-of-type(even) {
    z-index: 1051 !important;
}

#availability-calendar-dialog {
    z-index: 1500;
}

#auth-override-dialog {
    z-index: 2000;
}

.tabPanelsContainer {
    margin-top: 20px;
}

.tabPanelCollapser {
    cursor: pointer;
}

.tabPanelCollapse tbody {
    border-bottom: 1px solid #ddd;
}

.treetable-load-branch {
    background-color: transparent !important;
}

.badge-ajax {
    display: flex !important;
    align-items: center;
    gap: 5px;
}

.framework-tab-badge-count {
    display: none;
    background-color: #286090;
    color: white;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    text-align: center;
}

#frameworkScanAreaWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

#frameworkScanArea {
    width: 300px;
}

.framework-dialog-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.framework-dialog-footer-right-justify {
    display: flex;
    margin-left: auto;
    align-items: center;
}

.framework-dialog-footer::before, .framework-dialog-footer::after {
    content: unset;
}

.framework-dialog-footer-content {
    margin-right: 10px;
}

.search-result-sticky-text {
    text-align: center;
    cursor: default;
    font-size: 12px;
    color: #ccc;
}

.search-option-hidden {
    display: none;
}

@media (min-width: 1400px) {
    .scanBarcode {
        display: none;
    }
}

/* Below 1400px we switch to a tablet / phone optimized layout. */
@media (max-width: 1400px) {
    .header-framework:not(.framework-dialog *) {
        display: none;
    }

    .search-framework:not(.modal-dialog *) {
        display: none;
    }

    .data-framework:not(.framework-dialog *) {
        border: none;
    }

    .multiselect-table:not(.framework-dialog *) .multiselect-checkboxColumn {
        display: none;
    }

    .frameworkButtonBar:not(.framework-dialog *) {
        padding: 5px;
    }

    .search-bar:not(.framework-dialog *) {
        flex-direction: column;
    }

    .search-bar-pagination-wrapper {
        display: none;
    }

    .search-results-pagination-wrapper {
        display: block;
    }

    .search-form:not(.framework-dialog *) {
        flex-direction: column;
    }

    .search-form {
        justify-content: space-between;
        width: 100%;
        gap: 10px;
    }

    .search-form > * {
        margin: 0;
    }

    .search-form-divider {
        display: none;
    }

    .search-option:not(.framework-dialog *) {
        height: auto;
        width: 100%;
    }

    .search-option-select:not(.framework-dialog *) {
        min-height: 27px;
        max-width: inherit;
        width: 100% !important;
        padding: 0;
    }

    .search-option-select:not(.framework-dialog *) .dropdown-toggle {
        width: 100% !important;
    }

    .search-option-datetime:not(.framework-dialog *) {
        width: 100% !important;
    }

    .showing-detailed-view {
        visibility: hidden;
    }

    #splitter-controls {
        display: none;
    }

    .hsplitter {
        display: none;
    }

    #detailed-data {
        height: 100% !important;
        position: relative;
    }

    #results-block-wrapper {
        height: 100% !important;
    }

    form.framework-detail-form {
        padding: 0;
    }
}

@media (max-width: 768px) {

}.gallery {
    display: flex;
    flex-direction: row;
}

.galleryChild {

}

.galleryMainImage {
    border: 2px solid rgb(153, 153, 255);
    /* rounded corners */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 8px 8px 0 8px;
    padding: 14px 14px 14px 14px;
    height: 450px;
}

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

.galleryThumbnail {
    width: 64px;
    height: 64px;
    cursor: pointer;
}

.galleryThumbnailContainer {
    position: relative;
    width: 84px;
    margin: 9px 10px;
    padding: 9px 10px;
    border: 2px solid rgb(153, 153, 255);
    /* rounded corners */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.galleryThumbnailSelected {
    background-color: rgb(153, 153, 255) !important;
    border: 0 !important;
    padding: 11px 12px;
}

.galleryThumbnailContainer .notch {
    position: absolute;
    /*top: -10px;
    left: 40%;*/
    left: 100%;
    top: 40%;
    margin: 0;
    border-right: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid rgb(153, 153, 255);
    /*border-top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgb(153, 153, 255);*/
    padding: 0;
    width: 0;
    height: 0;
}

.galleryThumbnailContainer .notchHide {
    display: none !important;
}

.primaryImageGallery .galleryThumbnailContainer {
    width: 100px;
    display: flex;
    align-items: center;
}

.imageThumbnailCheckbox {
    margin-right: 5px;
}

.galleryEditContainer {
    display: flex;
}

.imageEditPanel {
    display: flex;
    flex-direction: column;
    align-content: space-around;
}

.imageEdit {
    margin-top: 10px;
}

.productImageEdit {
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-width: 1px;
    padding: 5px;
}

.changeImageBtn {
    width: 100%;
}
/* Create a custom checkbox */
.helpCheckbox {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.helpPanelFooter {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}


.helpPanelFooter > * {
    margin: 10px;
}

.helpArticleRead > .ccio-bannerItem {
    /* background-image: linear-gradient(black, black); */
    background-blend-mode: saturation;
}

.unreadArticleButtonContainer {
    opacity: 1;
    filter: blur(0) grayscale(0%);
}

.helpVideoContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.helpVideo {
    height: 80vh;
    max-width: 100%;
}
.hireactivity-product-image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    /*overflow: hidden;*/
    /*background-color: #d43f3a;*/
}

.hireactivity-product-image img {
    display: block;
    max-width:135px;
    max-height:112px;
    width: auto;
    height: auto;
}

.ordersHireActivityDiv {
    display: block;
    min-height: 100px;
    width: 100%;
    height: auto;
}

.noOrderItemsHidden {
    display: none;
}

.hireactivity-legend {
    display: flex;
    border: 1px solid black;
    max-width: 450px;
    justify-content: space-between;
    margin-left: 105px;
}

.hireactivity-legend-item {
    margin: 10px;
}

.hireactivity-legend-img {
    margin-left: 15px;
    margin-right: 15px;
}

.hireactivity-legend-subcaption {
    text-align: center;
}

.hireActivityBasket {
    stroke-dasharray: 10, 5;
}

.hireActivityItemView {
    overflow-y: auto;
}

.hireActivityIcon {
    margin-left: 5px;
    margin-right: 5px;
}/* Classes related to due date. */
.invoiceNotDueYet {
    font-weight: bold;
    color: #5cb85c;
}

.invoiceDueSoon {
    font-weight: bold;
    color: #ec971f;
}

.invoiceOverdue {
    font-weight: bold;
    color: #c9302c;
}

/* Classes related to invoice state. */
.invoiceIssued {
    font-weight: bold;
    color: #337ab7;
}

.invoicePaid {
    font-weight: bold;
    color: #5cb85c;
}

.invoiceRefunded {
    font-weight: bold;
    color: #5cb85c;
}

.invoiceVoided {
    font-weight: bold;
    color: #c9302c;
}

.invoiceVoidedRow {
    text-decoration: line-through;
}

.invoiceContainer {
    padding: 20px;
    border: 1px solid black;
    box-shadow: 5px 5px 2px 1px rgba(100, 100, 100, .2);
}

.invoiceContainer-creditNote {
    background-color: #f9f5ed;
}

.invoiceContainer-draft {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='220px' width='220px'><text transform='translate(20, 120) rotate(-45)' fill='rgba(45,45,45,0.1)' font-size='40'>DRAFT</text></svg>");
}

.invoiceContainer-voided {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='150px' width='150px'><text transform='translate(20, 102) rotate(-45)' fill='rgba(245,45,45,0.2)' font-size='40'>VOID</text></svg>");
}

.invoiceContainer-voided td, .invoiceContainer-voided input {
    text-decoration: line-through;
}

.invoiceItemsTable {
    width: 100%;
}

.invoiceItemsTable th, .invoiceItemsTable td {
    padding: 5px;
    min-width: 120px;
    vertical-align: top;
}

.invoiceTransactionsTable {
    width: 100%;
}

.invoiceTransactionsTable th, .invoiceTransactionsTable td {
    padding: 5px;
    min-width: 120px;
    vertical-align: middle;
}

.invoiceItemDates {
    padding-left: 10px;
    color: #6c6c6c;
}

.invoiceTotalsCell {
    font-weight: bold;
    width: 150px;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

.invoiceItemAmount {
    text-align: right;
}

input[type=number].invoiceItemAmount::-webkit-inner-spin-button,
input[type=number].invoiceItemAmount::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.invoicesTableSpacer td {
    height: 10px;
}

.invoice-search-results-document {
    cursor: pointer;
}

.invoiceTable td {
    vertical-align: middle !important;
}

.invoiceTableButtons {
    display: flex;
    gap: 10px;
}

.invoiceCreditNoteRow {
    background-color: #f9f5ed;
}.job-summary-header {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
}

.job-summary-header>:first-child, .job-summary-header>:last-child {
    width: 25%;
}

.jobDetailsContainer {
    display: flex;
    flex-flow: row nowrap;
    padding: 24px 36px 24px 36px;
}

.jobDetailsOverviewContainer {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
}

.jobDetailsOverviewContainer > * {
    margin: 8px;
}

.jobDetailsContainer>:first-child {
    width: 40%;
}

.jobDetailsInfoSectionContainer {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    justify-content: space-between;
}

.jobDetailsInfoSectionWithEdit {
    display: flex;
    flex-flow: row nowrap;
}

.jobDetailsReferrerAssigned {
    text-align: center;
    padding: 12px;
    margin: 4px 0 0 0;
    border-radius: 4px;
}

.curvedBorderLeftOnly {
    border-radius: 4px 0 0 4px;
}

.curvedBorderRightOnly {
    border-radius: 0 4px 4px 0;
}

.jobOperativeSearchButtons {
    display: flex;
    gap: 10px;
}

.jobInServiceArea {
    background-color: #00800070;
}

.jobNotInServiceArea {
    background-color: #ff00008c;
}

.job-deliverable-row-buttons {
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
}

.jobOrderCancelled {
    font-weight: bold;
    color: red;
    background-color: lightcoral;
}

.jobInfoContainer {
    border: solid 1px #ccc;
}
.ccio-labelprinting-templateDetailsContainer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    align-items: flex-start;
    width: 100%;
    padding: 14px;
}

.ccio-labelprinting-templateDetailsContainer > * {
    padding: 24px;
}

.ccio-labelprinting-templateDetails {
    display: flex;
    flex-flow: column nowrap;
}

.ccio-labelprinting-printType-img {
    width: 128px;
    height: 128px;
}

.ccio-labelprinting-templateDetails > * {
    margin-bottom: 12px
}

.ccio-labelprinting-templateType {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}

.ccio-labelprinting-templateOutline {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}

.print-codes-form-printpreview {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.ccio-labelprint-dataContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70vh;
    min-height:  100%;

    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.ccio-labelprint-data {
    width: 100%;
    height: 100%;
}

/*.framework-dialog-form > .modal-body {
    overflow: hidden;
    min-height: 75vh;
}*/

.ccio-labelDataFormSelect {
    display: flex;
    width: 100%;
    align-items: center;
    flex-flow: column nowrap;
    border: solid 1px #ccc;
    background-color: #ccc;
    border-radius: 12px;
    padding: 12px;
    margin-top: 16px;
}

.ccio-labelDataItem {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    margin-top: 8px;
    border: solid 1px #ccc;
    border-radius: 8px;
    padding: 8px;
    background-color: #fff;
}

.ccio-labelDataItem > * {
    margin-top: 8px;
}

.ccio-labelPrinting-templateDetailsHeader {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px 0 10px;
}.login-body {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #eee;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin-heading {
    margin-bottom: 10px;
    width: 100%;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.g-recaptcha {
    margin-bottom: 10px;
}.matrix-select-whole-row {
    display: inline;
    float: right;
    margin-left: 10px !important;
}

.matrix-left-column {
    display: flex;
    justify-content: space-between;
    background-color: #f1f1f1 !important;
}

.matrix-heading {
    background-color: #f1f1f1 !important;
}@font-face {
    font-family: 'Top-Secret';
    src: url("/fonts/Top_Secret.ttf");
}

.member-summary-header {
    width: 95%;
    margin-left:auto;
    margin-right:auto;
    border: none;
}

.member-profile-donut {
     width		: 100%;
     height		: 100px;
     font-size	: 8px;
 }

.member-summary-header {
    margin-top: 10px;
    padding: 5px
}

.accountDetails {
    padding: 10px;
}

.account-logins-button-bar {
    margin: 10px;
}

.accountDetailsTitle {
    border-bottom: 2px solid #dddddd;
}

.accountDetailsBlankTitle {
    margin-bottom: 8px;
}

.accountDetailsTitle, .accountDetailsTitleBlank {
    margin-bottom: 6px;
    font-weight: bold;
}

.account-input-cell {
    height: 70px;
    margin-bottom: 2px;
}

.account-input-readonly {
    border: none;
}

.account-input, .account-input-readonly {
    margin-bottom: 10px;
    width: 100%;
}

.account-summary-title {
    font-size: 10px;
    color: #8c8c8c;
    margin-right: 8px;
}

.account-summary-value {
    margin: 4px;
}

.account-footnote {
    float: left;
}

.account-addresses {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    width: 50%;
    justify-content: center;
}

.account-address-card-line {
    /*word-wrap:break-word;*/
}

.account-addresses-container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.newMemberSkipAddressInputContainer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
}

.account-billing-address-label {
    font-family: 'Top-Secret', Courier;
    font-size: 16px;
    color: red;
    margin-top: 20px;
    margin-right: 40px;
    -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari 3-8 */
    transform: rotate(20deg);
}

.account-address, .operative-address {
    /*flex: 1 0 33%;*/
    margin: 12px;
    cursor: pointer;
}

.addressSelected {
    background-color: #9999ff;
    cursor: default;
}

.account-address-details {
    flex: 1 auto;
}

.account-address-card {
    /* Add shadows to create the "card" effect */
    box-shadow: 4px 4px 8px 4px rgba(0,0,0,0.2);
    transition: 0.3s;
}

.account-address-container, .operative-address-container {
    padding: 20px 15%;
    display: flex;
    flex-wrap: nowrap;
}

/* On mouse-over, add a deeper shadow */
.account-address-card:hover {
    box-shadow: 4px 8px 16px 4px rgba(0,0,0,0.2);
}

#accountAddressMap, #operativeServiceAddressMap {
    margin: 20px;
    min-height: 400px;
    max-height: 500px;
    width: 50%;
}

.onboardingTable {
    table-layout: fixed;
}

.onboardingDescription {
    width: 15% !important;
}

.onboardingState {
    margin-right: 10px;
}

.onboardingStateSelect {
    width: 120px !important;
}

.onboardingEvidence {
    width: 60%;
}

.member-summary-header-tradingname {
    color: #18abff;
}
.member-summary-header-telephone {
    text-align: right;
}

.member-summary-header-address {
    text-align: right;
}

.member-summary-header-email {
    text-align: right;
}

.synopsis {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .synopsis {
        flex-direction: column;
    }
}

.synopsis-item {
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.synopsis-item img {
    margin-right: 10px;
    max-width: 48px;
}

.account-address-edit, .operative-address-edit {
    visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.account-address-edit-button-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 10px;
}

.member-summary-button-bar {
    margin-bottom: 10px;
}

#profileGaugeDiv {
    cursor: pointer;
}

.memberStatus-approved {
    background-color: rgba(0, 255, 0, 0.5);
}

.memberStatus-rejected, .memberStatus-disabled {
    background-color: rgba(255, 2, 0, 0.5);
}

.accountContentsContainer {
    margin-top: 20px;
}

.accountChannelLogoContainer {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.accountChannelLogo {
    max-width: 72px;
    max-height: 72px;
    width: auto;
    height: auto;
    display: inline-block;
}

.newMemberHr {
    margin-top: 5px;
}

.account-membership-overrides-panel {
    margin-top: 25px;
}

.changePasswordRow {
    margin-top: 20px;
}

.tooltip-inner {
    max-width: 350px !important;
}

.settleOptionSettingLabel {
    font-size: 15px;
    white-space: nowrap;
}

.settleOptionSettingWrapper {
    display: flex;
    align-items: center;
}

.settleOptionSettingWrapper * {
    width: auto;
    margin: 0 10px;
}

.operativeInServiceWrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.operativeInServiceWrapper label {
    margin-bottom: 0;
    width: 200px;
}

.account-address-card-radius {
    font-weight: bold;
}

.operativeProfileVideoReferencesContainer {
    display: flex;
    flex-flow: row wrap;
}

.operativeProfileVideoReferencesContainer > * {
    margin: 8px;
}

.operativeProfileVideo {
    width: 300px;
    border-radius: 6px;
}

.operativeProfileVideoContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
}

.operativeProfileVideoContainer > * {
    margin-top: 8px;
}

.noteButtonBar {
    margin-top: 10px;
    margin-bottom: 10px;
}

.noteCollapse tbody {
    border-bottom: 1px solid #ddd;
}

.note-expandCollapse {
    cursor: pointer;
}

.note-contains-attachment-container {
    position: relative;
}

.note-contains-attachment {
    position: absolute;
    top: 0px;
    right: 10px;
    padding-top: 20px;
    display: inline-block;
}

.note-contains-attachment-no-text {
    position: absolute;
    top: 0px;
    right: 10px;
    display: inline-block;
    padding-top: 2px;
    height: 40px;
}

.note-contains-attachment .note-attachment-icon {
    width: 25px;
}

.note-contains-attachment-no-text .note-attachment-icon {
    width: 21px;
}

.note-contains-attachment .note-attachment-badge {
    position: absolute;
    right:-10px;
    top:10px;
    background:red;
    text-align: center;
    border-radius: 15px 15px 15px 15px;
    color:white;
    padding:5px 10px;
    font-size:10px;
}

.note-contains-attachment-no-text .note-attachment-badge {
    position: absolute;
    right:-8px;
    top:-6px;
    background:red;
    text-align: center;
    border-radius: 15px 15px 15px 15px;
    color:white;
    padding:4px 8px;
    font-size:10px;
}

.note-formGroupWrapper {
    display: flex;
    gap: 10px;
}

.note-formGroupWrapper > * {
    width: 100%;
}
.basketRow {
    background-color: beige;
}

.quoteRow {
    background-color: rgb(197,  213, 197);
}

.lockedForEditRow {
    background-color: lightcyan;
}

.cancelledRow {
    background-color: orangered;
}

.orderItemPanelCollapsed {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZlJREFUeNq8ljFLAzEYhu+CCEKhdRM6OZSC0OnWTor+Art3k4JL5xYH0dmxuN3e/gJd7x8UhOLgVHCzBeGgi74ffFdyIbkkGO+FB669ft97l7xNEidJEjnoCFwyZ6DJ32/BG3hlclujA8v9E3AHhmyq0zm4ZbMU3INPU0NRYTYB72BUYaaOwohrJj6GVDgHD6AR+avBtXPdg6pDegheQD/6u655Si7AzvSGz4HMCvW5p3ZIh0xolfoKZdxdREk8ZlLHmn0eCkNKV9uxeAw2zNixps0eJUNXbQzXNu0Ne+A0+n+RR08ETqU1tWTYdQhILKFKvmcLUldIC3FVQHzmtypITRHVLMFbjElPoOXRr8U1Jm1pLV25rhLSnMn68XigFb1hVuOIZmS4BB81mJHHsgjNzHOedNc2zeSljT6sHQuLINkCImutGn6Dqcd288W4bmdT9ijth6nHduOjUl/1j38TOLUZ9zQeoujscQUWAcwW3GtnO7XR+XIgj7unijwMdAfjqrX0EXQ4XbmDUc6/7XCtVnHdR/1fAQYAKoJTwvSqui8AAAAASUVORK5CYII=");
    background-size: 100%;
    width: 20px;
    height: 20px;
}

.orderItemPanelExpanded {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXhJREFUeNq8lj9Lw1AUxZOHCEKh7SZ0cigFoVPWTop+Art3k4KLc4uD6OxY3Lq3n0DXfIOCUBycCo4tCIFOngsnJQnv5Y++vAO/oU3uPX03tzfXD4LAK6ETcEXOQZPf78AHeCdRUaKjguun4AGMaKrTBbij2Rw8gm9TQpVjNgGfYJxjlq3CmDGTKoYSuABPoOFVV4OxC90PzZb0GLyBgfd/3fCRXIK96YSvlsxiDZhTW9IRsa1UXpWpe1069ENsKN3VqdGwQ4+UYd06GPbBmQND8egry11Z2LVi2Mu5QUZVG/glaTPGpJ5KDGKd7sG2wgm2jDGpqTzHUnzFmPQCWhXytRhj0k5m6brslLCgtZwwdFjRUAxX4MuBmXis4qaZOTCcJUebfNjUaLbJGv6AaY2GU3qk3ofzginxV6XyZv/4t5a7NmRO4xIlu8c1WFowWzLXvmhrk/1ymKx7RcX9MNQtxnmz9Bl02V1RCaOI93YZq5XvetX/FWAAoctIxk9LF+IAAAAASUVORK5CYII=");
    background-size: 100%;
    width: 20px;
    height: 20px;
}

.orderDeliveryLabel {
    margin-top: 5px;
    font-weight: bold;
}

.orderItemAdjustment {
    width: 25px;
    text-align: center;
}

.orderItemAdjustment span {
    line-height: 25px;
}

.orderItemImage {
    width: 25px;
    height: 25px;
    text-align: center;
    transition: width .2s ease-in-out, height .2s ease-in-out;
}

.orderItemImage img {
    width: 25px;
    height: 25px;
    transition: width .2s ease-in-out, height .2s ease-in-out;
}

.orderItemImage .jobIcon {
    width: 32px;
    height: 32px;
    transition: width .2s ease-in-out, height .2s ease-in-out;
}

.orderItemImage span {
    line-height: 25px;
}

.orderItemsAndCalendarWrapper {
    display: flex;
}

#orderItems {
    flex-grow: 1;
}

#orderItems td {
    vertical-align: middle;
}

.orderItemDetails {
    display: none;
    padding: 10px;
    background-color: #94d6d6;
}

.orderItemsUnitCostEditColumnActive {
    background-color: #94d6d6 !important;
}

.orderItemDetailsButtons {
    white-space: nowrap;
    display: inline-block;
}

.adjustmentCostColumn {
    width: 10%;
}

.deliveryAdjustmentButtons {
    display: inline-block;
}

.securityAdjustmentButtons {
    display: inline-block;
}

.orderItemSelected {
    background-color: #94d6d6 !important;
}

.advancedOrderItemRowSelected {
    background-color: #94d6d6;
}

.orderItemSelected .orderItemImage img {
    width: 100px;
    height: 100px;
}

.orderItemsTable {
    margin-bottom: 10px;
}

.orderItemsButtons {
    margin: 10px;
}

.addToOrderFormWrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.addToOrderForm {
    display: flex;
    padding: 0;
    flex-flow: row;
    align-items: center;
    gap: 10px;
}

.addToOrderFormQuantityWrapper {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 150px;
}

.addToOrderFormQuantityWrapper input {
    max-width: 100px;
}

.circulioCalendarContainer {
    max-width: 800px;
    margin-right: 2%;
    width: auto;
}

.orderPayments {
    background-color: rgba(100, 204, 128, 0.15);
    border: 1px solid black;
}

.orderInvoices {
    background-color: rgba(213, 144, 144, 0.15);
    border: 1px solid black;
}

.orderSettleOptions {
    background-color: rgba(86, 108, 204, 0.10);
    border: 1px solid black;
}

.orderPaymentDue {
    margin-top: 30px;
}

.orderPaymentNotDue {
    display: none;
}

.circulioCalendar {
    padding: 10px;
    /*max-width: 768px;*/
    margin: 15px;
    /*    margin: 10px auto;*/
    background-color: #DDD;
}

.btn__primary__basket {
    background-color: #00aeef;
    color: #ffffff !important;
}

.btn__primary__basket:hover {
    background-color: #11bfff;
    color: #ffffff;
}

.orderItemInlineButtons {
    display: inline;
    margin-left: 10px;
}

.delivery-type-select {
    font-weight: bold;
}

.deliveryTable {
    background-color: rgba(95, 74, 215, 0.1);
}

.deliveryAdjustmentTable {
    background-color: rgba(255, 151, 162, 0.1);
}

.securitiesTable {
    background-color: rgba(95, 74, 215, 0.1);
}

.securitiesAdjustmentTable {
    background-color: rgba(255, 151, 162, 0.1);
}

table.securitiesTable td:not(:last-child) {
    white-space: nowrap;
}

table.securitiesTable td:last-child {
    width: 100%;
}

.orderBulkItemFailed {
    border: 3px solid red !important;
}

.orderSearch-orderId {
    width: 110px;
}

.orderSearch-memberId {
    width: 125px;
}

.cloneOrderDates {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ccio-delivery-pricing-override {
    margin-left: 5px;
}

.ccio-delivery-pricing-override:hover {
    color: red;
    cursor: pointer;
}

.order-multipleWarehouses:hover {
    text-decoration: none;
    cursor: pointer;
    color: #337ab7;
}

#order-updateUnitCostOverridesContainer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
}

.ccio-unitcost-override-input {
    width: 120px;
}

.ccio-unit-cost-override-clear, .ccio-delivery-cost-override-clear {
    width: 40px;
}

.ccio-unitcost-override-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

/** Payment form  */

.payment_amountDueLabel {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.payment_amountDue {
    font-size: 20px;
    font-weight: bold;
}

.balanceOrderBtn {
    margin: 10px;
}

.payment_label {
    width: 50%;
    font-weight: normal;
}

.payment_input {
    width: 50%;
}

.takeLockContainer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.orderLockedMessage {
    order: -1;
    width: 100%;
}

input.payment_input, select.payment_input, .payment_input input:not([type='checkbox']), .payment_input select {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.payment_input span {
    margin-left: 5px;
    font-weight: normal;
}

.payment_input input[type='checkbox'] {
    margin-left: 5px;
}

.payment_inputGroup, .payment_buttonWrapper {
    display: flex;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
}

.payment_splitInput {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.payment_splitInputItem {
    width: 100%;
}

.payment_cardImages {
    position: absolute;
    right: 5px;
    top: 5px;
}

.payment_button {
    float: right;
    color: #fff;
    background-color: #337ab7;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;
}

.payment_button:disabled {
    opacity: 0.5;
}

.payment_subHeading {
    clear: both;
    font-size: 20px;
    font-weight: bold;
}

.payment_inputOk {
    border: 1px solid green !important;
    background: rgba(0, 128, 0, 0.15) !important;
}

.payment_pleaseWait {
    width: 100%;
    height: 200px;
    text-align: center;
    position: relative;
}

.payment_pleaseWaitInner {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.refund_group {
    float: left;
    padding: 20px;
    background-color: floralwhite;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #0A58A7;
    border-radius: 4px;
}

.payment_help, .payment_offlineConfirmMessage {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #bce8f1;
    border-radius: 4px;
    background-color: #d9edf7;
    color: #3a87ad;
}

#st-payment input.st-error {
    border: 1px solid #990000;
    color: #990000;
}

#st-message .st-error {
    border: 1px solid #990000;
    padding: 4px 4px 4px 28px !important;
    color: #990000;
}

#orderItemAdjustment {
    align-self: flex-end;
}

.payment_offlineConfirmMessage {
    clear: both;
}

.offline_refund_button {
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
}

.orderItemInlineSubmit {
    display: inline-block;
}

.basketNotReserved {
    background-color: rgba(255, 2, 0, 0.63);
}

.readyForRefundSummary {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 0;
}

.readyForRefundSummary td {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 50% !important;
}

.readyForRefundSummary tr.firstRow td {
    border: 0 !important;
}

.order-approved {
    background-color: rgba(0, 255, 0, 0.5);
}

.order-rejected {
    background-color: rgba(255, 2, 0, 0.5);
}

.order-search-results-orderSummary, .order-search-results-payment-note {
    cursor: pointer;
}

.payment_securityCheckFailed {
    background-color: rgba(255, 2, 0, 0.5);
    background-image: url('/assets/cross.png');
    background-repeat:no-repeat;
    background-position: center;
    background-size: 28px;
    padding: 0 !important;
    /* Hack to get the child div to 100% */
    height: 1px;
}

.payment_securityCheckWarning {
    background-color: rgba(255, 255, 0, 0.5);
    background-image: url('/assets/warning.png');
    background-repeat:no-repeat;
    background-position: center;
    background-size: 28px;
    padding: 0 !important;
    /* Hack to get the child div to 100% */
    height: 1px;
}

.payment_securityCheckPassed {
    background-color: rgba(0, 255, 0, 0.5);
    background-image: url('/assets/tick.png');
    background-repeat:no-repeat;
    background-position: center;
    background-size: 28px;
    padding: 0 !important;
    /* Hack to get the child div to 100% */
    height: 1px;
}

.payment_tooltip {
    height: 100%;
    width: 100%;
}

.paymentProviderCollapse {
    padding: 20px;
}

.paymentProviderCollapse:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.payment_customerNotice {
    display: none;
}

#order-close-dialog-refund-due {
    display: none;
}

.orderItemError {
    color: red;
    margin-top: 5px;
}

.orderItemWarning {
    color: orange;
    margin-top: 5px;
}

.orderCancelModePanel {
    background-color: aliceblue;
}

.orderCancelModeDesc {
    color: grey;
    margin-top: 3px;
}

.deliveryEditCourierWarning {
    color: #de9000;
    margin-top: 5px;
}

.referrer-picker-logo {
    max-height: 50px;
    width: 50px;
    margin-right: 10px;
    display: inline-block;
}

.payment-authtype-pre, .refund_authtype_pre {
    background-color: #efb575;
}

.payment-authtype-cancelled {
    background-color: #f96e6e;
}

.payment_buttonWrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.payment_buttonWrapper * {
    margin-left: 10px;
}

.refund_warning {
    margin-right: 10px;
    font-weight: bold;
}

.cancel_preauth_button {
    background-color: #d9534f;
}

/* Trust payments specific. */
#st-form .payment_buttonWrapper {
    width: auto;
    margin-top: -27px !important;
}

.sendPaymentReceiptSuccess {
    display: none;
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    padding: 6px;
}

.sendPaymentReceiptFailed {
    display: none;
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    padding: 6px;
}

.orderIsBasket {
    background-color: beige;
    padding: 10px;
}

.orderIsQuote {
    background-color: rgb(197,  213, 197);
    padding: 10px;
}

.orderOpenForEdit {
    background-color: lightcyan;
}

.orderAttributesForm {
    padding: 24px;
}

.orderAttributesForm > * {
    margin-top: 12px;
}

#order-conversations-content {
    margin: 20px 0;
    padding: 10px;
    border-radius: 10px;
    background-color: #e1e1e1;
}

.addHireItemDateTimePicker {
   background-color: white !important;
}

.showPaymentOptionsWrapper {
    margin: 20px 0;
}

.gettingPaymentOptions {
    display: none;
    font-size: 20px;
    align-items: center;
}

.order-item-checkbox-cell .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.cancelOrderDialogFooter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cancelOrderDialogFooter:before, .cancelOrderDialogFooter:after {
    display: none;
}

.cancelOrderDialogFooter label {
    display: block;
}

.order-custom-address-row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 10px;
    align-items: center;
    margin: 3px 0;
}

.payDamageFromSecurity {
    font-size: 20px;
    padding: 15px 30px;
}

.settleOptionNoWrap {
    white-space: nowrap;
}

.showPaymentOptions {
    font-size: 16px;
    padding: 10px 20px;
}

.showPaymentOptionsButtons {
    display: flex;
    gap: 10px;
}

.orderDamageAmountRemaining {
    display: flex;
    align-items: center;
    gap: 10px;
}

.order-customer-details {
    font-size: 16px;
    border: 1px solid black;
    margin: 10px 0;
    padding: 10px;
}

.order-customer-details > div {
    margin: 5px 0;
}

.orderFinishEdits {
    padding: 3px 10px;
}

#tabPayments .orderFinishEdits {
    display: none;
}

.orderFinishEditsDesc {
    display: inline-block;
    margin-left: 20px;
    font-weight: bold;
}

.orderFinishEditsDesc:not(#tabPayments *) {
    display: none;
}

.orderSectionHeader td {
    background-color: #ccced7;
    font-size: 16px;
    font-weight: bold;
}

.orderSectionHeaderColumnTitles td {
    background-color: #ccced7;
}

.orderItemsTable>tbody+tbody {
    border-top: none;
}

.orderItemsTableWrapper {
    padding: 10px;
}

.orderItemsTableWrapper table {
    margin: 0;
}

.orderItemSortColumn .indenter {
    display: none !important;
}

.orderItemsSectionsBar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px;
}

.orderItemsSectionsBar form {
    padding: 0;
}

.orderSectionNameInput {
    display: none;
    margin-left: 20px;
    flex-grow: 1;
}

.orderSectionHeaderInputsWrapper {
    display: inline-block;
    width: calc(100% - 40px);
}

.orderSectionHeaderInputs {
    display: flex;
    align-items: center;
    gap: 15px;
}

#orderItems span:not(.picklistMovableIcon, .indenter, .orderSectionNameDisplay, .orderNoSectionNameDisplay) {
    padding: 0 !important;
}

.orderSectionItemDragHandle {
    display: none;
}

#order-editButtons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#order-editButtons > div {
    display: flex;
    gap: 10px;
    flex-flow: row wrap;
}

.orderSectionRemove {
    display: none;
}

.orderSectionSortOrder {
    display: none;
    align-items: center;
    gap: 3px;
}

.orderSectionButtons .indenter {
    display: none !important;
}

.orderItemNote {
    font-style: italic;
    margin-left: 10px;
}

.orderTableNoSections .orderSectionHeader {
    display: none;
}

.orderTableNoSections .containerItemRow {
    font-size: 14px;
}
#orderCheck-treetable {
    border-spacing: 2px;
    border-collapse: collapse;
    margin-top: 20px;
}

#orderCheck-treetable tbody:not(.treetableContainerSeparator) {
    border: 2px solid black;
}

.orderCheck-orderRow {
    font-size: 16px;
    font-weight: bold;
}

.orderCheck-orderRow td {
    vertical-align: middle !important;
}

.orderCheck-orderItemRow {
    font-size: 14px;
    background-color: #f5d9d9;
}

.orderCheckChannelCell {
    width: 100%;
    display: flex;
    align-items: center;
}.customPageDetailsSettingsContainer {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
}

.customPageDetailsSetting {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
}

.carouselBuilderContainer {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 10px;
}

.carouselBuilderContainer .panel-heading {
    /* height: 32px; */
}

.customPageImgThumbnail {
    height: 36px;
}

.carouselGroupPanel {
    display: flex;
    flex-flow: column nowrap;
}

.carouselGroupPanelHeading {
    display: flex;
    align-items: center;
}

.carouselGroupPanelTitle {
    width: 100%;
}

.carouselGroupPanelHandle {
    margin-right: 20px;
}

.carouselGroupPanelHandle:hover {
    cursor: ns-resize;
}

.contentButtonBar {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.contentToolbarPanel {
    margin-top: 20px;
}

.contentToolbarPanel .btn-framework-update {
    margin-left: 10px;
}

.contentToolbar {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    align-items: center;
    padding: 10px;
}

.contentToolbarItem {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.contentToolbarItem label {
    margin: 0 10px 0 10px;
    text-align: right;
    vertical-align: middle;
}

.contentToolbarItem select {
    width: 100%;
}

.contentToolbarButton {
    margin: 0 10px 0 10px;
}

/*
These classes accompany the layout and need to eventually be moved into the front end and only referenced
from the console through a db setting to point to these classes
*/

.ccio-content-layout {
    padding: 10px;
}

.contentLayoutRowContainer, .ccio-content-layout-row-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    width: 100%;
}

.ccio-content-layout-row-container-wrapped {
    flex-flow: row wrap;
}

.ccio-content-layout-row-banner {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    min-height: 50px;
}

.ccio-content-layout-column-container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: stretch;
    align-items: center;
    background-color: #cccccc;
    width: 100%;
}

.ccio-content-layout-right-aside {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    margin: 10px;
    order: 1;
}

.ccio-content-layout-left-aside {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    margin: 10px;
    order: -1;
}

.layoutPanelContent, .ccio-layout-panel-content {
    min-height: 50px;
    background-color: #ffffff;
    padding: 10px;
    margin: 10px;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: stretch;
}

.ccio-layout-panel-background {
    height: 300px;
}

.ccio-layout-panel-foreground-container {
    top: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    pointer-events: none;
}

.ccio-layout-panel-background-container, .ccio-layout-panel-background {
    /* height: 400px; */
    position: relative;
}

.ccio-layout-panel-foreground {
    height: 250px;
    top: unset;
    width: 30%;
    pointer-events: auto;
}

.layoutContent p {
    margin: 0;
}

.editPanelMessage {
    margin-bottom: 15px;
}

.ccio-panel-data {
    width: 100%;
    height: 100%;
}

.ccio-layout-panel-content:hover {
    background-color: #FFF1E8;
    cursor: move;
}

.panelWizardType {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    margin: 20px;
    max-width: 15%
}

.btn-group-vertical {
    margin-bottom: 20px;
}

.contentPanelEditorContainer {
    display: flex;
    flex-flow: row nowrap;
}

.contentPanelEditor {
    width: 100%;
}

.targetPanel {
    display: none;
}

.pageLayoutTextArea {
    font-family: Courier, monospace;
    font-size: 14px;
    background-color: black;
    color: #00dd1c;
}

.pageCategorySelectContainer {
    display: flex;
    flex-flow: row nowrap;
}

.pageCategorySelectBtn {
    margin-left: 10px;
}

.panelSettingItem {
    margin-top: 6px;
    margin-bottom: 6px;
}

.publishedContentContainer {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: stretch;
    margin: 15px;
}

.publishedContentContainer > * {
    margin: 10px;
}

.publishedContentContainer .editPanelMessage {
    display: none;
}

.contentPublishedDataContainer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: left;
    align-items: center;
}

.contentPublishedDataContainer > * {
    margin: 10px;
}

.contentPublishedDate {
    min-width: 20px;
    max-width: 15%;
}

.carouselItemMetaData {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid #cccccc;
}

.ccio-bannerItem {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ccio-carousel {
    width: 100%;
}

.ccio-content-2-columns {
    width: 48%;
}

.pageContentColour {
    min-width: 75px;
}

.customPageCheckbox {
    height: 29px;
}

.customPageCheckbox .checkmark {
    left: 5px !important;
}

.removeGroupData {
    float: right;
}

.selectCategory {
    margin-left: 14px;
}

.activePageContent {
    stroke-dasharray: 7, 5;
}

.panelContainsContent {
    border: 3px solid #00dd1c;
}

.panelMoniker {
    border: 3px solid black;
    width: 50%;
    padding: 25px;
    text-align: center;
}

.ccio-breadcrumb {
    width: 100%;
    display: flex;
    justify-content: center;
}

.panelCustomCarousel {
    background-color: #76b9f3;
    color: black;
}

.panelCategoryCarousel {
    background-color: #8fdf82;
    color: black;
}

.panelBannerCarousel {
    background-color: #b94a48;
    color: black;
}

.panelNewsArticleThumbnail {
    background-color: #edde34;
    color: black;
}

.allowPanelDrop {
    background-color: #0A58A7;
}

.trustpilot-widget {
    background-color: #000032;
    background-image: url('https://cdn.trustpilot.net/brand-assets/1.1.0/logo-white.svg');
    background-repeat:no-repeat;
    background-position: center;
    width: 50%;
    height: 100px;
}

.addPanelContainer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    padding: 14px;
}


.ccio-content-layout-tab-menu {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    /* padding: 10px; */
    margin: 0;
    background-color: var(--prod-detail-menu-bgcolor);
    order: var(--prod-detail-menu-order, 0);
    width: 100%;
}

.ccio-page-sectionItem {
    /* width: 100%; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 13px;
    margin-right: 13px;
    padding-left: 10px;
    padding-right: 10px;
}

#ccio-page-sectionLoading {
    display: none;
}

#ccio-page-sections {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    width: 100%;
}

#ccio-page-sectionDetail {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

.panelNameFormInputs {
    display: flex;
    align-items: center;
}

.panelNameFormInputs label {
    white-space: nowrap;
    margin-right: 10px;
}

.customPageMetaDataColourType {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
}

.customPageMetaDataColourText {
    width: 9ch;
}

.customPageMetaDataColourClear {
    margin-left: 10px;
}

#emailTags, #emailValidationResults, #unlayerEmailValidationResults {
    display: none;
    margin-top: 20px;
}

.previewFormFields .row {
    margin-top: 10px;
}

.previewFormFields label {
    margin: 0;
    padding: 6px 15px;
}

.ccio-banner-overlay {
    /* position: absolute; */
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch;
    z-index: 999;
    margin-top: 0;
    padding: 24px;
    width: 100%;
    height: 100%;
}

.helpArticle {
    width: 100%;
    padding: 12px;
}

.helpArticleClosed {
    width: 0;
    transition: width 2s ease, min-width 2s ease;
    display: none;
}

.carouselDataItem {
    width: 100%;
    /* padding: 10px; */
}

.slick-slide {
    outline: none
}

.helpArticleCloseButton {
    cursor: pointer;
}

.helpArticleCloseButton:hover {
    font-size: 3em;
}

.helpNoArticlesOfType {
    margin: 14px;
}

.customPageMetaImage {
    max-height: 128px;
    height: auto;
    width: auto;
}

.customPagePanelMetaImageUrlContainer {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.customPagePanelMetaImageUrlContainer > * {
    margin-top: 7px;
}

.customPagePanelMetaImageUrlContainer > button {
    margin-left: 10px;
}

.split-banner {
    width: auto !important;
    background-color: transparent !important;
}

.split-banner img {
    max-width: 100%;
}

.split-banner-left {
    margin: 0 10px 0 0;
}

.split-banner-right {
    margin: 0;
}

.split-banner-right > div {
    margin: 0 0 10px 0;
}

.configureCustomTagValuesContainer {
    display: flex;
    flex-flow: column nowrap;
}

.configureCustomTagValueContainer {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    align-items: center;
    justify-content: space-around;
}

.configureCustomTagValueContainer {
    padding: 5px;
}

.configureCustomTagValueContainer > * {
    width: 47%;
}

.configureCustomTagValueContainer > :first-child {
    width: 5%;
}

.configureCustomTagDisabled {
    pointer-events: none !important;
    color: #cccccc !important;
}

.configureCustomTagValue > * {
    width: 100%;
}

.configureCustomTagValueTemplate {
    display: none;
}

#contentPanelEditor, #contentPanelTargetPanel {
    width: 100%;
    height: 100%;
}

#unlayerWrapper {
    width: 100%;
    height: 100%;
}

#unlayerEditor {
    width: 100%;
    height: 100%;
}

.panelButtons {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.exportPanel {
    margin-bottom: 15px;
}

#contentPanelRawHtmlEditor {
    font-family: Courier, monospace;
    font-size: 14px;
    background-color: black;
    color: #00dd1c;
}

#contentPanelRawHtmlValidationResults {
    display: none;
    margin: 10px 0;
}

#rawHtmlFileUploadResults {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}.product-summary-header-productid {
    color: #18abff;
}

.product-summary-header-manufacturer {
    text-align: right;
}

.product-summary-header-supplier {
    text-align: right;
}

.relatedItemRowSelected .relatedItemImage img {
    width: 100px;
    height: 100px;
}

.alternativeItemRowSelected .relatedItemImage img {
    width: 100px;
    height: 100px;
}

.relatedItemImage {
    width: 30px;
    height: 30px;
    text-align: center;
    transition: width .2s ease-in-out, height .2s ease-in-out;
}

.relatedItemImage img {
    width: 30px;
    height: 30px;
    transition: width .2s ease-in-out, height .2s ease-in-out;
}

.relatedItemImage span {
    line-height: 25px;
}

.product-image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    /*overflow: hidden;*/
    /*background-color: #d43f3a;*/
}

.product-image img {
    display: block;
    max-width:180px;
    max-height:150px;
    width: auto;
    height: auto;
}

.relatedProductsContainer {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.relatedItemsTable {
    margin-bottom: 10px;
    width: 100%;
}

.relatedItemRowSelected {
    background-color: #94d6d6;
}

.alternativeItemRowSelected {
    background-color: #94d6d6;
}

.allCategoryRow {
    font-size: 1.2em;
    padding-top: 15px;
    padding-bottom: 5px;
}

.productCategoryRow {
    font-size: 1.2em;
    padding-top: 15px;
    padding-bottom: 5px;
    cursor: pointer;
}

.selectedCategoryContainer {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.selectedCategoryPrimaryLabel {
    font-family: 'Top-Secret', Courier;
    padding: 10px;
    font-size: 16px;
    color: red;
    -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari 3-8 */
    transform: rotate(20deg);
}

.allCategoryRowDraggable {
    cursor: move;
}

.allCategoryRowNotDraggable {
    cursor: default;
}

.allCategoryRowMovableImage {
    background-image: url("data:image/png;base64,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");
    background-size: 60%;
}

.allCategoryRowMovableImage {
    background-image: url("data:image/png;base64,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");
    background-size: 60%;
}

.assetRow {
    font-size: 1.4em;
}

.assetRowMovableImage {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABy2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBJbWFnZVJlYWR5PC94bXA6Q3JlYXRvclRvb2w+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgqyI37xAAAEh0lEQVRoBe1bO3LbMBA1KRUpXfpXKF1K+TeTzswNpC6lfILEJ7B9Ak9OYJfpopSpQneZ8U83CNPYKX0A28p7DKCBRIDEglJGcswZDUDsB/u4iwUBUNHSlK92u92K4ziJomgPqlv4JfiVXSmI2XA4PH96ekoHg0FWxiylRVIBGz9BNZvNDzCyA3rLxiNoy/Bw+g8PD5+mAbYWwJ2dnQSgDmF8IgAgYU0B9vjy8jKVCJm8QQB3d3fbCKcTKEpMZTOspwj7g4uLi4G0j1gqAK8dAdwN5BKBbP/x8fH11dVVxB/rkO0L5BP2yb4FMjmrtweV104h1RZ2cgZQ+zaZ7e1t6uvZaCVtA3hz39ebXgDVWPuCTpdLOraRnOA0cyDIe4zNrs/YbOiOXOXW1lYPNIJ75eJxtFeCo9zd3d3XtbW1FqqSyKAtvdXV1V+QH6DuvEoBEhyeFMNIenmB00oDQS7Btk4VSGeIqrD8ro0QlCJwpt7AcCXQd65wtQLkxN1oNJgppz7mTEC2eiDIe2TmTduLgXWaALiZJBQboMk2lXHPJtsr7peVzQW2whhUc837Amd5Q3BY2tQGjsmV9fX16Pb2NjV1joWomusYmpKrj6felQj48iJcGUkdX37yYY7cNOfIsRBVr18SfUuI/QORgIA5RPckhpEHQ7MmX70ENotZ4cWhVMjMqiMPqlWBVNdc8ptYcoCcFmBpEmKtkg0RrZSpoTvRsjlALlYre3MwID2fOEhLak5zkfP2Mp4y3aVKQdSYcoBqJV4l46J3mO30EyMT62xDtcf7iqtXIi/KoGY/GlNEY/CkfprEadarkhDAiZOIr31cd2LaiBNfgUXjI7YYKXVv0Qz3tZfYOAZbvgILyNciwGQBDfc1OSHAZ329AFx097548MWDc/4E/osQTefcCXXMS+nBrI6GOZfNYiwrzufcyGDziC3GJk0arGHOBYktVrvBWU1b657/1ZW3mZ8RW5MULCv6cOdHG5dHW2FfVD20Lhazpx7yhU1jQ168L6r7IybW8y2/Oqt6rpqVQVr31Mpp2JXPg8rANMSyWYGjLTV0jz5HGU30cOlxCMB5lDGxjACq87VUajDDSCrjyx+oOzXPCkcA2Sk2acTnDHX2LquAhuiexDB2fIajp988gkLHSVXnBv0Nz9h55GW01a6qDCw6xmNownufzc7zLGo2sA7lNyjak+0V94V0X8HvJCtwPSeDnTDAHuzmJGksRDURqb+L+r2+9yy5Q+0z75WqCwTHI2zaXLisAJme4W6rQEHDeEMtkIHg+KLSdU0pY2PQtBXjMeMnGhDumO0e9XbImAwFhzewfYRm/tZis80JkMz8yOZfgKwD7vr6+swGTLdZk4wm6vJZf8pFkAzXjY2NbwiHt7hd0cA9ytJwDfQcP8bjd2o/PPr/+7Ltw6h5+JkJgB7qe8+Sy6EDnQjUSzQPTkXjG/mA89yRZ585m1eITipcpA9igwBqwGps0puJbptymSqvpaF6awHUnTLknuVH6RqgWRIsT1bx5PfQ3sIvwa/sSkGc2d8K/gBkDB4HNHslQQAAAABJRU5ErkJggg==");
    background-size: 60%;
}

.assetRowMovable {
    cursor: move;
}

.warehouseRow {
    font-size: 1.2em;
    padding-top: 15px;
    padding-bottom: 5px;
}

.fromWarehouse {
    font-size: 1.5em;
    font-weight: bold;
}

.toWarehouse {
    font-size: 1.5em;
    font-weight: bold;
}

.no-orders-affected {
    font-size: 1.5em;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.affectedOrders {
    height: 150px;
    overflow-y: scroll;
}

.orders-affected {
    text-align: center;
}

.moveAssetConfirmation {
    text-align: center;
}

.export-affected-orders {
    alignment: left;
}

.moveWarehouseHelpText img {
    /*display: block;*/
    max-width: 20px;
    max-height: 20px;
    width: auto;
    height: auto;
}

.checking {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10;
    display: flex;
    justify-content: center;
}

.checking-inner {
    align-self: center;
    font-size: 30px;
}

.checking-text {
    display: inline-block;
    margin-left: 10px;
}

.vendorSerials {
    resize: vertical;
}

.asset-serials-group {
    margin-bottom: 0 !important;
    display: flex;
}

.asset-serials {
    flex-grow: 1;
}

.relatedHeadingContainer {
    display: flex;
    flex-flow: row wrap;
}

.noRelatedProducts {
    width: 100%;
    margin: 10px;
}

.kitRelatedWarning {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.notSelectable {
    background-color: rgb(211, 211, 211);
}

.reciprocateRelationshipCheckbox {
    display: inline !important;
    margin-right: 15px;
}

.addRelated {
    margin-left: 20px;
}

.kitsCannotBeSoldWarning {
    font-size: 12px;
}

.virtualWarehouseOption {
    color : #a94442;
}

.productImageryButtons {
    margin-top: 10px;
    margin-left: 10px;
}

.productImageryButtons button {
    display: inline;
    margin-right: 5px;
}

.productImageryButtons p {
    display: inline;
}

.productGalleryOrderForm {
    padding: 0;
}

.awesomplete {
    width: 100%;
}

.imagesCategoryIcon {
    content: url("/assets/image.png")
}

.pricingCategoryIcon {
    content: url("/assets/credit-card.png")
}

.supplierCategoryIcon, .classIdCategoryIcon, .manufacturerCategoryIcon, .attributesCategoryIcon, .categoriesCategoryIcon {
    content: url("/assets/rolodex.png")
}

.hireAssetsCategoryIcon {
    content: url("/assets/circulio-icon.png")
}

.pricing-modifier-hire {
    background-color: rgba(174, 255, 191, 0.51);
}

.pricing-modifier-buy {
    background-color: rgba(255, 249, 174, 0.51);
}

.pricing-modifier-slider-select {
    display: none;
}

.pricing-modifier-adjustments {
    display: flex;
    justify-content: space-between;
}

.pricing-modifier-adjustment-wrapper {
    min-width: 150px;
}

.pricing-modifier-adjusted-price-wrapper {
    min-width: 100px;
    text-align: right;
}

.pricing-modifier-disabled-warning {
    margin-left: 10px;
    font-weight: normal;
    font-style: italic;
    font-size: 13px;
    color: red;
}

.productAttributesChannelWrapper {
    margin-top: 20px;
    margin-left: 10px;
}

.allChannelsVisibleLabel {
    margin-bottom: 0 !important;
}

.channelVisibleWrapper {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid grey;
}

.attributeValueColumn {
    width: 80%;
}

.categoriesContainer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: stretch;
    margin-top: 10px;
}

.categoriesTable {
    width: 47%;
    padding: 10px;
}

.productAssociationPanelTitle {
    margin-left: 10px;
}

.productBomTotals {
    font-weight: bold;
}

#productFilterAttributesContainer {
    margin-top: 15px;
}

#newProductMainForm .row {
    margin-bottom: 15px;
}

#selectAllCloneOptionsLabel {
    border: none;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product-link-selected {
    background-color: rgba(252, 0, 0, 0.25);
}

.product-link-hire {
    background-color: rgba(174, 255, 191, 0.51);
}

.product-link-sell {
    background-color: rgba(255, 249, 174, 0.51);
}

.product-link-tb4ub {
    background-color: rgba(93, 145, 255, 0.1);
}

.product-link-autocompleteSearchWeight {
    width: 100px;
    background-color: rgba(255, 85, 0, 0.1);
}

.product-link-autocompleteSearchWeight .product-link-checkbox-label-wrapper {
    padding: 5px;
}

.product-link-watchlistEnabled {
    background-color: rgba(80, 162, 114, 0.1);
}

td.product-link-checkbox-container {
    padding: 0 !important;
    height: 1px;
}

label.product-link-checkbox-label {
    width: 100%;
    height: 33px;
    margin: 0;
}

.product-link-checkbox-label-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.productFilterApplicable {
    width: 20px !important;
    height: 20px !important;
    margin: 5px !important;
}

.productFilterHeading {
    display: flex;
    align-items: center;
}

.relatedProductGroupSettings {
    display: flex;
}

.priorityCategoryWrapper {
    display: flex;
}

.priorityCategoryWrapper button {
    margin-left: 5px;
}

.priorityCategoryNameWrapper {
    display: flex;
    align-items: baseline;
    margin-left: 10px;
}

.priorityCategoryNameWrapper label {
    white-space: nowrap;
    margin-right: 3px;
    font-size: 16px;
}

.productAttributeImageParentContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
}

.clickUpdateToApplyWarning {
    width: 100%;
    text-align: center;
    display: none;
}

.productAttributeImageContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.productAttributeImageContainer > * {
    margin-right: 15px;
}

.productAttributeImageContainer > input {
    width: 100%;
}

.productAttributeImageContainer > img {
    max-width: 33%;
}

.productAttributeImageBtnContainer {
    display: flex;
    flex-flow: column nowrap;
}

.productAttributeImageBtnContainer > * {
    margin-bottom: 5px;
}

.basePricingContainer {
    display: flex;
    flex-flow: row nowrap;
}

.basePricingContainer > * {
    margin: 0 5px 0 5px;
}

.keyfeaturestable {
    width: 100%;
}

.keyfeaturerow {
    height: 34px;
}

.product-attribute-kvps {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.product-attribute-kvp {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
}

.product-attribute-kvp > div {
    padding: 2px;
    width: 50%;
}

.product-attribute-kvp-buttons {
    margin-bottom: 15px;
}

#channelChoicesTable {
    width: auto;
    border-spacing: 0;
    border: 1px solid #d3d3d3;
}

#channelChoicesTable>tbody>tr>td {
    border-top: 1px solid #d3d3d3;
}

.manufacturerPartIdInput {
    height: auto;
}

.poolAssetActiveCountWrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

#poolAssetTable {
    width: auto;
}

#poolAssetTable > tbody > tr > td {
    vertical-align: middle;
    padding: 10px 30px;
    text-align: center;
}

.assetPoolActive {
    background-color: lightgreen;
    border-right: 1px solid #afafaf;
}

.assetPoolTotalActive {
    background-color: #66d166;
}

.assetPoolInactive {
    background-color: #ffe1aa;
}

.product-link-giftIncentiveWrapper {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-direction: row;
}

.product-link-giftIncentiveWrapper label {
    width: 30%;
}

.productkeyfeatures-detail > .row {
    margin-top: 21px;
}

.newKeyFeatureRow {
    padding-bottom: 15px;
}.scissors {
    padding: 1px;
    border: 2px dashed black;
    margin: 10px;
    position: relative;
    top: 0px;
    left: 0px;
}

.scissors > .scissors-image {
    background-image: url('/assets/scissors.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90% 90%;
    position: absolute;

    height: 15px;
    width: 18px;
    left: 15px;
    top: -8px;
    overflow: visible;
    z-index: 9999999;
}


.promotionPanel {
    margin: 0 !important;
}

.promoContainer {
    padding: 0 !important;
    margin-top: 0 !important;
}

.promocodeTitle {
    border: 1px solid black;
    background: #ffffff;
    color: #202020;
    font: 48px "Courier New";
    padding: 5px;
}

.starburst {
    font: 24px 'Lobster', georgia, serif;
    background: #ff0000;
    width: 2.9em;
    height: 2.9em;
    text-align: center;
    color: #fff;
    transform: rotate(-45deg);
}

.starburst,
.starburst span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.starburst span {
    width: 100%;
    height: 100%;
    background: inherit;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 1em; /* a */
    max-height: 2em;
    transform: rotate(45deg);
}

.starburst:before,
.starburst:after ,
.starburst span:before,
.starburst span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    z-index: -1;
    transform: rotate(30deg);
}

.starburst:after {
    transform: rotate(-30deg);
}

.starburst span:after {
    transform: rotate(30deg);
}
.starburst span:before {
    transform: rotate(-30deg);
}

.promoConditionRowSelected {
    background-color: #94d6d6;
}

.inactiveRow {
    background-color: orangered;
}

.deletePromoCodeBtn {
    margin-bottom: 10px;
}

.promotionTypeInstructions {
    display: none;
}.releaseNote {
    padding: 24px;
}
.reports {
    width:100%;
    height:100%;
    overflow-y: auto;
}

.reports-params {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

.reports-form-group {
    flex: none;
    margin: 3px;
}

.reports-common {
    background-color: #d1eeff;
}

.reports-orders {
    background-color: #ffb6ac;
}

.reports-product-hire-summary {
    background-color: #71b9ff;
}

.reports-product-availability {
    background-color: #4b88a6;
}

.reports-order-items {
    background-color: #ffc7ed;
}

.reports-tb4ub {
    background-color: #ebffc7;
}

.reports-assets-hire {
    background-color: #b2ffc3;
}

.reports-assets-status {
    background-color: #ffff6f;
}

.reports-members {
    background-color: #ffe3aa;
}

.reports-catalogue {
    background-color: #4b88a6;
}

.reports-shipments {
    background-color: #97a67b;
}

.reports-shipments-unpacking {
    background-color: rgba(254, 0, 0, 0.29);
}

.reports-ticket-reservations {
    background-color: #71b9ff;
}

.reports-product-watchlist {
    background-color: #ffff6f;
}

.reports-promocode-usage {
    background-color: #22aa77;
}

.reports-invoices {
    background-color: #71b9ff;
}

.reports-quickbooks-invoices {
    background-color: #eb9316;
}

.reports-product-stock {
    background-color: #ffe3aa;
}

.reports-xero-invoices {
    background-color: #71b9ff;
}

.reportDownload {
    display: none !important;
}.triggerIntervalGroup {
    display: flex;
}

.jobStatus-running {
    background-color: rgba(0, 255, 0, 0.5);
}

.jobStatus-finished {

}

.jobStatus-failed {
    background-color: rgba(255, 11, 11, 0.5);
}

.jobResult-success {
    background-color: rgba(0, 255, 0, 0.5);
}

.jobResult-exception {
    background-color: rgba(255, 11, 11, 0.5);
}.signup-body {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #eee;
    overflow-y: auto;
    height: 100%;
}

.form-signup-section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.form-signup-heading {
    margin-bottom: 10px;
    max-width: 330px;
    padding: 15px;
}

#form-signup .panel {
    width: 100%;
}

.g-recaptcha {
    margin-bottom: 10px;
}

.selfservice-input-title {
    font-weight: bold;
}

#addDebugSelfServiceAccountDetails {
    margin-bottom: 20px;
}

.comingSoonLogo {
    max-height: 50px;
}

.comingSoonHeader {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.comingSoonBody {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.selfservice-input-cell label {
    margin: 0;
}

.selfservice-input-cell input[type="file"].form-control {
    margin-bottom: 0;
}.shipment-validation-error {
    border: 3px solid red !important;
}

.picklistValidationError {
    color: red;
}

.shipment-summary-header {
    margin-top: 10px;
    padding: 5px
}

.shipment-status-donut {
    width		: 100%;
    height		: 100px;
    font-size	: 8px;
}

.shipment-summary-header-status {
    margin-top: 5px;
    color: #18abff;
}

.shipment-summary-header-contact {
    color: #000000;
}

.shipment-summary-header-address {
    color: #7e7e7e;
}

.send-quote-button-container {
    display: flex;
}

.asset-return {
    margin-top: 10px;
    margin-bottom: 15px;
}

/** Hide the drop-down. */
.asset-return-condition, .shipmentCheckinCondition {
    display: inline-block;
    width: auto;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.asset-return-condition-missing {
    color: #FFFFFF !important;
    background-color: #c9302c !important;
}

.asset-return-condition-ok {
    color: #FFFFFF !important;
    background-color: #5cb85c !important;
}

.asset-return-condition-damaged {
    color: #FFFFFF !important;
    background-color: #ec971f !important;
}

.asset-return-condition-damage-reported {
    color: #000000 !important;
    background-color: #ece48f !important;
}

.asset-return-condition-swap {
    color: #000000 !important;
    background-color: #ecb08f !important;
}

#shipmentReturnErrors {
    margin-top: 10px;
}

.case-doctag-dev {
    font-size: 14px;
}


#damageReportsTable {
    border-collapse: collapse;
}

.itemWithIssuesBody {
    border: 2px solid black !important;
    border-collapse: separate;
    border-spacing: 4px;
}

.itemWithIssuesSeparator {
    display: block;
    margin-top: 15px;
    border: 0 !important;
}

.itemWithIssuesRow {
    font-size: 1.6em;
    background-color: #ffe3aa;
}

.itemWithIssuesBomRow {
    font-size: 1.2em;
}

.damageBomParentItem {
    background-color: white;
}

.damagePartDesc {
    width: 200px;
}

.damagePartDesc span {
    padding-left: 0 !important;
}

.damagePartDesc .indenter {
    width: 0 !important;
}

.damagePartCode {
    font-weight: bold;
}

.damagePartCondition {
    width: 150px;
}

.buyItemCheckbox {
    height: 12px;
    margin-top: 0 !important;
}

.shipmentChannelLogoWrapper {
    display: table;
    text-align: center;
    vertical-align: middle;
    height: 100px;
}

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

.shipmentChannelLogo img {
    max-height: 128px;
    max-width: 128px;
}

.shipmentStatus-prepared {
    background-color: rgba(255, 255, 0, 0.5);
}

.shipmentStatus-dispatched {
    background-color: rgba(0, 243, 255, 0.5);
}

.shipmentStatus-picked_up {
    background-color: rgba(255, 255, 111, 0.5);
}

.shipmentStatus-dropped_off {
    background-color: rgba(255, 227, 170, 0.5);
}

.shipmentStatus-returned {
    background-color: rgba(255, 141, 42, 0.5);
}

.shipmentStatus-part_returned {
    background-color: rgba(255, 11, 11, 0.5);
}

.shipmentStatus-closed {
    background-color: rgba(0, 255, 0, 0.5);
}

.assetSerial {
    font-weight: bold;
}

.shipmentOrderWarning {
    font-weight: bold;
    color: #ffb822;
    margin-bottom: 0;
}

.shipmentOrderDanger {
    font-weight: bold;
    color: red;
    margin-bottom: 0;
}

.shipmentPriority-normal {
    color: #FFA500;
    font-weight: bold;
}

.shipmentPriority-high {
    color: #ff54aa;
    font-weight: bold;
}

.shipmentPriority-veryHigh {
    color: #ff54aa;
    background-color: rgb(255, 199, 237);
    font-weight: bold;
}

.shipmentPhaseGood {
    color: #00cc00;
    font-weight: bold;
}

.shipmentPhaseProblem {
    color: red;
    font-weight: bold;
}

.alert-shipmentPriorityNormal {
    color: #4e3000;
    background-color: rgba(255, 165, 0, 0.2);
    border-color: #FFA500;
    margin-bottom: 5px;
}

.alert-shipmentPriorityHigh {
    color: #693159;
    background-color: rgba(255, 130, 211, 0.33);
    border-color: #ff7dd7;
    margin-bottom: 5px;
}

.centreContents {
    margin: 5px;
}

.btn-collection-point {
    height: 92px;
    font-size: 21px;
}

#shipment-batch-list {
    margin-top: 10px;
}

.shipment-return-info {
    padding: 0 !important;
    margin-bottom: 20px !important;
}

.shipment-warnings {
    background-color: rgba(255, 255, 0, 0.2);
}

.shipmentCustomerName {
    font-size: 18px;
    font-weight: bold;
}

.shipment-datepicker {
    width: 120px !important;
}

.containerHeaderButtons {
    display: flex;
    justify-content: flex-end;
}

.containerHeaderButtons button {
    margin-left: 10px !important;
}

.shipmentCourierColumn {
    margin-top: 10px;
}

.shipmentCourierColumn .panel-heading h3 {
    margin: 4px 0 !important;
}

.shipmentCourierHeading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shipmentCourierHeading form {
    padding: 0;
}

.shipmentCourierHeading .btn {
    margin: 0;
}

.shipment-asset-pool-return {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.shipment-asset-pool-return-expected {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: bold;
}

.shipment-asset-pool-return-actual {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}

.shipmentCheckinItemButtons {
    display: flex;
    gap: 5px;
}

.shipmentCheckinConditionWarning {
    max-height: 30px;
}

.shipmentItemReturnButtons {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    align-items: center;
}

.asset-return-bin-location {
    max-width: 150px;
}

.caseHeader {
    display: flex;
    gap: 10px;
    flex-flow: wrap;
    justify-content: space-between;
}

.containerHeaderGroup {
    display: flex;
    gap: 10px;
    align-items: center;
}

.containerHeaderGroup label {
    margin: 0;
}

.containerHeaderGroup input {
    max-width: 150px;
}

.containerHeaderSuperGroup {
    display: flex;
    gap: 10px;
}

.picklistAssetTd {
    display: flex;
    gap: 5px;
}

.picklistAssetPool {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
}

.assetScanBarcode span {
    padding: 0 !important;
}

.containerAssetDetails span {
    padding: 0 !important;
    white-space: normal;
}

.shipment-warning-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.shipment-checkin-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

#shipment-checkin-asset-errors {
    padding: 5px;
    margin: 10px 0;
}

.shipment-checkin-buttons button {
    margin-left: 0;
}

.shipment-packer-section {
    display: flex;
    width: 100%;
    gap: 5px;
}

#shipment-checkin-asset-dialog .modal-body {
    min-height: 200px;
}

#shipment-checkin-asset-dialog .modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 20px;
}

.shipmentViewAdditionalItems {
    margin-top: 10px;
}

.shipmentGettingAdditionalItems {
    display: flex;
}

.shipmentAdditionalItemsContainer {
    margin-top: 10px;
}

.shipmentAdditionalHiresTable td, .shipmentAdditionalHiresTable th {
    border-color: #9e9e9e !important;
}

.shipmentAdditionalHiresTable pre {
    font-family: inherit;
    font-size: inherit;
    border: none;
    background-color: inherit;
    color: inherit;
    padding: 0;
    margin: 0;
    line-height: inherit;
}


@media (min-width: 767px) {
    .shipment-warning-group {
        margin: 10px 0;
    }
}

.shipment-warning-group .alert {
    margin-bottom: 0;
}

.ccio-courier-email-message {
    padding: 24px;
    border: solid 1px #ccc;
    background-color: #eee;
    margin-bottom: 16px;
}

@media (min-width: 767px) {
    .shipment-display-warning {
        display: none;
    }
}

/* Below 1400px we switch to a tablet / phone optimized layout. */
@media (max-width: 1400px) {
    .shipmentCaseTitle {
        display: none;
    }

    #shipmentContainersForm .indenter {
        padding: 0 !important;
    }

    #shipmentContainersForm td {
        white-space: normal !important;
    }

    .containerHeaderSuperGroup {
        flex-direction: column;
    }

    .containerRowCaseTitle {
        padding: 0 !important;
    }

    .shipmentItemReturnButtons {
        flex-wrap: wrap;
    }

    .shipment-checkin-buttons {
        flex-wrap: wrap;
    }

    #shipment-checkin-asset-dialog .modal-footer {
        flex-wrap: wrap;
    }
}

.assetCheckinDialogDetails {
    display: flex;
    flex-flow: wrap;
    gap: 30px;
    padding: 10px;
    border: 1px solid grey;
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: lightgoldenrodyellow;
    width: fit-content;
}

.assetCheckinDialogDetailsItem {
    display: flex;
}

.assetCheckinDialogDetailsTitle {
    font-weight: bold;
    margin-right: 5px;
}

.assetCheckinDialogDetailsCheckbox {
    width: 20px !important;
    height: 20px !important;
    margin: 0 0 0 10px !important;
}

.assetCheckinDialogDetailsTable tbody tr:first-child {
    font-weight: bold;
    background-color: lightgoldenrodyellow;
}

.ccio-courier-email-input-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.ccio-courier-email-input-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.ccio-courier-email-input-container > * {
    margin: 5px;
}

.ccio-courier-email-input-container > label {
    width: 10%;
}

.ccio-courier-email-textarea-container > label {
    width: 10%;
    margin: 5px;
}

.shipmentPackResult {
    height: 35px;
}

.shipmentPackResult img {
    height: 100%;
    display: none;
}

.shipmentPackResult audio {
    display: none;
}

.loadAssetNotes {
    display: flex;
    gap: 5px;
}

@media (max-width: 768px) {
    .picklistAssetTd {
        flex-flow: wrap;
    }

    .picklistAssetPool {
        flex-direction: column;
        align-items: flex-start;
    }
}
.tb4ubPromoRow {
    padding: 15px;
    display: flex;
    align-items: center;
}

.evidenceTable {
    margin: 10px;
}

.evidenceUploadedRow {
    background-color: rgba(255, 141, 42, 0.5);
}

.unusedRow {

}

.purchaseApprovedRow {
    background-color: rgba(0, 255, 0, 0.5);
}

.purchaseRejectedRow {
    background-color: rgba(255, 11, 11, 0.5);
}

.cashbackReturned {
    background-color: rgba(0, 243, 255, 0.5);
}

.tb4ub-evidence-header {
    margin: 15px;
}

.tb4ubTable {
    width: auto;
}

.tb4ubTableHighlight {
    font-weight: bold;
    background-color: rgba(255, 141, 42, 0.5);
}

.tb4ubCashbackConfirmWrapper {
    margin-bottom: 15px;
}

.tb4ubRefundText {
    font-weight: 500;
    font-size: 18px;
}.testSetupBorder {
    border: 2px solid #e0e0e0;
    border-radius: 3px;
    margin: 10px;
    padding: 10px;
}

.dottedLine {
    border-width: 0 0 3px 0;
    border-style: dotted;
    border-color: #AAAAAA;
}

.progressLine {
    padding: 10px;
    color: #AAAAAA;
}

.progressLineInProgress {
    color: #000000;
}

.progressLineInProgress .dottedLine {
    border-color: #000000;
}

.loadingIcon {
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
    height: 25px;
    width: 25px;
    padding: 5px !important;
}

.progressLineInProgress .loadingIcon {
    background-image: url('/assets/circulio-icon.png');
    -webkit-animation: rotation 3s infinite linear;
}

.progressLineFailed .loadingIcon {
    background-image: url('/assets/cross.png');
    -webkit-animation: none;
}

.progressLineSuccess .loadingIcon {
    background-image: url('/assets/tick.png');
    -webkit-animation: none;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

#testsetup-payment-dialog {
    z-index: 999999 !important;
}
.ticketReservation-attendance-none {

}

.ticketReservation-attendance-attended {
    background-color: rgba(0, 255, 0, 0.5);
}

.ticketReservation-attendance-didntAttend {
    background-color: rgba(255, 0, 0, 0.5);
}.translationEditorTokenColumn {
    width: 20%;
}

.translationEditorReferenceColumn {
    width: 40%;
}

.translationEditorEditColumn {
    width: 40%;
}.containerRow {
    font-size: 1.6em;
    background-color: #d1eeff;
}

.containerName {
    margin-left: 1.5em;
}

.containerRowHeadings {
    background-color: #d1eeff;
}

.containerRowNotInContainer {
    font-size: 1.6em;
    background-color: rgba(113, 185, 255, 0.99);
}

.containerRowNotInCaseHeadings {
    background-color: rgba(113, 185, 255, 0.99);
}

.containerRowUnpick {
    font-size: 1.6em;
    background-color: rgba(255, 60, 68, 0.99);
    color: white;
}

.containerRowUnpickHeadings {
    background-color: rgba(255, 60, 68, 0.99);
    color: white;
}

.containerItemRow {
    font-size: 1.2em;
}

.container-items-draggable  .containerItemRow:not(.notDraggable) {
    background-color: #efecec;
}

.containerItemHandle {
    cursor: move;
}

.container-items-draggable .picklistMovableIcon {
    background-image: url("data:image/png;base64,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");
    background-size: 60%;
    margin-left: 10px;
}

.container-table {
    /* Get rid of unwanted scrollbars in edge browser. */
    -ms-overflow-style: none;
}

.treetableContainers {
    border-collapse: collapse !important;
}

.treetableContainer {
    border: 2px solid black !important;
    border-collapse: separate;
    border-spacing: 4px;
}

.treetableContainerSeparator {
    display: block;
    margin-top: 15px;
    border: 0 !important;
}

.containerHeader {
    vertical-align: bottom !important;
}

.containerHeaderText {
    font-size: 12px !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}

.containerSortOrder {
    display: none;
}.btn-update-user-warehouses {
    margin-top: 0 !important;
}
.warehouseTrue {
    background-color: rgba(0, 255, 0, 0.5);
}

.warehouseFalse {
    background-color: rgba(255, 141, 42, 0.5);
}

#addressMap, #courierAddressMap {
    height: 400px;
    width: 100%;
}

.warehouse-mapMarker {
    display: block;
    width: 30px;
}

.additionalWarehouseInfo {
    margin: 15px;
    padding: 10px;
    background-color: rgb(238, 238, 238);
}

.additionalWarehouseInfoHidden {
    display: none;
}

.workingRuleRow {
    margin-top: 10px;
    margin-bottom: 10px;
}

.workingRuleChannel {
    width: 5%;
}

.workingRuleChannel span {
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.workingRuleChannel img {
    display:block;
    margin:auto;
}