/* Minification failed. Returning unminified contents.
(250,17): run-time error CSS1039: Token not allowed after unary operator: '-primaryButtonColor'
 */
/**
 * Helper classes to add additional properties
 * to modules and elements.
 */
/**
 * These rules serve mainly as extensions (SASS context) sub definitions.
 */
/* Perfect white 1px highlight for UI elements - (highlightColour should be the background colour of the element) */
/**
 * Theming
 */
/* line 11, ../../scss/_theming.scss */
html {
    color: #090909;
    background-color: #F5F6F7 !important;
}

body {
    margin-bottom: 0px !important;
}

.alert-box {
    box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.25);
    z-index: 1001;
}

.badge--shaded {
    background-color: rgba(0, 0, 0, 0.2);
}

.page-wrapper {
    min-height: 720px;
    margin-bottom: 60px;
}

.projects-button {
    border: none !important;
}

.projects-button.unimportant {
    background-color: #DEDEDE !important;
    color: #656565 !important;
}

/* line 21, ../../scss/_theming.scss */
div.dataTables_info-header,
div.dataTables_info {
    color: #999;
    font-size: 15px;
    margin-left: 5px;
    padding: 0 18px 0px 0;
}

/* line 77, ../../scss/_theming.scss */
a.link--styled, .link--styled a {
    color: #242428;
}

/* line 89, ../../scss/_theming.scss */
.chosen-results {
    background-color: #FFF;
}

/* line 100, ../../scss/_theming.scss */
.field__icon {
    /*a.saklou*/
    /*background-color: #999;*/
    background-color: #F06742;
    color: white;
}
/* line 105, ../../scss/_theming.scss */
.field__icon--helper {
    background-color: transparent;
    color: #ACACAC;
}
/* line 112, ../../scss/_theming.scss */
.field__label {
    color: #242428;
    vertical-align: middle;
}
/* line 119, ../../scss/_theming.scss */
.field__errors {
    color: #F44336;
    text-align: left;
    padding-top: 6px;
    font-weight: 500;
}

.field__errors-internal-dialog {
    color: #F44336;
    text-align: left;
    padding-top: 6px;
    font-weight: 500;
}

/* line 139, ../../scss/_theming.scss */
.field--text .field__container {
    background: #FDFDFD;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 3px;
}

/* line 139, ../../scss/_theming.scss */
.field--select .field__container {
    background: #FDFDFD;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 3px;
}

/* line 147, ../../scss/_theming.scss */
.field--select .field__wrap:before {
    color: #ACACAC;
}


/* line 163, ../../scss/_theming.scss */
.field--checkbox .field__element + .field__label:before {
    line-height: 0.9em;
    content: "\f0c8";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 8px;
    color: #ACACAC;
    font-size: 22px;
    vertical-align: top;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    margin-left: -4px;
    border: 1px solid white;
    border-radius: 0.25em;
    background: white;
}
.field--checkbox .field__element + .field__label-extrapadding:before {
    line-height: 0.9em;
    content: "\f0c8";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 8px;
    color: #ACACAC;
    font-size: 22px;
    vertical-align: top;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    margin-left: -4px;
    border: 1px solid white;
    border-radius: 0.25em;
    background: white;
    padding-right: 20px;
}


/* line 177, ../../scss/_theming.scss */
.field--progress .field__element {
    background-color: #d1d5d9;
    /* For IE */
    color: #4d4d4f;
}
    /* line 55, ../../scss/tools/_mixins.scss */
    .field--progress .field__element.progress-bar {
        background-color: #d1d5d9;
    }
    /* line 56, ../../scss/tools/_mixins.scss */
    .field--progress .field__element:-moz-progress-bar {
        background-color: #d1d5d9;
    }
    /* line 57, ../../scss/tools/_mixins.scss */
    .field--progress .field__element::-moz-progress-bar {
        background-color: #d1d5d9;
    }
    /* line 58, ../../scss/tools/_mixins.scss */
    .field--progress .field__element:-ms-progress-bar {
        background-color: #d1d5d9;
    }
    /* line 59, ../../scss/tools/_mixins.scss */
    .field--progress .field__element::-webkit-progress-bar {
        background-color: #d1d5d9;
    }
    /* line 64, ../../scss/tools/_mixins.scss */
    .field--progress .field__element.progress-bar__value {
        background-color: #4d4d4f;
    }
    /* line 65, ../../scss/tools/_mixins.scss */
    .field--progress .field__element:-moz-progress-value {
        background-color: #4d4d4f;
    }
    /* line 66, ../../scss/tools/_mixins.scss */
    .field--progress .field__element::-moz-progress-value {
        background-color: #4d4d4f;
    }
    /* line 67, ../../scss/tools/_mixins.scss */
    .field--progress .field__element:-ms-input-progress-value {
        background-color: #4d4d4f;
    }
    /* line 68, ../../scss/tools/_mixins.scss */
    .field--progress .field__element::-webkit-progress-value {
        background-color: #4d4d4f;
    }

/* line 198, ../../scss/_theming.scss */
.field--text.field--active:not(.field--invalid) .field__container, .field--text:not(.field--invalid) .field__container:focus-within {
    background: #FFFFFF;
    border: 1px solid #F06742;
    border-radius: 3px;
}

/* line 216, ../../scss/_theming.scss */
.field--text.field--invalid .field__container {
    background: rgba(219, 59, 18, 0.05) !important;
    /* Primary Colour */
    border: 1px solid #F06742;
    border-radius: 3px;
    color: #DB3B12;
}

/* line 221, ../../scss/_theming.scss */
.field--text.field--invalid .field__label {
    color: #242428;
}

/* line 232, ../../scss/_theming.scss */
.field--select.field--dark .field__container,
.field--select.field--dark .chosen-results {
    background-color: #242428;
    color: #FFF;
}
/* line 238, ../../scss/_theming.scss */
.field--select.field--dark .field__container-icon,
.field--select.field--dark .chosen-results-icon {
    background-color: #3a3a3d;
}
/* line 244, ../../scss/_theming.scss */
.field--select.field--dark .field__container {
    box-shadow: inset 0px 0px 0px 1px #68686a;
}
/* line 252, ../../scss/_theming.scss */
.field--select.field--invalid .field__container {
    box-shadow: inset 0px 0px 0px 1px #F44336;
}
/* line 257, ../../scss/_theming.scss */
.field--select.field--invalid .field__icon {
    background-color: #F44336;
}

/* line 270, ../../scss/_theming.scss */
.field--checkbox .field__element:checked + .field__label:before {
    box-shadow: none;
    content: "\f14a";
    color: var(--primaryButtonColor, #F06742);
    font-weight: 900;
}

.field--checkbox.reveal-wrapper {
    height: 64px;
    position: relative;
}

    .field--checkbox.reveal-wrapper .field__container {
        position: absolute;
        top: 50%;
    }

.field--checkbox.with-margin {
    margin-top: 10px;
}

/* line 282, ../../scss/_theming.scss */
.site-header {
    background-color: #242424;
    color: #ffffff;
    height: 72px;
}


/* line 293, ../../scss/_theming.scss */
.shaded-list, .accordion {
    color: #ffffff;
}
/* line 307, ../../scss/_theming.scss */
.shaded-list__item:nth-child(5n+1), .accordion__item:nth-child(5n+1), .shaded-list__item:nth-child(5n+1) .shaded-list__fill, .accordion__item:nth-child(5n+1) .shaded-list__fill, .shaded-list__item:nth-child(5n+1) .accordion__icon, .accordion__item:nth-child(5n+1) .accordion__icon {
    background-color: rgb(240, 103, 66);
}
/* line 307, ../../scss/_theming.scss */
.shaded-list__item:nth-child(5n+2), .accordion__item:nth-child(5n+2), .shaded-list__item:nth-child(5n+2) .shaded-list__fill, .accordion__item:nth-child(5n+2) .shaded-list__fill, .shaded-list__item:nth-child(5n+2) .accordion__icon, .accordion__item:nth-child(5n+2) .accordion__icon {
    background-color: rgb(241, 118, 85);
}
/* line 307, ../../scss/_theming.scss */
.shaded-list__item:nth-child(5n+3), .accordion__item:nth-child(5n+3), .shaded-list__item:nth-child(5n+3) .shaded-list__fill, .accordion__item:nth-child(5n+3) .shaded-list__fill, .shaded-list__item:nth-child(5n+3) .accordion__icon, .accordion__item:nth-child(5n+3) .accordion__icon {
    background-color: rgb(244, 148, 122);
}
/* line 307, ../../scss/_theming.scss */
.shaded-list__item:nth-child(5n+4), .accordion__item:nth-child(5n+4), .shaded-list__item:nth-child(5n+4) .shaded-list__fill, .accordion__item:nth-child(5n+4) .shaded-list__fill, .shaded-list__item:nth-child(5n+4) .accordion__icon, .accordion__item:nth-child(5n+4) .accordion__icon {
    background-color: rgb(246, 164, 142);
}
/* line 307, ../../scss/_theming.scss */
.shaded-list__item:nth-child(5n+5), .accordion__item:nth-child(5n+5), .shaded-list__item:nth-child(5n+5) .shaded-list__fill, .accordion__item:nth-child(5n+5) .shaded-list__fill, .shaded-list__item:nth-child(5n+5) .accordion__icon, .accordion__item:nth-child(5n+5) .accordion__icon {
    background-color: rgb(247, 179, 160);
}
/* line 307, ../../scss/_theming.scss */
.shaded-list__item:nth-child(5n+6), .accordion__item:nth-child(5n+6), .shaded-list__item:nth-child(5n+6) .shaded-list__fill, .accordion__item:nth-child(5n+6) .shaded-list__fill, .shaded-list__item:nth-child(5n+6) .accordion__icon, .accordion__item:nth-child(5n+6) .accordion__icon {
    background-color: rgb(250, 209, 198);
}
/* line 315, ../../scss/_theming.scss */
.shaded-list__reset, .accordion__body {
    color: rgba(0, 0, 0, 0.87) !important;
}

/* line 340, ../../scss/_theming.scss */
.accordion__title {
    color: rgba(0, 0, 0, 0.87);
}

.alert {
    background-color: rgba(0, 156, 223, 0.1);
    color: rgba(0, 0, 0, 0.7);
    display: block;
}

.alert > .alert__icon {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(0, 156, 223, 0.4);
    color: #009cdf;
}

.alert > .alert__icon i {
    width: 15px;
    height: 15px;
}

.alert > .alert__message {
    border-bottom: 1px solid rgba(0, 156, 223, 0.1)
}

.alert--warning > .alert__icon {
    color: #fff;
    background-color: #FFC447;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.alert--warning > .alert__message {
    border-bottom: 1px solid rgba(255, 196, 71, 0.1)
}

.alert--success > .alert__icon {
    color: #fff;
    background-color: rgba(11, 142, 0, 0.9);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.alert--success > .alert__message {
    border-bottom: 1px solid rgba(11, 142, 0, 0.1);
}

.alert--important > .alert__icon {
    color: #fff;
    background-color: #f44336;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.alert--important > .alert__message {
    border-bottom: 1px solid rgba(244, 67, 54, 0.1);
}

.alert__icon.click-icon {
    color: #686868;
    background-color: transparent;
}

.alert__icon.alert-click-icon:hover {
    color: #ffffff;
    background-color: #F17655;
}

.alert--banner {
    border: 1px solid #888;
    box-shadow: none;
}

.alert--warning {
    background-color: rgba(255, 223, 153, 0.5);
}

.alert--success {
    background-color: #ecffd0;
    border-radius: 0;
}

.alert--summary {
    background-color: #fff;
    box-shadow: none;
}

.alert--important {
    background-color: #ffdedc;
}

.alert--summary a {
    color: #F06742;
    cursor: pointer;
}

.alert--summary.last-item {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
}

.alert-box > .alert {
    background-color: #fff !important;
}

.export-chart {
    color: #F06742;
}

.import-chart {
    color: #F04E23;
}

.throughput-chart {
    color: #F9BD15;
}

.alert__icon.summary__icon {
    padding: 0.4em 0.5em;
    height: 37px;
    width: 39px;
}

.alert__icon.summary__icon img {
    width: 39px;
    height: 37px;
    max-width: inherit;
}



.alert--header a {
    cursor: pointer;
    font-weight: bold;
}

.alert--important a {
    cursor: pointer;
    font-weight: bold;
}

.alert__icon.summary_orange {
    color: #fff;
    background-color: #F06742;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}


/* line 375, ../../scss/_theming.scss */
.badge {
    /*background-color: #a5a5a5;*/
    color: #ffffff;
}
/* line 381, ../../scss/_theming.scss */
.badge--branded {
    background-color: #F06742;
}

.btn-group .btn:first-of-type, .btn-group .btn:last-of-type {
    border: none;
}

.btn {
    text-transform: none;
    font-size: 1.05em;
}

/* line 402, ../../scss/_theming.scss */
.btn--fill, :not(.btn-group) > .btn:not([class*="btn--"]), .btn.btn--tall,
.btn.btn--wide, .btn-group {
    background-color: #F06742;
    color: #FFF;
    box-shadow: none;
    border-radius: 4px;
    border: 1px solid #F06742;
    font-weight: bold;
}
.btn-group:hover .btn{
    color: #FFF;
}
.btn-group .btn {
    transition: none;
    background: transparent !important;
}

/* line 298, ../../scss/modules/ui/_btn.scss */
.btn--raised, :not(.btn-group) > .btn, .btn-group {
    box-shadow: none;
}
/* line 302, ../../scss/modules/ui/_btn.scss */
.btn--raised:hover, :not(.btn-group) > .btn:hover, .btn-group:hover {
    background: #F17655 !important;
    color: #FFF;
    border: 1px solid #F17655;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}
/* line 307, ../../scss/modules/ui/_btn.scss */
.btn--raised:active, :not(.btn-group) > .btn:active, .btn-group:active {
    box-shadow: none;
}

/* line 408, ../../scss/_theming.scss */
.btn--no-fill {
    color: #61BFC5;
}

/* line 434, ../../scss/_theming.scss */
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    color: white;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    border-radius: 38px;
    background-color: #F06742;
}

/* line 465, ../../scss/_theming.scss */
.dialog {
    background-color: rgba(36, 36, 40, 0);
}
/* line 469, ../../scss/_theming.scss */
.dialog--on {
    background-color: rgba(36, 36, 40, 0.75);
}
/* line 474, ../../scss/_theming.scss */
.dialog__title {
    background-color: #0E1C43;
    color: #fff;
    box-shadow: none;
}

/* line 488, ../../scss/_theming.scss */
.dropdown-menu {
    color: rgba(0, 0, 0, 0.87);
    background-color: #FFF;
}

/* line 503, ../../scss/_theming.scss */
.multi-step__item:after {
    background-color: #dbdee0;
}
/* line 508, ../../scss/_theming.scss */
.multi-step__item--active:after {
    background-color: #4d4d4f;
}
/* line 514, ../../scss/_theming.scss */
.multi-step__trigger {
    background-color: #dbdee0;
    border-color: #dbdee0;
}
/* line 519, ../../scss/_theming.scss */
.multi-step__item--active .multi-step__trigger {
    background-color: #4d4d4f;
}

/* line 530, ../../scss/_theming.scss */
.pagination > .active > a,
.pagination > .active > span {
    background-color: #F06742;
    color: #FFF;
}

/* line 542, ../../scss/_theming.scss */
.reveal {
    color: #FFF;
    background-color: #767676;
    border-radius: 4px;
    z-index: 9;
    margin-top: 10px;
    word-break: break-word;
}

    .reveal:before {
        content: '';
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0px 10px 10px 10px;
        border-color: transparent transparent #767676 transparent;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: -10px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

/* line 553, ../../scss/_theming.scss */
.tooltip {
    color: #fff;
    text-align: center;
    font-family: 'Inter', sans-serif;
}
    /* line 565, ../../scss/_theming.scss */
    .tooltip--dark, .tooltip:not([class*="tooltip--"]) {
        background-color: #767676;
    }
        /* line 569, ../../scss/_theming.scss */
        .tooltip--dark:after, .tooltip:not([class*="tooltip--"]):after {
            border-color: #767676;
        }
/* line 575, ../../scss/_theming.scss */
.tooltip--light {
    background-color: #767676;
}
    /* line 579, ../../scss/_theming.scss */
    .tooltip--light:after {
        border-color: #767676;
    }

/*footer*/
.site-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #ACACAC;
    height: 60px;
    font-family: Inter;
    padding: 20px 40px 20px 140px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
}


/*end footer*/

.settings-header {
    color: #fff;
    background-color: #0E1C43;
    box-shadow: none;
}

.notification-count {
    border: 2px solid #252525;
    background: #C30000;
    color: #fff;
}


.btn-group.unimportant, .btn.unimportant {
    background-color: #fff;
    color: #F06742;
}

.loader-progress {
    background-color: rgba(97, 191, 197, 0.25);
}

.loader-progress .loader-bar {
    background: rgb(97, 191, 197);
}


#license-key {
    background-color: #F4F4F4;
}

tr.selected {
    background-color: #FFE0B2;
}

.table-hover > tbody > tr.selected:hover > th {
    background-color: #FFE0B2;
}

.table-striped > tbody > tr.selected > th {
    background-color: #FFE0B2;
}

.table-hover > tbody > tr.selected:hover > td {
    background-color: #FFE0B2;
}

.table-hover > tbody > tr.selected:hover > th {
    background-color: #FFE0B2;
}

.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #FFE0B2;
}

.table-striped > tbody > tr.selected:nth-child(even) > td,
.table-striped > tbody > tr.selected:nth-child(even) > th,
.table-striped > tbody > tr.selected:nth-child(odd) > td,
.table-striped > tbody > tr.selected:nth-child(odd) > th {
    background-color: #FFE0B2;
}

.fab-failed {
    background-color: #C30000 !important;
    border: 1px solid #C30000 !important;
}

.fab-failed:hover, .fab-success:hover, .fab-warning:hover {
    border: 1px solid #F17655 !important;
}

.fab-success {
    background-color: rgba(11, 142, 0, 0.9) !important;
    border: 1px solid rgba(11, 142, 0, 0.9) !important;
}
.fab-warning {
    background-color: #FFCC00 !important;
    border: 1px solid #FFCC00 !important;
}

.fab-info {
    background-color: #F06742 !important
}

.failed {
    color: #242428;
    font-weight: bold;
}

.successed {
    color: #242428;
    font-weight: bold;
}

.item-failed, .item-failed:hover {
    color: #C30000;
}

.item-success, .item-success:hover {
    color: rgba(11, 142, 0, 0.9);
}

.item-warning, .item-warning:hover {
    color: #FFCC00;
}

.item-new, .item-new:hover {
    color: #FFCC00
}

.item-info, .item-info:hover {
    color: #F06742
}

.item-link {
    cursor: pointer;
}

.stats-important-color {
    color: #FF6F00;
}

.stats-tab-title {
}

.vector {
    content: url(/Content/img/cm-logo.png);
    position: fixed;
    position: absolute;
    margin-top: 10px;
    max-height: 70px;
    z-index: 1;
    vertical-align: middle;
}

.cm-logo {
    content: url(/Content/img/cm-logo.png);
    position: fixed;
    position: absolute;
    margin-top: 20px;
    max-height: 70px;
    z-index: 1;
    vertical-align: middle;
}

a.footer-image {
    opacity: 0.8;
    margin-right: 20px;
}

    a.footer-image:hover {
        opacity: 1;
        cursor: pointer;
    }

/** 
 * New styles for User/Item List UX refresh (CMT-3660)
 * These were going to go in custom.css but that's declared prior to cloudm.css and I'd rather not stick !important everywhere
 * Needs re-organizing. Also need to consider valentines.css, if we're going to persist with it.
 */

.btn.btn--active {
    background-color: #F06742;
    border: 1px solid #F06742;
}

.button-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

    .button-bar > * {
        margin-bottom: 1em;
    }

.button-bar--left {
    display: flex;
    flex-wrap: nowrap;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    justify-content: flex-start;
    align-items: center;
}

    .button-bar--left > *:not(:first-child) {
        margin-left: 10px;
    }

    .button-bar--left > .btn-group {
        max-width: 260px;
    }

.button-bar--right {
    display: flex;
    flex-wrap: nowrap;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    justify-content: flex-end;
    align-items: center;
}

    .button-bar--right > *:not(:first-child) {
        margin-left: 10px;
    }

.search-wrapper {
    flex-grow: 2;
    white-space: nowrap; /* stops relatively positioned search icon overflowing container */
    max-width: 500px;
}

    .search-wrapper > input {
        -ms-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        padding: 0.5em;
        font-size: 1.05em;
        text-indent: 15px;
        width: 100%;
    }

    .search-wrapper > input:focus {
        background: #FFFFFF;
        border: 1px solid #F06742;
    }

    .search-wrapper > input::placeholder {
        color: #d3d3d3;
        -ms-opacity: 0.5;
        opacity: 0.5;
    }

    .search-wrapper > i.fa-search {
        color: #d3d3d3;
        position: relative;
        left: -30px;
    }

/** 
 * Table Styles / overrides
 * - limiting scope to user/item list for the moment.
*/
.item-list-container table.table-bordered.dataTable {
    border: 1px solid #d3d3d3;
}

    .item-list-container table.table-bordered.dataTable thead tr {
        border-bottom: 1px solid #d3d3d3;
    }

.item-list-container table.dataTable {
    font-size: 1.4rem;
    color: #3a3a3d;
}

    .item-list-container table.dataTable thead > tr > th {
        font-size: 1.2rem;
        /* to override styles in concat.css */
        padding: 1em 0.3em !important;
    }

    .item-list-container table.dataTable tbody > tr > td {
        /* to override styles in concat.css */
        padding: 0.8em 0.3em !important;
    }

        .item-list-container table.dataTable tbody > tr > td .text-nowrap i.fas,
        .item-list-container table.dataTable tbody > tr > td .text-nowrap i.ms-Icon {
            color: #a9a9a9;
        }

        .item-list-container table.dataTable tbody > tr > td .btn i.fas {
            color: #fff;
        }

    .item-list-container table.dataTable > caption {
        border: 1px solid #d3d3d3;
        border-bottom: none;
        padding: 1.2rem;
    }

        .item-list-container table.dataTable > caption label {
            padding: 0.5em 0.65em;
            margin: 0;
        }

            .item-list-container table.dataTable > caption label.highlight {
                background-color: rgba(214, 98, 0, 0.17);
                border: 1px solid #CDDFE6;
                border-radius: 100px;
                min-width: 3em;
            }

.item-list-container .table-striped > tbody > tr.selected:nth-child(even) > td,
.item-list-container .table-striped > tbody > tr.selected:nth-child(even) > th,
.item-list-container .table-striped > tbody > tr.selected:nth-child(odd) > td,
.item-list-container .table-striped > tbody > tr.selected:nth-child(odd) > th {
    background-color: rgba(214, 98, 0, 0.17);
}

.item-list-container .table-context-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.item-list-container .table-context-bar--summary {
    display: flex;
    justify-content: flex-start;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

    .item-list-container .table-context-bar--summary > *:not(:first-child) {
        margin-left: 1em;
    }

.item-list-container .table-context-bar--buttons {
    display: flex;
    justify-content: flex-end;
    -o-flex-grow: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
}

    .item-list-container .table-context-bar--buttons > *:not(:first-child) {
        margin-left: 1em;
    }

.item-list-container .table-context-bar--paging {
    display: flex;
    justify-content: flex-end;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.item-list-container .table-context-bar--paging .field__container {
    min-width: 102px;
    display: inline-block;
}

.item-list-container .table-context-bar .btn-users-actions {
    max-width: 160px;
}

.item-list-container table > thead {
    background-color: #E5E5E5;
    color: #666;
}

/* Reponsivenesss for tool bar */
@media (max-width: 1000px) {
    .item-list-container .table-context-bar--summary {
        order: 1;
    }

    .item-list-container .table-context-bar--paging {
        order: 2;
    }

    .item-list-container .table-context-bar--buttons {
        order: 3;
        padding-top: 1rem;
        justify-content: space-around;
    }
}

@media (max-width: 650px) {
    .item-list-container .table-context-bar--buttons {
        justify-content: center;
    }
}

/* Checkbox styling for disabled, and unchecked, inputs */
/* TODO(NW): might want to extend elsewhere */
.item-list-container table.dataTable .field--checkbox {
    padding-top: 7px;
    text-align: center;
}

    .item-list-container table.dataTable .field--checkbox .field__element:disabled + .field__label {
        cursor: default;
    }

    .item-list-container table.dataTable .field--checkbox .field__element + .field__label:before {
        box-shadow: none;
        line-height: 0.9em;
        content: "\f0c8";
        font-family: 'Font Awesome 5 Pro';
        margin-right: 8px;
        color: #ACACAC;
        font-size: 22px;
        vertical-align: top;
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-top: -4px;
        margin-left: -4px;
        border-radius: 0.25em;
        background: white;
        padding: 0px;
        border: none;
    }


    .item-list-container table.dataTable .field--checkbox .field__element:checked + .field__label:before {
        color: #FFF;
        box-shadow: none;
        content: "\f14a";
        color: #F06742;
        font-weight: 900;
    }

    .item-list-container table.dataTable .field--checkbox .field__element:disabled:checked + .field__label:before {
        color: rgb(240, 103, 66);
        opacity: 0.4;
        box-shadow: none;
        content: "\f14a";
        font-weight: 900;
    }

.item-list-container .table.dataTable thead .sorting_asc,
.item-list-container .table.dataTable thead .sorting_desc {
    background: none;
    position: relative;
}

    .item-list-container .table.dataTable thead .sorting_asc > span,
    .item-list-container .table.dataTable thead .sorting_desc > span {
        padding-right: 1.2em;
    }

    .item-list-container .table.dataTable thead .sorting_asc:after,
    .item-list-container .table.dataTable thead .sorting_desc:after {
        position: absolute;
        right: 1em;
        top: calc((100% - 1em) / 2);
    }

    .item-list-container .table.dataTable thead .sorting_asc:after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f15d";
    }

    .item-list-container .table.dataTable thead .sorting_desc:after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f15e";
    }

/* Overrides for priority column (don't show sorting icon) */
.item-list-container .table.dataTable thead #priorityHeader > span {
    padding-right: 0;
}

.item-list-container .table.dataTable thead #priorityHeader:after {
    content: "";
}

.item-list-container .table.dataTable .tooltip {
    padding: 0.6em;
}

/* Toggle switch component */
.toggle-switch {
    position: relative;
    display: inline-block;
    width: 2.6em;
    height: 1.4em;
}

    .toggle-switch input[type=checkbox] {
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .toggle-switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 3.9667em;
        background-color: #a9a9a9;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .toggle-switch .slider:before {
            position: absolute;
            content: "";
            height: 1em;
            width: 1em;
            left: 0.2em;
            bottom: 0.2em;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: .4s;
            transition: .4s;
        }

    .toggle-switch input:checked + .slider {
        background-color: #F06742;
    }

    .toggle-switch input:focus + .slider {
        box-shadow: 0 0 1px #F06742;
    }

    .toggle-switch input:disabled:checked + .slider {
        background-color: rgb(249, 194, 179);
    }

    .toggle-switch input:checked + .slider:before {
        -webkit-transform: translateX(1.2em);
        -ms-transform: translateX(1.2em);
        transform: translateX(1.2em);
    }

/**
 * New Button Menu styles
 */
cm-button-menu button {
    display: flex;
}

    cm-button-menu button:disabled {
        color: #d3d3d3;
    }

    cm-button-menu button .title {
        text-align: center;
        flex-grow: 1;
    }

    cm-button-menu button .drop {
        flex-grow: 0;
    }

        cm-button-menu button .drop > i.fas {
            margin: 0 0 0 0.4em;
        }

cm-button-menu.borderless button {
    border: none;
    background: none;
    padding: 0;
}

    cm-button-menu.borderless button .drop > i.fas {
        margin: 0;
    }

cm-button-menu.button--primary button,
button.button--primary {
    color: #fff;
    background-color: #F06742;
    border: 1px solid #F06742;
    border-radius: 4px;
    padding: 0.75em;
    font-size: 1.05em;
    transition: background-color 0.2s;
}

    cm-button-menu.button--primary button:hover,
    button.button--primary:hover {
        background-color: #F17655;
        border-color: #F17655;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
        border-radius: 4px;
    }

    cm-button-menu.button--primary button:disabled,
    cm-button-menu.button--primary button:disabled:hover,
    button.button--primary:disabled,
    button.button--primary:disabled:hover {
        color: #FFFFFF;
        background: rgb(249, 194, 179);
        border-color: rgb(249, 194, 179);
        border-radius: 4px;
    }

cm-button-menu.button--secondary button,
button.button--secondary {
    color: #fff;
    background-color: #F06742;
    border: 1px solid #F06742;
    border-radius: 4px;
    padding: 0.5em 0.65em;
    transition: background-color 0.2s;
    font-weight: bold;
}


cm-button-menu.button--secondary button:hover,
button.button--secondary:hover {
    background: #F17655;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    border: 1px solid #F17655;
}

    cm-button-menu.button--secondary button:disabled,
    cm-button-menu.button--secondary button:disabled:hover,
    button.button--secondary:disabled,
    button.button--secondary:disabled:hover {
        color: #FFFFFF;
        background: rgb(249, 194, 179);
        border-radius: 4px;
        border: 1px;
    }

.cm-button-wrapper {
    position: relative;
    display: inline-block;
    overflow: visible;
}

    .cm-button-wrapper button-title > i.fas:first-child + *,
    .cm-button-wrapper button > i.fas:first-child + *,
    cm-button-menu-item li a > i.fas:first-child + * {
        margin-left: 0.4em;
    }

    .cm-button-wrapper li {
        cursor: pointer;
        font-weight: normal;
    }

        .cm-button-wrapper li.divider {
            margin: 0.5em 0 !important;
        }

    .cm-button-wrapper.cm-col-actions {
        width: 100%;
    }

        .cm-button-wrapper.cm-col-actions button {
            width: 100%;
        }

            .cm-button-wrapper.cm-col-actions button:not(:first-child) {
                margin-top: 4px;
            }

.cm-button-wrapper-inline {
    margin-left: 5px;
    vertical-align: middle;
}

/**
 * User list filters
 */
.cm-filter-wrapper {
    position: relative;
}

    .cm-filter-wrapper > button {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 4px;
        padding: 0.5em 0.65em;
        transition: background-color 0.2s;
        font-weight: bold;
    }

    .cm-filter-wrapper .dropdown-menu {
        min-width: 460px;
        color: #a9a9a9;
    }

        .cm-filter-wrapper .dropdown-menu .filter-row {
            display: flex;
            flex-direction: row;
            border-bottom: 1px #d3d3d3 solid;
            flex-wrap: nowrap;
            margin: 0 14px;
            padding: 0;
        }

        .cm-filter-wrapper .dropdown-menu .button-row {
            margin: 14px;
            padding: 0;
        }

        .cm-filter-wrapper .dropdown-menu .filter-header {
            min-width: 120px;
            margin: 14px 0;
            padding: 0;
        }

        .cm-filter-wrapper .dropdown-menu .filter-options {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

        .cm-filter-wrapper .dropdown-menu div.field--checkbox {
            margin: 14px 0;
            padding: 0;
            width: 140px;
            flex-shrink: 1;
        }


                .cm-filter-wrapper .dropdown-menu div.field--checkbox label:before {
                    margin-right: 10px;
                }

.star {
    visibility: hidden;
    cursor: pointer;
}

    .star:before {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        font-size: 2em;
        visibility: visible;
        content: "\2606";
        color: #a9a9a9;
    }

    .star:checked:before {
        content: "\2605";
        color: #F06742;
    }

/* Should probably be a button really.. */
cm-file-upload .field__icon,
cm-file-upload .field__wrap *,
cm-file-upload .field__icon * {
    cursor: pointer;
}

@media (max-width: 560px) {
    .button-bar--left > .btn-group {
        max-width: none;
        width: 100%;
    }
}

.preview-table-container {
    width: 100%;
    overflow: scroll;
    padding: 0 10px 10px 0;
    max-height: 400px;
}

cm-user-import-preview > h1 {
    font-weight: 600;
    font-size: 1.2em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.preview-table-container table {
    table-layout: fixed;
    border-collapse: collapse;
}

    .preview-table-container table tbody th {
        font-weight: normal;
        /* Match row header styles */
        background-color: #eee;
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#fafafa));
        background-image: -webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
        background-image: -moz-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
        background-image: -ms-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
        background-image: -o-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
        background-image: -linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    }

.preview-table-container th,
.preview-table-container td {
    border: 1px solid #ddd;
    min-width: 50px;
    max-width: 250px;
    padding: 0.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**
 * Allow scrolling for progress table
 */
#progressTable_wrapper .dataTables_scroll {
    overflow-x: scroll;
}
#progressTable_wrapper .dataTables_scrollHead {
    /* Allows scroll */
    overflow: visible !important;
    /* 
     * Provides 'sticky' column headers 
     * Note: browser support requires fairly recent versions of all major browsers 
     * but tested in Chrome, Edge & Firefox
     */
    position: -webkit-sticky; /* Safari */
    position: sticky !important;
    top: 0;
    z-index: 10; /* needs to be < .chosen-results */
    background-color: white;
}
    #progressTable_wrapper .dataTables_scrollHead table {
        /* Need to set backgroud color here too, the table is not always aligned with the container */
        background-color: white;
    }
#progressTable_wrapper .dataTables_scrollBody {
    overflow: visible !important;
    max-height: unset !important;
}

.domain-replace-icon {
    color: #F06742;
}

.main-menu-sub .badge-pill {
    display:inline-block;
    margin-bottom: -6px;
}