/*#region bn-acl-wrapper */

bn-acl-wrapper .card-title {
    font-size: inherit !important;
    line-height: inherit !important;
}

bn-acl-wrapper .card .card-reveal {
    overflow-y: auto;
}

bn-acl-wrapper .warning-message {
    font-size: 12px;
    margin: 10px;
}

/*#endregion */

/*#region bn-accordion*/
bn-accordion .dropdown-button {
    height: 48px !important;
    width: 35px !important;
    padding: 0px !important;
}

bn-accordion .dropdown-content a i.material-icons {
    width: 100%;
    text-align: center;
}

bn-accordion .collapsible-body {
    display: block;
}
/*#endregion*/
/*#region bn-account-list*/
bn-account-list .scrollable {
    max-height: 500px;
}

/*#endregion*/

/*#region bn-activities */

bn-activities bn-conversation .activities,
bn-activities bn-conversation #new-message-container {
    position: relative;
}

bn-activities bn-selector .scrollable {
    max-height: 685px;
}

bn-activities bn-selector.mobile .scrollable {
    max-height: 400px;
}

bn-activities .activities-filters {
    display: flex;
    flex-direction: row;
}

    bn-activities .activities-filters .activities-filter {
        flex: 1;
        height: 30px;
        line-height: 30px;
    }

/*#endregion */

/*#region bn-advanced-search */
bn-advanced-search #close-search-reveal {
    position: absolute;
    top: 6px;
    right: 6px;
}

bn-advanced-search #advanced-search-reveal {
    position: absolute;
    bottom: 6px;
    right: 6px;
}

bn-advanced-search #dimensions #tree-view-dimension-panel {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

bn-advanced-search #filters-container {
    min-height: 400px;
    max-height: 400px;
}

@media screen and (max-width: 992px) {
    bn-advanced-search #filters-container {
        min-height: 400px;
        max-height: 700px;
    }
}

@media screen and (max-width : 600px) {
    bn-advanced-search #filters-container {
        min-height: 400px;
        max-height: 1324px;
    }
}

bn-advanced-search #advanced-search-main-card bn-advanced-search #advanced-search-main-card .card-content,
bn-advanced-search #advanced-search-main-card .card-reveal {
    overflow: hidden !important;
}

bn-advanced-search bn-loader .nodata img.nodata-image {
    width: 130px;
}
/*#endregion */

/*#region bn-agenda */
bn-agenda .agenda-navigation-item {
    position: relative;
}

    bn-agenda .agenda-navigation-item .item.selected a {
        background-color: #f1f1f1;
        color: #00478d;
        color: var(--accent)
    }

    bn-agenda .agenda-navigation-item .item.selected::after {
        content: ' ';
        position: absolute;
        height: 40px;
        width: 40px;
        top: 110px;
        left: calc(50% - 20px);
        background-color: #f1f1f1;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

bn-agenda .agenda-container {
    max-height: 580px;
    position: relative;
    background-color: #f1f1f1;
    overflow: auto;
}

bn-agenda .agenda-calendar {
    margin-bottom: 30px;
}

    bn-agenda .agenda-calendar div {
        line-height: 32px;
    }

        bn-agenda .agenda-calendar div .arrow {
            margin-top: 34px;
            height: 34px;
            line-height: 34px;
        }

            bn-agenda .agenda-calendar div .arrow i {
                position: relative;
                top: 6px;
            }

        bn-agenda .agenda-calendar div a {
            line-height: 34px;
            padding: 12px 20px;
        }

            bn-agenda .agenda-calendar div a:hover {
                background-color: #f1f1f1;
            }

bn-agenda .ss9 {
    width: 11.1111111111%;
    margin-left: auto;
    left: auto;
    right: auto;
}

bn-agenda .object-description {
    margin-bottom: 10px;
    font-size: 13px;
    text-transform: uppercase;
}

bn-agenda .event {
    position: relative;
    min-height: 90px;
}

bn-agenda .event-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

bn-agenda .event a:hover {
    background-color: inherit;
}

bn-agenda .event .image-container {
    height: 60px;
    width: 60px;
    margin: 0 auto !important;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

bn-agenda .event .archive {
    top: 24px;
}

bn-agenda .event .mark-as-read {
    display: none;
}

bn-agenda .event:hover .mark-as-read {
    display: block;
}

/*#endregion */

/*#region bn-aggregation-criteria*/

bn-aggregation-criteria .status-progress-bar {
    position: relative;
    text-align: initial;
    padding: 10px 0 10px 10px;
    cursor: pointer;
}

bn-aggregation-criteria .status-progress-bar-event {
    position: relative;
    line-height: 20px;
    margin-left: 10px;
    margin-bottom: 20px;
    background-color: #eeeeee;
    border: thin solid #e5e5e5;
}

    bn-aggregation-criteria .status-progress-bar-event::before {
        position: absolute;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background-color: #ffffff;
        border: 2px solid #003580;
        border-color: var(--primary);
        content: '';
        left: -32px;
        top: 0;
        cursor: pointer;
        font-family: 'Material Icons';
        text-align: center;
        line-height: 16px;
        font-size: 16px;
    }

    bn-aggregation-criteria .status-progress-bar-event.add::before {
        content: "add"
    }

    bn-aggregation-criteria .status-progress-bar-event.remove::before {
        content: "remove"
    }

    bn-aggregation-criteria .status-progress-bar-event:not(.active)::before,
    bn-aggregation-criteria .status-progress-bar-event:not(.active) .status-progress-bar-event-title {
        cursor: default;
    }

    bn-aggregation-criteria .status-progress-bar-event:hover {
        background-color: #e3e3e3 !important;
    }

    bn-aggregation-criteria .status-progress-bar-event.disabled {
        pointer-events: none !important;
    }

    bn-aggregation-criteria .status-progress-bar-event .status-progress-bar-event-title {
        padding-right: 5px;
    }

bn-aggregation-criteria .status-progress-bar-event-description {
    display: none;
    line-height: 14px;
}

    bn-aggregation-criteria .status-progress-bar-event-description p:first-of-type {
        font-size: 12px;
        line-height: 18px;
        color: #003580;
        color: var(--primary);
        margin-bottom: 10px;
    }

    bn-aggregation-criteria .status-progress-bar-event-description p:nth-of-type(2) {
        line-height: 20px;
        text-indent: 25px;
        font-style: italic;
        color: #999999;
    }

bn-aggregation-criteria .status-progress-bar-event:not(.active) .status-progress-bar-event-description {
    display: none;
    height: 0px;
}

bn-aggregation-criteria i.inline.material-icons {
    vertical-align: middle;
    position: static;
}

@media screen and (min-width: 992px) {
    bn-aggregation-criteria .status-progress-bar-event {
        left: 1px;
    }

        bn-aggregation-criteria .status-progress-bar-event.active {
            z-index: 1;
        }
}

bn-aggregation-criteria a.material-icons.tiny {
    font-size: 1rem !important;
}

/*#endregion*/

/*#region bn-alert-manager*/

bn-alert-manager bn-selector #alert-objects-list-selector ul i.material-icons {
    color: #fbc02d;
}

bn-alert-manager .workflow-container {
    border: 1px solid #e3e3e3;
    background-color: #f1f1f1;
}

.scrollable.scrollable-small {
    max-height: 200px;
}

bn-alert-manager .required-chip span {
    position: relative;
    top: -4px;
}

bn-alert-manager .required-chip i {
    position: relative;
    top: 4px;
}

bn-alert-manager .required-chip.valid {
    background-color: #003366;
    background-color: var(--primary);
    font-weight: bold;
    color: #ffffff;
}

    bn-alert-manager .required-chip.valid i {
        color: #ffffff;
    }

/*#endregion*/

/*#region bn-autocomplete */

bn-autocomplete label {
    top: 5px;
}

bn-autocomplete .autocomplete-content.dropdown-content {
    margin-top: 0px;
    display: block !important;
    width: 100% !important;
}

bn-autocomplete .autocomplete-content li:hover {
    background-color: #ffffff;
}

bn-autocomplete input:focus,
bn-autocomplete div:focus {
    outline: none;
}

bn-autocomplete .group {
    margin-bottom: 8px !important;
}

bn-autocomplete .highlight {
    background-color: #eeeeee;
}

bn-autocomplete .clear-selection-icon, .switch-menu-icon {
    cursor: pointer;
    margin-top: 20px;
}

bn-autocomplete .input-field.border-bottom {
    border-bottom: 1px solid gray;
}

    bn-autocomplete .input-field.border-bottom input {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        margin-bottom: 20px;
        border: none;
        max-width: calc(100% - 56px);
        cursor: pointer;
    }

    bn-autocomplete .input-field.border-bottom.disabled {
        border-bottom: 1px solid lightgray;
        cursor: not-allowed;
    }

        bn-autocomplete .input-field.border-bottom.disabled input {
            cursor: not-allowed;
        }

bn-autocomplete .custom-divider {
    height: 1px;
    overflow: hidden;
    background-color: #9e9e9e;
    position: absolute;
    width: 100%;
}

bn-autocomplete .input-field label.label-autocomplete {
    left: 0 !important;
}

bn-autocomplete #single-selection .chip {
    position: absolute;
    top: 9px;
    left: 0;
    height: 20px;
    line-height: 20px;
}

    bn-autocomplete #single-selection .chip img {
        height: 20px;
        width: 20px;
    }

bn-autocomplete #multi-selection .chip a {
    height: 26px;
}

bn-autocomplete #multi-selection .chip-selection {
    max-width: 160px;
}

    bn-autocomplete #multi-selection .chip-selection.to-delete {
        color: white;
        background-color: gray;
    }

bn-autocomplete #multi-selection ul.chips-list {
    position: absolute;
    z-index: 1;
}

bn-autocomplete .card-panel ul {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

bn-autocomplete .card-panel .input-search {
    border: none;
    margin-left: 45px !important;
    margin-bottom: 0 !important;
    position: relative;
    top: 0;
    width: 90%;
}

bn-autocomplete .card-panel .input-field input:focus {
    border: none;
}

bn-autocomplete .group-header {
    border-bottom: 1px solid lightgrey;
    padding: 5px;
    font-size: 12px;
    color: #003580;
    color: var(--primary);
    font-weight: bold;
    text-transform: uppercase;
}

bn-autocomplete .autocomplete-items li:not(:first-of-type) .group-header {
    margin-top: 10px !important;
}

bn-autocomplete .option {
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    cursor: pointer;
    color: #404040;
}

    bn-autocomplete .option img {
        width: 20px;
        height: 20px;
        position: relative;
        top: 8px;
        margin-right: 5px !important;
    }

bn-autocomplete .autocomplete-items-mobile {
    height: 80%;
    overflow-y: auto !important;
    position: absolute;
    width: 81%;
    margin-left: 10px;
}

bn-autocomplete .autocomplete-items li {
    min-height: inherit;
}

    bn-autocomplete .autocomplete-items li:not(.has-group) {
        height: 32px;
        line-height: 32px;
        overflow: hidden;
    }

bn-autocomplete .search-container {
    height: 45px;
    line-height: 45px;
}

bn-autocomplete .search-prefix {
    font-size: 1.4rem !important;
    top: 10px;
    left: 20px;
}

bn-autocomplete .search-icon {
    top: 12px;
}

bn-autocomplete .autocomplete-action {
    position: absolute;
    top: 10px;
    right: 8px;
    height: 20px;
}

bn-autocomplete .a-active {
    cursor: pointer;
}

bn-autocomplete .a-disabled {
    color: grey;
    cursor: default;
}

    bn-autocomplete .a-disabled:hover {
        color: grey;
    }

bn-autocomplete .fake-modal-content .send-icon {
    position: relative;
    top: -50px;
}

bn-autocomplete .fake-modal-content .close-modal-icon {
    cursor: pointer;
}

bn-autocomplete .fake-modal-content ul {
    height: 74%;
    width: 96%;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
}

bn-autocomplete .progress.blue-progress {
    position: relative;
    top: -2px;
}

bn-autocomplete nav input:focus, nav input:focus + a {
    color: #003580 !important;
    color: var(--primary) !important;
}

bn-autocomplete .autocomplete-icons-container {
    position: absolute;
    top: 10px !important;
    min-width: 35px;
    right: 0;
}

bn-autocomplete li.card-preload {
    min-height: 60px;
}

/*#endregion */

/*#region bn-basicgroup-explorer*/
bn-basicgroup-explorer .apps-container {
    max-height: 800px;
}

bn-basicgroup-explorer .parent-item-name {
    font-size: 16px;
    font-weight: bold;
    text-transform: inherit;
}

    bn-basicgroup-explorer .parent-item-name.selected {
        background-color: #f5f8f9;
        color: #003580;
        color: var(--primary);
    }

bn-basicgroup-explorer .app-container {
    height: 220px;
    margin-bottom: 35px;
    padding-top: 10px !important;
    position: relative;
    cursor: pointer;
}

    bn-basicgroup-explorer .app-container .app-image {
        transition: all .2s ease-in-out;
    }

    bn-basicgroup-explorer .app-container:hover .app-image {
        transform: scale(1.1);
    }

    bn-basicgroup-explorer .app-container .app-image img {
        width: 50px;
    }

    bn-basicgroup-explorer .app-container .app-name {
        font-size: 18px;
        /*font-weight: bold;*/
        margin-top: 10px;
        margin-bottom: 10px;
        color: #003580;
        color: var(--primary);
    }

    bn-basicgroup-explorer .app-container .app-description {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 22px;
    }

    bn-basicgroup-explorer .app-container .app-links {
        position: absolute;
        width: 100%;
        bottom: 40px;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }

        bn-basicgroup-explorer .app-container .app-links i.material-icons {
            font-size: 20px !important;
            position: relative;
            top: -2px;
        }

bn-basicgroup-explorer .app-menu {
    position: fixed;
    height: 400px;
    width: 800px;
    z-index: 99 !important;
}

    bn-basicgroup-explorer .app-menu .scrollable {
        max-height: 350px;
    }

    bn-basicgroup-explorer .app-menu bn-loader > .main-container.loading {
        overflow: initial;
    }
/*#endregion*/

/*#region bn-pricesfob-manager*/
bn-pricesfob-manager .pl-fob-grid bn-autocomplete .clear-icon {
    display: none;
}
/*#endregion*/

/*#region bn-buttons*/

bn-buttons .modal-content {
    padding-top: 15px !important;
    font-size: 14px;
}

/*#endregion*/

/*#region bn-calendar */

bn-calendar #calendar-card {
    height: 360px;
}

    bn-calendar #calendar-card,
    bn-calendar #calendar-card .card-content,
    bn-calendar #calendar-card .card-reveal {
        overflow: visible;
    }

bn-calendar #calendar-list-view {
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
}

bn-calendar #calendar-events-list .date {
    color: #696969;
    margin-top: 20px;
    line-height: 24px;
    text-indent: 15px;
    border-bottom: thin solid #cccccc;
}

    bn-calendar #calendar-events-list .date:first-of-type {
        margin-top: 0;
    }

    bn-calendar #calendar-events-list .date span {
        background-color: #ffffff;
        padding: 6px;
        font-style: italic;
    }

bn-calendar #calendar-events-list .event {
    padding: 6px 10px;
    background-color: #003580;
    background-color: var(--primary);
}

bn-calendar #calendar-events-list .events li:first-of-type .event {
    margin-top: 15px;
}

bn-calendar .event .event-time,
bn-calendar .event-time {
    vertical-align: top;
    font-style: italic;
}

bn-calendar .event .event-title,
bn-calendar .event-title {
    word-wrap: break-word;
}

bn-calendar #calendar-table {
    background: -webkit-linear-gradient(left, #ff5f37 0%, #1e75eb 100%);
    background: linear-gradient(to right, #ff5f37 0%, #1e75eb 100%);
}

    bn-calendar #calendar-table thead,
    bn-calendar #calendar-table thead th {
        background: #ffffff !important;
        border: thin solid #ffffff;
    }

    bn-calendar #calendar-table td {
        position: relative;
        border: thin solid rgba(255, 255, 255, .45);
        width: calc(100% / 7);
        background-color: #ffffff;
    }

    bn-calendar #calendar-table tr:first-of-type td {
        border-top: thin solid #ffffff;
    }

    bn-calendar #calendar-table tr:last-of-type td {
        border-bottom: thin solid #ffffff;
    }

    bn-calendar #calendar-table tr td:first-of-type {
        border-left: thin solid #ffffff;
    }

    bn-calendar #calendar-table tr td:last-of-type {
        border-right: thin solid #ffffff;
    }

    bn-calendar #calendar-table th {
        text-align: center;
        height: 12px;
        line-height: 12px;
        padding-top: 30px;
    }

bn-calendar .day {
    min-height: 20px;
}

    bn-calendar .day .day-date {
        position: absolute;
        top: 3px;
        right: 3px;
        color: #696969;
    }

        bn-calendar .day .day-date.prev-month,
        bn-calendar .day .day-date.next-month {
            color: #cccccc;
        }

bn-calendar #calendar-table .event {
    position: absolute;
    top: 30px;
    left: 25%;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #003580;
    background-color: var(--primary);
    cursor: pointer;
}

bn-calendar .picker__holder div {
    line-height: initial !important;
}

bn-calendar .picker__frame {
    top: 6px !important;
}

/*#endregion */

/*#region bn-card-list*/

bn-card-list .card-mobile {
    width: 150px;
}

bn-card-list .card-item {
    height: 60px;
    padding: 0px;
    background-color: lightblue;
}

    bn-card-list .card-item .card-image {
        background-color: lightblue;
        margin: auto;
    }

        bn-card-list .card-item .card-image img {
            max-height: 60px !important;
        }

    bn-card-list .card-item .card-stacked {
        background-color: white;
    }

    bn-card-list .card-item.selected .card-stacked {
        background-color: #003580;
        background-color: var(--primary);
    }

        bn-card-list .card-item.selected .card-stacked .group-header {
            color: white;
        }

bn-card-list .card-image {
    width: 100%;
    background-color: lightblue;
    color: #003580;
    color: var(--primary);
    width: 60px;
}

    bn-card-list .card-image span,
    bn-card-list .card-image i {
        text-align: center;
        width: 100%;
        font-size: 35px;
    }

bn-card-list .card-item.disabled {
    background-color: #f1f1f1;
    cursor: not-allowed;
}

    bn-card-list .card-item.disabled .card-stacked {
        background-color: #f1f1f1;
        cursor: not-allowed !important;
    }

    bn-card-list .card-item.disabled .card-image {
        background-color: #f1f1f1;
        cursor: not-allowed;
    }

/*#endregion*/

/*#region bn-card-selector*/
bn-card-selector li.collection-element {
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    padding-left: 20px;
    padding-bottom: 30px;
    cursor: pointer;
}

    bn-card-selector li.collection-element:hover {
        background-color: #eee;
    }

    bn-card-selector li.collection-element.highlight {
        background-color: #eee;
        font-weight: bold;
        color: #003580;
        color: var(--primary);
    }

/*#endregion*/

/*#region bn-checklist */

bn-checklist label.deleting {
    position: relative;
    padding-left: 35px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
}

bn-checklist .fake-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 18px;
    z-index: 1;
    margin-top: 2px;
    cursor: pointer;
}

bn-checklist .add-task {
    padding-top: 0.75rem;
    cursor: pointer;
}

bn-checklist .s1 > .material-icons {
    line-height: 48px;
}

bn-checklist .relative {
    position: relative;
}

bn-checklist .no-result {
    padding-left: 35px;
}

/*#endregion */

/*#region bn-clock-in-out */

bn-clock-in-out #clock-in-out-card #clock {
    position: relative;
    width: 600px;
    height: 600px;
    list-style: none;
    background: url('/content/images/clock-in-out/clockface.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    zoom: .25;
}

bn-clock-in-out #clock-in-out-card #sec,
bn-clock-in-out #clock-in-out-card #min,
bn-clock-in-out #clock-in-out-card #hour {
    position: absolute;
    width: 30px;
    height: 600px;
    top: 0px;
    left: 285px;
}

bn-clock-in-out #clock-in-out-card #sec {
    background: url('/content/images/clock-in-out/sechand.png');
    z-index: 3;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

bn-clock-in-out #clock-in-out-card #min {
    background: url('/content/images/clock-in-out/minhand.png');
    z-index: 2;
}

bn-clock-in-out #clock-in-out-card #hour {
    background: url('/content/images/clock-in-out/hourhand.png');
    z-index: 1;
}

/*#endregion */

/*#region bn-collapsible-cards*/

bn-collapsible-cards .card-panel.collapsed {
    cursor: pointer;
    height: 150px;
    font-size: 12px;
}

    bn-collapsible-cards .card-panel.collapsed .title {
        background-color: #003580;
        background-color: var(--primary);
        color: white;
        height: 38px;
        text-transform: uppercase;
        font-size: 12px;
    }

    bn-collapsible-cards .card-panel.collapsed .description {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 30%;
        padding-left: 10px;
        padding-right: 10px;
        color: gray;
        font-size: 12px;
    }

    bn-collapsible-cards .card-panel.collapsed .action {
        text-align: center;
        text-transform: uppercase;
        font-size: 12px;
    }

bn-collapsible-cards .card-panel.expanded {
    min-height: 500px;
    transition: all 2s;
}

bn-collapsible-cards ul.menu {
    -webkit-box-shadow: 0px 7px 11px -2px rgba(209,209,209,1);
    -moz-box-shadow: 0px 7px 11px -2px rgba(209,209,209,1);
    box-shadow: 0px 7px 11px -2px rgba(209,209,209,1);
    height: 38px;
    position: relative;
    top: 7px;
    background-color: #003580;
    background-color: var(--primary);
}

    bn-collapsible-cards ul.menu li {
        background-color: #003580;
        background-color: var(--primary);
        color: white;
        display: inline-block;
        height: 38px;
        text-align: center;
        line-height: 38px;
        text-transform: uppercase;
        cursor: pointer;
        font-size: 12px;
    }

        bn-collapsible-cards ul.menu li .material-icons {
            position: relative;
            top: 8px;
        }

        bn-collapsible-cards ul.menu li span,
        bn-collapsible-cards ul.menu li .material-icons {
            opacity: 0.7;
        }

        bn-collapsible-cards ul.menu li.selected {
            border-bottom: 3px solid white;
        }

            bn-collapsible-cards ul.menu li.selected span,
            bn-collapsible-cards ul.menu li.selected .material-icons {
                opacity: 1;
            }

        bn-collapsible-cards ul.menu li .close-icon {
            position: relative;
            top: 4px;
            color: white;
            opacity: 1;
        }

bn-collapsible-cards #component-container {
    height: 170px;
    position: relative;
}

    bn-collapsible-cards #component-container .element {
        position: absolute;
        top: 0;
        left: 0;
    }

        bn-collapsible-cards #component-container .element .card-panel {
            width: 95%;
            margin: 0 auto;
        }

    bn-collapsible-cards #component-container .tab-content {
        position: absolute;
        top: -7px;
        left: 0;
        height: 550px;
        z-index: -1;
        opacity: 0;
        width: 100%;
    }

        bn-collapsible-cards #component-container .tab-content .menu {
            display: flex;
            flex-direction: row;
        }

            bn-collapsible-cards #component-container .tab-content .menu li {
                display: flex;
                flex: 1;
            }

                bn-collapsible-cards #component-container .tab-content .menu li:last-of-type {
                    display: flex;
                    flex: 0.2;
                }

                    bn-collapsible-cards #component-container .tab-content .menu li:last-of-type i {
                        top: 0;
                        height: 38px;
                        line-height: 38px;
                        width: 100%;
                    }

/*#endregion*/

/*#region bn-collapsible-selector */
bn-collapsible-selector .workflow-collapsible-badge {
    float: right;
    width: 3.5rem;
    background-color: #ffffff;
    color: #ffffff;
    font-size: 0.8rem;
    text-align: center;
    margin: 0.5rem -13px;
    border-radius: 2px;
    height: 2rem;
    line-height: 2rem;
    transition: ease-in-out 1.5s;
}

/*#endregion */

/*#region bn-company-manager*/

bn-company-manager .companies-list bn-selector ul.scrollable {
    max-height: 600px;
}

bn-company-manager .company-add-button {
    margin-top: 2px;
    margin-left: 13px;
    height: 30px !important;
}

/*#endregion*/

/*#region bn-company*/

bn-company h4 {
    font-size: 20px !important;
}

bn-company .info-icon {
    position: relative;
    top: -2px;
}

bn-company .view-mode label {
    font-size: 12px !important;
    color: black;
}

@media screen and (min-width: 994px) {
    bn-company .avatar {
        height: 100px;
        border-radius: 50%;
    }
}

@media screen and (max-width: 994px) and (min-width: 600px) {
    bn-company .avatar {
        height: 80px;
        border-radius: 50%;
    }
}

@media screen and (max-width: 600px) {
    bn-company .avatar {
        height: 45px;
        border-radius: 50%;
    }
}

bn-company .phoneprefix-icon {
    height: 20px;
    border-radius: 50%;
}

bn-company .select-wrapper ul {
    width: 300px !important;
}

    bn-company .select-wrapper ul li span {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

bn-company .header {
    background-color: #eee;
}

bn-company .input-description {
    color: gray;
    position: relative;
    top: -15px;
    left: 5px;
    font-style: italic;
}

/*#endregion*/

/*#region bn-conversation */

bn-conversation .activities {
    position: absolute;
    width: 100%;
    padding: 0;
    left: 0;
    padding: 20px 10px 0 10px;
    overflow-y: auto;
    height: calc(100% - 100px);
}

bn-conversation #activity-list {
    margin-top: 0;
}

    bn-conversation #activity-list li {
        width: 100%;
        margin-bottom: 15px;
    }

        bn-conversation #activity-list li.new {
            opacity: 1 !important;
        }

    bn-conversation #activity-list .activity {
        position: relative;
        margin-bottom: 15px;
    }

        bn-conversation #activity-list .activity::before,
        bn-conversation #activity-list .activity::after {
            content: '';
            position: absolute;
            height: 1px;
            width: 100%;
            background-color: #f1f1f1;
            top: 9px;
            z-index: -1;
        }

        bn-conversation #activity-list .activity::before {
            left: 0;
        }

        bn-conversation #activity-list .activity::after {
            right: 0;
        }

        bn-conversation #activity-list .activity img {
            height: 40px;
            margin-right: 10px;
            float: left;
        }

    bn-conversation #activity-list .first-name {
        padding-left: 10px;
    }

    bn-conversation #activity-list .activity-timestamp {
        font-size: 10px;
        font-style: italic;
        margin-left: -2px;
    }

    bn-conversation #activity-list .message {
        width: 45%;
        margin: 10px 0;
    }

        bn-conversation #activity-list .message .message-container {
            padding: 12px;
            margin-left: 40px;
            background-color: #f1f0f0;
            border-radius: 1.3em;
        }

        bn-conversation #activity-list .message .message-avatar-container {
            float: left;
            height: 32px;
            width: 32px;
            margin-right: 4px;
            top: 10px;
            position: relative;
        }

            bn-conversation #activity-list .message .message-avatar-container .avatar-container,
            bn-conversation #activity-list .message .message-avatar-container .avatar-container * {
                height: 32px;
                width: 32px;
            }

        bn-conversation #activity-list .message .message-user {
            color: #003580;
            color: var(--primary);
            font-size: 10px;
            line-height: 10px;
            text-transform: uppercase;
            white-space: nowrap;
            display: block;
        }

        bn-conversation #activity-list .message .message-body {
            font-size: 14px;
            color: #404040;
            display: block;
            margin-top: 6px;
        }

        bn-conversation #activity-list .message .message-timestamp {
            color: #aaaaaa;
            position: relative;
            bottom: 12px;
            float: right;
            font-style: italic;
        }

        bn-conversation #activity-list .message.my {
            float: right !important;
        }

            bn-conversation #activity-list .message.my .message-avatar-container {
                float: right !important;
                height: 32px;
                width: 32px;
            }

            bn-conversation #activity-list .message.my .message-container {
                margin-right: 40px;
                margin-left: 0;
                background-color: #003580 !important;
                background-color: var(--primary) !important;
            }

                bn-conversation #activity-list .message.my .message-container .message-user {
                    color: #aaaaaa;
                }

                bn-conversation #activity-list .message.my .message-container .message-body {
                    color: #ffffff;
                }

                bn-conversation #activity-list .message.my .message-container .message-timestamp {
                    color: #989898;
                }

        bn-conversation #activity-list .message.composed .message-body {
            padding: 3px 10px;
            border-radius: 6px;
            margin: 0 0 10px 0;
            background-color: rgba(0,0,0,0.13);
            border-left: 2px solid #003366;
            border-left: 2px solid var(--primary);
        }

        bn-conversation #activity-list .message.composed .message-timestamp {
            bottom: 0;
        }

        bn-conversation #activity-list .message.my.composed .message-body {
            background-color: rgba(255,255,255,0.13);
            border-color: #ffffff;
        }

    bn-conversation #activity-list .slider-images img {
        height: 150px;
        width: auto;
    }

    bn-conversation #activity-list .slider-images li {
        width: inherit;
    }

bn-conversation .slider-images {
    height: 150px;
    max-height: 150px;
    max-width: 100%;
    margin: 20px auto;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

bn-conversation #new-message-container {
    position: absolute;
    bottom: 0;
    width: calc(100% - 20px);
}

bn-conversation bn-avatar .avatar-container .avatar-letter {
    line-height: 32px !important;
}

@media screen and (max-width: 992px) {
    bn-conversation .message {
        width: 90% !important;
    }
}

bn-conversation .inbox-redirect-container {
    height: 100%;
}

    bn-conversation .inbox-redirect-container .inbox-redirect-message {
        text-align: center;
        width: 100%;
    }

        bn-conversation .inbox-redirect-container .inbox-redirect-message img {
            height: 250px;
        }

        bn-conversation .inbox-redirect-container .inbox-redirect-message div {
            margin-top: 20px;
            margin-bottom: 20px;
            font-size: 16px;
            font-weight: bold;
        }

/*#endregion */

/*#region bn-conversation-users */

bn-conversation-users bn-avatar-image .avatar-container .avatar-letter {
    line-height: 40px;
}

/*#endregion */

/*#region bn-cookie-policy */

bn-cookie-policy {
    display: none;
}

    bn-cookie-policy .row {
        background-color: #003580;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        font-size: 14px;
        z-index: 2;
    }

    bn-cookie-policy .btn {
        height: 36px !important;
        line-height: 36px !important;
        font-size: 14px !important;
        color: #003580 !important;
        color: var(--primary);
        font-weight: bold !important;
    }

@media screen and (min-width: 601px) {
    bn-cookie-policy .row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

/*#endregion */

/*#region bn-countdowns-list*/

bn-countdowns-list li {
    height: 40px;
    padding-left: 10px;
    border-left: 3px solid #003580; /* #ececec; */
    border-color: var(--primary);
}

    bn-countdowns-list li .description {
        font-size: 13px;
    }

    bn-countdowns-list li .countdown {
        color: gray;
        font-style: italic;
    }

/*#endregion*/

/*#region bn-dashboard-manager*/

bn-dashboard-manager .widgets-container {
    min-height: 200px !important;
}

bn-dashboard-manager .widget {
    cursor: move;
}

    bn-dashboard-manager .widget.not-sortable {
        cursor: default;
    }

    bn-dashboard-manager .widget.ui-sortable-placeholder {
        height: 100px;
        border: 2px solid #024402;
        background-color: green;
        color: white;
        text-align: center;
        font-size: 16px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        bn-dashboard-manager .widget.ui-sortable-placeholder:before {
            content: 'Widget will place here!';
            width: 100%;
        }

bn-dashboard-manager .group button.btn {
    top: -8px;
    position: relative;
}

bn-dashboard-manager .widget-type {
    border: 1px solid gray;
    background-color: lightgray;
    height: 60px;
    text-align: center;
    font-size: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

    bn-dashboard-manager .widget-type div,
    bn-dashboard-manager .third-level-item span {
        width: 100%;
    }

    bn-dashboard-manager .widget-type:hover,
    bn-dashboard-manager .widget-type.selected,
    bn-dashboard-manager .third-level-item:hover,
    bn-dashboard-manager .third-level-item.selected {
        background-color: #003580;
        background-color: var(--primary);
        color: white;
        cursor: pointer;
    }

bn-dashboard-manager .third-level-item {
    height: 60px;
    font-size: 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

    bn-dashboard-manager .third-level-item span {
        width: 100%;
    }

bn-dashboard-manager .widget-setting {
    font-size: 12px;
    min-height: 37px;
}

    bn-dashboard-manager .widget-setting.border-right {
        border-right: 1px solid lightgray;
    }

    bn-dashboard-manager .widget-setting input,
    bn-dashboard-manager .widget-setting input.select-dropdown {
        margin: 0px;
    }

bn-dashboard-manager .widget-date {
    font-size: 14px;
}

bn-dashboard-manager .customize-dashboard .modal-content div.title {
    font-size: 15px;
}

bn-dashboard-manager .customize-dashboard .modal-content {
    background-color: white;
}

    bn-dashboard-manager .customize-dashboard .modal-content .layout-dashboard-container:hover .layout-dashboard,
    bn-dashboard-manager .customize-dashboard .modal-content .layout-dashboard-container.selected .layout-dashboard {
        background-color: #003580;
        background-color: var(--primary);
        color: white;
        border: 1px solid black;
        cursor: pointer;
    }

    bn-dashboard-manager .customize-dashboard .modal-content .layout-dashboard {
        height: 300px;
        border: 1px solid gray;
        background-color: lightgray;
        font-size: 16px;
        font-weight: bold;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

        bn-dashboard-manager .customize-dashboard .modal-content .layout-dashboard.w-100:before {
            content: '100%';
            width: 100%;
        }

        bn-dashboard-manager .customize-dashboard .modal-content .layout-dashboard.w-70:before {
            content: '70%';
            width: 100%;
        }

        bn-dashboard-manager .customize-dashboard .modal-content .layout-dashboard.w-50:before {
            content: '50%';
            width: 100%;
        }

        bn-dashboard-manager .customize-dashboard .modal-content .layout-dashboard.w-30:before {
            content: '30%';
            width: 100%;
        }

bn-dashboard-manager .card-panel.bn-widget-1x {
    min-height: 12rem;
}

bn-dashboard-manager .card-panel.bn-widget-2x {
    min-height: 24rem;
}

bn-dashboard-manager .required-chip span {
    position: relative;
    top: -4px;
}

bn-dashboard-manager .required-chip i {
    position: relative;
    top: 4px;
}

bn-dashboard-manager .required-chip.valid {
    background-color: #003366;
    background-color: var(--primary);
    font-weight: bold;
    color: #ffffff;
}

    bn-dashboard-manager .required-chip.valid i {
        color: #ffffff;
    }

/*#endregion*/

/*#region bn-dashboard-menu*/

bn-dashboard-menu .first-level-item {
    font-size: 15px;
    margin-top: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

    bn-dashboard-menu .first-level-item:not(.selected) span {
        font-weight: normal !important;
    }

    bn-dashboard-menu .first-level-item:hover span {
        font-weight: bold !important;
    }

.second-level-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

    .second-level-container .second-level-item {
        flex-grow: 1;
        padding: 0 10px;
        max-width: 33%;
    }

@media screen and (max-width: 601px) {
    .suggested-menu-container {
        overflow: hidden;
    }

    .suggested-menu-content {
        overflow: hidden;
        width: 200%;
        -webkit-transition: all ease-in-out .2s;
        -moz-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s;
    }

        .suggested-menu-content.active {
            margin-left: -100% !important;
        }

    .second-level-container .second-level-item {
        width: 100%;
        max-width: inherit;
    }
}

/*#endregion*/

/*#region bn-date-carousel*/

bn-date-carousel .divider-left {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    border-left: 1px solid lightgray;
}

bn-date-carousel .divider-right {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    border-right: 1px solid lightgray;
}

bn-date-carousel .agenda-navigation-item {
    position: relative;
}

    bn-date-carousel .agenda-navigation-item .item.selected a {
        background-color: #f1f1f1;
        color: #00478d;
        color: var(--accent)
    }

    bn-date-carousel .agenda-navigation-item .item.selected::after {
        content: ' ';
        position: absolute;
        height: 40px;
        width: 40px;
        top: 110px;
        left: calc(50% - 20px);
        background-color: #f1f1f1;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    bn-date-carousel .agenda-navigation-item .item.selected.no-events::after {
        display: none;
    }

bn-date-carousel .agenda-container {
    max-height: 580px;
    position: relative;
    background-color: #f1f1f1;
    overflow: auto;
}

bn-date-carousel .agenda-calendar {
    margin-bottom: 30px;
}

    bn-date-carousel .agenda-calendar div {
        line-height: 32px;
    }

        bn-date-carousel .agenda-calendar div.group-header {
            width: 120%;
            margin-left: -10% !important;
        }

        bn-date-carousel .agenda-calendar div .arrow {
            margin-top: 34px;
            height: 34px;
            line-height: 34px;
        }

            bn-date-carousel .agenda-calendar div .arrow i {
                position: relative;
                top: 6px;
            }

        bn-date-carousel .agenda-calendar div a {
            line-height: 34px;
            padding: 12px 20px;
        }

            bn-date-carousel .agenda-calendar div a:hover {
                background-color: #f1f1f1;
            }

bn-date-carousel .ss9 {
    width: 11.1111111111%;
    margin-left: auto;
    left: auto;
    right: auto;
}

@media screen and (max-width: 900px) {
    bn-date-carousel .ss9 {
        width: 20% !important;
    }
}

bn-date-carousel .object-description {
    margin-bottom: 10px;
    font-size: 13px;
    text-transform: uppercase;
}

bn-date-carousel .divider {
    margin: 20px 0;
}

bn-date-carousel .event {
    position: relative;
}

bn-date-carousel .event-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

bn-date-carousel .event a:hover {
    background-color: inherit;
}

bn-date-carousel .event .image-container {
    height: 60px;
    width: 60px;
    margin: 0 auto !important;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

bn-date-carousel .event .archive {
    top: 24px;
}

bn-date-carousel .event .mark-as-read {
    display: none;
}

bn-date-carousel .event:hover .mark-as-read {
    display: block;
}

/*#endregion*/

/*#region bn-datepicker */

.md-datepicker:focus, .md-datepicker-open:focus {
    outline: none;
}

.md-datepicker-calendar {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}

    .md-datepicker-calendar td {
        text-overflow: unset !important;
    }

.md-datepicker-input-container {
    position: relative;
    padding: 0px;
    border: none !important;
    display: inline-block;
    width: 100%;
    border: none !important;
}

.md-datepicker-input {
    max-width: 100%;
}

.md-datepicker-triangle-button.md-button.md-icon-button {
    padding: 0;
    margin: 0;
    width: 10px;
    height: 100%;
    position: absolute;
    transform: none;
}

.md-calendar-scroll-mask, .md-datepicker-calendar {
    max-width: 340px !important;
}

.md-calendar-day-header th {
    padding: 0 !important;
}

    .md-calendar-day-header th:first-child {
        padding-left: 16px !important;
    }

table.md-calendar tbody tr td.md-calendar-date,
table.md-calendar tbody tr td.md-calendar-date div > span,
table.md-calendar tbody tr td.md-calendar-date > span {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

table.md-calendar tbody tr td {
    text-indent: 0;
}

.md-datepicker-open .md-datepicker-input-container {
    background-color: transparent;
}

button.md-datepicker-triangle-button:focus {
    background-color: transparent;
}

.md-button.md-focused {
    background-color: transparent;
}

input.md-datepicker-input, .md-datepicker-open input.md-datepicker-input {
    transition: none;
    height: 2.2rem;
    line-height: 2.2rem;
    margin: 0;
}

.md-datepicker-open input.md-datepicker-input {
    border-bottom-color: #003580;
    border-bottom-color: var(--primary);
}

input.md-datepicker-input :focus {
    outline: none;
}

.md-default-theme .md-datepicker-open .md-datepicker-input-container,
.md-datepicker-open .md-datepicker-input-container,
.md-default-theme .md-datepicker-input-mask-opaque,
.md-datepicker-input-mask-opaque {
    background-color: transparent;
}

.md-datepicker-input-container.md-datepicker-invalid > input {
    border-bottom-color: rgb(221,44,0) !important;
}

.md-calendar tbody, .md-calendar td, .md-calendar tr {
    vertical-align: middle !important;
}

table tbody td.md-calendar-month-label {
    padding: 0 0 0 24px !important;
}

.md-calendar-date {
    padding: 0px !important;
}

    .md-calendar-date:first-child {
        padding-left: 16px !important;
    }

.md-datepicker-input-container:focus {
    outline: none;
}

.md-scroll-mask {
    display: none;
}

.md-calendar-day-header th:last-child, .md-calendar-date:last-child {
    padding-right: 16px !important;
}

.md-datepicker-calendar-pane {
    z-index: 1003;
    border: none;
    box-shadow: none;
}

.md-datepicker-expand-triangle {
    top: 10px;
    right: 50%;
    cursor: pointer;
}

.md-datepicker-triangle-button {
    width: 30px;
    height: 30px;
    top: 17px !important;
    right: 10px !important;
    cursor: pointer;
}

.md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator,
.md-default-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
    border: none;
}

@media only screen and (max-width: 1200px) {
    bn-datepicker label {
        left: 0px !important;
    }
}

/*#endregion */

/*#region bn-documents*/

bn-documents .description-text {
    font-size: 12px;
}

bn-documents .terms-conditions-list {
    padding-left: 30px;
    line-height: 30px;
}

/*#endregion*/

/*#region bn-double-selector */

bn-double-selector span.badge {
    font-size: .8rem;
}

    bn-double-selector span.badge.new {
        margin-top: 0;
        margin-right: 0;
    }

/*#endregion */

/*#region bn-draggable-list */

bn-draggable-list .padding-small {
    padding: 5px 10px !important;
}

bn-draggable-list .list li *:not(label) {
    line-height: 16px;
}

bn-draggable-list .group-header.draggable-list-group-title {
    padding: 6px;
    background-color: #003580;
    background-color: var(--primary);
    color: white;
    text-transform: uppercase;
    margin: 0;
}

bn-draggable-list img {
    width: 40px !important;
}

bn-draggable-list .group-header .profile-box-title {
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    text-transform: none;
}

.profile-box-title.group-title.drag-helper {
    color: #003580;
    color: var(--primary);
    z-index: 99;
}

    .profile-box-title.group-title.drag-helper .group-element {
        display: block;
        line-height: 20px;
    }

bn-draggable-list .group-header a {
    bottom: 5px;
    position: relative;
    cursor: pointer;
}

bn-draggable-list .child-item {
    position: relative;
    min-height: 50px; /*  <===== serve che abbiano un'altezza quindi NON TOGLIERE/COMMENTARE altrimenti l'intersection observer si spacca*/
}

bn-draggable-list .drag-list-action {
    position: absolute;
    right: 10px;
}

bn-draggable-list .child-item:hover {
    background-color: #eee !important;
    cursor: pointer;
}

bn-draggable-list .child-item .profile-box {
    border-bottom: 1px solid #e1e1e1;
}

bn-draggable-list .highlight {
    background-color: #eee !important;
    font-weight: bold;
}

bn-draggable-list .load-overlay {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(242, 242, 242, 0.68);
}

bn-draggable-list .draggable-list-details {
    column-count: 2;
}

    bn-draggable-list .draggable-list-details .draggable-list-details-label {
        border-right: thin solid #ccc;
        display: inline-block;
        width: 90px;
    }

    bn-draggable-list .draggable-list-details .draggable-list-details-value {
        font-weight: bold;
        width: auto;
        text-indent: 10px;
        display: inline-block;
    }

@media screen and (max-width: 992px) {
    bn-draggable-list .draggable-list-details .draggable-list-details-label {
        width: 80px;
    }
}

@media screen and (max-width: 600px) {
    bn-draggable-list .draggable-list-details {
        margin-top: 10px;
    }
}

bn-draggable-list .fake-link {
    color: var(--primary);
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all .2s ease-in-out;
}

    bn-draggable-list .fake-link:hover {
        color: var(--accent);
        transform: scale(1.01);
    }

/*#endregion */

/*#region bn-drawing */

@media screen and (min-width: 993px) {
    bn-drawing #combo-color-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    bn-drawing #palette .col:nth-of-type(2n+1) {
        text-align: right;
    }

    bn-drawing #palette .col:nth-of-type(2n) {
        text-align: left;
    }
}

bn-drawing .div.palette div {
    border: 1px solid black !important;
}

bn-drawing .unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

bn-drawing .konvajs-content {
    margin: 0 auto !important;
}

bn-drawing bn-modal.fullscreen-modal .modal-content {
    padding: 0px !important;
    overflow-y: hidden;
}

bn-drawing bn-modal.info-modal .modal-content {
    max-height: 100%;
    overflow-y: auto;
}

bn-drawing .fixed-action-btn {
    right: 5px;
    bottom: 5px;
    padding-top: 0;
}

/*#endregion */

/*#region bn-editable-label */

bn-editable-label input:not([type]):disabled,
bn-editable-label input:not([type])[readonly="readonly"],
bn-editable-label input[type=text]:disabled,
bn-editable-label input[type=text][readonly="readonly"],
bn-editable-label input[type=password]:disabled,
bn-editable-label input[type=password][readonly="readonly"],
bn-editable-label input[type=email]:disabled,
bn-editable-label input[type=email][readonly="readonly"],
bn-editable-label input[type=url]:disabled,
bn-editable-label input[type=url][readonly="readonly"],
bn-editable-label input[type=time]:disabled,
bn-editable-label input[type=time][readonly="readonly"],
bn-editable-label input[type=date]:disabled,
bn-editable-label input[type=date][readonly="readonly"],
bn-editable-label input[type=datetime]:disabled,
bn-editable-label input[type=datetime][readonly="readonly"],
bn-editable-label input[type=datetime-local]:disabled,
bn-editable-label input[type=datetime-local][readonly="readonly"],
bn-editable-label input[type=tel]:disabled,
bn-editable-label input[type=tel][readonly="readonly"],
bn-editable-label input[type=number]:disabled,
bn-editable-label input[type=number][readonly="readonly"],
bn-editable-label input[type=search]:disabled,
bn-editable-label input[type=search][readonly="readonly"],
bn-editable-label textarea.materialize-textarea:disabled,
bn-editable-label textarea.materialize-textarea[readonly="readonly"],
bn-editable-label input:read-only,
bn-editable-label input[readonly="readonly"] {
    border: none;
    color: #404040;
}

bn-editable-label .cursor-pointer, bn-editable-label .cursor-pointer * {
    cursor: pointer;
}

bn-editable-label label {
    position: relative;
}

    bn-editable-label label .create {
        display: none;
    }

    bn-editable-label label .create, bn-editable-label label .done, bn-editable-label label .undo {
        position: absolute;
        color: #404040;
        cursor: pointer;
    }

    bn-editable-label .create, bn-editable-label label .undo {
        right: 5px;
        top: 0;
    }

    bn-editable-label label .done {
        right: 25px;
        top: 0;
    }

/*#endregion */

/*#region bn-events */

bn-events .event-navigation-item {
    position: relative;
}

    bn-events .event-navigation-item .item.selected a {
        background-color: #f1f1f1;
        color: #00478d;
        color: var(--accent)
    }

    bn-events .event-navigation-item .item.selected::after {
        content: ' ';
        position: absolute;
        height: 40px;
        width: 40px;
        top: 110px;
        left: calc(50% - 20px);
        background-color: #f1f1f1;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

bn-events .event-container {
    max-height: 580px;
    position: relative;
    background-color: #f1f1f1;
    overflow: auto;
}

bn-events .event-calendar {
    margin-bottom: 30px;
}

    bn-events .event-calendar div {
        line-height: 32px;
    }

        bn-events .event-calendar div .arrow {
            margin-top: 34px;
            height: 34px;
            line-height: 34px;
        }

            bn-events .event-calendar div .arrow i {
                position: relative;
                top: 6px;
            }

        bn-events .event-calendar div a {
            line-height: 34px;
            padding: 12px 20px;
        }

            bn-events .event-calendar div a:hover {
                background-color: #f1f1f1;
            }

bn-events .object-description {
    margin-bottom: 10px;
    font-size: 13px;
    text-transform: uppercase;
}

bn-events .divider {
    margin: 0;
}

bn-events .event {
    position: relative;
}

bn-events .event-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

bn-events .event a:hover {
    background-color: inherit;
}

bn-events .event .image-container {
    height: 60px;
    width: 60px;
    margin: 0 auto !important;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

/*#endregion*/

/*#region bn-favourites */

bn-favourites .shortcuts-container ul.shortcuts {
    height: 345px;
    overflow-y: auto;
    overflow-x: hidden;
}

    bn-favourites .shortcuts-container ul.shortcuts.reading {
        height: 435px;
    }

bn-favourites .shortcuts-container a {
    width: 100%;
}

    bn-favourites .shortcuts-container a .shortcut {
        width: 100%;
    }

        bn-favourites .shortcuts-container a .shortcut .shortcut-icon {
            height: 40px;
            width: 40px;
            line-height: 40px;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            background-color: #003580; /* #ececec; */
            background-color: var(--primary);
            text-align: center;
            position: relative;
        }

            bn-favourites .shortcuts-container a .shortcut .shortcut-icon i {
                line-height: 40px;
                color: #ffffff; /* #404040; */
                font-size: 20px;
            }

        bn-favourites .shortcuts-container a .shortcut .shortcut-description {
            vertical-align: top;
            padding: 0 10px;
            line-height: 20px;
            width: calc(100% - 40px);
        }

            bn-favourites .shortcuts-container a .shortcut .shortcut-description .title {
                color: #404040;
            }

            bn-favourites .shortcuts-container a .shortcut .shortcut-description .path {
                color: #003580;
                color: var(--primary);
            }

            bn-favourites .shortcuts-container a .shortcut .shortcut-description .dotcom {
                color: #cccccc;
            }

bn-favourites .shortcuts-search .section {
    width: calc(100% - 40px);
    float: left;
    padding-top: 0;
}

bn-favourites .shortcuts-search .shortcuts-container {
    float: left;
    width: 100%;
}

bn-favourites .shortcuts-container .shortcut .shortcut-save {
    float: right;
    right: -10px;
    position: relative;
}

    bn-favourites .shortcuts-container .shortcut .shortcut-save i {
        color: #fec626;
    }

/*bn-favourites .shortcuts-container .shortcut .shortcut-drag {
    float: left;
    right: -10px;
    position: relative;
}*/

bn-favourites .shortcuts-search bn-loader .main-container {
    margin-top: 40px;
}

bn-favourites .shortcuts-container .shortcuts.reading li {
    float: left;
    width: 100%;
    position: relative;
    height: 41px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    bn-favourites .shortcuts-container .shortcuts.reading li .shortcut-save {
        position: absolute;
        color: #fec626;
        right: 0;
        cursor: pointer;
    }

    bn-favourites .shortcuts-container .shortcuts.reading li .shortcut-drag {
        position: absolute;
        left: 0;
        cursor: move;
        display: inline;
        top: 7px;
    }

bn-favourites .shortcuts.reading .shortcut a {
    padding-left: 30px;
}

bn-favourites .shortcuts.reading .shortcut.ui-sortable-placeholder {
    height: 41px;
    border: 2px solid #024402;
    background-color: green;
    color: white;
    text-align: center;
    font-size: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    bn-favourites .shortcuts.reading .shortcut.ui-sortable-placeholder:before {
        content: 'Shortcut will place here!';
        width: 100%;
    }

bn-favourites .btn-activator {
    position: absolute;
    bottom: 0px;
    right: 20px;
}

/*#endregion */

/*#region bn-feedbacks-list and bn-feedbacks-publish and bn-style-feedback-list */

bn-feedbacks-list .pointer {
    cursor: pointer;
}

bn-style-feedback-list #style-group-list .card.pointer.approved .card-image {
    border: 1px solid #26a69a;
}

bn-style-feedback-list .card-checkbox {
    padding: 5px 0 0 5px;
    position: absolute;
}

bn-style-feedback-list #style-group-list .card.pointer.approved .card-stacked {
    background-color: #26a69a;
    color: white;
}

bn-style-feedback-list .product-image,
bn-feedbacks-list .product-image {
    margin: 0 auto;
    max-height: 150px;
    width: auto !important;
    max-width: 100%;
}

bn-style-feedback-list .warning-message,
bn-feedbacks-list .warning-message,
bn-feedbacks-publish .warning-message {
    font-size: 1.6em;
}

bn-style-feedback-list #style-group-list .group,
bn-feedbacks-list #style-group-list .group,
bn-feedbacks-publish #style-group-list .group {
    padding: 20px 0 10px 6px !important;
}

    bn-style-feedback-list #style-group-list .group:first-of-type,
    bn-feedbacks-list #style-group-list .group:first-of-type,
    bn-feedbacks-publish #style-group-list .group:first-of-type {
        padding-top: 0 !important;
    }

bn-style-feedback-list #style-group-list .card-stacked,
bn-feedbacks-list #style-group-list .card-stacked,
bn-feedbacks-publish #style-group-list .card-stacked {
    background-color: #f1f1f1;
}

bn-style-feedback-list #style-group-list .card-image,
bn-feedbacks-list #style-group-list .card-image,
bn-feedbacks-publish #style-group-list .card-image {
    width: 100%;
    height: 170px;
}

bn-style-feedback-list #style-group-list .card-stacked .card-content,
bn-feedbacks-list #style-group-list .card-stacked .card-content,
bn-feedbacks-publish #style-group-list .card-stacked .card-content {
    width: 100%;
}

    bn-style-feedback-list #style-group-list .card-stacked .card-content .props,
    bn-feedbacks-list #style-group-list .card-stacked .card-content .props,
    bn-feedbacks-publish #style-group-list .card-stacked .card-content .props {
        line-height: 16px;
    }

    bn-style-feedback-list #style-group-list .card-stacked .card-content:hover,
    bn-feedbacks-list #style-group-list .card-stacked .card-content:hover,
    bn-feedbacks-publish #style-group-list .card-stacked .card-content:hover {
        color: var(--primary);
    }

bn-feedbacks-publish .element-tile {
    cursor: move;
    margin: auto;
    float: left;
    height: 175px;
}

    bn-feedbacks-publish .element-tile .card.horizontal {
        height: 160px;
    }

@media only screen and (min-width: 1201px) {
    bn-feedbacks-publish .element-tile.ui-sortable-placeholder {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
}

@media only screen and (min-width: 993px) and (max-width:1200px) {
    bn-feedbacks-publish .element-tile.ui-sortable-placeholder {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
}

@media only screen and (min-width: 601px) and (max-width:992px) {
    bn-feedbacks-publish .element-tile.ui-sortable-placeholder {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
}

@media only screen and (max-width:600px) {
    bn-feedbacks-publish .element-tile.ui-sortable-placeholder {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
}

bn-feedbacks-publish .element-tile.ui-sortable-placeholder {
    border: 2px solid #024402;
    background-color: green;
    color: white;
    text-align: center;
    font-size: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    bn-feedbacks-publish .element-tile.ui-sortable-placeholder:before {
        content: 'Drop here!';
        width: 100%;
    }

/*#endregion*/

/*#region bn-feedbacks-manager*/

bn-feedbacks-manager .line-like-icon {
    line-height: 26px;
}

bn-feedbacks-manager .more-margin-top {
    margin-top: 5em !important;
}

bn-feedbacks-manager img.team-image {
    height: 4rem;
}

bn-feedbacks-manager .custom-scrollable {
    max-height: 276px;
    overflow-x: hidden;
    overflow-y: auto;
}

bn-feedbacks-manager .slider-images {
    height: 150px;
    max-height: 150px;
    max-width: 100%;
    margin: 20px auto;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

    bn-feedbacks-manager .slider-images li img {
        height: 100px;
        width: 100px;
        margin: 0 10px;
    }

bn-feedbacks-manager .team-image {
    height: 40px;
}

bn-feedbacks-manager .comment-type {
    font-weight: bold;
    color: #003580;
    color: var(--primary);
    font-size: 16px;
}

bn-feedbacks-manager .comment-text {
    font-size: 12px;
}

bn-feedbacks-manager .comment-footer {
    font-style: italic;
    color: gray;
    text-align: right;
    font-size: 10px;
}

/*#endregion*/

/*#region bn-feedbacks-summary*/

bn-feedbacks-summary #average-ratings {
    height: 45px;
    line-height: 45px;
    margin-right: 6px;
}

bn-feedbacks-summary .with-stripe {
    background-color: #eee;
}

bn-feedbacks-summary .title {
    color: #003580;
    color: var(--primary);
    font-size: 22px;
}

bn-feedbacks-summary .subtitle {
    color: lightgrey;
    font-size: 11px;
}

bn-feedbacks-summary .current-group {
    font-size: 16px;
    color: #003580;
    color: var(--primary);
    cursor: pointer;
}

bn-feedbacks-summary #confirm-copy-modal .modal-content p {
    font-size: 11px;
}

bn-feedbacks-summary bn-selector#groups li label.truncate {
    max-width: 80%;
}

bn-feedbacks-summary li.rating-option {
    min-height: 70px;
}

    bn-feedbacks-summary li.rating-option div.row {
        padding-top: 20px;
    }

@media screen and (min-width: 993px) {
    bn-feedbacks-summary li.rating-option div.row {
        padding: 0px !important;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

/*#endregion*/

/*#region bn-file-uploader-draggable */

bn-file-uploader-draggable #sorting-container .sortable-row-placeholder {
    height: 100px;
    border: 1px dashed #dedfe2;
}

bn-file-uploader-draggable #sorting-container .left:first-of-type {
    width: 150px;
}

    bn-file-uploader-draggable #sorting-container .left:first-of-type > p {
        max-width: 150px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

bn-file-uploader-draggable .row-sort-handler {
    height: 70px;
}

bn-file-uploader-draggable .material-placeholder {
    height: 100%;
    width: 100%;
}

    bn-file-uploader-draggable .material-placeholder img {
        max-height: 100%;
        max-width: 100%;
    }

bn-file-uploader-draggable bn-image-uploader {
    position: relative;
    float: left;
    margin: 10px;
}

bn-file-iploader-draggable #sorting-container {
    height: 400px;
    overflow: scroll;
}

/*#endregion */

/*#region bn-files-list */

bn-files-list .scrollable-small {
    max-height: 200px;
    overflow-y: auto;
}

bn-files-list .file {
    background-color: lightgray;
    border: 1px solid gray;
    height: 30px;
    line-height: 20px;
    padding: 5px;
}

    bn-files-list .file.with-details {
        height: 50px;
    }

    bn-files-list .file span {
        width: calc(100% - 50px);
    }

bn-files-list .modal-content span {
    font-size: 13px;
}

bn-files-list .file .preloader-wrapper,
bn-files-list .file .spinner-layer {
    width: 15px;
    height: 15px;
}
/*#endregion*/

/*#region bn-filters */
bn-filters .clear-filters {
    color: #c00000;
}

    bn-filters .clear-filters:hover {
        color: #920000;
    }

bn-filters nav.custom-nav {
    line-height: 28px !important;
    height: 28px !important;
}

bn-filters #advanced-search-container {
    border-bottom: thin solid #cccccc;
    min-height: 40px;
}

bn-filters .advanced-search-tabs a.tab {
    text-transform: uppercase;
    line-height: 24px;
    height: 24px;
    padding: 6px;
    margin: 6px;
}

bn-filters .advanced-search-tab:hover,
bn-filters .advanced-search-tab.active {
    background-color: #f7f7f7;
}

bn-filters .advanced-search-tab i {
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
}

bn-filters .advanced-search-tab.active i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

bn-filters .advanced-search-tab i {
    position: relative;
    top: 4px;
}

bn-filters .search-sub-menu.dates {
    width: 600px;
    right: 10px;
}

bn-filters .search-sub-menu {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border: thin solid #a4a4a4;
    z-index: 20;
    min-width: 325px;
}

    bn-filters .search-sub-menu.filters {
        width: 90%;
        left: 5% !important;
    }

    bn-filters .search-sub-menu.options {
        max-width: 600px;
    }

    bn-filters .search-sub-menu bn-summary-workflow .status-progress-bar-event {
        padding: 10px !important;
    }

        bn-filters .search-sub-menu bn-summary-workflow .status-progress-bar-event .status-progress-bar-event-title {
            margin-bottom: 10px;
        }

        bn-filters .search-sub-menu bn-summary-workflow .status-progress-bar-event.active {
            border-right-color: #003580;
            border-right-color: var(--primary);
        }

bn-filters #modal-filters-action {
    position: fixed;
    bottom: 10px;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 9;
    background-color: transparent;
}

    bn-filters #modal-filters-action ul {
        background-color: #ffffff;
        padding: 6px 12px;
        border-radius: 20px;
        border: thin solid #cccccc;
    }

        bn-filters #modal-filters-action ul li a {
            text-align: center;
            padding: 6px;
        }

bn-filters .close-button .clear-button {
    display: none;
}

@media screen and (max-width: 992px) {
    bn-filters .search-sub-menu {
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        height: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
    }

        bn-filters .search-sub-menu.filters {
            width: 100%;
            left: 0 !important;
        }

    bn-filters .close-button {
        position: absolute;
        bottom: -10px;
        right: 10px;
    }

        bn-filters .close-button .clear-button {
            display: inline-block;
            background-color: #920000;
        }

            bn-filters .close-button .clear-button:hover {
                background-color: #5a0000;
            }
}

@media screen and (min-width: 992px) {
    bn-filters #modal-filters-action {
        display: none;
    }

    bn-filters .search-sub-menu .group .close {
        display: none
    }

    bn-filters bn-advanced-search #grid-view {
        height: 652px;
    }

    bn-filters bn-advanced-search .bn-grid-view-container {
        height: 600px;
        max-height: 600px;
        overflow-y: auto;
    }
}

bn-filters bn-datepicker .datepicker-container {
    border: none;
}

@media only screen and (max-width: 601px) {
    #advanced-search-container .right-filters {
        margin-top: 20px;
    }

        #advanced-search-container .right-filters > ul {
            float: left !important;
        }
}

bn-filters .status-progress-bar-container {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

bn-filters a.clear-icon {
    position: relative;
    left: 10px;
    top: 4px;
}

/*#endregion */

/*#region bn-footer*/

footer {
    background-color: #2e3032;
}

.footer-links-container {
    background-color: #2e3032;
    padding: 20px 0;
}

    .footer-links-container h3 {
        margin: 15px 0;
        text-transform: uppercase;
        font-weight: lighter;
        font-size: 15px;
        border: none;
        color: #cccccc;
    }

    .footer-links-container p {
        color: #cccccc;
    }

    .footer-links-container ul {
        margin-top: 30px;
    }

        .footer-links-container ul li a {
            -webkit-transition: all linear .3s;
            -moz-transition: all linear .3s;
            -o-transition: all linear .3s;
            transition: all linear .3s;
            height: 24px;
            line-height: 24px;
            color: #ffffff;
        }

            .footer-links-container ul li a:hover {
                color: #fec626;
            }

            .footer-links-container ul li a i {
                position: relative;
                top: 2px;
                margin-right: 6px;
            }

    .footer-links-container .logo-container {
        margin-top: 60px;
    }

        .footer-links-container .logo-container img {
            -webkit-transition: all linear .3s;
            -moz-transition: all linear .3s;
            -o-transition: all linear .3s;
            transition: all linear .3s;
            opacity: .5;
        }

            .footer-links-container .logo-container img:hover {
                opacity: 1;
            }

    .footer-links-container .footer-logo-container {
        text-align: center;
        height: 100px;
        width: 100%;
        opacity: 0.4;
        background-position-x: center;
        background-position-y: center;
        background-repeat: no-repeat;
    }

@media screen and (max-width: 1000px) {
    .footer-links-container .footer-logo-container {
        background-size: 100% auto !important;
    }
}


@media screen and (max-width: 992px) {
    .footer-links-container h3 {
        margin: 30px 0 15px 0;
    }
}

@media screen and (max-width: 601px) {
    .footer-links-container .logo-container {
        text-align: center;
        margin-top: 30px;
    }
}

.footer-copyright-container {
    background-color: #212121;
}

    .footer-copyright-container .row {
        line-height: 50px;
    }

        .footer-copyright-container .row ul {
            float: right;
        }

            .footer-copyright-container .row ul li {
                display: inline-block;
                position: relative;
                padding: 0 15px;
            }

                .footer-copyright-container .row ul li span {
                    color: #696969;
                }

                .footer-copyright-container .row ul li:not(:last-of-type)::after {
                    content: '';
                    position: absolute;
                    height: 30px;
                    top: 10px;
                    right: -15px;
                    margin-right: 15px;
                    border-left: thin solid #696969;
                }
/*#endregion*/

/*#region bn-generic-list */

bn-generic-list .bn-list.with-selection li.item.selected {
    border-bottom-color: #039;
}

bn-generic-list .bn-list li.item {
    min-height: 30px;
}

/*#endregion */

/*#region bn-grid-view */

bn-grid-view .bn-grid-view-container {
    overflow-y: auto;
}

bn-grid-view table tbody tr td:not(:last-of-type):not(.edit-template),
bn-grid-view table tbody tr td.truncating {
    white-space: nowrap;
    overflow: hidden;
    max-width: 200px;
    text-overflow: ellipsis;
}

bn-grid-view table tbody tr td:not(.edit-template) div,
bn-grid-view table tbody tr td:not(.edit-template) div > span,
bn-grid-view table tbody tr td:not(.edit-template) > div,
bn-grid-view table tbody tr td:not(.edit-template) > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

bn-grid-view table.selectable tbody tr:not(.selected) td {
    opacity: .4;
}

bn-grid-view table.selectable tbody tr.selected {
    border-bottom: 2px solid #003580;
    border-color: var(--primary);
}

    bn-grid-view table.selectable tbody tr.selected td {
        background-color: #ffffff;
    }

bn-grid-view .pagination-navigator .current {
    cursor: pointer;
    color: #003580;
    color: var(--primary);
}

    bn-grid-view .pagination-navigator .current:hover {
        color: #00478d;
        color: var(--accent)
    }

bn-grid-view .input-field.pagination-input-wrapper {
    margin-top: 0;
    margin-right: 8px;
    display: inline-block;
}

    bn-grid-view .input-field.pagination-input-wrapper > input[type=number] {
        line-height: 2rem;
        height: 20px;
        width: 40px;
        text-align: right;
    }

        bn-grid-view .input-field.pagination-input-wrapper > input[type=number]::-webkit-inner-spin-button,
        bn-grid-view .input-field.pagination-input-wrapper > input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

@media screen and (max-width: 600px) {
    bn-grid-view table.selectable thead,
    bn-grid-view table.selectable tbody tr:not(.selected) {
        display: none;
        visibility: collapse;
    }
}

@media screen and (min-width: 992px) {
    bn-grid-view tr,
    bn-grid-view td,
    bn-grid-view th {
        max-height: 26px !important;
    }

    bn-grid-view table.editable tr,
    bn-grid-view table.editable td,
    bn-grid-view table.editable th {
        max-height: 38px !important;
    }

    bn-grid-view th a {
        float: left;
    }
}

bn-grid-view span {
    line-height: inherit !important;
}

bn-grid-view input + span {
    line-height: 24px !important;
    font-size: 13px;
}

bn-grid-view td,
bn-grid-view th {
    height: 26px !important;
}

    bn-grid-view th .header-item-value {
        float: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        bn-grid-view th .header-item-value ~ i {
            position: relative;
            top: -1px;
        }

bn-grid-view table.editable td,
bn-grid-view table.editable th {
    height: 38px !important;
}

bn-grid-view th a {
    width: 100%;
}

bn-grid-view .action-column {
    padding: 10px !important;
    width: 2% !important;
    text-align: right;
    line-height: 25px;
}

    bn-grid-view .action-column i {
        position: relative;
        top: 3px;
    }

bn-grid-view .group-row {
    padding: 0 !important;
    background-color: #003580;
    background-color: var(--primary);
    line-height: 22px !important;
    height: 22px !important;
}

    bn-grid-view .group-row a {
        padding: 0 10px;
    }

        bn-grid-view .group-row a i {
            line-height: 22px !important;
        }

bn-grid-view .edit-template {
    opacity: 1 !important;
}

bn-grid-view .edit-template-commands {
    opacity: 1 !important;
}

bn-grid-view .edit-template .input-field {
    margin: 0 !important;
    padding: 0 5px;
}

bn-grid-view .edit-template select {
    height: 20px;
    line-height: 20px;
    padding: 0;
    max-width: 100% !important;
    width: 100% !important;
}

bn-grid-view .edit-template input[type="text"],
bn-grid-view .edit-template input[type="email"],
bn-grid-view .edit-template input[type="number"] {
    height: 1.5rem;
    line-height: 1.5rem;
    margin: 0 !important;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

bn-grid-view .edit-template bn-datepicker .datepicker-container input {
    height: 2.2rem !important;
    line-height: 2.2rem !important;
}

bn-grid-view table.selectable tbody tr:not(.selected).group-row {
    opacity: 1;
}

bn-grid-view table.selectable tbody tr.selected {
    opacity: 1;
}

bn-grid-view td [type="checkbox"] + label {
    height: 15px !important;
    margin: 0 10px !important;
}

    bn-grid-view td [type="checkbox"] + label:before,
    bn-grid-view [type="checkbox"]:not(.filled-in) + label:after {
        height: 14px !important;
        width: 14px !important;
    }

bn-grid-view td [type="checkbox"]:checked + label:before {
    height: 17px !important;
    width: 8px !important;
}

bn-grid-view .currency-edit input[type="number"] {
    width: calc(70% - 10px);
    margin: 0 5px !important;
}

bn-grid-view .currency-edit select {
    width: 30%;
    margin: 0;
    padding: 0;
    height: 20px;
}

bn-grid-view td img {
    height: 30px;
    width: 30px;
}

bn-grid-view th {
    min-width: 80px;
}

bn-grid-view table .select-wrapper span.caret {
    top: 5px !important;
}

bn-grid-view bn-autocomplete .menu-single {
    top: 27px !important;
    margin: 0 !important;
    min-width: 300px !important;
}

bn-grid-view bn-autocomplete input.input-single-only-read {
    line-height: 30px !important;
    height: 30px !important;
}

bn-grid-view bn-autocomplete a.switch-menu-icon {
    position: absolute;
    margin: 0 !important;
    top: 10px;
    right: 2px;
}

bn-grid-view bn-autocomplete a.clear-selection-icon {
    position: absolute;
    margin: 0 !important;
    top: 10px;
    right: 14px;
}

bn-grid-view bn-autocomplete .search-prefix {
    display: none !important;
}

bn-grid-view > .group {
    height: 36px;
}

    bn-grid-view > .group > span {
        float: left;
    }

bn-grid-view .cell-icon {
    width: 40px;
    min-width: 0 !important;
}

bn-grid-view table.selectable tbody tr:not(.selected) td.img-zoom:hover {
    opacity: 1
}

bn-grid-view td.img-zoom img {
    transition: none;
}

bn-grid-view td.img-zoom:hover img {
    position: fixed;
    width: 500px;
    height: 500px;
    z-index: 10;
    top: 100px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.34);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.34);
    display: block;
    left: calc(50% - 250px);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

bn-grid-view td.full-width {
    width: 100%;
    max-width: 100% !important;
}

/*#endregion */

/*#region bn-grid-view-lite*/

bn-grid-view-lite .table-wrapper {
    overflow-x: auto;
    min-width: 100%;
    table-layout: fixed;
}

bn-grid-view-lite table.scrollable-body tbody {
    display: block;
    overflow-y: auto;
    min-width: 1500px;
}

bn-grid-view-lite .cell-header {
    border-right: 1px solid gray;
    text-align: center;
    border-bottom: 1px solid gray;
}

    bn-grid-view-lite .cell-header.no-border-right {
        border-right: none;
    }

bn-grid-view-lite .row-subheader {
    border-bottom: 1px solid gray;
}

bn-grid-view-lite .cell-subheader-end {
    border-right: 1px solid gray;
}

bn-grid-view-lite .group-row {
    padding: 10px;
    background-color: #003580;
    background-color: var(--primary);
    color: #fff;
    border-bottom: 1px solid white;
}

bn-grid-view-lite .row-subtotal {
    font-weight: bold;
    background-color: white;
    border-top: 1px solid gray;
}

bn-grid-view-lite .row-total {
    font-weight: bold;
    background-color: lightgray;
    border-top: 1px solid black;
}

bn-grid-view-lite table.scrollable-body thead,
bn-grid-view-lite table.scrollable-body tfoot,
bn-grid-view-lite table.scrollable-body tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

bn-grid-view-lite table.scrollable-body thead,
bn-grid-view-lite table.scrollable-body tfoot {
    width: calc( 100% - 7px )
}

bn-grid-view-lite table tr.row-adjustment-first {
    border-top: 1px solid black;
}

bn-grid-view-lite table tr.row-adjustment-last {
    border-bottom: 1px solid black;
}

bn-grid-view-lite table tr.row-total-with-adjustment {
    background-color: #003580;
    background-color: var(--primary);
    color: white;
}

bn-grid-view-lite .no-border {
    border: none;
}

bn-grid-view-lite tr.selectable:hover td {
    background-color: lightgray;
    cursor: pointer;
}

bn-grid-view-lite tr.selected td {
    background-color: lightgray;
    border-bottom: 2px solid #003580;
    border-color: var(--primary);
}

bn-grid-view-lite tr td ul {
    line-height: 15px;
}

/*#endregion*/

/*#region bn-header*/

.top-header-container {
    z-index: 5;
    background-color: white;
}

    .top-header-container .row {
        height: 50px;
        line-height: 50px;
    }

        .top-header-container .row .badge-counter {
            position: absolute;
            top: 2px;
            left: 45%;
            background-color: #920000;
            color: #ffffff;
            padding: 0 6px;
            font-size: 10px;
            min-width: 24px;
            height: 24px;
            line-height: 24px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            text-align: center;
        }

        .top-header-container .row bn-notifications ul {
            max-height: 450px;
            overflow-y: scroll;
            margin-bottom: 50px !important;
        }

        .top-header-container .row ul.top-header-menu {
            height: 50px;
            line-height: 50px;
            float: left;
        }

            .top-header-container .row ul.top-header-menu img {
                height: 40px;
            }

            .top-header-container .row ul.top-header-menu > li:not(.notification) {
                height: 50px;
                line-height: 50px;
                float: left;
                position: relative;
            }

            .top-header-container .row ul.top-header-menu > li > a {
                padding: 0 10px;
                height: 50px;
                line-height: 50px;
                float: left;
                color: #003580; /* #404040; */
                color: var(--primary);
            }

                .top-header-container .row ul.top-header-menu > li > a > i {
                    height: 50px;
                    line-height: 50px;
                    margin-right: 0;
                }

            .top-header-container .row ul.top-header-menu li a img {
                -webkit-transition: all linear .3s;
                -moz-transition: all linear .3s;
                -o-transition: all linear .3s;
                transition: all linear .3s;
                opacity: .89;
                position: relative;
                top: 10px;
                height: 40px;
                width: auto;
            }

                .top-header-container .row ul.top-header-menu li a img.header-logo {
                    height: 30px;
                }

                .top-header-container .row ul.top-header-menu li a img:hover {
                    opacity: 1;
                }

            .top-header-container .row ul.top-header-menu li .menu {
                animation-name: fadeIn;
                animation-duration: .3s;
                animation-iteration-count: 1;
                animation-fill-mode: forwards;
                opacity: 0;
                border: 0;
                display: none;
                position: absolute;
                top: 50px;
                left: -134px;
                width: 302px;
                border: 1px solid #eeeeee;
                z-index: 3;
                background-color: #ffffff;
            }

            .top-header-container .row ul.top-header-menu li.active .menu {
                display: block;
            }

            .top-header-container .row ul.top-header-menu li .header-menu-icon-apps {
                height: 30px;
                width: 22px;
                position: relative;
                top: 10px;
                fill: #003580;
                fill: var(--primary);
                stroke: #FFFFFF;
                stroke-miterlimit: 10;
            }

            .top-header-container .row ul.top-header-menu li .menu.apps {
                width: 250px;
                left: -109px;
            }

            .top-header-container .row ul.top-header-menu li .menu.pin-to-right {
                left: -260px;
            }

                .top-header-container .row ul.top-header-menu li .menu.pin-to-right::after {
                    left: initial;
                    right: 6px;
                }

            .top-header-container .row ul.top-header-menu li .menu::after {
                left: calc(50% - 5px);
                content: '';
                display: block;
                position: absolute;
                top: -20px;
                width: 0;
                height: 0;
                border: 10px solid transparent;
                border-top-color: var(--primary); /* #b3b3b3; */
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            .top-header-container .row ul.top-header-menu.right {
                float: right;
            }

        .top-header-container .row .search-container {
            animation-name: fadeIn;
            animation-duration: .3s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            background-color: #ffffff;
            position: relative;
            top: 7px;
            width: 100%;
            height: 36px;
            line-height: 36px;
            border-bottom: 1px solid #003366;
            border-bottom: 1px solid var(--primary);
        }

            .top-header-container .row .search-container input {
                width: calc(100% - 50px);
                background-color: #ffffff;
                color: #404040;
                height: 34px;
                line-height: 34px;
                margin: 0 10px;
                font-size: 14px;
                border: none;
            }

            .top-header-container .row .search-container a {
                float: right;
                height: 36px;
                line-height: 36px;
                width: 30px;
                text-align: center;
            }

                .top-header-container .row .search-container a i {
                    position: relative;
                    top: 4px;
                }

    .top-header-container .top-header-avatar {
        width: 30px;
    }

        .top-header-container .top-header-avatar .avatar-letter,
        .top-header-container .top-header-avatar .avatar-image {
            height: 30px;
            width: 30px;
            line-height: 30px !important;
            font-size: 20px !important;
            vertical-align: middle;
            position: relative;
            top: 10px;
        }

@media screen and (max-width: 600px) {
    .top-header-container .row ul.top-header-menu li a img.header-logo {
        height: 20px;
        top: 7px;
        left: -10px;
    }

    .top-header-container .row ul.top-header-menu li .menu {
        position: fixed;
        left: 0 !important;
        right: 0;
        border: 0 !important;
        width: 100% !important;
        height: 100%;
        top: 0;
    }

        .top-header-container .row ul.top-header-menu li .menu .dashboard-container,
        .top-header-container .row ul.top-header-menu li .menu .user-profile-infos-container,
        .top-header-container .row ul.top-header-menu li .menu .notifications-container {
            height: 100%;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .top-header-container .row ul.top-header-menu li .menu .dashboard-container .scrollable,
            .top-header-container .row ul.top-header-menu li .menu .user-profile-infos-container .scrollable,
            .top-header-container .row ul.top-header-menu li .menu .notifications-container .scrollable {
                max-height: 100%;
            }

            .top-header-container .row ul.top-header-menu li .menu .notifications-container .tabs .tab {
                flex-grow: 1 !important;
            }

    .top-header-container .close-mobile-dashboard {
        height: 50px;
        line-height: 50px;
        margin-bottom: 10px;
        background-color: #02214c;
        background-color: var(--primary);
        color: #ffffff;
    }

        .top-header-container .close-mobile-dashboard i {
            margin-left: 22px;
            height: 50px;
            line-height: 50px;
        }

    .no-padding-med-and-up {
        padding: 0px !important;
    }
}

.menu-mobile-container {
    animation-name: fadeIn;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    position: relative;
    z-index: 1;
}

    .menu-mobile-container .menu-mobile-overlay {
        animation-name: fadeIn;
        animation-duration: .3s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        position: fixed;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.35);
        z-index: 6;
    }

    .menu-mobile-container .mobile-menu {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 7;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: #ffffff;
    }

        .menu-mobile-container .mobile-menu .menu-container {
            padding: 20px;
            background-color: #ffffff;
            width: calc(200% - 20px);
            -webkit-transition: all ease-in-out .2s;
            -moz-transition: all ease-in-out .2s;
            -o-transition: all ease-in-out .2s;
            transition: all ease-in-out .2s;
        }

            .menu-mobile-container .mobile-menu .menu-container.active {
                margin-left: calc(-100% + 20px) !important;
            }

            .menu-mobile-container .mobile-menu .menu-container .padding-vertical-small {
                margin-top: 50px;
            }

        .menu-mobile-container .mobile-menu .row.no-padding {
            padding: 0;
        }

        .menu-mobile-container .mobile-menu .navigation {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 50px;
            background-color: #02214c;
        }

            .menu-mobile-container .mobile-menu .navigation a {
                position: relative;
                left: 12px;
                top: 0;
                line-height: 65px;
                height: 50px;
                color: #ffffff;
                float: left;
                padding: 0 10px;
            }

        .menu-mobile-container .mobile-menu .dotcom-list {
            margin-top: 50px;
        }

            .menu-mobile-container .mobile-menu .dotcom-list li,
            .menu-mobile-container .mobile-menu .dotcom-list a {
                line-height: 36px;
                font-weight: 600;
                text-transform: uppercase;
                font-size: 16px;
            }

                .menu-mobile-container .mobile-menu .dotcom-list a span {
                    color: #696969;
                }

                    .menu-mobile-container .mobile-menu .dotcom-list a span.basicnet {
                        color: #920000;
                    }

                        .menu-mobile-container .mobile-menu .dotcom-list a span.basicnet::before {
                            content: 'Basic';
                            color: #003580;
                            color: var(--primary);
                        }

                    .menu-mobile-container .mobile-menu .dotcom-list a span.basicitalia {
                        color: #003580;
                        color: var(--primary);
                    }

                        .menu-mobile-container .mobile-menu .dotcom-list a span.basicitalia::before {
                            content: 'BI-';
                            color: #696969;
                        }

        .menu-mobile-container .mobile-menu .links-container li,
        .menu-mobile-container .mobile-menu .links-container a {
            line-height: 20px;
        }

            .menu-mobile-container .mobile-menu .links-container a.disabled {
                color: #cccccc;
                cursor: not-allowed;
                pointer-events: none;
            }

                .menu-mobile-container .mobile-menu .links-container a.disabled:hover {
                    text-decoration: none;
                }

            .menu-mobile-container .mobile-menu .links-container a.selected {
                text-decoration: underline;
                font-weight: 600;
            }

.navigation-header-container {
    z-index: 3;
    background-color: #003580;
    background-color: var(--primary);
}

    .navigation-header-container .row .col {
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .navigation-header-container #homepage-application-link {
        float: left;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        position: relative;
        width: auto;
        text-indent: 30px;
    }

        .navigation-header-container #homepage-application-link a {
            position: relative;
            float: none !important;
            top: 0;
            left: 0;
            width: auto;
        }

            .navigation-header-container #homepage-application-link a i {
                display: none;
            }

            .navigation-header-container #homepage-application-link a .label {
                position: relative !important;
                font-size: 20px;
                line-height: 50px !important;
                height: 50px;
                width: auto !important;
                color: #ffffff;
                padding: 0 10px;
            }

        .navigation-header-container #homepage-application-link ~ menu {
            white-space: nowrap !important;
        }

    .navigation-header-container .row .col menu {
        height: 50px;
        line-height: 50px;
        display: inline-block;
        position: relative;
        width: 100%;
    }

        .navigation-header-container .row .col menu li {
            display: inline-block;
            position: relative;
        }

            .navigation-header-container .row .col menu li.navigation {
                position: absolute;
                width: 50px;
            }

                .navigation-header-container .row .col menu li.navigation.previous-page {
                    left: 0;
                }

                .navigation-header-container .row .col menu li.navigation.next-page {
                    right: 0;
                }

                .navigation-header-container .row .col menu li.navigation a,
                .navigation-header-container .row .col menu li.navigation a i,
                .navigation-header-container .row .col menu li.navigation a .label {
                    width: 50px !important;
                }

            .navigation-header-container .row .col menu li a:not(.menu-link) {
                height: 50px;
                line-height: 50px;
                -webkit-transition: all linear .3s;
                -moz-transition: all linear .3s;
                -o-transition: all linear .3s;
                transition: all linear .3s;
                position: relative;
                color: #f1f1f1; /* #404040; */
                width: 120px;
                float: left;
                text-align: center;
            }

                .navigation-header-container .row .col menu li a:not(.menu-link):hover,
                .navigation-header-container .row .col menu li.active a:not(.menu-link),
                .navigation-header-container .row .col menu li.selected a:not(.menu-link) {
                    background-color: #4068a0;
                    background-color: var(--secondary);
                }

                    .navigation-header-container .row .col menu li.active a:not(.menu-link) i:not(.icon) {
                        -webkit-transform: rotate(180deg);
                        -moz-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

                .navigation-header-container .row .col menu li a:not(.menu-link) i {
                    font-size: 14px;
                    position: relative;
                    top: 3px;
                    margin-right: 0;
                }

                    .navigation-header-container .row .col menu li a:not(.menu-link) i.icon {
                        position: absolute;
                        width: 120px;
                        font-size: 20px;
                        left: 0;
                        top: 6px;
                    }

                .navigation-header-container .row .col menu li a:not(.menu-link) .label {
                    position: absolute;
                    bottom: 0;
                    width: 120px;
                    text-align: center;
                    line-height: 26px;
                }

            .navigation-header-container .row .col menu li .menu {
                animation-name: fadeIn;
                animation-duration: .3s;
                animation-iteration-count: 1;
                animation-fill-mode: forwards;
                display: none;
                position: absolute;
                padding: 10px;
                background-color: #4068a0;
                background-color: var(--secondary);
                top: 50px;
                min-width: 660px;
                left: -50%;
                z-index: 3;
                text-align: left;
                overflow: auto;
            }

            .navigation-header-container .row .col menu li.active .menu {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -moz-flex;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.35);
            }

            .navigation-header-container .row .col menu li .menu.has-one {
                min-width: 220px;
            }

            .navigation-header-container .row .col menu li .menu.has-two {
                min-width: 440px;
            }

            .navigation-header-container .row .col menu li .menu h2 {
                line-height: 10px;
                color: #ffffff; /* #404040; */
            }

            .navigation-header-container .row .col menu li .menu .menu-item {
                text-align: left;
                padding: 10px;
                width: 200px;
            }

                .navigation-header-container .row .col menu li .menu .menu-item ul li {
                    display: list-item;
                    line-height: 24px;
                    height: 24px;
                }

                    .navigation-header-container .row .col menu li .menu .menu-item ul li a {
                        color: #ffffff; /* #404040; */
                        float: none;
                        height: 24px;
                        line-height: 24px;
                    }

                        .navigation-header-container .row .col menu li .menu .menu-item ul li a.disabled {
                            color: #cccccc; /* #a2a2a2; */
                            cursor: not-allowed;
                        }

                            .navigation-header-container .row .col menu li .menu .menu-item ul li a.disabled:hover {
                                text-decoration: none;
                            }

                        .navigation-header-container .row .col menu li .menu .menu-item ul li a:hover {
                            text-decoration: underline;
                        }

                        .navigation-header-container .row .col menu li .menu .menu-item ul li a.selected {
                            text-decoration: underline;
                            font-weight: 600;
                        }

                        .navigation-header-container .row .col menu li .menu .menu-item ul li a span {
                            float: left;
                            width: calc(100% - 16px);
                            text-overflow: ellipsis;
                            overflow: hidden;
                            white-space: nowrap;
                        }

                        .navigation-header-container .row .col menu li .menu .menu-item ul li a i {
                            position: absolute;
                            right: 0;
                            margin: 0 !important;
                            top: 4px;
                        }

            .navigation-header-container .row .col menu li.navigation-link.home-link,
            .navigation-header-container .row .col menu li.navigation-link.home-link a,
            .navigation-header-container .row .col menu li.navigation-link.home-link a i,
            .navigation-header-container .row .col menu li.navigation-link.home-link a .label {
                width: 60px !important;
            }

@media screen and (min-width: 992px) {
    .navigation-header-container .row .col menu li .menu.dock-to-right {
        left: initial !important;
        right: -50% !important;
    }
}

@media screen and (max-width: 992px) {
    header .navigation-header-container .row .col menu li .menu {
        position: fixed;
        top: 100px;
        left: 0;
        width: 100%;
        min-width: 0;
        overflow-y: auto;
        height: calc(100% - 100px);
    }

    header.fixed-navigation .navigation-header-container .row .col menu li .menu {
        position: fixed;
        top: 50px;
        left: 0;
        width: 100%;
        min-width: 0;
        overflow-y: auto;
        height: calc(100% - 50px);
    }
}

.sub-header-container {
    z-index: 1;
    float: left;
    width: 100%;
    background-color: #ffffff;
}

    .sub-header-container .row {
        height: 40px;
        line-height: 40px;
    }

        .sub-header-container .row li {
            display: inline-block;
        }

            .sub-header-container .row li.selected a {
                color: #00478d;
                color: var(--accent)
            }

            .sub-header-container .row li a {
                padding: 0 20px;
                color: #003580;
                color: var(--primary);
            }

                .sub-header-container .row li a:hover {
                    color: #00478d;
                    color: var(--accent)
                }

        .sub-header-container .row a.right i {
            line-height: 30px;
            height: 0px;
            position: relative;
            top: 5px;
        }

        .sub-header-container .row a.rotated {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }

@media screen and (max-width: 992px) {
    .sub-header-container .row li {
        display: none;
    }

        .sub-header-container .row li.selected,
        .sub-header-container .row li.forced,
        .sub-header-container .row li a:hover {
            display: list-item;
        }
}

.dashboard-container {
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, .39);
    -moz-box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, .39);
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, .39);
}

    .dashboard-container hr {
        margin: 6px 0;
        border-top: 1px solid #eeeeee;
    }

    .dashboard-container .row {
        height: inherit;
    }

    .dashboard-container .col {
        padding: 0 8px;
    }

    .dashboard-container a {
        color: #404040 !important;
        float: left !important;
        height: 60px !important;
        line-height: 60px !important;
        position: relative;
        text-align: center;
        width: 100%;
        margin: 6px 0;
    }

        .dashboard-container a:hover {
            background-color: #eeeeee;
        }

        .dashboard-container a img {
            height: 40px;
            width: 40px;
            position: relative !important;
            top: 3px !important;
        }

        .dashboard-container a .dashboard-description {
            position: relative;
            bottom: 44px;
            left: 0;
            max-width: 100%;
        }

.user-profile-infos-container {
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, .39);
    -moz-box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, .39);
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, .39);
}

    .user-profile-infos-container .row {
        height: inherit;
    }

        .user-profile-infos-container .row:first-of-type {
            height: 100px;
        }

        .user-profile-infos-container .row:nth-of-type(2) {
            max-height: 236px;
        }

    .user-profile-infos-container h2 {
        margin-bottom: 0 !important;
        padding: 0 12px;
    }

    .user-profile-infos-container .account-name {
        line-height: 24px;
        margin-top: 30px;
        font-size: 15px;
    }

    .user-profile-infos-container .account-email {
        line-height: 20px;
        font-size: 12px;
    }

    .user-profile-infos-container .profiles-container {
        max-height: 200px;
        overflow-x: hidden;
        overflow-y: auto;
        border-bottom: 1px solid #cccccc;
    }

    .user-profile-infos-container ul {
        padding: 10px 12px;
        height: inherit !important;
        line-height: inherit !important;
        float: none !important;
    }

        .user-profile-infos-container ul li {
            line-height: 26px !important;
            float: none !important;
            height: 26px !important;
        }

            .user-profile-infos-container ul li a {
                line-height: 26px !important;
                float: none !important;
                color: #003580 !important;
                color: var(--primary) !important;
                height: 26px !important;
            }

                .user-profile-infos-container ul li a.accent {
                    color: #00478d !important;
                    color: var(--accent) !important;
                }

                .user-profile-infos-container ul li a.custom {
                    text-indent: 15px;
                }

                .user-profile-infos-container ul li a i {
                    line-height: inherit !important;
                    height: inherit !important;
                    position: relative;
                    top: 2px;
                    margin-right: 3px !important;
                }

    .user-profile-infos-container .user-profile-infos-avatar .avatar-letter,
    .user-profile-infos-container .user-profile-infos-avatar .avatar-image {
        height: 70px;
        width: 70px;
        line-height: 70px !important;
        position: relative;
        top: 20px;
    }

.notifications-container .group {
    padding: 0px 12px;
}

.hints-container menu button.btn.btn-flat {
    width: 153px;
}

    .hints-container menu button.btn.btn-flat.selected {
        color: #003580;
        color: var(--primary);
        font-weight: bold;
        border: 1px solid #003580;
        border-bottom-color: var(--primary);
        background-color: #eee;
    }


.search-results-container {
    animation-name: fadeIn;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    z-index: 10;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 50px;
    background-color: rgba(0, 0, 0, 0.35);
}

    .search-results-container .search-overlay {
        position: fixed;
        top: 50px;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.13);
    }

    .search-results-container .search-tab-selector {
        height: 48px;
        line-height: 48px;
        width: 100%;
        float: left;
        text-align: center;
        border-bottom: 2px solid transparent;
        text-transform: uppercase;
        color: #003580;
        color: var(--primary);
        -webkit-transition: all linear .1s;
        -moz-transition: all linear .1s;
        -o-transition: all linear .1s;
        transition: all linear .1s;
    }

        .search-results-container .search-tab-selector.selected {
            border-bottom-color: #003580;
            border-bottom-color: var(--primary);
        }

    .search-results-container .search-result-panel {
        background-color: #ffffff;
        position: relative;
    }

        .search-results-container .search-result-panel::after,
        .search-results-container .search-result-panel::before {
            z-index: -1;
            position: absolute;
            content: '';
            bottom: 10px;
            left: 10px;
            width: 50%;
            height: 40px;
            background: #333333;
            -webkit-box-shadow: 0 15px 10px #333333;
            -moz-box-shadow: 0 15px 10px #333333;
            box-shadow: 0 15px 10px #333333;
            -webkit-transform: rotate(-1.5deg);
            -moz-transform: rotate(-1.5deg);
            -o-transform: rotate(-1.5deg);
            -ms-transform: rotate(-1.5deg);
            transform: rotate(-1.5deg);
        }

        .search-results-container .search-result-panel::after {
            -webkit-transform: rotate(1.5deg);
            -moz-transform: rotate(1.5deg);
            -o-transform: rotate(1.5deg);
            -ms-transform: rotate(1.5deg);
            transform: rotate(1.5deg);
            right: 10px;
            left: auto;
        }

        .search-results-container .search-result-panel .secondary-search-container {
            height: 50px;
            line-height: 50px;
            padding: 0 20px;
            background-color: #003580;
            background-color: var(--primary);
        }

            .search-results-container .search-result-panel .secondary-search-container input {
                height: 36px;
                line-height: 36px;
                color: #ffffff;
                margin: 0;
                width: calc(100% - 30px);
            }

            .search-results-container .search-result-panel .secondary-search-container a {
                height: 50px;
                line-height: 50px;
                width: 15px;
                color: #ffffff;
                text-align: center;
            }

                .search-results-container .search-result-panel .secondary-search-container a i {
                    position: relative;
                    top: 4px;
                }

        .search-results-container .search-result-panel .results-container {
            padding: 20px;
        }

            .search-results-container .search-result-panel .results-container .shortcuts-container {
                max-height: calc(100vh - 130px);
                overflow-y: auto;
                overflow-x: hidden;
            }

                .search-results-container .search-result-panel .results-container .shortcuts-container a {
                    height: 60px;
                    width: 100%;
                }

                    .search-results-container .search-result-panel .results-container .shortcuts-container a .shortcut {
                        height: 60px;
                        width: 100%;
                    }

                        .search-results-container .search-result-panel .results-container .shortcuts-container a .shortcut .shortcut-icon {
                            height: 50px;
                            width: 50px;
                            line-height: 50px;
                            -webkit-border-radius: 100%;
                            border-radius: 100%;
                            background-color: #003580;
                            background-color: var(--primary);
                            text-align: center;
                        }

                            .search-results-container .search-result-panel .results-container .shortcuts-container a .shortcut .shortcut-icon i {
                                line-height: 50px;
                                color: #ffffff;
                            }

                        .search-results-container .search-result-panel .results-container .shortcuts-container a .shortcut .shortcut-description {
                            vertical-align: top;
                            padding: 0 10px;
                            line-height: 20px;
                            width: calc(100% - 50px);
                            height: 60px;
                        }

                            .search-results-container .search-result-panel .results-container .shortcuts-container a .shortcut .shortcut-description .title {
                                color: #404040;
                            }

                            .search-results-container .search-result-panel .results-container .shortcuts-container a .shortcut .shortcut-description .path {
                                color: #003580;
                                color: var(--primary);
                            }

                            .search-results-container .search-result-panel .results-container .shortcuts-container a .shortcut .shortcut-description .dotcom {
                                color: #cccccc;
                            }

            .search-results-container .search-result-panel .results-container .hints-container menu {
                padding-bottom: 10px;
                margin-bottom: 10px;
                border-bottom: 1px solid #f1f1f1;
            }

                .search-results-container .search-result-panel .results-container .hints-container menu li {
                    display: inline;
                    padding: 0 10px;
                }

                    .search-results-container .search-result-panel .results-container .hints-container menu li.pager {
                        padding: 0 !important;
                    }

                        .search-results-container .search-result-panel .results-container .hints-container menu li.pager a {
                            line-height: 26px;
                            padding: 0 !important;
                        }

                    .search-results-container .search-result-panel .results-container .hints-container menu li a {
                        line-height: 36px;
                    }

                        .search-results-container .search-result-panel .results-container .hints-container menu li a.selected {
                            color: #00478d;
                            color: var(--accent);
                        }

            .search-results-container .search-result-panel .results-container .hints-container .hints {
                max-height: calc(100vh - 240px);
                overflow-x: hidden;
                overflow-y: auto;
            }

                .search-results-container .search-result-panel .results-container .hints-container .hints li {
                    float: left;
                    width: 100%;
                    margin-bottom: 20px;
                    min-height: 100px;
                }

    .search-results-container .user-search-container,
    .search-results-container .company-search-container {
        width: 99%;
        margin: 0 auto 20px auto;
    }

        .search-results-container .user-search-container h4,
        .search-results-container .company-search-container h4 {
            font-size: 20px !important;
        }

        .search-results-container .user-search-container .info-icon,
        .search-results-container .company-search-container .info-icon {
            position: relative;
            top: -2px;
        }

    .search-results-container .indented-contact {
        padding-left: 24px;
    }

@media screen and (max-width: 992px) {
    .search-results-container .search-result-panel .results-container .shortcuts-container a .shortcut .shortcut-description {
        width: calc(100% - 50px);
    }
}

@media screen and (max-width: 600px) {
    .search-results-container {
        top: 0;
    }

        .search-results-container .search-result-panel .results-container {
            padding: 0;
        }

        .search-results-container .search-result-panel,
        .search-results-container .search-result-panel .results-container {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
        }

            .search-results-container .search-result-panel .results-container .hints-container menu li:not(.pager) {
                display: inline-block;
                max-width: calc(50% - 40px);
            }

                .search-results-container .search-result-panel .results-container .hints-container menu li:not(.pager) button {
                    max-width: 100%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    padding: 0 10px !important;
                }
}

.search-item-container .icon {
    vertical-align: top;
    width: 60px;
}

    .search-item-container .icon img {
        position: relative;
        top: 5px;
        left: 5px;
        height: 50px;
        width: 50px;
    }

.search-item-container .description {
    vertical-align: top;
    padding: 0 10px;
    width: calc(100% - 80px);
}

    .search-item-container .description .title {
        margin-bottom: 15px;
    }

        .search-item-container .description .title .object {
            line-height: 30px;
            color: #003580;
            color: var(--primary);
            font-size: 16px;
        }

        .search-item-container .description .title .description {
            color: #9e9e9e;
            text-indent: 15px;
        }

    .search-item-container .description .hints li {
        margin-bottom: 10px;
    }

    .search-item-container .description .hint-title {
        color: #003580;
        color: var(--primary);
        line-height: 26px;
    }

    .search-item-container .description .hint-description {
        color: #9e9e9e;
        line-height: 15px;
    }

@media screen and (max-width: 600px) {
    .search-item-container .description .links {
        margin-left: -80px;
        margin-top: 20px;
    }
}

header.anonymous {
    margin-bottom: 0;
}

    header.anonymous .menu {
        height: 50px;
        z-index: 9999;
    }

        header.anonymous .menu a {
            text-decoration: none !important;
        }

        header.anonymous .menu > ul {
            height: 48px;
            line-height: 48px;
        }

        header.anonymous .menu .menu-list > li > a {
            position: relative;
            float: left;
            font-weight: lighter;
            padding: 0 20px;
            margin-left: -3px;
            color: #ffffff;
            height: 48px;
            line-height: 48px;
            border-bottom: 4px solid transparent;
            -webkit-transition: border-bottom-color .4s, background-color .8s, color .8s;
            -moz-transition: border-bottom-color .4s, background-color .8s, color .8s;
            -ms-transition: border-bottom-color .4s, background-color .8s, color .8s;
            -o-transition: border-bottom-color .4s, background-color .8s, color .8s;
            transition: border-bottom-color .4s, background-color .8s, color .8s;
        }

            header.anonymous .menu .menu-list > li > a:not(.no-hover-border):not(.active):hover {
                border-bottom-color: #ffffff;
                color: #ffffff;
            }

            header.anonymous .menu .menu-list > li > a:not(.no-hover-border).active {
                background-color: #ffffff;
                color: #02214c;
            }

                header.anonymous .menu .menu-list > li > a:not(.no-hover-border).active i {
                    color: #02214c;
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

    header.anonymous #notifications-area a {
        padding: 0;
        margin: 0 12px;
    }

@media screen and (max-width : 600px) {
    header.anonymous .menu .menu-list > li > a {
        padding: 0;
        margin: 0 15px;
    }

    header.anonymous #notifications-area a {
        padding: 0;
        margin: 0 8px;
    }
}

header.anonymous .menu .menu-list > li > a i {
    float: right;
    line-height: 48px !important;
    margin-left: 6px;
    margin-right: -6px;
    color: #ffffff;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}

header.anonymous a.logo img {
    position: relative;
    top: 7px;
    opacity: .89;
}

header.anonymous a.logo:hover img {
    opacity: 1;
}

header.anonymous .sub-menu {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 9998;
    top: 0;
}

    header.anonymous .sub-menu::before,
    header.anonymous .sub-menu::after {
        z-index: -1;
        position: absolute;
        content: '';
        bottom: 10px;
        left: 10px;
        width: 50%;
        height: 40px;
        background: #333333;
        -webkit-box-shadow: 0 15px 10px #333333;
        -moz-box-shadow: 0 15px 10px #333333;
        box-shadow: 0 15px 10px #333333;
        -webkit-transform: rotate(-1.5deg);
        -moz-transform: rotate(-1.5deg);
        -o-transform: rotate(-1.5deg);
        -ms-transform: rotate(-1.5deg);
        transform: rotate(-1.5deg);
    }

    header.anonymous .sub-menu::after {
        -webkit-transform: rotate(1.5deg);
        -moz-transform: rotate(1.5deg);
        -o-transform: rotate(1.5deg);
        -ms-transform: rotate(1.5deg);
        transform: rotate(1.5deg);
        right: 10px;
        left: auto;
    }

@media screen and (max-width : 992px) {
    header.anonymous .sub-menu::before,
    header.anonymous .sub-menu::after {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    header.anonymous .sub-menu::after {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg);
    }
}

header.anonymous .sub-menu .row {
    background-color: #ffffff;
    margin: 0;
}

header.anonymous .sub-menu a:not(.btn) {
    color: #003580;
    color: var(--primary);
    font-size: 12px;
    line-height: 18px;
}

    header.anonymous .sub-menu a:not(.btn):hover {
        color: #2b78a4;
    }

    header.anonymous .sub-menu a:not(.btn).disabled {
        color: #dddddd;
    }

        header.anonymous .sub-menu a:not(.btn).disabled:hover {
            color: #cccccc;
        }

header.anonymous .sub-menu li.unauthorized a,
header.anonymous .sub-menu li.unauthorized a:hover {
    color: #888888;
    cursor: not-allowed;
}

header.anonymous #under-layer {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9996;
    height: 100%;
    background-color: rgba(0, 0, 0, .35);
}

header.anonymous #border-submenu {
    height: 4px;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #003580;
    background-color: var(--primary);
    display: none;
    z-index: 99999;
}

bn-header .basic-personal-link {
    font-size: 13px;
    font-weight: bold;
    color: white;
    background-color: #003580;
    background-color: var(--primary);
    line-height: 29px;
    cursor: pointer;
}

bn-header bn-loader.help-sidenav-loader .nodata {
    position: relative;
    top: 20vh;
}
/*#endregion*/

/*#region bn-help-center*/
bn-help-center .section {
    padding: 0 !important;
}

bn-help-center .response {
    color: #404040;
    float: right;
    width: 80%;
    padding: 20px !important;
    border-radius: 20px;
    background-color: #f7f7f7;
    box-shadow: 6px 6px 10px 0px rgba(0,0,0,.15);
}

bn-help-center .group a {
    float: none !important;
}

bn-help-center .popular-container {
    width: 100%;
    background-color: #003580;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 1;
}

@media screen and (max-width: 991px) {
    bn-help-center .popular-container {
        background-image: url('../images/template/help-center.png');
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
}

bn-help-center .popular-container li {
    margin: 10px 35px;
    display: inline-block;
}

bn-help-center .popular-container a {
    float: left;
    margin-bottom: 20px;
}

    bn-help-center .popular-container a .item {
        border-radius: 20px;
        background-color: #f1f1f1;
        padding: 6px 12px;
        color: #003580;
        -webkit-transition: all linear .2s;
        -moz-transition: all linear .2s;
        -ms-transition: all linear .2s;
        -o-transition: all linear .2s;
        transition: all linear .2s;
    }

    bn-help-center .popular-container a:hover .item {
        background-color: #ffffff;
        -webkit-box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
        box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    }

bn-help-center nav {
    height: 36px;
    line-height: 36px;
}

bn-help-center .help-center-input-field input {
    background-color: #ffffff;
    color: #003366 !important;
    color: var(--primary) !important;
}

bn-help-center .help-center-input-field i,
bn-help-center .help-center-input-field label i {
    height: 36px !important;
    line-height: 36px !important;
    color: #003366 !important;
    color: var(--primary) !important;
}

bn-help-center .items-container {
    margin-top: 300px;
}

    bn-help-center .items-container a {
        float: left;
        width: 100%;
        opacity: .4;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-transition: all linear .3s;
        -moz-transition: all linear .3s;
        -o-transition: all linear .3s;
        transition: all linear .3s;
    }

        bn-help-center .items-container a.selected,
        bn-help-center .items-container a:hover {
            opacity: 1;
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
            -ms-filter: grayscale(0);
            filter: grayscale(0);
        }

        bn-help-center .items-container a .item img {
            width: 50%;
        }

        bn-help-center .items-container a .item .title {
            font-size: 20px;
            color: #404040;
        }

    bn-help-center .items-container .details-list li {
        width: 100%;
        float: left;
    }

    bn-help-center .items-container .details-list a {
        opacity: 1;
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        filter: grayscale(0);
        float: left;
        margin-bottom: 20px;
    }

        bn-help-center .items-container .details-list a .item {
            border-radius: 20px;
            background-color: #003580;
            background-color: var(--primary);
            padding: 6px 12px;
            color: #ffffff;
            float: left;
        }

bn-help-center .dashboards-container a {
    padding: 10px 20px;
}

    bn-help-center .dashboards-container a img {
        filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        opacity: .5;
        height: 80px;
        width: 80px;
        -webkit-transition: all linear .2s;
        -moz-transition: all linear .2s;
        -ms-transition: all linear .2s;
        -o-transition: all linear .2s;
        transition: all linear .2s;
    }

    bn-help-center .dashboards-container a:hover img {
        opacity: 1;
    }

    bn-help-center .dashboards-container a img.selected {
        opacity: 1;
        filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
    }

bn-help-center .help-center-list {
    border-right: 1px solid lightgray;
}

bn-help-center .help-center-item {
    font-size: 15px;
    text-transform: uppercase;
    line-height: 30px;
    cursor: pointer;
    color: darkslategray;
    font-weight: bold;
    opacity: 0.9;
}

    bn-help-center .help-center-item:hover,
    bn-help-center .help-center-item.selected {
        color: gray;
    }

    bn-help-center .help-center-item .prefix {
        color: #003580;
        color: var(--primary);
    }

    bn-help-center .help-center-item:hover .prefix,
    bn-help-center .help-center-item.selected .prefix {
        color: #00478d;
        color: var(--accent);
    }

    bn-help-center .help-center-item .suffix-blue {
        color: #c00000;
    }

    bn-help-center .help-center-item:hover .suffix-blue,
    bn-help-center .help-center-item.selected .suffix-blue {
        color: #ff0000;
    }

    bn-help-center .help-center-item .suffix-gray {
        color: darkslategray;
    }

    bn-help-center .help-center-item:hover .suffix-gray,
    bn-help-center .help-center-item.selected .suffix-gray {
        color: gray;
    }

    bn-help-center .help-center-item .help-center-info {
        font-size: 13px;
        text-transform: none;
        line-height: 25px;
        font-weight: 100;
    }

        bn-help-center .help-center-item .help-center-info a {
            border-left: 1px solid lightgray;
            padding-left: 10px;
        }

            bn-help-center .help-center-item .help-center-info a:hover,
            bn-help-center .help-center-item .help-center-info.selected a {
                color: #00478d;
                color: var(--accent);
                border-color: #00478d;
                border-color: var(--accent);
            }

bn-help-center .title {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

/*#endregion*/

/*#region bn-help-center-manager*/
bn-help-center-manager .dropdown-content a i.material-icons {
    width: 100%;
    text-align: center;
}
/*#endregion*/

/*#region bn-homepage*/

@media screen and (max-width: 601px) {
    bn-homepage .row.main-row > .col.s12.m12.l3.xl3 {
        height: 0;
    }

    bn-homepage .row.main-row > .col.s12.m12.l9.xl9 {
        padding: 0;
    }
}

bn-homepage bn-conversation .activities {
    min-height: 350px;
}

bn-homepage .user-mail-info {
    min-height: 60px;
}

    bn-homepage .user-mail-info .card-title {
        background-color: #003580;
        background-color: var(--primary);
        color: white;
        height: 38px;
        text-transform: uppercase;
        font-size: 12px;
    }

    bn-homepage .user-mail-info .action {
        text-align: center;
        text-transform: uppercase;
        font-size: 12px;
        padding: 10px 0;
    }

        bn-homepage .user-mail-info .action a {
            cursor: pointer
        }

    bn-homepage .user-mail-info .action-list {
        list-style: decimal;
        margin: 10px 0 10px 30px;
    }
/*#endregion*/

/*#region bn-homepage-side-menu*/
bn-homepage-side-menu #explore-basicgroup-apps-list {
    float: left;
    margin-left: -20px;
    width: calc(100% + 40px);
}

    bn-homepage-side-menu #explore-basicgroup-apps-list li {
        float: left;
        width: 100%;
    }

        bn-homepage-side-menu #explore-basicgroup-apps-list li .app {
            position: relative;
            width: 100%;
            float: left;
            padding: 5px 20px;
            border-left: 2px solid transparent;
        }

        bn-homepage-side-menu #explore-basicgroup-apps-list li .image {
            float: left;
        }

            bn-homepage-side-menu #explore-basicgroup-apps-list li .image img {
                width: 30px;
                position: relative;
                top: 1px;
            }

        bn-homepage-side-menu #explore-basicgroup-apps-list li .description {
            float: left;
            width: calc(100% - 40px);
        }

            bn-homepage-side-menu #explore-basicgroup-apps-list li .description p {
                margin-bottom: 0;
            }

                bn-homepage-side-menu #explore-basicgroup-apps-list li .description p.item-name {
                    line-height: 20px;
                }

                bn-homepage-side-menu #explore-basicgroup-apps-list li .description p.item-description {
                    line-height: 16px;
                }

        bn-homepage-side-menu #explore-basicgroup-apps-list li.selected .app {
            border-left-color: #003580;
            border-left-color: var(--primary);
            background-color: #003580;
            background-color: var(--primary);
            color: white;
        }

            bn-homepage-side-menu #explore-basicgroup-apps-list li.selected .app::before {
                content: '';
                position: absolute;
                height: 31px;
                width: 31px;
                background-color: #003580;
                background-color: var(--primary);
                right: -16px;
                transform: rotate(45deg);
                z-index: 0;
                top: 8px;
            }


        bn-homepage-side-menu #explore-basicgroup-apps-list li:hover {
            background-color: #d3d3d3;
        }

        bn-homepage-side-menu #explore-basicgroup-apps-list li:not(.selected):hover .description p.item-name {
            color: #003580;
            color: var(--primary);
            font-weight: bold;
        }

bn-homepage-side-menu .zone-container {
    width: 100%;
}

bn-homepage-side-menu .zone {
    min-height: 70px;
    padding-left: 5px;
    cursor: pointer;
    position: relative;
}

    bn-homepage-side-menu .zone.zone-small {
        height: 70px;
    }

    bn-homepage-side-menu .zone.border-top {
        border-top: 1px solid #003580;
        border-color: var(--primary);
    }

    bn-homepage-side-menu .zone .zone-title {
        font-size: 12px;
    }

    bn-homepage-side-menu .zone .zone-description {
        font-size: 10px;
        padding: 5px;
        line-height: 15px;
    }

    bn-homepage-side-menu .zone.selected {
        cursor: inherit;
        border-color: #003580;
        border-color: var(--primary);
        background-color: #003580;
        background-color: var(--primary);
        color: white;
    }

        bn-homepage-side-menu .zone.selected .group,
        bn-homepage-side-menu .zone.selected ul {
            z-index: 1;
        }

        bn-homepage-side-menu .zone.selected::after {
            content: '';
            height: 30px;
            width: 30px;
            position: absolute;
            border-top: 1px solid #003580;
            border-right: 1px solid #003580;
            border-color: var(--primary);
            background-color: #003580;
            background-color: var(--primary);
            top: 20px;
            right: -15px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        bn-homepage-side-menu .zone.selected bn-list ul {
            background-color: #003580;
            background-color: var(--primary);
        }

            bn-homepage-side-menu .zone.selected bn-list ul li span {
                color: white;
            }

            bn-homepage-side-menu .zone.selected bn-list ul li.selected {
                border-color: #dedede;
            }

        bn-homepage-side-menu .zone.selected bn-list .btn {
            background-color: white;
            color: #003580;
            color: var(--primary);
        }

            bn-homepage-side-menu .zone.selected bn-list .btn:hover {
                background-color: #dedede;
            }

@media screen and (max-width: 992px) {
    bn-homepage-side-menu .zones-loader .overlay {
        background-color: transparent !important;
    }

    bn-homepage-side-menu .zones-loader .blur {
        -webkit-filter: none !important;
        -moz-filter: none !important;
        -ms-filter: none !important;
        -o-filter: none !important;
        filter: none !important;
    }

    bn-homepage-side-menu .zone-container .card-panel {
        background-color: transparent !important;
        box-shadow: none !important;
    }

    bn-homepage-side-menu .zone-container {
        width: calc(100% + .75rem) !important;
        margin-left: 0;
        background-color: #003580;
        background-color: var(--primary);
        padding: 10px;
        height: 60px;
        line-height: 60px;
        position: absolute;
        position: absolute;
        top: 50px;
        z-index: 1;
        left: -0.75rem;
        -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
    }

        bn-homepage-side-menu .zone-container.fixed {
            position: fixed;
            top: 0;
            z-index: 2;
            height: 60px;
            line-height: 60px;
        }

    bn-homepage-side-menu .zone {
        position: static;
        /*width: 25%;*/
        float: left;
        height: 50px;
        line-height: 50px;
        min-height: 50px;
        color: #ffffff;
        text-align: center;
        background-color: #003580;
        background-color: var(--primary);
        border-bottom: 4px solid transparent;
    }

        bn-homepage-side-menu .zone.selected {
            border-bottom-color: #ffffff;
        }

            bn-homepage-side-menu .zone.selected::after {
                content: none;
            }

        bn-homepage-side-menu .zone .group {
            padding: 0 !important;
            border-color: #003580;
            border-color: var(--primary);
        }

        bn-homepage-side-menu .zone > .row {
            padding: 0 !important;
            height: 40px;
            line-height: 40px;
            min-height: 40px;
        }

        bn-homepage-side-menu .zone .zone-title {
            padding: 0;
            line-height: 40px !important;
            min-height: 40px !important;
            border: none;
            height: 40px !important;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            bn-homepage-side-menu .zone .zone-title i {
                line-height: 40px;
            }

        bn-homepage-side-menu .zone .zone-description {
            display: none;
            visibility: collapse;
        }

        bn-homepage-side-menu .zone .group button.btn {
            display: none;
        }
}

/*#endregion*/

/*#region bn-image-uploader */

bn-image-uploader {
    position: relative;
    float: left;
    margin: 20px;
}

    bn-image-uploader .preloader-wrapper {
        width: 35px;
        height: 35px;
        margin-top: 7px;
        margin-left: -1px;
    }

    bn-image-uploader.activated.active {
        box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    }

    bn-image-uploader.activated:not(.active) {
        opacity: 0.65;
    }

    bn-image-uploader .image-uploader {
        position: relative;
        cursor: pointer;
        float: left;
        height: 100px;
        width: 100px;
    }

        bn-image-uploader .image-uploader img {
            width: 100%;
            max-height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
        }

    bn-image-uploader .bn-image-uploader-preloader {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
    }

        bn-image-uploader .bn-image-uploader-preloader > div {
            height: 100px;
        }

            bn-image-uploader .bn-image-uploader-preloader > div > .preloader-wrapper {
                top: 25px;
                left: -3px;
            }

    bn-image-uploader .image-uploader-overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0,.25);
        display: none;
    }

        bn-image-uploader .image-uploader-overlay .clear-action {
            font-size: 20px;
            position: relative;
            display: inline;
            float: right;
        }

        bn-image-uploader .image-uploader-overlay.mobile-uploader-overlay {
            display: block !important;
        }

    bn-image-uploader .image-uploader-overlay-actions {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

        bn-image-uploader .image-uploader-overlay-actions .material-icons {
            font-size: 20px;
            display: inline;
            right: 3px;
            position: relative;
        }

        bn-image-uploader .image-uploader-overlay-actions .col {
            padding: 0;
        }

/*#endregion */

/*#region bn-inbox */

bn-inbox .btn.btn-flat.accent {
    color: #003580;
    color: var(--primary);
    font-weight: bold;
    border: 1px solid #003580;
    border-color: var(--primary);
    background-color: #eee;
}

bn-inbox .bn-inbox-container {
    height: 850px;
}

bn-inbox .bn-inbox-content {
    height: calc(100% - 40px);
}

bn-inbox .flex-y-container {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
}

bn-inbox .sub-menu-inbox {
    font-size: 14px;
    line-height: 24px;
}

bn-inbox .flex-y-container.no-overflow {
    overflow: hidden !important;
}

bn-inbox bn-notifications .flex-y-container {
    overflow-y: hidden;
}

bn-inbox bn-notifications ul.list {
    height: 100%;
    max-height: 800px;
    overflow-y: auto;
}

bn-inbox bn-notifications bn-loader > div {
    height: 100%;
}

/*#endregion */

/*#region bn-inbox-mobile */

bn-inbox-mobile .object-types-container {
    text-align: center;
}

    bn-inbox-mobile .object-types-container li:not(.pager) {
        max-width: 30%;
    }

        bn-inbox-mobile .object-types-container li:not(.pager) a {
            max-width: 100%;
        }

bn-inbox-mobile .btn.btn-flat.accent {
    color: #003580;
    color: var(--primary);
    font-weight: bold;
    border: 1px solid #003580;
    border-color: var(--primary);
    background-color: #eee;
}

bn-inbox-mobile bn-conversation-files img {
    height: 100px !important;
}

bn-inbox-mobile bn-conversation .activities {
    position: inherit;
    padding: 0 10px !important;
}

bn-inbox-mobile .sub-menu-inbox {
    font-size: 14px;
    line-height: 24px;
}

bn-inbox-mobile .bn-inbox-content > div,
bn-inbox-mobile .bn-inbox-content bn-loader .main-container,
bn-inbox-mobile .bn-inbox-content bn-loader .main-container > div,
bn-inbox-mobile .bn-inbox-content bn-loader .main-container > div ul {
    height: calc(100% - 16px);
}

    bn-inbox-mobile .bn-inbox-content bn-loader .main-container > div ul {
        overflow-y: auto;
    }

bn-inbox-mobile .bn-inbox-container {
    height: calc(100% - 15px);
}

    bn-inbox-mobile .bn-inbox-container.messages {
        height: calc(100% + 10px);
    }

    bn-inbox-mobile .bn-inbox-container .bn-inbox-content {
        height: 100%;
    }

/*#endregion */

/*#region bn-indicators-summary*/

bn-indicators-summary .progress.gauge, ul.list-item .progress.gauge {
    top: 13px;
}

bn-indicators-summary .gauge-container, ul.list-item .gauge-container {
    position: relative;
    height: 30px;
}

bn-indicators-summary .gauge-marker, ul.list-item .gauge-marker {
    position: absolute;
    top: 8px;
    left: 0;
    height: 15px;
    background-color: transparent;
}

    bn-indicators-summary .gauge-marker::after, ul.list-item .gauge-marker::after {
        content: '';
        height: 15px;
        width: 15px;
        border-radius: 100%;
        background-color: #ffffff;
        border: thin solid #404040;
        position: absolute;
        top: 0;
        right: 0px;
        overflow: visible;
        z-index: 2;
    }

    bn-indicators-summary .gauge-marker::before, ul.list-item .gauge-marker::before {
        overflow: visible;
        z-index: 2;
        height: 15px;
        width: 15px;
        position: absolute;
        top: -15px;
        right: 14px;
    }

    bn-indicators-summary .gauge-marker.avg::before, ul.list-item .gauge-marker.avg::before {
        content: 'Average';
        font-style: italic;
    }

    bn-indicators-summary .gauge-marker.exp::before, ul.list-item .gauge-marker.exp::before {
        content: 'Expected';
        font-style: italic;
        top: 15px;
    }

    bn-indicators-summary .gauge-marker.fill::after, ul.list-item .gauge-marker.fill::after {
        background-color: #acece6;
    }

bn-indicators-summary .trend-down {
    color: red;
}

bn-indicators-summary .trend-up {
    color: green;
}

bn-indicators-summary .element {
    border: thin solid #f1f1f1;
    padding: 10px;
}

bn-indicators-summary .progress {
    height: 6px;
    margin: 0;
}

bn-indicators-summary span {
    line-height: 14px;
}

bn-indicators-summary .gauge-container {
    position: relative;
    height: 30px;
}

bn-indicators-summary .gauge-marker {
    position: absolute;
    top: 10px;
    left: 0;
    height: 15px;
    background-color: transparent;
}

    bn-indicators-summary .gauge-marker::after {
        content: '';
        height: 15px;
        width: 15px;
        border-radius: 100%;
        background-color: #fff;
        border: thin solid #404040;
        position: absolute;
        top: 0;
        right: 0;
        overflow: visible;
        z-index: 1;
    }

bn-indicators-summary .progress {
    background-color: #fff;
    border: thin solid #ccc;
    margin: 0;
    height: 10px;
    border-radius: 6px;
    top: 10px;
}

/*#endregion*/

/*#region bn-last-operations */

bn-last-operations #last-seen-card {
    height: 400px;
}

    bn-last-operations #last-seen-card.fixed-height {
        max-height: 100%;
        height: 100%;
    }

bn-last-operations #object-history {
    height: 480px;
    max-height: 480px;
}

bn-last-operations #object-history-content {
    height: 400px;
    max-height: 400px;
}

bn-last-operations .tab-list {
    max-height: 600px;
    overflow: auto;
}

bn-last-operations .custom-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    bn-last-operations .custom-header > * {
        line-height: 32px;
        font-size: 13px;
        display: block;
    }

    bn-last-operations .custom-header .select-wrapper {
        margin: 0 10px;
        max-width: 8rem;
    }

        bn-last-operations .custom-header .select-wrapper .caret {
            top: 0px;
        }

bn-last-operations .list-item a {
    float: left;
    width: 100%;
    padding: 0 6px;
}

    bn-last-operations .list-item a:hover {
        background-color: #f1f1f1;
    }

bn-last-operations .list-item.active a {
    background-color: #003580;
    background-color: var(--primary);
    color: #fff;
}

bn-last-operations .list-item a,
bn-last-operations .list-item a i {
    height: 26px !important;
    line-height: 26px !important;
}

    bn-last-operations .list-item a i {
        top: 0;
    }

/*#endregion */

/*#region bn-links*/

bn-links ul.scrollable {
    overflow: visible !important;
}

bn-links .card.horizontal .card-image img {
    height: 70px;
    width: 70px;
}

bn-links .card {
    cursor: pointer;
}

    bn-links .card .card-image {
        border-radius: 50%;
        transition: all .2s ease-in-out;
    }

    bn-links .card:hover .card-image {
        transform: scale(1.1);
    }

    bn-links .card .card-content .card-title {
        font-size: 14px;
        line-height: 20px;
    }

    bn-links .card .card-content .card-description {
        color: darkgray;
        font-size: 12px;
        line-height: 20px;
    }
/*#endregion*/

/*#region bn-list */
bn-list img {
    border-radius: 50%;
    width: 35px;
    margin-right: 10px;
    top: 3px;
    position: relative;
}

bn-list .group button.btn {
    top: -20px;
    position: relative;
}

bn-list ul.list {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 1px;
    position: relative;
    margin-top: 0px;
}

    bn-list ul.list li {
        padding-left: 20px;
        font-size: 12px;
        min-height: 24px;
        line-height: 24px;
        cursor: pointer;
    }

        bn-list ul.list li.large {
            min-height: 40px;
            line-height: 40px;
        }

        bn-list ul.list li:hover,
        bn-list ul.list li.selected:hover {
            background-color: lightgray;
        }

bn-list .bn-list-title {
    position: relative;
    top: 1px;
    color: #003580;
    color: var(--primary);
    font-size: 14px;
}

bn-list .bn-list-description {
    font-size: 11px;
}

bn-list .move-icons-wrapper {
    position: relative;
    top: -1px;
    height: 20px
}

bn-list ul.list li.hovered,
bn-list ul.list li.selected {
    font-weight: bold;
    background-color: #dedede;
}

    bn-list ul.list li.hovered .bn-list-title,
    bn-list ul.list li.selected .bn-list-title {
        color: #003580;
        color: var(--primary);
    }

bn-list ul.list li.selected {
    border-left: 2px solid #003580;
    border-color: var(--primary);
}

/*#endregion*/

/*#region bn-kpi */

bn-kpi .bn-kpi .col {
    text-align: center;
    margin: 0 0 12px 0;
}

bn-kpi .bn-kpi p {
    text-indent: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    bn-kpi .bn-kpi p i {
        position: relative;
        top: 2px;
        margin-right: 3px;
    }

    bn-kpi .bn-kpi p:nth-of-type(1) {
        color: #696969;
        line-height: 30px;
    }

    bn-kpi .bn-kpi p:nth-of-type(2) {
        font-size: 24px;
        line-height: 30px;
        font-weight: bold;
    }

    bn-kpi .bn-kpi p:nth-of-type(3) {
        font-size: 14px;
        line-height: 30px;
        font-weight: bold;
    }

        bn-kpi .bn-kpi p:nth-of-type(3) i {
            margin: 0;
        }

    bn-kpi .bn-kpi p:nth-of-type(4) {
        font-size: 12px;
    }

bn-kpi .kpi-pie-value-col {
    height: 150px;
    position: relative;
}

bn-kpi .kpi-pie-value-legenda {
    position: absolute;
    bottom: 0;
}

bn-kpi .legenda-box {
    position: relative;
}

    bn-kpi .legenda-box::before {
        position: absolute;
        height: 10px;
        width: 10px;
        content: '';
        left: 0;
        top: 7px;
    }

    bn-kpi .legenda-box:first-of-type::before {
        background-color: #dcdcdc;
    }

    bn-kpi .legenda-box:last-of-type::before {
        background-color: #97bbcd;
    }

/*#endregion */

/*#region bn-legacy-frame */

bn-legacy-frame iframe {
    width: 100%;
    min-height: 400px;
}

/*#endregion */

/*#region bn-loader */

bn-loader > .main-container.loading {
    overflow: hidden;
}

bn-loader .icon-warning, bn-acl-wrapper .icon-warning {
    font-size: 30px;
}

bn-loader .title-warning, bn-acl-wrapper .title-warning {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
}

bn-loader .subtitle-warning, bn-acl-wrapper .subtitle-warning {
    font-size: 12px;
    color: #999;
    margin-bottom: 15px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}

bn-loader .description-warning, bn-acl-wrapper .description-warning {
    font-size: 10px;
    color: #999;
}

bn-loader a.link, bn-acl-wrapper a.link {
    color: #000000;
    font-size: 15px;
    text-decoration: underline;
    font-stretch: condensed;
    margin-top: 15px;
    display: block;
}

    bn-loader a.link:hover, bn-acl-wrapper a.link:hover {
        color: #666666;
    }

bn-loader button.action, bn-acl-wrapper button.action {
    background-color: #00aa5b;
    color: #FFFFFF;
    font-size: 15px;
    text-transform: uppercase;
    padding: 9px 30px;
    border: 1px solid #0ba35c;
    display: block;
    margin: 20px auto;
}

    bn-loader button.action:hover, bn-acl-wrapper button.action:hover {
        background-color: #0ba35c;
        cursor: pointer;
    }

bn-loader .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: white;
    opacity: 0.5;
}

bn-loader[fixed-overlay] .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1010;
}

bn-loader .blur {
    -webkit-filter: blur(1.5px);
    -moz-filter: blur(1.5px);
    -o-filter: blur(1.5px);
    -ms-filter: blur(1.5px);
    filter: blur(1.5px);
}

bn-loader .nodata img.nodata-image,
bn-loader .error img.error-image {
    width: 200px;
}

/*#endregion */

/*#region bn-modal */

bn-modal.scrollable-modal > .modal {
    overflow-y: auto;
}

bn-modal > .modal.modal-confirmation {
    max-width: 700px;
    height: 170px !important;
}

    bn-modal > .modal.modal-confirmation.modal-fixed-footer .modal-content {
        overflow: visible;
        padding-top: 0;
        padding-bottom: 0;
    }

/*bn-modal > .modal.modal-confirmation .modal-title {
        margin: auto;
        margin-top: 2rem;
        text-align: center;
    }*/

bn-modal .group.modal-title {
    min-height: 45px;
}

    bn-modal .group.modal-title span {
        top: 5px;
    }

bn-modal .modal.modal-fixed-footer .modal-content {
    height: calc(100% - 108px);
    padding-top: 10px;
    padding-bottom: 10px;
}

bn-modal .modal.modal-fixed-footer.fullpage-modal .modal-content {
    height: calc(100% - 90px);
}

bn-modal > .title {
    padding-top: 20px;
    font-size: 13px;
}

/*#endregion */

/*#region bn-multidate-picker */

bn-multi-datepicker #dates-list li {
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    cursor: pointer;
    color: #003580;
    color: var(--primary);
}

    bn-multi-datepicker #dates-list li:not(.completed):hover {
        color: #00478d;
        color: var(--accent);
    }

    bn-multi-datepicker #dates-list li.selected {
        color: #00478d;
        color: var(--accent);
    }

    bn-multi-datepicker #dates-list li.completed {
        color: #003580;
        color: var(--primary);
        font-weight: bold;
    }

        bn-multi-datepicker #dates-list li.completed.selected {
            color: #00478d;
            color: var(--accent);
        }

        bn-multi-datepicker #dates-list li.completed i {
            position: relative;
            color: #003580;
            color: var(--primary);
            top: 3px;
        }

        bn-multi-datepicker #dates-list li.completed:hover i {
            color: #00478d;
            color: var(--accent);
        }

/*#endregion */

/*#region bn-multi-filter-choice */

bn-multi-filter-choice .list.filter-list.selectable > li:hover {
    background-color: #ddd !important;
}

bn-multi-filter-choice .list.filter-list.selectable > li > label.custom-label {
    float: left;
    padding-left: 20px;
}

bn-multi-filter-choice .list.filter-list.selectable > li.selected {
    background-color: rgba(221, 221, 221, 0.31);
}

bn-multi-filter-choice .empty-data {
    margin-top: 20px;
    border-left: 3px solid #039;
}

    bn-multi-filter-choice .empty-data > p {
        font-style: italic;
    }

/*#endregion */

/*#region bn-notifications */

bn-notifications ~ div {
    position: absolute;
    bottom: 0;
    background-color: #003366;
    background-color: var(--primary);
    width: 100%;
    text-align: center !important;
}

    bn-notifications ~ div a {
        font-weight: bold;
        color: #ffffff;
    }

bn-notifications .notification {
    position: relative;
}

    bn-notifications .notification .height {
        height: 67px !important;
        line-height: 67px !important;
    }

    bn-notifications .notification.selected {
        background-color: #f1f1f1;
    }

    bn-notifications .notification .image-container {
        height: 40px;
        width: 40px;
        margin: 0 auto !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

        bn-notifications .notification .image-container img {
            top: 0 !important;
            height: 40px;
            width: 40px;
        }

    bn-notifications .notification .object-description {
        margin-bottom: 10px;
        font-size: 13px;
        max-width: 90%;
        width: 100%;
    }

        bn-notifications .notification .object-description .notification-object-description {
            max-width: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
        }

    bn-notifications .notification .time {
        padding: 0 1px;
    }

    bn-notifications .notification .border {
        height: 100%;
        width: 4px;
        background-color: #003580;
        background-color: var(--primary);
        position: absolute;
        left: -5px;
        top: 0;
        cursor: pointer;
    }

        bn-notifications .notification .border.instable {
            opacity: 0;
        }

        bn-notifications .notification .border:hover {
            width: 12px;
        }

        bn-notifications .notification .border.instable:hover {
            background-color: #003580;
            background-color: var(--primary);
            opacity: .6;
        }

    bn-notifications .notification .mark-as-read {
        top: 0;
        position: absolute;
        right: 5px;
        height: 18px;
        line-height: 7px;
        display: none;
    }

    bn-notifications .notification:hover .mark-as-read {
        display: block;
    }

ul.disconnected li:first-of-type {
    background-color: #920000;
    opacity: 1;
    color: white;
    padding: 0 6px;
}

ul.disconnected li:not(:first-of-type) {
    opacity: 0.5;
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    pointer-events: none;
}

/*#endregion */

/*#region bn-object-attributes */

bn-object-attributes .attribute-title {
    text-transform: uppercase;
    font-weight: lighter;
    font-size: 14px;
    color: #696969;
    margin: 0 0 10px 0;
}

/*#endregion */

/*#region bn-orverview */

bn-orverview bn-kpi-single {
    cursor: pointer;
}

    bn-orverview bn-kpi-single .detail-description {
        display: block;
    }

    bn-orverview bn-kpi-single > .row {
        height: 200px;
        min-height: 200px;
        max-height: 200px;
    }

    bn-orverview bn-kpi-single .main-value {
        text-align: right;
        color: #003580;
        color: var(--primary);
        font-size: 24px;
        font-weight: lighter;
        font-style: italic;
    }

    bn-orverview bn-kpi-single .main-description {
        color: #003580;
        color: var(--primary);
        padding-top: 6px;
        font-style: italic;
    }

    bn-orverview bn-kpi-single .detail-value {
        color: #4c4c4c;
        line-height: 24px;
        font-size: 16px;
        font-weight: bold;
        break-after: always;
    }

    bn-orverview bn-kpi-single .detail-description {
        font-size: 12px;
    }

bn-overview #last-seen-card {
    height: 400px;
}

    bn-overview #last-seen-card.fixed-height {
        max-height: 100%;
        height: 100%;
    }

bn-overview #object-history {
    height: 480px;
    max-height: 480px;
}

bn-overview #object-history-content {
    height: 400px;
    max-height: 400px;
}

bn-overview .tab-list {
    max-height: 400px;
    overflow: auto;
}

bn-overview .list-item a {
    float: left;
    width: 100%;
    padding: 0 6px;
}

    bn-overview .list-item a:hover {
        background-color: #f1f1f1;
    }

bn-overview .list-item.active a {
    background-color: #003580;
    background-color: var(--primary);
    color: #fff;
}

bn-overview .list-item a,
bn-overview .list-item a i {
    height: 26px !important;
    line-height: 26px !important;
}

    bn-overview .list-item a i {
        top: 0;
    }

bn-overview #overview-grid-list .list-item {
    border: thin solid #e5e5e5;
    border-top: none;
}

    bn-overview #overview-grid-list .list-item.active {
        border-color: #003580;
        border-color: var(--primary);
    }

    bn-overview #overview-grid-list .list-item:first-of-type {
        border-top: thin solid #e5e5e5;
    }

        bn-overview #overview-grid-list .list-item:first-of-type.active {
            border-top: thin solid #003580 !important;
            border-color: var(--primary);
        }

bn-overview canvas.chart {
    max-height: 154px !important;
    max-width: 154px !important;
}

bn-overview #overview-grid-card {
    max-height: 500px;
}

    bn-overview #overview-grid-card.fixed-height {
        max-height: 800px !important;
        height: 100%;
    }

@media only screen and (max-width:992px) {
    bn-overview #overview-grid-card {
        max-height: 930px;
    }
}

@media screen and (max-width : 600px) {
    bn-overview #overview-grid-card {
        max-height: 100%;
    }
}

bn-overview #overview-grid-card #overview-grid-list,
bn-overview #overview-grid-card #overview-grid-table,
bn-overview bn-tbl-flat > div,
bn-orverview bn-tbl-groupable > div {
    max-height: 400px;
    overflow-y: auto;
    height: auto !important;
}

bn-overview bn-tbl-flat > div,
bn-overview bn-tbl-groupable > div {
    height: 300px;
}

bn-overview .collection .collection-item.active {
    background-color: #003580;
    background-color: var(--primary);
}

    bn-overview .collection .collection-item.active a {
        color: #fff;
    }

bn-overview #advanced-search-container {
    border-bottom: thin solid #cccccc;
    padding-bottom: 10px;
}

bn-overview .advanced-search-tabs a.tab {
    text-transform: uppercase;
    line-height: 24px;
    height: 24px;
    padding: 6px;
    margin: 6px;
}

bn-overview .advanced-search-tab:hover,
bn-overview .advanced-search-tab.active {
    background-color: #f7f7f7;
}

bn-overview .advanced-search-tab i {
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
}

bn-overview .advanced-search-tab.active i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

bn-overview .bn-grid-view-container {
    max-height: 400px !important;
    overflow-y: auto;
}

bn-overview .advanced-search-tab i {
    position: relative;
    top: 2px;
}

bn-overview .search-sub-menu.dates {
    width: 1050px;
    right: 10px;
}

bn-overview .search-sub-menu {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border: thin solid #a4a4a4;
    z-index: 121;
}

    bn-overview .search-sub-menu.filters {
        width: 90%;
        left: 5% !important;
    }

@media screen and (max-width: 992px) {
    bn-overview .search-sub-menu {
        position: relative;
        width: 100% !important;
        left: 0 !important;
    }

        bn-overview .search-sub-menu.filters {
            width: 100%;
            left: 0 !important;
        }
}

bn-overview bn-advanced-search bn-datepicker .datepicker-container {
    border: none;
}

/*#endregion */

/*#region bn-people-presences */

bn-people-presences #people-presences-card nav {
    background-color: #920000;
}

bn-people-presences #people-presences-card blockquote {
    border-left-color: #920000;
}

bn-people-presences #presence-table tr {
    border-left: 4px solid transparent;
}

bn-people-presences .presence-status-1 {
    border-left-color: #16b926 !important;
}

bn-people-presences .presence-status-2 {
    border-left-color: #fec626 !important;
}

bn-people-presences .presence-status-3 {
    border-left-color: #c00000 !important;
}

bn-people-presences .presence-status-4 {
    border-left-color: #999999 !important;
}

bn-people-presences .presence-job-position {
    font-size: 15px;
    line-height: 32px;
    color: #003580;
    color: var(--primary);
    text-indent: 0;
}

bn-people-presences .presence-status {
    line-height: 30px;
    text-indent: 10px;
}

bn-people-presences .presence-additional-infos {
    color: #999999;
    text-indent: 10px;
}

bn-people-presences #people-presences-card .pagination * {
    height: 30px;
    line-height: 30px;
}

bn-people-presences #people-presences-card .pagination-navigator {
    font-size: 14px;
}

/*#endregion */

/*#region bn-person */

bn-person h4 {
    font-size: 20px !important;
}

bn-person .info-icon {
    position: relative;
    top: -2px;
}

bn-person .view-mode label {
    font-size: 12px !important;
    color: black;
}

@media screen and (min-width: 994px) {
    bn-person .avatar {
        height: 100px;
        border-radius: 50%;
    }
}

@media screen and (max-width: 994px) and (min-width: 600px) {
    bn-person .avatar {
        height: 80px;
        border-radius: 50%;
    }
}

@media screen and (max-width: 600px) {
    bn-person .avatar {
        height: 45px;
        border-radius: 50%;
    }
}

bn-person .phoneprefix-icon {
    height: 20px;
    border-radius: 50%;
}

bn-person .select-wrapper ul {
    width: 300px !important;
}

    bn-person .select-wrapper ul li span {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

bn-person .header {
    background-color: #eee;
}

bn-person .padding-left-large {
    padding-left: 24px;
}

bn-person .scrollable.scrollable-small,
bn-person .address-book-container bn-selector ul {
    max-height: 200px;
}

/*#endregion */

/*#region bn-person-addresses */

bn-person-addresses .profile-box {
    position: relative;
}

    bn-person-addresses .profile-box .label {
        width: 60px;
    }

    bn-person-addresses .profile-box .value {
        max-width: calc(100% - 65px);
    }

bn-person-addresses .load-overlay {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(242, 242, 242, 0.68);
}

bn-person-addresses .edit-mode-switcher {
    position: absolute;
    top: 10px;
    right: 20px;
}

bn-person-addresses .load-overlay {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(242, 242, 242, 0.68);
}

bn-person-addresses .border-right-grey {
    border-right: thin solid #ccc;
}


bn-person-addresses .btn-flat {
    line-height: 26px;
    height: 26px;
}

bn-person-addresses ul.list > li > .profile-box {
    cursor: pointer;
}

    bn-person-addresses ul.list > li > .profile-box:hover {
        background-color: rgba(128, 128, 128, 0.4196078431372549);
    }

/*#endregion */

/*#region bn-person-manager */

bn-person-manager .persons-list bn-selector ul.scrollable {
    max-height: 600px;
}

/*#endregion */

/*#region bn-powered-by-documents*/

bn-powered-by-documents .card-panel {
    cursor: pointer;
    padding: 15px;
}

    bn-powered-by-documents .card-panel:hover img {
        transform: scale(1.1);
    }

    bn-powered-by-documents .card-panel:hover a {
        color: #039be5;
    }

    bn-powered-by-documents .card-panel img {
        transition: all .2s ease-in-out;
        height: 75px;
    }

    bn-powered-by-documents .card-panel a {
        line-height: 25px;
        font-size: 15px;
        width: 100%;
        text-align: center;
    }

/*#endregion*/

/*#region bn-process */

bn-process .card.horizontal {
    height: 60px;
}

    bn-process .card.horizontal.disabled {
        cursor: not-allowed !important;
    }

        bn-process .card.horizontal.disabled:hover {
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
        }

        bn-process .card.horizontal.disabled .card-image,
        bn-process .card.horizontal.disabled .card-content {
            background-color: #f1f1f1 !important;
        }

    bn-process .card.horizontal.selected {
        background-color: #003580;
        background-color: var(--primary);
    }

        bn-process .card.horizontal.selected * {
            color: #ffffff !important;
        }

    bn-process .card.horizontal .card-image {
        background-color: #ddebf9;
        width: 35%;
        text-align: center;
    }

        bn-process .card.horizontal .card-image img {
            max-height: 40px;
            width: auto;
            max-width: 100%;
            margin: 0 auto;
        }

bn-process p.description {
    font-size: 13px;
}

bn-process bn-summary-details .task-list a {
    color: #003580 !important;
    color: var(--primary) !important;
}

    bn-process bn-summary-details .task-list a:hover {
        color: #039b35 !important;
    }

bn-process #progress-managemet-main-container .progress-management-row-container {
    overflow-x: hidden;
}

bn-process .processes-mobile-container {
    width: 200%;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

    bn-process .processes-mobile-container.active {
        transform: translateX(-50%);
    }

    bn-process .processes-mobile-container ul.list {
        margin-top: 0;
    }

        bn-process .processes-mobile-container ul.list label {
            font-size: 24px !important;
            line-height: 34px;
            height: 34px;
        }

bn-process li.disabled {
    opacity: 0.5;
}

    bn-process li.disabled label {
        cursor: default;
    }

@media screen and (max-width: 601px) {
    bn-process bn-dashboard-menu .suggested-menu-content.active {
        margin: 0 !important;
    }
}

/*#endregion */

/*#region bn-process-management (classi comuni) */

.processes-list li a {
    line-height: 32px;
    padding: 0;
}

.advanced-filters {
    padding-top: 23px;
}

.process-parent-item-basicnet {
    line-height: 40px !important;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    width: 100%;
    color: #c00000;
}

    .process-parent-item-basicnet::before {
        content: 'Basic';
        color: #003580;
        color: var(--primary);
    }

.process-parent-item-basicitalia {
    line-height: 40px !important;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    width: 100%;
    color: #e3e3e3;
}

    .process-parent-item-basicitalia::before {
        content: 'BI';
        color: #003580;
        color: var(--primary);
    }

.process-parent-item-plugandsell {
    line-height: 40px !important;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    width: 100%;
    color: #d3d3d3;
}

    .process-parent-item-plugandsell::before {
        content: 'Plug@Sell';
        color: #003580;
        color: var(--primary);
    }

.process-item-name {
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
}

.processes-list a {
    width: calc(100% - 12px);
    padding: 6px;
    line-height: 14px;
}

    .processes-list a.disabled {
        color: #888;
        cursor: not-allowed;
    }

bn-process-management .show-on-late {
    opacity: 0;
}

bn-process-management .btn-in-tabs {
    margin-bottom: -35px;
    margin-top: 9px;
}

/*#endregion */

/*#region bn-process-management-task */

bn-process-management-task .processes-list li a {
    line-height: 32px;
    padding: 0;
}

bn-process-management-task .advanced-filters {
    padding-top: 23px;
}

bn-process-management-task .process-parent-item-basicnet {
    line-height: 40px !important;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    width: 100%;
    color: #c00000;
}

    bn-process-management-task .process-parent-item-basicnet::before {
        content: 'Basic';
        color: #003580;
        color: var(--primary);
    }

bn-process-management-task .process-parent-item-basicitalia {
    line-height: 40px !important;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    width: 100%;
    color: #d3d3d3;
}

    bn-process-management-task .process-parent-item-basicitalia::before {
        content: 'BI';
        color: #003580;
        color: var(--primary);
    }

bn-process-management-task .process-parent-item-plugandsell {
    line-height: 40px !important;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    width: 100%;
    color: #d3d3d3;
}

    bn-process-management-task .process-parent-item-plugandsell::before {
        content: 'Plug@Sell';
        color: #003580;
        color: var(--primary);
    }

bn-process-management-task .processes-list a {
    padding: 6px;
    line-height: 14px;
}

    bn-process-management-task .processes-list a.disabled {
        color: #888;
        cursor: not-allowed;
    }

bn-process-management-task .show-on-late {
    opacity: 0;
}

bn-process-management-task .btn-in-tabs {
    margin-bottom: -35px;
    margin-top: 9px;
}

/*#endregion */

/*#region bn-ratings */

bn-ratings i {
    font-size: 30px !important;
}

/*#endregion */

/*#region bn-request-create */

bn-request-create .like-header-tabs {
    height: 48px;
    line-height: 30px;
}

bn-request-create .list li img {
    height: 30px;
}

bn-request-create .sourcing-list-item .checkbox {
    float: left;
    width: 20px;
    margin-right: 10px;
}

bn-request-create .sourcing-list-item .employee-image {
    float: left;
    width: 60px;
    margin-right: 10px;
}

bn-request-create .sourcing-list-item .employee {
    float: left;
    margin-right: 10px;
    width: calc(100% - 100px);
}

bn-request-create .sourcing-list-item .permission {
    float: left;
    width: 30px;
}

/*#endregion */

/*#region bn-requirements */

bn-requirements .padding-left-large {
    padding-left: 30px;
}

bn-requirements .description {
    font-style: italic;
    color: gray;
}

/*#endregion */

/*#region bn-sample-sizes-picker*/
bn-sample-sizes-picker .scrollable {
    min-height: 450px;
    max-height: 450px;
}
/*#endregion*/

/*#region bn-selectable-list */

bn-selectable-list a:not(.btn):hover {
    color: #00478d;
    color: var(--accent);
}

bn-selectable-list .list:not(.filter-list) {
    margin-top: 0;
}

bn-selectable-list .list li *:not(label) {
    cursor: pointer;
    line-height: 20px;
}

bn-selectable-list .list li a {
    color: #003580;
    color: var(--primary);
    text-transform: uppercase;
}

    bn-selectable-list .list li a.accent {
        color: #00478d;
        color: var(--accent);
    }

bn-selectable-list a:active, a:hover {
    outline: 0;
}

/*#endregion */

/*#region bn-selector */

bn-selector .custom-nav {
    margin-bottom: 10px;
}

bn-selector .chip-wrapper {
    min-width: 160px;
    max-width: 160px;
}

bn-selector .chip span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

bn-selector .chip-small span {
    max-width: 84px;
}

bn-selector .chip-medium span {
    max-width: 112px;
}

bn-selector .chip-large span {
    max-width: 86%;
}

bn-selector .results {
    padding: 10px 0;
}

bn-selector li {
    overflow: hidden;
}

    bn-selector li .group {
        margin-top: 10px !important;
    }

bn-selector .option {
    cursor: pointer;
}

    bn-selector .option label {
        cursor: pointer;
    }

    bn-selector .option img {
        width: 25px;
        height: 25px;
    }

    bn-selector .option:hover {
        background-color: #eeeeee;
    }

    bn-selector .option.row-selected {
        font-weight: bold;
        background-color: #eeeeee;
    }

bn-selector [type="radio"] + label:after,
bn-selector [type="radio"].with-gap + label:before,
bn-selector [type="radio"].with-gap + label:after {
    top: 1px;
}

bn-selector label.reduced {
    max-width: 85% !important;
}

bn-selector .insert-icon {
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: pointer;
    border-radius: 50%;
    color: #003580 !important;
    color: var(--primary) !important;
}

    bn-selector .insert-icon:not(.disabled):hover {
        color: #4068a0 !important;
        color: var(--accent) !important;
    }

    bn-selector .insert-icon.disabled {
        color: grey !important;
        cursor: default !important;
    }

/*#endregion */

/*#region bn-selector-detail */

bn-selector li.with-detail {
    height: 60px;
}

    bn-selector li.with-detail .option {
        height: 60px;
    }

        bn-selector li.with-detail .option td {
            text-indent: 0;
        }

            bn-selector li.with-detail .option td > * {
                line-height: 15px;
            }

        bn-selector li.with-detail .option img {
            width: 40px;
            height: 40px;
        }

        bn-selector li.with-detail .option .title {
            font-size: 12px;
            color: #003580;
            color: var(--primary);
            font-weight: bold;
            opacity: 0.9;
        }

        bn-selector li.with-detail .option .description {
            color: darkslategray;
            font-style: italic;
        }

/*#endregion */

/*#region bn-sidenav*/

bn-sidenav .sidenav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 10;
    opacity: 0.6 !important;
}

bn-sidenav .sidenav {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    background-color: white;
    z-index: 11;
    margin: 0;
    max-height: 100%;
    overflow-y: auto;
}

    bn-sidenav .sidenav .sidenav-title {
        line-height: 27px;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 13;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: white;
    }

        bn-sidenav .sidenav .sidenav-title a {
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            height: 30px;
            line-height: 30px;
            position: fixed;
            top: 10px;
            right: 15px;
        }

            bn-sidenav .sidenav .sidenav-title a:hover {
                transform: scale(1.1);
            }

    bn-sidenav .sidenav content {
        position: relative;
        top: 50px;
    }

    bn-sidenav .sidenav .sidenav-title:not(.with-html-title) {
        font-size: 15px;
        font-weight: bold;
        color: white;
        background-color: var(--primary);
    }

    bn-sidenav .sidenav .sidenav-title a:not(.with-html-title) {
        color: white;
    }

/*#endregion*/

/*#region bn-sortable-list */
bn-sortable-list .list-item-action {
    line-height: inherit;
}

/*#endregion */

/*#region bn-stepper */

bn-stepper .workflow-nav {
    position: relative;
    top: 10px;
    width: 100%;
    float: left;
}

bn-stepper .step-list-item {
    width: 100%;
    float: left;
    z-index: 1;
}

    bn-stepper .step-list-item.active .step {
        background-color: #f1f1f1;
        border-color: #e3e3e3;
    }

    bn-stepper .step-list-item.disabled .step {
        opacity: .6;
        cursor: not-allowed;
    }

    bn-stepper .step-list-item.sourcing .step .step-icon {
        background-color: rgba(146, 0, 0, .2);
        border-color: #920000;
    }

    bn-stepper .step-list-item.licensee .step .step-icon {
        background-color: rgba(254, 198, 38, .2);
        border-color: #fec626;
    }

    bn-stepper .step-list-item:not(:last-of-type) .step .step-icon::after {
        content: '';
        position: absolute;
        bottom: -20px;
        left: 29px;
        height: 46px;
        width: 2px;
        background-color: #808080;
        z-index: 1;
    }

bn-stepper .step {
    border: 1px solid transparent;
    border-right: none;
    cursor: pointer;
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
    margin-bottom: 8px;
}

    bn-stepper .step .step-icon {
        height: 40px;
        width: 40px;
        float: left;
        padding: 10px;
        text-align: center;
        border-radius: 50%;
        background-color: #ffffff;
        border: 1px solid #003366;
    }

        bn-stepper .step .step-icon i {
            font-size: 18px;
            color: #808080;
        }

    bn-stepper .step .step-description {
        float: left;
        padding: 3px 15px;
        width: calc(100% - 40px);
    }

        bn-stepper .step .step-description .step-title {
            font-size: 14px;
            color: #212121;
        }

        bn-stepper .step .step-description .step-subtitle {
            line-height: 14px;
            color: #a0a0a0;
            font-size: 13px;
            text-indent: 6px;
            height: 28px;
            margin-top: 8px;
        }

    bn-stepper .step .step-checked {
        position: absolute;
        bottom: 15px;
        left: 35px;
        padding: 2px;
        background-color: green;
        border-radius: 50%;
        color: #ffffff;
        height: 28px;
        width: 28px;
        text-align: center;
    }

        bn-stepper .step .step-checked i {
            font-size: 20px;
            line-height: 24px;
            height: 24px;
        }

    bn-stepper .step .step-counter {
        position: absolute;
        bottom: 9px;
        left: 35px;
        padding: 2px;
        background-color: #cccccc;
        border-radius: 20%;
        color: #404040;
        height: 28px;
        line-height: 24px;
        width: 28px;
        text-align: center;
    }

@media screen and (max-width: 991px) {
    bn-stepper .workflow-nav {
        height: 80px;
        white-space: nowrap;
        overflow-x: auto;
        max-width: 100%;
        margin-bottom: 10px;
        overflow-y: hidden;
    }

    bn-stepper .step-list-item {
        z-index: 1;
        display: inline-block;
        width: auto;
        float: none;
        height: 70px;
    }

        bn-stepper .step-list-item:last-of-type .step .step-icon::after {
            content: '';
            position: absolute;
            bottom: -20px;
            left: 29px;
            height: 46px;
            width: 2px;
            background-color: #808080;
            z-index: 1;
        }
}

bn-stepper .workflow-nav.horizontal {
    height: 80px;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 100%;
    margin-bottom: 10px;
    overflow-y: hidden;
}

    bn-stepper .workflow-nav.horizontal .step-list-item {
        z-index: 1;
        display: inline-block;
        width: auto;
        float: none;
        height: 70px;
    }

        bn-stepper .workflow-nav.horizontal .step-list-item:last-of-type .step .step-icon::after {
            content: '';
            position: absolute;
            bottom: -20px;
            left: 29px;
            height: 46px;
            width: 2px;
            background-color: #808080;
            z-index: 1;
        }

/*#endregion */

/*#region bn-summary */

bn-summary * {
    font-size: 12px;
}

bn-summary .summary-container {
    max-height: 500px;
    overflow-y: auto;
}

bn-summary .group a {
    font-size: 16px;
}

bn-summary .group-header {
    font-size: 12px;
    color: #003580;
    color: var(--primary);
    font-weight: bold;
}

/*#endregion */

/*#region bn-summary-details */

bn-summary-details p:not(.italic),
bn-summary-details a {
    font-size: 13px;
}

bn-summary-details bn-grid-view a {
    font-size: inherit;
}

bn-summary-details li.selected a {
    color: #00478d;
    color: var(--accent);
}

bn-summary-details p.italic {
    line-height: 20px;
}

bn-summary-details ul.task-list li {
    padding: 0.5em 0em;
    margin: 0.5em 0;
}

    bn-summary-details ul.task-list li a {
        cursor: pointer;
    }

bn-summary-details .progress-marker {
    background-color: transparent !important;
    border-right: 3px solid red;
}

bn-summary-details .gauge-column {
    position: relative;
    width: 300px;
}

bn-summary-details .gauge-container {
    position: relative;
    height: 30px;
}

bn-summary-details .gauge-marker {
    position: absolute;
    top: 8px;
    left: 0;
    height: 15px;
    background-color: transparent;
}

bn-summary-details .progress {
    background-color: #ffffff;
    border: thin solid #cccccc;
    margin: 0;
    height: 10px;
    border-radius: 6px;
    top: 10px;
}

    bn-summary-details .progress.light-green {
        background-color: rgb(63, 179, 79) !important;
    }

    bn-summary-details .progress.red {
        background-color: rgb(255, 90, 95) !important;
    }

bn-summary-details .gauge-marker::after {
    content: '';
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background-color: #ffffff;
    border: thin solid #404040;
    position: absolute;
    top: 0;
    right: 7px;
    overflow: visible;
    z-index: 1;
}

bn-summary-details .gauge-marker.fill::after {
    background-color: #acece6;
}

bn-summary-details table.selectable tbody tr:not(.selected) td {
    opacity: 1;
}

bn-summary-details .chart-container {
    height: 50px;
    /*background-color: #f1f1f1;
    border: thin solid #e3e3e3;*/
}

    bn-summary-details .chart-container .chart-line {
        position: relative;
        height: 50px;
        width: 15px;
        cursor: pointer;
    }

    bn-summary-details .chart-container .chart-line-progress {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 15px;
        background-color: #81b7ee;
        border: thin solid #003580;
        border-color: var(--primary);
    }

        bn-summary-details .chart-container .chart-line-progress.min-col-height-perc {
            min-height: 3px;
        }

bn-summary-details .kpi-status {
    text-transform: none !important;
    top: -20px;
}

    bn-summary-details .kpi-status i {
        position: relative;
        top: 2px;
    }

/*#endregion */

/*#region bn-summary-workflow */

/*bn-summary-workflow .status-progress-bar {
    position: relative;
    text-align: initial;
    border-left: 2px solid #003580;
    border-color: var(--primary);
    padding: 10px 0 10px 10px;
}

bn-summary-workflow .status-progress-bar-event-title {
    cursor: pointer;
}

bn-summary-workflow .status-progress-bar-event {
    position: relative;
    line-height: 48px;
    margin-left: 10px;
    border: thin solid transparent;
}

    bn-summary-workflow .status-progress-bar-event::before {
        position: absolute;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background-color: #ffffff;
        border: 3px solid #003580;
        border-color: var(--primary);
        content: '';
        left: -32px;
        top: 13px;
        cursor: pointer;
    }

    bn-summary-workflow .status-progress-bar-event.completed::before {
        background-color: #003580;
        background-color: var(--primary);
    }

    bn-summary-workflow .status-progress-bar-event.completed.sourcing::before {
        background-color: #920000;
        border-color: #920000;
    }

    bn-summary-workflow .status-progress-bar-event.completed.licensee::before {
        background-color: #fec626;
        border-color: #fec626;
    }

    bn-summary-workflow .status-progress-bar-event.disabled::before {
        background-color: #e3e3e3 !important;
    }

    bn-summary-workflow .status-progress-bar-event.disabled {
        pointer-events: none !important;
    }

    bn-summary-workflow .status-progress-bar-event.active::before {
        border-color: #003580;
        border-color: var(--primary);
    }

    bn-summary-workflow .status-progress-bar-event.active::before {
        border-color: #003580;
        border-color: var(--primary);
    }

    bn-summary-workflow .status-progress-bar-event.active.sourcing::before {
        border-color: #fec626;
    }

    bn-summary-workflow .status-progress-bar-event.active.licensee::before {
        border-color: #003580;
        border-color: var(--primary);
    }

bn-summary-workflow .status-progress-bar-event-description {
    display: block;
    line-height: 14px;
}

    bn-summary-workflow .status-progress-bar-event-description p:first-of-type {
        font-size: 15px;
        line-height: 32px;
        color: #003580;
        color: var(--primary);
    }

    bn-summary-workflow .status-progress-bar-event-description p:nth-of-type(2) {
        line-height: 20px;
        text-indent: 25px;
        font-style: italic;
        color: #999999;
    }

bn-summary-workflow .status-progress-bar-event:not(.active) .status-progress-bar-event-description {
    display: none;
    height: 0px;
}*/

bn-summary-workflow .workflow-nav {
    position: relative;
    top: 10px;
    width: 100%;
    float: left;
}

bn-summary-workflow .step-list-item {
    width: 100%;
    float: left;
    z-index: 1;
}

    bn-summary-workflow .step-list-item.active .step {
        background-color: #f1f1f1;
        border-color: #e3e3e3;
    }

    bn-summary-workflow .step-list-item.disabled .step {
        opacity: .6;
        cursor: not-allowed;
    }

    bn-summary-workflow .step-list-item.sourcing .step .step-icon {
        background-color: rgba(146, 0, 0, .2);
        border-color: #920000;
    }

    bn-summary-workflow .step-list-item.licensee .step .step-icon {
        background-color: rgba(254, 198, 38, .2);
        border-color: #fec626;
    }

    bn-summary-workflow .step-list-item:not(:last-of-type) .step .step-icon::after {
        content: '';
        position: absolute;
        bottom: -20px;
        left: 29px;
        height: 46px;
        width: 2px;
        background-color: #808080;
        z-index: 1;
    }

bn-summary-workflow .step {
    border: 1px solid transparent;
    border-right: none;
    cursor: pointer;
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
    margin-bottom: 8px;
}

    bn-summary-workflow .step .step-icon {
        height: 40px;
        width: 40px;
        float: left;
        padding: 10px;
        text-align: center;
        border-radius: 50%;
        background-color: #ffffff;
        border: 1px solid #003366;
    }

        bn-summary-workflow .step .step-icon i {
            font-size: 18px;
            color: #808080;
        }

    bn-summary-workflow .step .step-description {
        float: left;
        padding: 3px 15px;
        width: calc(100% - 40px);
    }

        bn-summary-workflow .step .step-description .step-title {
            font-size: 14px;
            color: #212121;
        }

        bn-summary-workflow .step .step-description .step-subtitle {
            line-height: 14px;
            color: #a0a0a0;
            font-size: 13px;
            text-indent: 6px;
            height: 28px;
            margin-top: 8px;
        }

    bn-summary-workflow .step .step-checked {
        position: absolute;
        bottom: 15px;
        left: 35px;
        padding: 2px;
        background-color: green;
        border-radius: 50%;
        color: #ffffff;
        height: 28px;
        width: 28px;
        text-align: center;
    }

        bn-summary-workflow .step .step-checked i {
            font-size: 20px;
            line-height: 24px;
            height: 24px;
        }

    bn-summary-workflow .step .step-counter {
        position: absolute;
        bottom: 9px;
        left: 35px;
        padding: 2px;
        background-color: #cccccc;
        border-radius: 20%;
        color: #404040;
        height: 28px;
        line-height: 24px;
        width: 28px;
        text-align: center;
    }

@media screen and (max-width: 991px) {
    bn-summary-workflow .workflow-nav {
        height: 80px;
        white-space: nowrap;
        overflow-x: auto;
        max-width: 100%;
        margin-bottom: 10px;
        overflow-y: hidden;
    }

    bn-summary-workflow .step-list-item {
        z-index: 1;
        display: inline-block;
        width: auto;
        float: none;
        height: 70px;
    }

        bn-summary-workflow .step-list-item:last-of-type .step .step-icon::after {
            content: '';
            position: absolute;
            bottom: -20px;
            left: 29px;
            height: 46px;
            width: 2px;
            background-color: #808080;
            z-index: 1;
        }
}

bn-summary-workflow .workflow-nav.horizontal {
    height: 80px;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 100%;
    margin-bottom: 10px;
    overflow-y: hidden;
}

    bn-summary-workflow .workflow-nav.horizontal .step-list-item {
        z-index: 1;
        display: inline-block;
        width: auto;
        float: none;
        height: 70px;
    }

        bn-summary-workflow .workflow-nav.horizontal .step-list-item:last-of-type .step .step-icon::after {
            content: '';
            position: absolute;
            bottom: -20px;
            left: 29px;
            height: 46px;
            width: 2px;
            background-color: #808080;
            z-index: 1;
        }

bn-summary-workflow .workflow-header {
    display: none;
}

bn-summary-workflow i.inline.material-icons {
    vertical-align: middle;
}

bn-summary-workflow .second-column {
    margin-top: 20px;
    border: 1px solid #e3e3e3;
    background-color: #f1f1f1;
}

bn-summary-workflow .workflow-container {
    min-height: inherit;
}

bn-summary-workflow.non-responsive .second-column {
    border: 1px solid #003580;
    border-color: var(--primary);
}

bn-summary-workflow.non-responsive .status-progress-bar-event {
    left: 1px;
}

    bn-summary-workflow.non-responsive .status-progress-bar-event.active {
        background-color: #daebfd;
        border: 1px solid #003580;
        border-color: var(--primary);
        border-right-color: #daebfd;
        z-index: 1;
    }

bn-summary-workflow.non-responsive .workflow-container {
    min-height: 400px;
}

/*@media screen and (min-width: 992px) {
    bn-summary-workflow .second-column {
        border: thin solid #003580;
        border-color: var(--primary);
    }

    bn-summary-workflow .status-progress-bar-event {
        left: 1px;
    }

        bn-summary-workflow .status-progress-bar-event.active {
            background-color: #daebfd;
            border: thin solid #003580;
            border-color: var(--primary);
            border-right-color: #daebfd;
            z-index: 1;
        }

    bn-summary-workflow .workflow-container {
        min-height: 400px;
    }
}*/

/*@media screen and (max-width: 992px) {
    bn-summary-workflow:not(.non-responsive) .status-progress-bar-container {
        text-align: center;
        height: 105px;
        max-height: 105px;
        max-width: 100%;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        margin-bottom: 10px;
    }

    bn-summary-workflow:not(.non-responsive) .status-progress-bar {
        margin: 0 auto;
        border-left: none;
        display: inline-block;
    }

        bn-summary-workflow:not(.non-responsive) .status-progress-bar li {
            cursor: pointer;
            display: inline-block;
            line-height: 40px;
        }

            bn-summary-workflow:not(.non-responsive) .status-progress-bar li * {
                line-height: 40px;
            }

            bn-summary-workflow:not(.non-responsive) .status-progress-bar li.active {
                background-color: inherit;
                border: none;
                border-right-color: inherit;
                color: #000000;
                font-weight: bold;
            }

                bn-summary-workflow:not(.non-responsive) .status-progress-bar li.active::before {
                    border-color: #fbc02d;
                }

            bn-summary-workflow:not(.non-responsive) .status-progress-bar li::before {
                left: -15px;
                cursor: pointer;
            }

            bn-summary-workflow:not(.non-responsive) .status-progress-bar li:nth-of-type(2n) {
                top: 24px;
                border-top: 2px solid #003580;
                border-top-color: var(--primary);
            }

                bn-summary-workflow:not(.non-responsive) .status-progress-bar li:nth-of-type(2n)::before {
                    top: -12px;
                }

            bn-summary-workflow:not(.non-responsive) .status-progress-bar li:nth-of-type(2n+1) {
                top: -16.5px;
                border-bottom: 2px solid #003580;
                border-bottom-color: var(--primary);
            }

                bn-summary-workflow:not(.non-responsive) .status-progress-bar li:nth-of-type(2n+1)::before {
                    top: 31px;
                }

            bn-summary-workflow:not(.non-responsive) .status-progress-bar li .row {
                margin: 0;
            }

                bn-summary-workflow:not(.non-responsive) .status-progress-bar li .row div {
                    padding: 0 10px;
                    position: relative;
                    left: -50%;
                }

    bn-summary-workflow:not(.non-responsive) .second-column,
    bn-summary-workflow:not(.non-responsive) .workflow-container {
        min-height: 0px;
    }

    bn-summary-workflow:not(.non-responsive) .status-progress-bar-event .status-progress-bar-event-description {
        display: none;
        height: 0px;
    }
}*/

/*bn-summary-workflow .horizontal .status-progress-bar-container {
    width: 100% !important;
    text-align: center;
    height: 105px;
    max-height: 105px;
    max-width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 10px;
}

bn-summary-workflow .horizontal .status-progress-bar {
    margin: 0 auto;
    border-left: none;
    display: inline-block;
}

    bn-summary-workflow .horizontal .status-progress-bar li {
        cursor: pointer;
        display: inline-block;
        line-height: 50px;
    }

bn-summary-workflow .status-progress-bar li * {
    line-height: 40px;
}

bn-summary-workflow .horizontal .status-progress-bar li.active {
    background-color: inherit;
    border: none;
    border-right-color: inherit;
    color: #000000;
    font-weight: bold;
}

    bn-summary-workflow .horizontal .status-progress-bar li.active::before {
        border-color: #fbc02d;
    }

bn-summary-workflow .horizontal .status-progress-bar li::before {
    left: -10px;
    cursor: pointer;
}

bn-summary-workflow .horizontal .status-progress-bar li:nth-of-type(2n) {
    top: 24px;
    border-top: 2px solid #003580;
    border-color: var(--primary);
}

    bn-summary-workflow .horizontal .status-progress-bar li:nth-of-type(2n)::before {
        top: -12px;
    }

bn-summary-workflow .horizontal .status-progress-bar li:nth-of-type(2n+1) {
    top: -26px;
    border-bottom: 2px solid #003580;
    border-color: var(--primary);
}

    bn-summary-workflow .horizontal .status-progress-bar li:nth-of-type(2n+1)::before {
        top: 39px;
    }

bn-summary-workflow .horizontal .status-progress-bar li .row {
    margin: 0;
}

    bn-summary-workflow .horizontal .status-progress-bar li .row div {
        padding: 0 10px;
        position: relative;
        left: -50%;
    }

bn-summary-workflow .horizontal .second-column,
bn-summary-workflow .horizontal .workflow-container {
    width: 100% !important;
    min-height: 0px;
}

bn-summary-workflow .horizontal .second-column-container {
    width: 100% !important;
    margin: 0 auto;
}*/

bn-summary-workflow .legenda li span {
    position: relative;
    font-size: 14px;
}

    bn-summary-workflow .legenda li span::after {
        position: absolute;
        content: '';
        height: 10px;
        width: 10px;
        border-radius: 100%;
        background-color: #003366;
        left: -20px;
        top: 4px;
    }

    bn-summary-workflow .legenda li span.sourcing::after {
        background-color: #920000 !important;
    }

    bn-summary-workflow .legenda li span.licensee::after {
        background-color: #fec626 !important;
    }

bn-summary-workflow .status-progress-bar-event {
}

/*#endregion */

/*#region bn-summary-homepage */

bn-summary-homepage .workflow-nav {
    position: relative;
    top: 10px;
    width: 100%;
    float: left;
}

bn-summary-homepage .step-list-item {
    width: 100%;
    float: left;
    z-index: 1;
}

    bn-summary-homepage .step-list-item.active .step {
        background-color: #f1f1f1;
        border-color: #e3e3e3;
    }

    bn-summary-homepage .step-list-item.disabled .step {
        opacity: .6;
        cursor: not-allowed;
    }

    bn-summary-homepage .step-list-item.sourcing .step .step-icon {
        background-color: rgba(146, 0, 0, .2);
        border-color: #920000;
    }

    bn-summary-homepage .step-list-item.licensee .step .step-icon {
        background-color: rgba(254, 198, 38, .2);
        border-color: #fec626;
    }

    bn-summary-homepage .step-list-item:not(:last-of-type) .step .step-icon::after {
        content: '';
        position: absolute;
        bottom: -20px;
        left: 29px;
        height: 46px;
        width: 2px;
        background-color: #808080;
        z-index: 1;
    }

bn-summary-homepage .step {
    border: 1px solid transparent;
    border-right: none;
    cursor: pointer;
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
    margin-bottom: 8px;
}

    bn-summary-homepage .step .step-icon {
        height: 40px;
        width: 40px;
        float: left;
        padding: 10px;
        text-align: center;
        border-radius: 50%;
        background-color: #ffffff;
        border: 1px solid #003366;
    }

        bn-summary-homepage .step .step-icon i {
            font-size: 18px;
            color: #808080;
        }

    bn-summary-homepage .step .step-description {
        float: left;
        padding: 3px 15px;
        width: calc(100% - 40px);
    }

        bn-summary-homepage .step .step-description .step-title {
            font-size: 14px;
            color: #212121;
        }

        bn-summary-homepage .step .step-description .step-subtitle {
            line-height: 14px;
            color: #a0a0a0;
            font-size: 13px;
            text-indent: 6px;
            height: 28px;
            margin-top: 8px;
        }

    bn-summary-homepage .step .step-checked {
        position: absolute;
        bottom: 15px;
        left: 35px;
        padding: 2px;
        background-color: green;
        border-radius: 50%;
        color: #ffffff;
        height: 28px;
        width: 28px;
        text-align: center;
    }

        bn-summary-homepage .step .step-checked i {
            font-size: 20px;
            line-height: 24px;
            height: 24px;
        }

    bn-summary-homepage .step .step-counter {
        position: absolute;
        bottom: 9px;
        left: 35px;
        padding: 2px;
        background-color: #cccccc;
        border-radius: 20%;
        color: #404040;
        height: 28px;
        line-height: 24px;
        width: 28px;
        text-align: center;
    }

@media screen and (max-width: 991px) {
    bn-summary-homepage .workflow-nav {
        height: 80px;
        white-space: nowrap;
        overflow-x: auto;
        max-width: 100%;
        margin-bottom: 10px;
        overflow-y: hidden;
    }

    bn-summary-homepage .step-list-item {
        z-index: 1;
        display: inline-block;
        width: auto;
        float: none;
        height: 70px;
    }

        bn-summary-homepage .step-list-item:last-of-type .step .step-icon::after {
            content: '';
            position: absolute;
            bottom: -20px;
            left: 29px;
            height: 46px;
            width: 2px;
            background-color: #808080;
            z-index: 1;
        }
}

bn-summary-homepage .workflow-nav.horizontal {
    height: 80px;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 100%;
    margin-bottom: 10px;
    overflow-y: hidden;
}

    bn-summary-homepage .workflow-nav.horizontal .step-list-item {
        z-index: 1;
        display: inline-block;
        width: auto;
        float: none;
        height: 70px;
    }

        bn-summary-homepage .workflow-nav.horizontal .step-list-item:last-of-type .step .step-icon::after {
            content: '';
            position: absolute;
            bottom: -20px;
            left: 29px;
            height: 46px;
            width: 2px;
            background-color: #808080;
            z-index: 1;
        }

/*bn-summary-homepage .status-progress-bar {
    position: relative;
    text-align: initial;
    border-left: 2px solid #003580;
    border-color: var(--primary);
    padding: 10px 0 10px 10px;
}

bn-summary-homepage .status-progress-bar-event-title {
    cursor: pointer;
}

bn-summary-homepage .status-progress-bar-event {
    position: relative;
    line-height: 48px;
    margin-left: 10px;
}

    bn-summary-homepage .status-progress-bar-event::before {
        position: absolute;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background-color: #ffffff;
        border: 3px solid #003580;
        border-color: var(--primary);
        content: '';
        left: -32px;
        top: 13px;
        cursor: pointer;
        -webkit-transition: all linear .1s;
        -moz-transition: all linear .1s;
        -ms-transition: all linear .1s;
        -o-transition: all linear .1s;
        transition: all linear .1s;
    }

    bn-summary-homepage .status-progress-bar-event:hover::before {
        height: 30px;
        width: 30px;
        left: -15px;
    }

    bn-summary-homepage .status-progress-bar-event.completed::before {
        background-color: #003580;
        background-color: var(--primary);
    }

    bn-summary-homepage .status-progress-bar-event.completed.sourcing::before {
        background-color: #920000;
        border-color: #920000;
    }

    bn-summary-homepage .status-progress-bar-event.completed.licensee::before {
        background-color: #fec626;
        border-color: #fec626;
    }

    bn-summary-homepage .status-progress-bar-event.disabled {
        pointer-events: none !important;
    }

        bn-summary-homepage .status-progress-bar-event.disabled::before {
            background-color: #e3e3e3 !important;
        }

    bn-summary-homepage .status-progress-bar-event.active::before {
        border-color: #003580;
        border-color: var(--primary);
    }

    bn-summary-homepage .status-progress-bar-event.active.sourcing::before {
        border-color: #fec626;
    }

    bn-summary-homepage .status-progress-bar-event.active.licensee::before {
        border-color: #003580;
        border-color: var(--primary);
    }

bn-summary-homepage .status-progress-bar-event-description {
    display: none;
    line-height: 14px;
}

    bn-summary-homepage .status-progress-bar-event-description p:first-of-type {
        font-size: 15px;
        line-height: 32px;
        color: #003580;
        color: var(--primary);
    }

    bn-summary-homepage .status-progress-bar-event-description p:nth-of-type(2) {
        line-height: 20px;
        text-indent: 25px;
        font-style: italic;
        color: #999999;
    }

bn-summary-homepage .status-progress-bar-event:not(.active) .status-progress-bar-event-description {
    display: none;
    height: 0px;
}*/

bn-summary-homepage .workflow-header {
    display: none;
}

bn-summary-homepage i.inline.material-icons {
    vertical-align: middle;
}

bn-summary-homepage .second-column {
    margin-top: 20px;
    border: 1px solid #e3e3e3;
    background-color: #f1f1f1;
}

bn-summary-homepage .workflow-container {
    min-height: inherit;
}

/*bn-summary-homepage .status-progress-bar-container {
    text-align: center;
    height: 105px;
    max-height: 105px;
    max-width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 10px;
}

bn-summary-homepage .status-progress-bar {
    margin: 0 auto;
    border-left: none;
    display: inline-block;
}

    bn-summary-homepage .status-progress-bar li {
        cursor: pointer;
        display: inline-block;
        line-height: 50px;
    }

        bn-summary-homepage .status-progress-bar li * {
            line-height: 50px;
        }

        bn-summary-homepage .status-progress-bar li.active {
            background-color: inherit;
            border: none;
            border-right-color: inherit;
            color: #000000;
            font-weight: bold;
        }

            bn-summary-homepage .status-progress-bar li.active::before {
                border-color: #fbc02d;
            }

        bn-summary-homepage .status-progress-bar li::before {
            left: -10px;
            cursor: pointer;
        }

        bn-summary-homepage .status-progress-bar li:nth-of-type(2n) {
            top: 24px;
            border-top: 2px solid #003580;
            border-color: var(--primary);
        }

            bn-summary-homepage .status-progress-bar li:nth-of-type(2n)::before {
                top: -12px;
            }

            bn-summary-homepage .status-progress-bar li:nth-of-type(2n):hover::before {
                top: -17px;
            }

        bn-summary-homepage .status-progress-bar li:nth-of-type(2n+1) {
            top: -26px;
            border-bottom: 2px solid #003580;
            border-color: var(--primary);
        }

            bn-summary-homepage .status-progress-bar li:nth-of-type(2n+1)::before {
                top: 39px;
            }

            bn-summary-homepage .status-progress-bar li:nth-of-type(2n+1):hover::before {
                top: 34px;
            }

        bn-summary-homepage .status-progress-bar li .row {
            margin: 0;
        }

            bn-summary-homepage .status-progress-bar li .row div {
                padding: 0 10px;
                position: relative;
                left: -50% !important;
            }*/

bn-summary-homepage .second-column,
bn-summary-homepage .workflow-container {
    min-height: 0px;
}

bn-summary-homepage .legenda li span {
    position: relative;
    font-size: 14px;
}

    bn-summary-homepage .legenda li span::after {
        position: absolute;
        content: '';
        height: 10px;
        width: 10px;
        border-radius: 100%;
        background-color: #003366;
        left: -20px;
        top: 4px;
    }

    bn-summary-homepage .legenda li span.sourcing::after {
        background-color: #920000 !important;
    }

    bn-summary-homepage .legenda li span.licensee::after {
        background-color: #fec626 !important;
    }

/*#endregion */

/*#region bn-switch-list */

.switch label .lever {
    width: 50px;
    height: 16px;
}

.switch label input[type=checkbox]:checked + .lever:after {
    left: 34px;
}

bn-switch-list .switch label input[type=checkbox]:checked + .lever.indeterminate-state {
    background-color: #818181 !important;
}

bn-switch-list .switch label .lever.indeterminate-state {
    background-color: #818181 !important;
}

    bn-switch-list .switch label .lever.indeterminate-state:after {
        /*left: 10px !important;*/
        left: 14px !important;
        background-color: #f1f1f1 !important;
    }


bn-switch-list .switch label .lever.true-state:after {
    right: 0px !important;
    left: initial;
}

bn-switch-list span.highlight:hover {
    color: #003580;
    text-decoration: underline;
}

/*#endregion */

/*#region bn-tasks-list*/

bn-tasks-list .tasks-container.scrollable {
    max-height: 735px;
}

    bn-tasks-list .tasks-container.scrollable.horizontal {
        height: 137px;
        overflow-y: hidden;
        overflow-x: auto;
        width: 100%;
        white-space: nowrap;
    }

bn-tasks-list .task-widget-container {
    height: 140px;
}

    bn-tasks-list .task-widget-container.horizontal {
        display: inline-block;
        vertical-align: top;
        top: 0;
    }

bn-tasks-list .task-widget {
    height: 120px;
    background-color: #fbfbfb;
    border-top: 4px solid;
    padding: 10px;
    border: 1px solid #e3e3e3;
    border-top: 4px solid;
    position: relative;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
}

    bn-tasks-list .task-widget:not(.selected) {
        opacity: .65;
    }

    bn-tasks-list .task-widget .task-widget-header {
        position: absolute;
        top: -4px;
        left: 20px;
        height: 40px;
        padding: 0 3px;
        min-width: 30px;
        width: auto;
    }

        bn-tasks-list .task-widget .task-widget-header span {
            color: #f1f1f1;
            float: left;
            line-height: 40px;
            text-align: center;
            width: 100%;
            font-size: 15px;
            font-weight: bold;
        }

    bn-tasks-list .task-widget .task-widget-name {
        margin-top: 10px;
        font-weight: bold;
        color: #404040;
        line-height: 14px;
        max-width: 90%;
    }

    bn-tasks-list .task-widget .task-widget-dotcom {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
    }

        bn-tasks-list .task-widget .task-widget-dotcom i {
            color: #0052a1;
            position: relative;
            top: 4px;
            transform: rotate(270deg);
            right: -8px;
        }

    bn-tasks-list .task-widget .task-widget-flow {
        position: absolute;
        top: 0;
        right: 25px;
        left: 50px;
        left: 50px;
        padding: 10px;
        font-weight: bold;
        color: #003366;
    }

    bn-tasks-list .task-widget .task-widget-type {
        border-radius: 50%;
        position: absolute;
        top: 2px;
        right: 4px;
        height: 25px;
        width: 25px;
        text-align: center;
        padding: 2px;
    }

        bn-tasks-list .task-widget .task-widget-type i {
            font-size: 16px;
            line-height: 20px;
        }

bn-tasks-list .task-widget-container.horizontal .task-widget {
    max-width: 320px;
    min-width: 320px;
}

    bn-tasks-list .task-widget-container.horizontal .task-widget .task-widget-name span {
        max-width: 100%;
        white-space: normal;
    }

/*#endregion*/

/*#region bn-task-manager */

bn-task-manager .bn-task-manager-container {
    max-width: 1200px;
    margin: 0 auto;
}

bn-task-manager .nodata-icon {
    font-size: 30px;
}

bn-task-manager .nodata-title {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
}

/*#endregion */

/*#region bn-team */

bn-team .card {
    min-height: 420px;
}

bn-team .user-image-container {
    float: left;
    width: 60px;
}

bn-team .user-details-container {
    float: left;
    width: calc(100% - 60px);
}

    bn-team .user-details-container h6,
    bn-team .user-details-container p {
        line-height: 20px;
        text-indent: 0 !important;
        margin: 0 !important;
    }

bn-team img.responsive-img {
    height: 3rem;
    width: 2.5rem;
    max-height: 3rem;
    max-width: 2.5rem;
    margin: 0 auto;
    display: block;
}

bn-team .select-wrapper {
    position: absolute;
    top: 3px;
    right: 0;
}

bn-team .pagination .dropdown-content {
    height: auto !important;
}

bn-team .pagination li i {
    font-size: 2rem;
}

bn-team .dropdown-basic-note {
    font-size: 1.3em !important;
}

bn-team .card-reveal bn-loader .main-container.relative {
    position: static;
}

bn-team bn-autocomplete .card-panel ul {
    max-height: 230px !important;
}

/*#endregion */

/*#region bn-timeline-date */
bn-timeline-date .timeline-header {
    text-align: center;
}

    bn-timeline-date .timeline-header > .timeline-header-title {
        font-size: 20px;
    }

    bn-timeline-date .timeline-header .select-wrapper input.select-dropdown {
        margin: 0;
    }


bn-timeline-date .timeline-wrapper {
    width: 100%;
    white-space: nowrap;
    max-height: 600px;
}

    bn-timeline-date .timeline-wrapper table tbody tr {
        border-bottom: 1px solid transparent;
    }


bn-timeline-date .timeline-firstcolon {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    overflow: hidden;
    max-height: 600px;
}

    bn-timeline-date .timeline-firstcolon tbody {
        height: 540px;
        display: block;
        overflow: hidden;
        padding-bottom: 20px;
    }

        bn-timeline-date .timeline-firstcolon tbody td a.disabled {
            pointer-events: none;
            cursor: not-allowed;
            color: grey;
        }

bn-timeline-date .timeline-content-wrapper {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 305px);
    max-height: 600px;
}

    bn-timeline-date .timeline-content-wrapper > table {
        display: inline-block;
        vertical-align: top;
    }

        bn-timeline-date .timeline-content-wrapper > table > thead,
        bn-timeline-date .timeline-firstcolon > thead {
            display: block;
            overflow: hidden;
        }

        bn-timeline-date .timeline-content-wrapper > table tbody {
            height: 531px;
            display: block;
            overflow: scroll;
        }

bn-timeline-date table.timeline tr {
    height: 40px !important;
}

    bn-timeline-date table.timeline tr td {
        line-height: 0 !important;
    }

bn-timeline-date table.timeline thead tr {
    height: 50px !important;
    max-height: 50px !important;
    min-height: 50px !important;
}

bn-timeline-date table.timeline tbody > tr > td .noUi-target.noUi-ltr.noUi-horizontal,
bn-timeline-date table.timeline thead > tr > th .noUi-target.noUi-ltr.noUi-horizontal {
    width: 1182px;
    overflow: visible;
}

bn-timeline-date .timeline-wrapper table.timeline > thead > tr > th .noUi-value.noUi-value-horizontal.noUi-value-large {
    -webkit-transform: translate3d(-50%,50%,0);
    transform: translate3d(-50%,0%,0);
}

bn-timeline-date .timeline-wrapper table.timeline > thead > tr > th.month-name .noUi-value.noUi-value-horizontal.noUi-value-large {
    transform: rotate(-45deg);
}

bn-timeline-date .timeline-wrapper table.timeline > thead > tr > th .noUi-pips-horizontal {
    padding: 0;
}

bn-timeline-date .timeline-wrapper table.timeline > thead > tr > th .noUi-target.noUi-ltr.noUi-horizontal,
bn-timeline-date .timeline-wrapper table.timeline > thead > tr > th .noUi-origin.noUi-connect.noUi-draggable,
bn-timeline-date .timeline-wrapper table.timeline > thead > tr > th .noUi-origin {
    height: 0;
}

bn-timeline-date .timeline-wrapper table.timeline > thead > tr > th .noUi-marker-horizontal.noUi-marker-large {
    height: 0;
    margin-top: 0;
}

bn-timeline-date .timeline-wrapper table.timeline > thead > tr > th .noUi-origin > .noUi-handle.noUi-handle-lower {
    transition: none;
    transform: none;
    transform-origin: 0;
    border-radius: 0;
    width: 2px;
    left: -1px;
    background-color: rgba(255, 0, 0, 0.31);
    top: 26px;
}

bn-timeline-date .timeline-wrapper table.timeline > thead > tr > th .noUi-origin.noUi-stacking > .noUi-handle.noUi-handle-lower > .range-label,
bn-timeline-date .timeline-wrapper table.timeline > thead > tr > th .noUi-origin > .noUi-handle.noUi-handle-upper,
bn-timeline-date .timeline-wrapper table.timeline > thead > tr > th .noUi-target.noUi-horizontal .noUi-tooltip {
    display: none;
}

bn-timeline-date .timeline-wrapper table tbody tr td div {
    overflow: visible;
}

bn-timeline-date .noUi-target.noUi-horizontal .noUi-active .noUi-tooltip {
    transform: translate(23px,-25px);
    border-radius: 0;
    width: 160px;
    left: -96px;
}

bn-timeline-date .noUi-horizontal .noUi-tooltip span {
    transform: none;
}

bn-timeline-date .timeline-wrapper .noUi-origin[disabled="true"] {
    display: none;
}

.timeline-wrapper td {
    height: 40px;
}

/*#endregion */

/*#region bn-tree-view */

bn-tree-view .list li a.list-item-indent {
    margin-left: 18px;
}

bn-tree-view .tree-list-view-list {
    margin-top: 0 !important;
    margin-left: 15px !important;
}

bn-tree-view .container-ui {
    margin-top: 0 !important;
    margin-left: 15px !important;
}

bn-tree-view .block {
    width: 0;
    height: 0;
    border-left: 5px solid black;
    border-right: 5px solid black;
    border-top: 5px solid black;
    border-bottom: 5px solid black;
    display: inline-block;
}


bn-tree-view input:not([type]).tree-view-thin-input {
    width: 6em;
    height: 1.8em;
    margin-bottom: 0px;
    text-align: end;
    float: right;
}

bn-tree-view [type="checkbox"].invisible + label.invisible:before,
bn-tree-view [type="checkbox"].invisible:not(.filled-in) + label.invisible:after {
    border: none !important;
    background-color: #ffffff !important;
}

bn-tree-view a.accent,
.side-nav.custom-sidenav li a.accent {
    color: #00478d !important;
    color: var(--accent) !important;
}

/*#endregion */

/*#region bn-utilities*/
bn-utilities bn-notifications .list {
    max-height: 400px;
    overflow-y: auto;
}

bn-utilities bn-countdowns-list .scrollable {
    max-height: 435px;
}

@media screen and (max-width: 601px) {
    bn-utilities .bn-links-container, bn-utilities .suggested-card {
        padding: 0 !important;
    }
}

bn-utilities .bn-links-container .card,
bn-utilities .suggested-card .card {
    height: 70px;
}

bn-utilities .suggested-card .card {
    padding: 0px;
    font-size: 12px;
    line-height: 19px;
    cursor: pointer;
}

    bn-utilities .suggested-card .card .card-image img {
        height: 70px;
        width: 70px;
        border-radius: 50%;
        transition: all .2s ease-in-out;
    }

    bn-utilities .suggested-card .card:hover img {
        transform: scale(1.1);
    }

bn-utilities .suggested-menu {
    position: fixed;
    height: 400px;
    width: 800px;
    z-index: 9;
}

    bn-utilities .suggested-menu .scrollable {
        max-height: 350px;
    }

    bn-utilities .suggested-menu bn-loader > .main-container.loading {
        overflow: initial;
    }

bn-utilities bn-modal bn-dashboard-menu .second-third-items-container {
    border: none !important;
}
/*#endregion*/

/*#region bn-video-player */
bn-video-player .card::before,
bn-video-player .card::after {
    z-index: -1;
    position: absolute;
    content: '';
    bottom: 10px;
    left: 10px;
    width: 50%;
    height: 40px;
    background: #333333;
    -webkit-box-shadow: 0 15px 10px #333333;
    -moz-box-shadow: 0 15px 10px #333333;
    box-shadow: 0 15px 10px #333333;
    -webkit-transform: rotate(-1.5deg);
    -moz-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
}

bn-video-player .card::after {
    -webkit-transform: rotate(1.5deg);
    -moz-transform: rotate(1.5deg);
    -o-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    right: 10px;
    left: auto;
}

bn-video-player .card .card-content {
    background-color: #585858;
}

bn-video-player .azuremediaplayer {
    width: 100%;
}

bn-video-player .videos-container {
    padding-right: 10px;
    float: left;
    max-height: 530px;
    overflow-y: auto;
}

    bn-video-player .videos-container::-webkit-scrollbar-track {
        background-color: #444444;
    }

    bn-video-player .videos-container li:not(:last-of-type) .video-preview {
        margin-bottom: 20px;
    }

bn-video-player .video-preview,
bn-video-player .video-preview a {
    float: left;
    width: 100%;
}

    bn-video-player .video-preview a.active {
        cursor: not-allowed;
    }

        bn-video-player .video-preview a.active img {
            opacity: 0.2;
        }

    bn-video-player .video-preview a img {
        width: 100%;
        height: auto;
    }

bn-video-player .mobile-navigation-container {
    float: left;
    padding: 30px 0 10px 0;
    overflow-x: auto;
    width: 100%;
}

    bn-video-player .mobile-navigation-container::-webkit-scrollbar-track {
        background-color: #444444;
    }

    bn-video-player .mobile-navigation-container .mobile-navigation {
        width: 999999999px;
    }

        bn-video-player .mobile-navigation-container .mobile-navigation li {
            float: left;
            display: inline-block;
            margin-right: 20px;
        }

            bn-video-player .mobile-navigation-container .mobile-navigation li .video-preview {
                width: 200px;
                margin: 0;
            }

@media screen and (max-width: 992px) {
    bn-video-player .card .card-content {
        max-height: 240px;
    }

        bn-video-player .card .card-content .azuremediaplayer {
            max-height: 200px;
        }
}

/*#endregion */

/*#region bn-virtual-blackboard */

bn-virtual-blackboard .card .card-content {
    padding: 20px 0;
}

    bn-virtual-blackboard .card .card-content .group {
        margin: 0 10px !important;
    }

bn-virtual-blackboard .card .card-action {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
}

bn-virtual-blackboard blockquote {
    margin-left: 10px;
    margin-bottom: 40px;
    padding-bottom: 30px;
    position: relative;
    box-shadow: 3px 10px 10px 1px rgba(0,0,0,0.13);
    text-indent: 0 !important;
}

    bn-virtual-blackboard blockquote p {
        text-indent: 0 !important;
    }

@media screen and (max-width: 601px) {
    bn-virtual-blackboard blockquote {
        margin-left: 0;
    }
}

bn-virtual-blackboard blockquote:not(.placeholder).invisible {
    display: none;
}

bn-virtual-blackboard blockquote .author {
    float: right;
    color: #696969;
    margin-right: 50px;
    font-style: italic;
    text-transform: capitalize;
}

    bn-virtual-blackboard blockquote .author::after {
        content: '';
        display: table-cell;
        clear: both;
    }

bn-virtual-blackboard blockquote .like {
    position: absolute;
    bottom: 2px;
    right: 20px;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
}

    bn-virtual-blackboard blockquote .like i {
        font-size: 20px;
    }

bn-virtual-blackboard .pagination {
    right: -10px;
}

    bn-virtual-blackboard .pagination * {
        height: 30px;
        line-height: 30px;
    }

bn-virtual-blackboard .pagination-navigator {
    font-size: 14px;
}

/*#endregion */

/*#region bn-widgets */

bn-widget-barchart bn-loader .main-container,
bn-widget-piechart bn-loader .main-container,
bn-widget-table bn-loader .main-container {
    min-height: 311px;
}

/*#endregion */

/*#region bn-widget-metric */

bn-widget-metric .widget-metric-container {
    text-align: center;
    padding-top: 1rem;
}

bn-widget-metric .widget-metric-value {
    font-size: 1.5rem /*16px*/;
    font-weight: bold;
    color: #003580;
    color: var(--primary);
    padding-left: 20px;
}

/*#endregion */

/*#region bn-wizard-tabs */

bn-wizard-tabs .step-container {
    border: 1px solid #003580;
    border-color: var(--primary);
    border-radius: 20px;
    height: 38px;
}

    bn-wizard-tabs .step-container .step {
        height: 36px;
        line-height: 34px;
        text-align: center;
    }

    bn-wizard-tabs .step-container .wizard-step-overlay {
        height: 36px;
        position: relative;
        top: 0;
        left: 0;
        background-color: #003580;
        background-color: var(--primary);
        border-radius: 20px;
        z-index: -1;
        margin-bottom: -36px;
        -webkit-transition: all linear .2s;
        -moz-transition: all linear .2s;
        -ms-transition: all linear .2s;
        -o-transition: all linear .2s;
        transition: all linear .2s;
    }

    bn-wizard-tabs .step-container .step span {
        font-size: 14px;
        color: #999;
    }

    bn-wizard-tabs .step-container .step.active span {
        font-size: 14px;
        color: #ffffff;
    }

/*#endregion */

/*#region bn-workflow */

bn-workflow .collapsible-header {
    text-transform: uppercase;
}

bn-workflow .collapsible-body {
    padding: 0.75rem;
}

bn-workflow .workflow-collapsible-badge {
    float: right;
    width: 3.5rem;
    background-color: #ffffff;
    color: #ffffff;
    font-size: 0.8rem;
    text-align: center;
    margin: 0.1rem -13px;
    border-radius: 2px;
    height: 2.8rem;
    line-height: 2.8rem;
    transition: ease-in-out 1.5s;
}

bn-workflow .collapsible-body p {
    padding: 0.2rem;
}

bn-workflow .workflow-nav {
    position: relative;
    top: 10px;
    float: left;
}

bn-workflow .step-list-item {
    width: 100%;
    float: left;
    z-index: 1;
}

    bn-workflow .step-list-item.active .step {
        background-color: #eeeeee;
        border-color: #e5e5e5;
    }

    bn-workflow .step-list-item.disabled .step {
        opacity: .6;
        cursor: not-allowed;
    }

    bn-workflow .step-list-item.sourcing .step .step-icon {
        background-color: rgba(146, 0, 0, .2);
        border-color: #920000;
    }

    bn-workflow .step-list-item.licensee .step .step-icon {
        background-color: rgba(254, 198, 38, .2);
        border-color: #fec626;
    }

    bn-workflow .step-list-item:not(:last-of-type) .step .step-icon::after {
        content: '';
        position: absolute;
        bottom: -20px;
        left: 29px;
        height: 46px;
        width: 2px;
        background-color: #808080;
        z-index: 1;
    }

bn-workflow .step {
    border: 1px solid transparent;
    border-right: none;
    cursor: pointer;
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
    margin-bottom: 8px;
}

    bn-workflow .step .step-icon {
        height: 40px;
        width: 40px;
        float: left;
        padding: 10px;
        text-align: center;
        border-radius: 50%;
        background-color: #ffffff;
        border: 1px solid #003366;
    }

        bn-workflow .step .step-icon i {
            font-size: 18px;
            color: #808080;
        }

    bn-workflow .step .step-description {
        float: left;
        padding: 3px 15px;
        width: calc(100% - 40px);
    }

        bn-workflow .step .step-description .step-title {
            font-size: 14px;
            color: #212121;
        }

        bn-workflow .step .step-description .step-subtitle {
            line-height: 14px;
            color: #a0a0a0;
            font-size: 13px;
            text-indent: 6px;
            height: 28px;
            margin-top: 8px;
        }

    bn-workflow .step .step-checked {
        position: absolute;
        bottom: 15px;
        left: 35px;
        padding: 2px;
        background-color: green;
        border-radius: 50%;
        color: #ffffff;
        height: 28px;
        width: 28px;
        text-align: center;
    }

        bn-workflow .step .step-checked i {
            font-size: 20px;
            line-height: 24px;
            height: 24px;
        }

    bn-workflow .step .step-counter {
        position: absolute;
        bottom: 9px;
        left: 35px;
        padding: 2px;
        background-color: #cccccc;
        border-radius: 20%;
        color: #404040;
        height: 28px;
        line-height: 24px;
        width: 28px;
        text-align: center;
    }

@media screen and (max-width: 991px) {
    bn-workflow .workflow-nav {
        height: 80px;
        white-space: nowrap;
        overflow-x: auto;
        max-width: 100%;
        margin-bottom: 20px;
        overflow-y: hidden;
    }

    bn-workflow .step-list-item {
        z-index: 1;
        display: inline-block;
        width: auto;
        float: none;
        height: 70px;
    }

        bn-workflow .step-list-item:last-of-type .step .step-icon::after {
            content: '';
            position: absolute;
            bottom: -20px;
            left: 29px;
            height: 46px;
            width: 2px;
            background-color: #808080;
            z-index: 1;
        }
}

/*bn-workflow .status-progress-bar {
    position: relative;
    text-align: initial;
    border-left: 2px solid #003580;
    border-color: var(--primary);
    padding: 10px 0 10px 10px;
}

bn-workflow .status-progress-bar-event-title {
    cursor: pointer;
}

bn-workflow .status-progress-bar-event {
    position: relative;
    line-height: 48px;
    margin-left: 10px;
}

    bn-workflow .status-progress-bar-event::before {
        position: absolute;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background-color: #ffffff;
        border: 2px solid #003580;
        border-color: var(--primary);
        content: '';
        left: -32px;
        top: 13px;
        cursor: pointer;
    }

    bn-workflow .status-progress-bar-event:not(.active)::before,
    bn-workflow .status-progress-bar-event:not(.active) .status-progress-bar-event-title {
        cursor: default;
    }

    bn-workflow .status-progress-bar-event.completed::before {
        background-color: #003580;
        background-color: var(--primary);
    }

    bn-workflow .status-progress-bar-event.completed.sourcing::before {
        background-color: #920000;
    }

    bn-workflow .status-progress-bar-event.completed.licensee::before {
        background-color: #fec626;
    }

    bn-workflow .status-progress-bar-event.active::before {
        border-color: #fec626;
    }

    bn-workflow .status-progress-bar-event.disabled::before {
        background-color: #e3e3e3 !important;
    }

    bn-workflow .status-progress-bar-event.disabled {
        pointer-events: none !important;
    }

bn-workflow .status-progress-bar-event-description {
    display: none;
    line-height: 14px;
}

    bn-workflow .status-progress-bar-event-description p:first-of-type {
        font-size: 12px;
        line-height: 18px;
        color: #003580;
        color: var(--primary);
        margin-bottom: 10px;
    }

    bn-workflow .status-progress-bar-event-description p:nth-of-type(2) {
        line-height: 20px;
        text-indent: 25px;
        font-style: italic;
        color: #999999;
    }

bn-workflow .status-progress-bar-event:not(.active) .status-progress-bar-event-description {
    display: none;
    height: 0px;
}*/

bn-workflow .workflow-header {
    display: none;
}

bn-workflow i.inline.material-icons {
    vertical-align: middle;
    position: static;
}

bn-workflow .tasks-card-container {
    height: 120px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}

    bn-workflow .tasks-card-container .task-card {
        display: inline-block;
        vertical-align: top;
        top: 0;
        margin: 0 4px;
    }

bn-workflow .task-card {
    min-width: 280px;
    max-width: 280px;
    height: 100px;
    background-color: #fbfbfb;
    padding: 10px;
    border: 1px solid #e3e3e3;
    position: relative;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
}

bn-workflow .task-card-name span {
    max-width: 100%;
    white-space: normal;
}

bn-workflow .task-card-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
}

bn-workflow .task-card-header-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    border-radius: 0 20px;
    max-width: 100%;
}

bn-workflow .task-card-percent {
    position: absolute;
    top: 0;
    height: 35px;
    width: auto;
    left: 20px;
    text-align: center;
    line-height: 35px;
    color: #ffffff;
    font-size: 16px;
    padding: 0 3px;
}

bn-workflow .task-card-name {
    margin-top: 30px;
    font-weight: bold;
    color: #404040;
    line-height: 14px;
    max-width: 90%;
}

bn-workflow .task-card-dotcom {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}

    bn-workflow .task-card-dotcom i {
        color: #ffffff;
        position: relative;
        top: -2px;
        right: -8px;
        background-color: #157115;
        border-radius: 50%;
        padding: 5px;
        font-size: 20px;
    }

bn-workflow .task-card-flow {
    position: absolute;
    top: 4px;
    right: 25px;
    padding: 5px;
    font-weight: bold;
    color: #003366;
}

    bn-workflow .task-card-flow span {
        max-width: 100%;
        white-space: normal;
        margin-left: 50px;
        margin-right: 10px;
        margin-top: 5px;
    }

bn-workflow .task-card-type {
    border-radius: 50%;
    position: absolute;
    top: 8px;
    right: 4px;
    height: 25px;
    width: 25px;
    text-align: center;
    padding: 2px;
}

    bn-workflow .task-card-type i {
        color: #ffffff;
        font-size: 16px;
        line-height: 20px;
    }

@media screen and (min-width: 992px) {
    bn-workflow .second-column {
        border: thin solid #e5e5e5;
    }

    bn-workflow .status-progress-bar-event {
        left: 1px;
    }

        bn-workflow .status-progress-bar-event.active {
            background-color: #eeeeee;
            border: thin solid #e5e5e5;
            border-right-color: #eeeeee;
            z-index: 1;
        }
}

bn-workflow .profile-box {
    margin: 10px 0;
}

bn-workflow .profile-box-time i {
    position: relative;
    top: 4px;
}


bn-workflow .legenda li span {
    position: relative;
    font-size: 14px;
}

    bn-workflow .legenda li span::after {
        position: absolute;
        content: '';
        height: 10px;
        width: 10px;
        border-radius: 100%;
        background-color: #003366;
        left: -20px;
        top: 4px;
    }

    bn-workflow .legenda li span.sourcing::after {
        background-color: #920000 !important;
    }

    bn-workflow .legenda li span.licensee::after {
        background-color: #fec626 !important;
    }

/*#endregion */

/*#region bn-work-in-progress */

bn-work-in-progress img {
    max-width: 500px;
    width: 100%;
}

bn-work-in-progress .title {
    font-size: 18px;
    color: #003580;
    color: var(--primary);
    font-weight: bold;
    opacity: 0.9;
}

bn-work-in-progress .subtitle {
    font-size: 13px;
}

bn-work-in-progress .container {
    margin: auto;
    max-width: 1024px;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
}

bn-work-in-progress .box {
    width: auto;
    background: #fff;
    margin-bottom: 30px;
    border-radius: 5px;
}

bn-work-in-progress .animation {
    margin-top: 70px;
    display: inline-block;
    margin-bottom: 5%;
}

bn-work-in-progress h1 {
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    color: #003580;
    color: var(--primary);
    margin-bottom: 10px;
}

bn-work-in-progress p {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

bn-work-in-progress a {
    color: #003580;
    color: var(--primary);
    font-weight: bold;
    text-decoration: none;
    margin-left: 5px;
}

bn-work-in-progress .one, .two, .three {
    display: block;
    float: left;
}

bn-work-in-progress .one {
    background: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aa%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeSVGViewerExtensions%2F3.0%2F%22%0A%09%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2281px%22%20height%3D%2280.5px%22%20viewBox%3D%220%200%2081%2080.5%22%20style%3D%22overflow%3Ascroll%3Benable-background%3Anew%200%200%2081%2080.5%3B%22%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23383838%3B%7D%0A%3C%2Fstyle%3E%0A%3Cdefs%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M30.3%2C68.2c1.2%2C0.2%2C2.3%2C0.9%2C3.8%2C1.2c1.6%2C0.3%2C2.7%2C0.6%2C4%2C0.4l4.9%2C9.6c0.6%2C0.9%2C1.4%2C1.1%2C2.3%2C0.9l15.3-4.9%0A%09c0.5-0.3%2C1-1%2C0.9-2.3l-1.8-10.6c2-1.6%2C3.6-3.7%2C5.3-5.8l10.5%2C0.6c1.1%2C0.6%2C2.1-0.4%2C2.3-1.1L81%2C40.7c0.2-0.8-0.4-2.1-1.1-2.3l-10.2-3.8%0A%09c-0.3-2.5-1.4-4.8-2.5-7.5l5.9-8.5c0.6-1.1%2C0.4-1.9-0.2-2.9l-12-10.7c-0.3-0.5-1.6-0.3-2.5%2C0.3l-8%2C6.9c-1.2-0.2-2.3-0.9-3.8-1.2%0A%09c-1.6-0.3-2.7-0.6-4-0.4L37.7%2C1c-0.6-0.9-1.4-1.1-2.3-0.9L20.1%2C5c-0.5%2C0.3-1%2C1-0.9%2C2.3l1.8%2C10.6c-2%2C1.6-3.6%2C3.7-5.3%2C5.8L5.3%2C23%0A%09c-0.8-0.2-1.7%2C0.4-2%2C1.6L0%2C40.2c-0.2%2C0.8%2C0.4%2C2.1%2C1.1%2C2.3l9.8%2C3.7c0.7%2C2.6%2C1.4%2C5.2%2C2.5%2C7.5l-6%2C8.9c-0.6%2C0.7-0.4%2C2%2C0.3%2C2.5l12%2C10.7%0A%09c0.7%2C0.5%2C1.9%2C0.8%2C2.4%2C0.1L30.3%2C68.2z%20M26.7%2C37.3c1.6-7.4%2C9.1-12.3%2C16.5-10.8S55.6%2C35.7%2C54%2C43.1c-1.6%2C7.4-9.1%2C12.3-16.5%2C10.7%0A%09C30.1%2C52.3%2C25.1%2C44.7%2C26.7%2C37.3L26.7%2C37.3z%22%2F%3E%0A%3C%2Fsvg%3E');
    width: 80px;
    height: 80px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: -10px;
    margin-right: 8px;
}

bn-work-in-progress .two {
    background: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aa%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeSVGViewerExtensions%2F3.0%2F%22%0A%09%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22103px%22%20height%3D%22103.7px%22%20viewBox%3D%220%200%20103%20103.7%22%0A%09%20style%3D%22overflow%3Ascroll%3Benable-background%3Anew%200%200%20103%20103.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23036%3B%7D%0A%3C%2Fstyle%3E%0A%3Cdefs%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M87.3%2C64.8c0.3-1.5%2C1.1-2.9%2C1.6-4.9c0.4-2%2C0.7-3.5%2C0.5-5.1l12.3-6.3c1.2-0.8%2C1.4-1.8%2C1.1-2.9l-6.3-19.6%0A%09c-0.4-0.6-1.3-1.3-2.9-1.1l-13.5%2C2.3c-2.1-2.5-4.7-4.7-7.4-6.8l0.8-13.4C74.3%2C5.8%2C73%2C4.5%2C72%2C4.3L52.1%2C0c-1-0.2-2.7%2C0.5-2.9%2C1.5%0A%09l-4.8%2C13c-3.2%2C0.4-6.1%2C1.8-9.5%2C3.2l-10.9-7.5c-1.4-0.8-2.5-0.5-3.7%2C0.3L6.5%2C25.8c-0.6%2C0.4-0.4%2C2%2C0.4%2C3.2l8.8%2C10.2%0A%09c-0.3%2C1.5-1.1%2C2.9-1.5%2C4.9c-0.4%2C2-0.7%2C3.5-0.6%2C5.1L1.2%2C55.4c-1.2%2C0.8-1.4%2C1.8-1.1%2C2.9l6.3%2C19.6c0.4%2C0.6%2C1.3%2C1.3%2C2.9%2C1.1l13.5-2.3%0A%09c2.1%2C2.5%2C4.7%2C4.7%2C7.4%2C6.8l-0.8%2C13.4c-0.2%2C1%2C0.6%2C2.2%2C2.1%2C2.5l20%2C4.2c1%2C0.2%2C2.7-0.5%2C2.9-1.5l4.7-12.6c3.3-0.9%2C6.6-1.7%2C9.5-3.2L80.1%2C94%0A%09c0.9%2C0.7%2C2.5%2C0.5%2C3.2-0.4L97%2C78.3c0.7-0.9%2C1-2.4%2C0.1-3.1L87.3%2C64.8z%20M47.8%2C69.5C38.3%2C67.5%2C32%2C57.8%2C34%2C48.3%0A%09c2-9.5%2C11.7-15.8%2C21.2-13.8c9.5%2C2%2C15.7%2C11.7%2C13.7%2C21.2C66.9%2C65.2%2C57.3%2C71.5%2C47.8%2C69.5L47.8%2C69.5z%22%2F%3E%0A%3C%2Fsvg%3E');
    width: 100px;
    height: 100px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

bn-work-in-progress .three {
    background: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aa%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeSVGViewerExtensions%2F3.0%2F%22%0A%09%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2281px%22%20height%3D%2280.5px%22%20viewBox%3D%220%200%2081%2080.5%22%20style%3D%22overflow%3Ascroll%3Benable-background%3Anew%200%200%2081%2080.5%3B%22%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23383838%3B%7D%0A%3C%2Fstyle%3E%0A%3Cdefs%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M30.3%2C68.2c1.2%2C0.2%2C2.3%2C0.9%2C3.8%2C1.2c1.6%2C0.3%2C2.7%2C0.6%2C4%2C0.4l4.9%2C9.6c0.6%2C0.9%2C1.4%2C1.1%2C2.3%2C0.9l15.3-4.9%0A%09c0.5-0.3%2C1-1%2C0.9-2.3l-1.8-10.6c2-1.6%2C3.6-3.7%2C5.3-5.8l10.5%2C0.6c1.1%2C0.6%2C2.1-0.4%2C2.3-1.1L81%2C40.7c0.2-0.8-0.4-2.1-1.1-2.3l-10.2-3.8%0A%09c-0.3-2.5-1.4-4.8-2.5-7.5l5.9-8.5c0.6-1.1%2C0.4-1.9-0.2-2.9l-12-10.7c-0.3-0.5-1.6-0.3-2.5%2C0.3l-8%2C6.9c-1.2-0.2-2.3-0.9-3.8-1.2%0A%09c-1.6-0.3-2.7-0.6-4-0.4L37.7%2C1c-0.6-0.9-1.4-1.1-2.3-0.9L20.1%2C5c-0.5%2C0.3-1%2C1-0.9%2C2.3l1.8%2C10.6c-2%2C1.6-3.6%2C3.7-5.3%2C5.8L5.3%2C23%0A%09c-0.8-0.2-1.7%2C0.4-2%2C1.6L0%2C40.2c-0.2%2C0.8%2C0.4%2C2.1%2C1.1%2C2.3l9.8%2C3.7c0.7%2C2.6%2C1.4%2C5.2%2C2.5%2C7.5l-6%2C8.9c-0.6%2C0.7-0.4%2C2%2C0.3%2C2.5l12%2C10.7%0A%09c0.7%2C0.5%2C1.9%2C0.8%2C2.4%2C0.1L30.3%2C68.2z%20M26.7%2C37.3c1.6-7.4%2C9.1-12.3%2C16.5-10.8S55.6%2C35.7%2C54%2C43.1c-1.6%2C7.4-9.1%2C12.3-16.5%2C10.7%0A%09C30.1%2C52.3%2C25.1%2C44.7%2C26.7%2C37.3L26.7%2C37.3z%22%2F%3E%0A%3C%2Fsvg%3E');
    width: 80px;
    height: 80px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: -50px;
    margin-left: -10px;
}

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

    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg);
    }
}

bn-work-in-progress .spin-one {
    -webkit-animation: spin-one 1.5s infinite linear;
    animation: spin-one 1.5s infinite linear;
}

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

    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(359deg);
    }
}

bn-work-in-progress .spin-two {
    -webkit-animation: spin-two 2s infinite linear;
    animation: spin-two 2s infinite linear;
}

/*#endregion */

/*#region bs-prototype */

bs-prototype bn-card.header .card, bs-prototype bn-card.header .card-reveal, bs-prototype bn-card.header .card-reveal .results {
    min-height: 300px;
    height: 300px;
}

    bs-prototype bn-card.header .card-reveal ul {
        max-height: 180px;
    }

bs-prototype ul .group-header.ng-binding {
    line-height: 16px;
}

bs-prototype ul li.list-item {
    padding: 3px 0px;
}

    bs-prototype ul li.list-item.active {
        font-weight: bold;
    }

    bs-prototype ul li.list-item .right.arrow {
        padding-right: 8px;
    }

/*#endregion */