@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,600);

/*#region Shared */

/*#region Common */

body {
    font-family: 'Roboto', sans-serif;
    background-image: none !important;
    scrollbar-width: thin;
}

div {
    scrollbar-width: thin;
}

input {
    border: none;
    border-radius: 0;
    background-color: #f0f0f0;
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
}

select {
    border: none;
    border-radius: 0;
    background-color: #f0f0f0;
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
}

select option {
    border: none;
    border-radius: 0;
    background-color: #f0f0f0;
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
}

a {
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    color: rgb(0, 0, 0);
}

a:link {
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    color: rgb(0, 0, 0);
}

a:visited {
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    color: rgb(0, 0, 0);
}

a:active {
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    color: rgb(0, 0, 0);
}

a:hover {
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    color: rgb(0, 0, 0);
}

button {
    padding: 4px 8px;
    border: none;
    border-radius: 2px;
    color: #fff;
    background: rgba(52, 137, 175, 1.0);
    font: inherit;
    font-weight: 500;
    cursor: pointer;
}

#RB_Body {
    background-size: cover;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    66% {
        opacity: 1;
    }

    67% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/*#endregion Common */

/*#region Scrollbars */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgba(80, 80, 80, 0.07);
}

::-webkit-scrollbar-corner {
    background-color: rgba(0,0,0,.1);
    border-bottom-right-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(80, 80, 80, 0.33);
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: none;
}

/*#endregion Scrollbars */

/*#region jQuery UI */

/*#region Tooltips */

.ui-tooltip {
    box-shadow: none;
}

.ui-tooltip.ui-widget-shadow {
    background-color: #fafafa !important;
    opacity: 0.9;
}

.ui-tooltip .ui-tooltip-content {
    color: rgb(0, 0, 0);
    font-weight: 400;
}

/*#endregion Tooltips */

/*#region Menus/Dropdowns*/

.ui-widget select {
    font-family: 'Roboto', sans-serif;
}

.ui-menu > .ui-menu-item {
    padding: 2px;
}

.ui-menu > .ui-menu-item > div.ui-menu-item-wrapper {
    padding: 3px 6px;
    transition: background-color 0.15s ease;
}

.ui-menu-item > .ui-state-active {
    margin: 0;
    border: none;
    color: rgb(0, 0, 0);
    background: rgba(52, 137, 175, 1.0);
}

.ui-selectmenu-button[aria-expanded=true] {
    height: 34px;
    margin: 0;
    padding: 4px 14px;
    border: none;
    outline: none;
    background: transparent;
    color: rgb(0, 0, 0);
    font-size: 1em;
    font-weight: 500;
    vertical-align: middle;
}

.ui-selectmenu-button[aria-expanded=false] {
    height: 34px;
    margin: 0;
    padding: 4px 14px;
    border: none;
    outline: none;
    background: transparent;
    color: rgb(0, 0, 0);
    font-size: 1em;
    font-weight: 500;
    vertical-align: middle;
}

.ui-selectmenu-button span.ui-selectmenu-text {
    color: rgb(0, 0, 0);
}

.ui-selectmenu-button span.ui-icon {
    margin-right: 0;
    background-image: url(images/ArrowDown.svg);
    background-repeat: no-repeat;
    background-position: right 0px center;
    background-size: 16px 16px;
    filter: none;
}

.ui-selectmenu-menu .ui-menu {
    border: none;
    border-radius: 0;
    padding: 0;
    font-size: 1em;
}

.ui-selectmenu-menu .ui-menu-item {
    color: rgb(0, 0, 0);
    background-color: #f0f0f0;
}

.ui-selectmenu-menu .ui-menu-item.ui-state-focus {
    border: none;
    color: rgb(0, 0, 0);
    background: none;
    background-color: rgba(52, 137, 175, 1.0);
}

/*#endregion Menus/Dropdowns*/

/*#region Dialogs */

.ui-dialog {
    color: rgb(0, 0, 0);
    background: none;
    background-color: #fafafa;
}

.ui-dialog .ui-dialog-titlebar {
    color: rgb(0, 0, 0);
    background: none;
    background-color: #fff;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    color: transparent;
}

.ui-dialog .ui-dialog-title {
    font-weight: 500;
}

.ui-dialog .ui-dialog-content {
    padding: 8px 10px;
}

.ui-dialog .ui-dialog-buttonpane .ui-button {
    padding: 0 12px;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 8px 0;
    border: none;
    background: none;
    background-color: #fff;
}

.ui-dialog .ui-selectmenu-button {
    color: rgb(0, 0, 0);
    background-color: #f0f0f0;
}

/*#endregion Dialogs */

/*#region Date pickers */

input.hasDatepicker {
    min-width: 100px;
}

.ui-datepicker.ui-widget-content {
    border: none;
    border-radius: 2px;
    background: none;
    background-color: #fafafa;
}

.ui-datepicker .ui-datepicker-header.ui-widget-header {
    border: none;
    border-radius: 2px;
    background: none;
    background-color: #fdfdfd;
}

.ui-datepicker .ui-datepicker-prev span {
    background-position: center;
    filter: none;
}

.ui-datepicker .ui-datepicker-next span {
    background-position: center;
    filter: none;
}

.ui-datepicker .ui-datepicker-prev span {
    background-image: url(images/ArrowLeft.svg);
}

.ui-datepicker .ui-datepicker-next span {
    background-image: url(images/ArrowRight.svg);
}

.ui-datepicker select.ui-datepicker-month {
    border-radius: 2px;
    border-color: #f3f3f3;
    background-color: #f0f0f0;
}

.ui-datepicker select.ui-datepicker-year {
    border-radius: 2px;
    border-color: #f3f3f3;
    background-color: #f0f0f0;
}

.ui-datepicker th {
    color: rgb(0, 0, 0);
    font-weight: 500;
}

.ui-datepicker td .ui-state-default {
    border: none;
    border-radius: 2px;
    background: none;
    background-color: #fdfdfd;
    color: rgb(0, 0, 0);
}

.ui-datepicker td .ui-state-default.ui-state-highlight {
    background-color: rgba(52, 137, 175, 1.0);
}

/*#endregion Date pickers */

/*#region Sliders */

.ui-slider {
    border: none;
    border-radius: 12px;
    background: #000;
}

.ui-slider .ui-slider-handle {
    width: 24px;
    height: 24px;
    top: -5px;
    outline: none;
    background-size: 24px;
    cursor: grab;
    z-index: 1;
}

.ui-slider .ui-slider-range {
    border-radius: 12px;
    background: none;
    background-color: rgba(52, 137, 175, 1.0);
}

/*#endregion Sliders */

/*#region Toggle buttons */

label.ui-checkboxradio-label {
    display: inline-block;
    line-height: 24px;
}

label.ui-checkboxradio-label.ui-state-active {
    border: none;
    color: rgb(0, 0, 0);
    background: none;
}

label.ui-checkboxradio-label:before {
    content: '';
    position: absolute;
    display: block;
    width: 36px;
    height: 12px;
    top: 6px;
    border: none;
    border-radius: 12px;
    box-shadow: none;
    transform: none;
    background: #000;
    z-index: 1;
    transition: background 0.3s ease;
}

label.ui-checkboxradio-label.ui-state-active:before {
    background: rgba(52, 137, 175, 1.0);
}

label.ui-checkboxradio-label:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    top: 1px;
    left: -4px;
    border: none;
    background-image: url(Images/SliderButton.png);
    background-size: cover;
    opacity: 1;
    z-index: 2;
    transition: left 0.3s ease;
}

label.ui-checkboxradio-label.ui-state-active:after {
    left: 22px;
}

label.ui-checkboxradio-label .ui-checkboxradio-icon {
    display: none;
}

label.ui-checkboxradio-label .ui-checkboxradio-icon-space {
    width: 46px;
}

/*#endregion Toggle buttons */

/*#endregion jQuery UI */

/*#region Buttons */

.Button-New,
.Button-Save,
.Button-Cancel,
.Button-Create,
.Button-Delete,
.Button-Step {
    margin-top: 0px;
    margin-right: 10px;
    height: 38px;
    width: auto;
    min-width: 80px;
    float: right;
}

.Button-New .Text-New {
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 38px;
    font-family: inherit;
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    background-color: rgba(52, 137, 175, 1.0);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
}

.Button-Save .Text-Save {
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 38px;
    font-family: inherit;
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    background-color: rgba(52, 137, 175, 1.0);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
}

.Button-Cancel .Text-Cancel {
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 38px;
    font-family: inherit;
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    background-color: rgba(52, 137, 175, 1.0);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
}

.Button-Create .Text-Create {
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 38px;
    font-family: inherit;
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    background-color: rgba(52, 137, 175, 1.0);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
}

.Button-Delete .Text-Delete {
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 38px;
    font-family: inherit;
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    background-color: rgba(52, 137, 175, 1.0);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
}

.Button-Step .Text-Step {
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 38px;
    font-family: inherit;
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    background-color: rgba(52, 137, 175, 1.0);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
}

.Button-New .Text-New:hover {
    background-color: rgba(52, 137, 175, 0.8);
}

.Button-Save .Text-Save:hover {
    background-color: rgba(52, 137, 175, 0.8);
}

.Button-Cancel .Text-Cancel:hover {
    background-color: rgba(52, 137, 175, 0.8);
}

.Button-Create .Text-Create:hover {
    background-color: rgba(52, 137, 175, 0.8);
}

.Button-Delete .Text-Delete:hover {
    background-color: rgba(52, 137, 175, 0.8);
}

.Button-Step .Text-Step:hover {
    background-color: rgba(52, 137, 175, 0.8);
}

.Button-Save,
.Button-Cancel {
    float: left;
}

.Button-Save .Text-Save-Error {
    border: 1px solid red;
    background: none !important;
    background-color: #666 !important;
    filter: unset !important;
}

.Button-Save .Text-Save-Error a {
    color: #000 !important;
}

.Text-Save-Error {
    border: 1px solid red;
    background-color: #666 !important;
    filter: unset !important;
    background-image: none !important;
}

    .Text-Save-Error a {
        color: #999 !important;
    }

    .Text-Save-Error a:visited {
        color: #999 !important;
    }

    .Text-Save-Error a:link {
        color: #999 !important;
    }

    .Text-Save-Error:hover {
        border: 1px solid red;
        background-color: #666 !important;
        filter: unset !important;
        background-image: none !important;
    }

.Button-Refresh {
    height: 38px;
    margin: 0px 10px 0px 0px;
    box-sizing: border-box;
    background-image: url(images/Refresh.svg);
    filter: none;
}

.Button-AllocateToSelf {
    height: 38px;
    margin: 0px 10px 0px 0px;
    box-sizing: border-box;
    background-image: url(images/Refresh.svg);
    filter: none;
}

.Button-AllocateToSelf {
    background-image: url(images/AllocateToSelf.svg);
}

.Text-Disabled {
    background: none !important;
    background-color: #fafafa !important;
    filter: unset !important;
}

.Text-Disabled:hover {
    background: none !important;
    background-color: #fafafa !important;
    filter: unset !important;
}

    .Text-Disabled a {
        color: #000 !important;
    }

    .Text-Disabled a:visited {
        color: #000 !important;
    }

    .Text-Disabled a:link {
        color: #000 !important;
    }

/*#endregion Buttons */

/*#region Waiting/Progress UI */

#RB_waiting {
    position: absolute;
    background-image: url(images/RulebookLoader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: 0px 0px 0px 0px;
    width: auto;
    height: auto;
    background-color: rgba(255, 255, 255, 0.4)
}

.waiting_blockG {
    display: none;
}

#RB_progressContainer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 200;
}

#RB_progress {
    display: inline-block;
    position: absolute;
    width: 64px;
    height: 64px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#RB_progress div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #fff;
    border-radius: 50%;
    animation: RB_progress 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

#RB_progress div:nth-child(1) {
    animation-delay: -0.45s;
}

#RB_progress div:nth-child(2) {
    animation-delay: -0.3s;
}

#RB_progress div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes RB_progress {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*#endregion Waiting/Progress UI */

/*#region Login screen */

#logintitle {
    font-family: 'Roboto', sans-serif;
    color: rgb(0, 0, 0);
    font-size: 1.5em;
    font-weight: 500;
}

.logininner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -212.5px;
    margin-top: -190px;
    height: 360px;
    width: 425px;
    box-sizing: border-box;
}

#loginbox {
    width: 475px;
    min-height: 308px;
    padding: 36px;
    margin: 0;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    background-color: #fafafa;
}

.validation-summary-errors {
    padding: 14px 14px 14px 14px;
    font-size: 1em;
    font-weight: 500;
}

#loginbox .validation-summary-errors {
    font-size: 0.9em;
}

#loginbox .field-validation-error {
    margin-bottom: 10px;
    color: #f77;
    font-family: inherit;
    font-size: 0.85em;
}

.loginlabel {
    display: flex;
    width: 140px;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    flex-direction: column;
    float: left;
    color: rgb(0, 0, 0);
    font-size: 1em;
    font-weight: 500;
}

.logininput {
    display: table;
    height: 38px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    box-sizing: content-box;
    float: left;
    font-family: inherit;
}

.loginentry {
    box-sizing: border-box;
    float: left;
}

    .loginentry input {
        width: 260px;
        height: 34px;
        margin: 0px 0px 0px 0px;
        padding: 4px 14px 4px 14px;
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        color: rgb(0, 0, 0) !important;
        background-color: #f0f0f0 !important;
        font-size: 1em;
        font-weight: 500;
    }

        .loginentry input:focus {
            border-color: rgba(52, 137, 175, 1.0);
        }

#loginbutton {
    height: 38px;
    margin-left: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    color: #fff;
    background-color: rgba(52, 137, 175, 1.0);
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
}

    #loginbutton:hover {
        opacity: 0.9;
    }

.forgottenpassword {
    height: 48px;
    line-height: 34px;
    margin: 0;
}

.redirectmainpage {
    height: 48px;
    line-height: 34px;
    margin: 0;
}

#loginbox br {
    display: none;
}

#loginbox .ui-selectmenu-button[aria-expanded=false] {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0;
}

#loginbox .ui-selectmenu-button[aria-expanded=true] {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0;
}

#loginbox .ui-selectmenu-button .ui-icon-triangle-1-s {
    background-image: url(images/ArrowDown.svg);
    filter: none;
}

#loginbox #RB_divLanguageLabel:before {
    content: "Region";
    width: 140px;
    height: 38px;
    float: left;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-weight: 500;
}

.changepassword #loginbox {
    width: 330px;
}

.changepassword .logininput {
    display: block;
    height: auto;
    float: none;
    margin: 0 0 15px 0;
}

.changepassword .loginlabel {
    margin-bottom: 4px;
    float: none;
}

.changepassword .loginentry {
    float: none;
}

.changepassword #loginbutton {
    margin: 10px 0 0 0;
}

/*#endregion Login screen */

/*#region Search */

#searchload {
    background-image: none;
    background-repeat: no-repeat;
}

/*#region Advanced Search */

#search.advanced #searchbar {
    width: 600px;
}

.RB_searchDisplay {
    width: 460px;
}

.RB_searchDataTypeSelector {
    border-radius: 4px 0 0 4px;
    background-color: rgba(52, 137, 175, 1.0);
}

    .RB_searchDataTypeSelector .RB_selectContainer .ui.selection.dropdown {
        width: 94px;
        color: #fff;
        background-repeat: no-repeat;
        background-position: right 6px center;
        background-size: 16px 16px;
        background-image: url(images/Highlight-ArrowDown.svg);
        filter: none;
    }

    .RB_searchDataTypeSelector .RB_selectContainer .ui.selection.dropdown i::before {
        content: ' ';
    }

.RB_searchCriteriaDisplayItem .fieldLabel {
    background-color: rgba(52, 137, 175, 0.5);
}

.RB_searchCriteriaDisplayItem .searchStringLabel {
    background-color: #f0f0f0;
}

.RB_searchCriteriaDisplayItem .closeIcon {
    background-image: url(Images/Close.svg);
}

.RB_searchAdvanced {
    border-left-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
    border-bottom-left-radius: 4px;
    background-color: #fdfdfd;
}

.RB_searchAdvancedExpandButton {
    background-image: url(images/ArrowDown.svg);
}

.RB_searchAdvancedExpandButton.expanded {
    background-image: url(Images/ArrowUp.svg);
}

.RB_searchOperator .toggleSwitchContainer.enabled.off .toggleSwitch:before {
    background: #399;
}

.RB_searchAdvanced rb-select .RB_selectContainer .ui.selection.dropdown {
    background-color: #f0f0f0;
}

.RB_searchAdvanced rb-select .RB_selectContainer .ui.selection.dropdown .menu {
    background-color: #f0f0f0;
}

.RB_searchCriteria select {
    padding: 4px 28px 4px 8px;
    background-color: #f0f0f0;
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-size: 16px 16px;
    background-image: url(images/ArrowDown.svg);
    filter: none;
}

.RB_searchCriteria input {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.RB_searchAdvancedControlsArea button.clearButton {
    color: #fff;
    background-color: #d03060;
}

/*#endregion Advanced Search */

/*#endregion Search */

/*#region Region Settings */

.settingsCaption {
    color: rgb(0, 0, 0);
}

#RB_selCountry {
    max-width: 260px;
    padding: 10px 14px;
}

.settingsLanguage {
    margin-bottom: 30px;
}

.settingsLanguage .ui-selectmenu-button span.ui-selectmenu-text {
    padding-left: 0;
}

#RB_selLanguage {
    display: none;
}

#RB_selLanguage-menu {
    border: none;
    border-radius: 0;
    background-color: #f0f0f0;
    background-image: none;
    color: rgb(0, 0, 0);
}

#RB_selLanguage-menu .ui-menu-item .ui-state-active {
    margin: auto 0;
    background-size: cover;
}

.ui-selectmenu-menu #RB_selLanguage-menu .ui-menu-item {
    padding-left: 30px;
}

.ui-selectmenu-menu #RB_selLanguage-menu .ui-menu-item.ui-state-focus {
    background: none;
    background-color: rgba(52, 137, 175, 1.0);
}

/*#endregion Region Settings */

/*#region Widgets */

.RB_WidgetsResetButton {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 3px;
    padding: 2px 5px;
    font-size: 0.95em;
    color: rgba(52, 137, 175, 1.0);
}

/*#region MessageItem content */

.MessageItem {
    padding: 0 5px;
    border-radius: 2px;
    color: rgb(0, 0, 0);
}

.MessageItemHover {
    background-color: #fafafa;
}

.MessageAddresseeText {
    margin-left: 5px;
    color: rgba(52, 137, 175, 1.0);
    font-weight: 500;
    font-size: 0.9em;
}

.MessageAddresseeTextSelected {
    margin-left: 5px;
    color: rgba(52, 137, 175, 1.0);
    font-weight: 500;
    font-size: 0.9em;
}

.MessageAddresseeText.Unread {
    font-weight: 500;
}

.MessageAddresseeTextSelected {
    color: rgb(0, 0, 0);
}

.MessageSubject {
    color: rgb(0, 0, 0);
    font-weight: 400;
    font-size: 0.8em;
}

.MessageSubjectSelected {
    color: rgb(0, 0, 0);
    font-weight: 400;
    font-size: 0.8em;
}

.MessageBody {
    font-size: 0.9em;
}

.MessageLinks a {
    margin: 0 4px;
}

.MessageDelimiter {
    border-color: #f3f3f3;
}

.MessageItemSelected .MessageDelimiter {
    border-color: rgba(52, 137, 175, 1.0);
}

.MessageIcon {
    background-image: url(images/MailOpen.svg);
    filter: none;
}

.AlertUnreadIcon,
.AlertUnreadSelectedIcon {
    background-image: url(images/Mail.svg);
}

.MessageActionLoader {
    background-image: url(images/RulebookLoaderSmall.gif);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}

.MessageQuoteIcon {
    width: 20px;
    height: 20px;
    margin: 2px;
    background-position: center;
    background-size: cover;
    filter: none;
}

.MessageDeleteIcon {
    width: 20px;
    height: 20px;
    margin: 2px;
    background-position: center;
    background-size: cover;
    filter: none;
}

.MessageAllocationIcon {
    width: 20px;
    height: 20px;
    margin: 2px;
    background-position: center;
    background-size: cover;
    filter: none;
}

.MessageQuoteIcon {
    background-image: url(images/Form.svg);
}

.MessageDeleteIcon {
    background-image: url(images/Delete.svg);
}

.MessageAllocationIcon {
    background-image: url(images/Group.svg);
}

/*#endregion MessageItem content */

.TaskIcon {
    background-image: url(images/Highlight-Task.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.TaskItem .TaskIcon {
    margin-right: 6px;
}

/*#region Calendar */

.RB_CalendarWidgetCal {
    margin-left: 10px;
    margin-right: 10px;
}

.RB_CalendarWidgetCal button {
    min-width: 20px;
    height: 28px;
    padding: 0 6px;
    border: none;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    background-color: rgba(52, 137, 175, 1.0);
    background-image: none;
    font-family: inherit;
    font-size: 1em;
}

.RB_CalendarWidgetCal .fc-left button {
    margin-right: 5px;
}

    .RB_CalendarWidgetCal .fc-left button .ui-icon-circle-triangle-w {
        background-image: url(images/ArrowLeft.svg);
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
    }

    .RB_CalendarWidgetCal .fc-left button .ui-icon-circle-triangle-e {
        background-image: url(images/ArrowRight.svg);
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
    }

.RB_CalendarWidgetCal .fc-right button {
    margin-left: 5px;
}

.RB_CalendarWidgetCal h2 {
    margin-top: 20px;
    padding: 0px 0px 0px 0px;
    font-size: 1.2em !important;
}

.RB_CalendarWidgetCal .fc-day-header {
    background: none;
    border: none;
    line-height: 30px;
    text-transform: uppercase;
}

.RB_CalendarWidgetCal .fc-basic-view .fc-body .fc-row {
    min-height: 2.4em;
}

.RB_CalendarWidgetCal .ui-widget-content {
    border-color: #eee;
    background: none;
    color: rgb(0, 0, 0);
}

.RB_CalendarWidgetCal .ui-widget-header {
    border: none;
    border-radius: 4px 4px 0px 0px;
    background: none;
    background-color: #f0f0f0;
    color: #75776F;
    font-weight: 400;
}

.RB_CalendarWidgetCal .fc-day {
    border-color: #eee;
    background: none;
    background-color: #fdfdfd;
}

.RB_CalendarWidgetCal .fc-day .fc-other-month {
    color: #75776F;
}

.RB_CalendarWidgetCal .ui-widget-content .ui-state-highlight {
    border-color: rgba(52, 137, 175, 1.0);
    background-color: rgba(52, 137, 175, 1.0);
    color: rgb(0, 0, 0);
}

/*#endregion Calendar */

/*#endregion Widgets */

/*#region Action Panel */

/*#region Virtual File */

.OrgNoteIcon {
    background-image: url(Images/Note.svg);
    filter: none;
}

    .OrgNoteIcon.Selected {
        background-image: url(Images/Note.svg) !important;
        background-repeat: no-repeat;
    }

.OrgEmailIcon {
    background-image: url(Images/Mail.svg);
    filter: none;
}

    .OrgEmailIcon.Selected {
        background-image: url(Images/Mail.svg) !important;
        background-repeat: no-repeat;
    }

.OrgTaskIcon {
    vertical-align: middle;
    background-image: url(Images/TaskSelected.svg);
    filter: none;
}

    .OrgTaskIcon.Selected {
        background-image: url(Images/TaskSelected.svg) !important;
    }

.OrgFileIcon {
    background-image: url(Images/AddFile.svg) !important;
    filter: none;
}

    .OrgFileIcon.Selected {
        background-image: url(Images/AddFile.svg) !important;
    }

.OrgTeam {
    background-image: url(Images/Group.svg) !important;
    filter: none;
}

    .OrgTeam.Selected {
        background-image: url(Images/Group.svg) !important;
    }

.OrgPublic {
    background-image: url(Images/Group.svg) !important;
    filter: none;
}

    .OrgPublic.Selected {
        background-image: url(Images/Group.svg) !important;
    }

.OrgClosed {
    background-image: url(Images/TaskClosed.svg);
    filter: none;
}

    .OrgClosed.Selected {
        background-image: url(Images/TaskClosed.svg) !important;
    }

.OrgLoader {
    background-image: url(Images/RulebookLoaderSmall.gif);
}

.OrgFilter .FilterIcon,
.OrgLink div {
    background-repeat: no-repeat;
    background-position: center;
}

.FilterIcon {
    background: url(Images/Filter.svg);
    filter: none;
}

.AddNoteIcon {
    background: url(Images/AddNote.svg);
    filter: none;
}

.AddEmailIcon {
    background: url(Images/AddEmail.svg);
    filter: none;
}

.AddFileIcon {
    background: url(Images/AddFile.svg);
    filter: none;
}

.ViewFileIcon {
    background: url(Images/Document.svg);
    filter: none;
}

.MakePublicAccessIcon {
    background: url(Images/Group.svg);
    filter: none;
}

.MakeTeamAccessIcon {
    background: url(Images/Person.svg);
    filter: none;
}

.AddTaskIcon {
    background: url(Images/AddTask.svg);
    filter: none;
}

.EditTaskIcon {
    background: url(Images/Edit.svg);
    filter: none;
}

.CloseTaskIcon {
    background: url(Images/TaskClosed.svg);
    filter: none;
}

.DeleteFileIcon {
    background: url(Images/Delete.svg);
    filter: none;
}

.OpenEmailIcon {
    background: url(Images/Edit.svg);
    filter: none;
}

.AddDayTaskIcon {
    background: url(Images/AddDateTask.svg);
    filter: none;
}

.AddSevenDaysTaskIcon {
    background: url(Images/AddDateTask.svg);
    filter: none;
}

.AddMonthTaskIcon {
    background: url(Images/AddDateTask.svg);
    filter: none;
}

.RB_emailDialog .RB_fileUploadDropZone.hidden {
    display: none;
}

/*#endregion Virtual File */

/*#endregion Action Panel */

/*#region Form Content */

.standarddropdown {
    width: 240px;
}

.standardinput {
    width: 240px;
}

.standardtextarea {
    width: 240px;
    height: 70px !important;
}

.RB_TooltipHelpIcon {
    background-image: url(Images/Help.svg);
}

.RB_EditButton {
    background-image: url(Images/Edit.svg);
}

/*#region Repeats */

.RB_AddRemove_AddButton,
.RB_AddRemove_DeleteButton {
    margin-top: 8px;
    outline: none;
    background: none;
}

.RB_AddRemove_AddButton .RB_AddButton {
    background-image: url(images/Add.svg);
}

.RB_AddRemove_DeleteButton .RB_DeleteButton {
    background-image: url(images/Close.svg);
}

.RB_AddRemove_AddButton .RB_AddButton {
    filter: none;
}

.RB_AddRemove_DeleteButton .RB_DeleteButton {
    filter: none;
}

/*#region Repeat copy/paste */

.RB_RepeatButtonArea.RB_RepeatButtonSelected {
    background: rgba(52, 137, 175, 1.0);
}

.RB_RepeatPasteReplaceButton {
    background-image: url(images/Paste.svg);
    filter: none;
}

.RB_RepeatPasteAppendButton {
    background-image: url(images/PasteAppend.svg);
    filter: none;
}

.RB_RepeatCopyButton {
    background-image: url(images/Copy.svg);
    filter: none;
}

.RB_RepeatClearButton {
    background-image: url(images/Clean.svg);
    filter: none;
}

/*#endregion Repeat copy/paste */

/*#endregion Repeats */

/*#region Regions */

.qRegion .ui-accordion-header {
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.qRegion .ui-accordion-header a {
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.qRegion.ui-accordion .ui-accordion-header {
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.qRegion.ui-accordion .ui-accordion-header a {
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.qRegion-Accent-1.ui-accordion .ui-accordion-header {
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.qRegion-Accent-1.ui-accordion .ui-accordion-header a {
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.qRegion .ui-accordion-header.ui-state-hover {
    color: rgb(0, 0, 0);
}

.qRegion .ui-accordion-header.ui-state-hover a {
    color: rgb(0, 0, 0);
}

.qRegion .ui-accordion-header.ui-state-hover a:link {
    color: rgb(0, 0, 0);
}

.qRegion .ui-accordion-header.ui-state-hover a:visited {
    color: rgb(0, 0, 0);
}

.qRegion .ui-accordion-header.ui-state-focus {
    color: rgb(0, 0, 0);
}

.qRegion .ui-accordion-header.ui-state-focus a {
    color: rgb(0, 0, 0);
}

.qRegion .ui-accordion-header.ui-state-focus a:link {
    color: rgb(0, 0, 0);
}

.qRegion .ui-accordion-header.ui-state-focus a:visited {
    color: rgb(0, 0, 0);
}

.qRegion .ui-accordion-header a:focus,
.qRegion.ui-accordion .ui-accordion-header a:focus,
.qRegion-Accent-1.ui-accordion .ui-accordion-header a:focus {
    outline: none;
}

.qRegion .ui-accordion-header {
    border-top-color: #eee;
    outline: none;
}

.qRegion.ui-accordion .ui-accordion-header {
    border-top-color: #eee;
    outline: none;
}

.qRegion .ui-accordion-header {
    padding-left: 0;
    border: none;
    border-top: 1px solid #eee;
    border-radius: 0;
    outline: none;
    background: none;
    font-family: 'Roboto', sans-serif;
    font-size: 1.333em !important;
    font-weight: 500;
}

.qRegion-Accent-1.ui-accordion .ui-accordion-header {
    padding-left: 0;
    border: none;
    border-top: 1px solid #eee;
    border-radius: 0;
    outline: none;
    background: none;
    font-family: 'Roboto', sans-serif;
    font-size: 1.333em !important;
    font-weight: 500;
}

.qRegion .ui-accordion-header a,
.qRegion-Accent-1.ui-accordion .ui-accordion-header a {
    line-height: 54px;
}

.qRegion .ui-accordion-header .ui-accordion-header-icon.ui-icon-triangle-1-s {
    background-image: url(images/ArrowUp.svg);
    filter: none;
}

.qRegion.ui-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon-triangle-1-s {
    background-image: url(images/ArrowUp.svg);
    filter: none;
}

.qRegion .ui-accordion-header .ui-accordion-header-icon.ui-icon-triangle-1-e {
    background-image: url(images/ArrowDown.svg);
    filter: none;
}

.qRegion.ui-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon-triangle-1-e {
    background-image: url(images/ArrowDown.svg);
    filter: none;
}

.qRegion .ui-accordion-header .ui-accordion-header-icon,
.qRegion-Accent-1.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    width: 19px;
    height: 19px;
    left: auto;
    right: 10px;
    background-position: center center;
}

.qRegion-Accent-1.ui-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon-triangle-1-s {
    background-image: url(images/ArrowUp.svg);
    filter: none;
}

.qRegion-Accent-1.ui-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon-triangle-1-e {
    background-image: url(images/ArrowDown.svg);
    filter: none;
}

.ui-accordion .ui-accordion-content {
    padding-bottom: 16px;
    border-bottom-color: #eee !important;
    background: none;
    background-color: transparent;
    overflow: visible;
}

.ui-accordion .ui-accordion-content.ui-widget-content {
    border-left: none;
    border-right: none;
}

.qRegion.ui-accordion .ui-accordion-content {
    padding: 12px 0;
    border: none;
    border-bottom: 1px solid #eee;
    border-radius: 0px 0px 0px 0px;
    margin-bottom: 32px;
}

.qRegion-Accent-1.ui-accordion .ui-accordion-content {
    padding: 12px 0;
    border: none;
    border-bottom: 1px solid #eee;
    border-radius: 0px 0px 0px 0px;
    margin-bottom: 32px;
}

/*#endregion Regions */

/*#region Grids */

.qDefault td {
    height: 48px;
    line-height: 34px;
    padding: 0;
    vertical-align: top;
    font-size: 1em;
    font-weight: 600;
}

.qDefault td {
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.qGrid td {
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.qGrid-Accent-5 td {
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.gridtable td {
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.qDefault td span,
.qGrid td span {
    display: inline-block;
}

.qDefault td input {
    box-sizing: border-box;
    height: 34px !important;
    border-radius: 4px;
    margin: 0px 0px 0px 0px;
    padding: 4px 14px 4px 14px;
}

.qDefault td select {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.qDefault td input {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.qDefault td textarea {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.qGrid td select {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.qGrid td input {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.qGrid td textarea {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.qGrid-Accent-5 td select {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.qGrid-Accent-5 td input {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.qGrid-Accent-5 td textarea {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.gridtable td select {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.gridtable td input {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.gridtable td textarea {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.qDefault td select:focus {
    border: none;
}

.qDefault td input:focus {
    border: none;
}

.qDefault td textarea:focus {
    border: none;
}

.qGrid td select:focus {
    border: none;
}

.qGrid td input:focus {
    border: none;
}

.qGrid td textarea:focus {
    border: none;
}

.qGrid-Accent-5 td select:focus {
    border: none;
}

.qGrid-Accent-5 td input:focus {
    border: none;
}

.qGrid-Accent-5 td textarea:focus {
    border: none;
}

.gridtable td input:focus {
    border: none;
}

.gridtable td textarea:focus {
    border: none;
}

.gridtable td select:focus {
    border: none;
}

.qDefault td select[disabled] {
    color: #000;
    background-color: #aaa !important;
}

.qDefault td select[readonly] {
    color: #000;
    background-color: #aaa !important;
}

.qDefault td input[disabled] {
    color: #000;
    background-color: #aaa !important;
}

.qDefault td input[readonly] {
    color: #000;
    background-color: #aaa !important;
}

.qDefault td textarea[disabled] {
    color: #000;
    background-color: #aaa !important;
}

.qDefault td textarea[readonly] {
    color: #000;
    background-color: #aaa !important;
}

.qGrid td select[disabled] {
    color: #000;
    background-color: #aaa !important;
}

.qGrid td select[readonly] {
    color: #000;
    background-color: #aaa !important;
}

.qGrid td input[disabled] {
    color: #000;
    background-color: #aaa !important;
}

.qGrid td input[readonly] {
    color: #000;
    background-color: #aaa !important;
}

.qGrid td textarea[disabled] {
    color: #000;
    background-color: #aaa !important;
}

.qGrid td textarea[readonly] {
    color: #000;
    background-color: #aaa !important;
}

.qGrid-Accent-5 td select[disabled] {
    color: #000;
    background-color: #aaa !important;
}

.qGrid-Accent-5 td select[readonly] {
    color: #000;
    background-color: #aaa !important;
}

.qGrid-Accent-5 td input[disabled] {
    color: #000;
    background-color: #aaa !important;
}

.qGrid-Accent-5 td input[readonly] {
    color: #000;
    background-color: #aaa !important;
}

.qGrid-Accent-5 td textarea[disabled] {
    color: #000;
    background-color: #aaa !important;
}

.qGrid-Accent-5 td textarea[readonly] {
    color: #000;
    background-color: #aaa !important;
}

.gridtable td select[disabled] {
    color: #000;
    background-color: #aaa !important;
}

.gridtable td select[readonly] {
    color: #000;
    background-color: #aaa !important;
}

.gridtable td input[disabled] {
    color: #000;
    background-color: #aaa !important;
}

.gridtable td input[readonly] {
    color: #000;
    background-color: #aaa !important;
}

.gridtable td textarea[disabled]
.gridtable td textarea[readonly] {
    color: #000;
    background-color: #aaa !important;
}

.qDefault td select,
.qGrid td select,
.qGrid-Accent-5 td select,
.gridtable td select {
    background-image: url(images/ArrowDown.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: auto;
}

.qDefault td select[disabled],
.qGrid td select[disabled],
.qGrid-Accent-5 td select[disabled],
.gridtable td select[disabled] {
    background-image: url(images/ArrowDown.svg);
}

/*#endregion Grids */

/*#endregion Form Content */

/*#endregion Shared */


/*#region Common */

body {
    background-color: #fff !important;
    color: rgb(0, 0, 0);
    scrollbar-color: rgba(80, 80, 80, 0.33) rgba(80, 80, 80, 0.07);
    scrollbar-width: thin;
}

#RB_Body {
    position: relative;
    height: 100vh;
    top: auto;
    bottom: auto;
    overflow: hidden;
    background-color: #fff;
    background-image: none;
}

/*#endregion Common */

/*#region Custom controls */

/*#region Multi-select */

fui-multi-select.ui.multiple.search.dropdown {
    background-color: #f0f0f0;   
}

fui-multi-select.ui.selection.active.dropdown {
    border-color: transparent;
}

fui-multi-select.ui.multiple.search.dropdown > .text {
    color: #78736f;
}

fui-multi-select.ui.selection.dropdown > .dropdown.icon {
    background-image: url(images/ArrowDown.svg);
}

fui-multi-select.ui.dropdown .menu > .message:not(.ui) {
    color: #75776F;
}

fui-multi-select.ui.multiple.dropdown > .label {
    color: rgb(0, 0, 0);
    background-color: #fafafa;
}

fui-multi-select .ui.label > .delete.icon {
    background-image: url(images/Close.svg);
} 

fui-multi-select.ui.selection.active.dropdown .menu {
    border-color: transparent;
}

fui-multi-select.ui.dropdown .menu {
    background-color: #f0f0f0;
}

fui-multi-select.ui.selection.dropdown .menu > .item {
    border-color: transparent;
    color: rgb(0, 0, 0);
}

fui-multi-select.ui.dropdown .menu .selected.item {
    background-color: rgba(52, 137, 175, 1.0);
}

/*#endregion Multi-select */

/*#region Date-range slider */

.RB_DateRangeSliderContainer .ng5-slider .ng5-slider-bar {
    background: #f0f0f0;
}

.RB_DateRangeSliderContainer .ng5-slider .ng5-slider-selection {
    background: rgba(52, 137, 175, 1.0);
}

.RB_DateRangeSliderContainer .ng5-slider .ng5-slider-pointer {
    background-color: rgb(0, 0, 0);
} 

.RB_DateRangeSliderContainer .ng5-slider .ng5-slider-pointer:after {
    background-color: rgb(0, 0, 0);
} 

.RB_DateRangeSliderContainer .ng5-slider .ng5-slider-pointer:hover:after {
    background-color: rgb(0, 0, 0);
} 

.RB_DateRangeSliderContainer .ng5-slider .ng5-slider-pointer.ng5-slider-active:after {
    background-color: rgb(0, 0, 0);
}

.RB_DateRangeSliderContainer .ng5-slider .ng5-slider-active {
    border-color: transparent;
}

.RB_DateRangeSliderContainer .ng5-slider .ng5-slider-bubble {
    color: rgb(0, 0, 0);
}

.RB_DateRangeSliderContainer .ng5-slider .ng5-slider-bubble.ng5-slider-limit {
    color: #75776F;    
}

/*#endregion Date-range slider */

/*#region Toggle switch */

.toggleSwitchContainer .onLabel {
    color: #000;
}

.toggleSwitchContainer .offLabel {
    color: #000;
}

.toggleSwitchContainer.enabled.on .onLabel {
    color: rgb(0, 0, 0);
}

.toggleSwitchContainer.enabled.off .offLabel {
    color: rgb(0, 0, 0);
}

.toggleSwitchContainer.enabled.on .toggleSwitch:before {
    background: rgba(52, 137, 175, 1.0);
}

/*#endregion Toggle switch */

/*#region Custom select dropdown */

.RB_selectContainer .ui.selection.dropdown {
    color: rgb(0, 0, 0);
    background-color: #f0f0f0;
}

.RB_selectContainer .ui.selection.visible.dropdown > .text:not(.default) {
    color: rgb(0, 0, 0);
}

.RB_selectContainer .ui.selection.dropdown .menu {
    background-color: #f0f0f0;
}

.RB_selectContainer .ui.selection.dropdown .menu > .item {
    color: rgb(0, 0, 0);
}

/*#endregion Custom select dropdown */

/*#region Enhanced dropdown */

.qGrid td .select2-container:focus,
.qGrid .select2-container--default .selection:focus,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-selection__rendered:focus {
    outline: none;
}

.select2-dropdown {
    background-color: #f0f0f0;
}

.select2-container--open {
    background-color: #f0f0f0;
}

.select2-container--open .select2-dropdown {
    padding: 0 12px;
    border-color: #f0f0f0;
}

.select2-container--default .select2-selection--single {
    height: 34px;
    margin: 0px 0px 0px 0px;
    padding: 4px 14px 4px 14px;
    border-radius: 0;
    border-color: #f0f0f0;
    background-color: #f0f0f0;
    background-image: url(images/ArrowDown.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: auto;
    font-weight: 400;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    margin: 5px 0 10px 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    margin: 0;
    padding: 0;
    line-height: 26px;    
    color: rgb(0, 0, 0);
}

.select2-container--default .select2-results__option[aria-selected] {
    color: #75776F;
    background-color: #fdfdfd;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    color: #75776F;
    background-color: #fdfdfd;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    color: rgb(0, 0, 0);
}

.select2-container--default .select2-results__option--highlighted[aria-selected=true] {
    color: rgb(0, 0, 0);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #fff;
    background-color: rgba(52, 137, 175, 1.0);
}

.select2-container--default .select2-results__option--highlighted[aria-selected=true] {
    color: #fff;
    background-color: rgba(52, 137, 175, 1.0);
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    border-color: #aaa;
    background-color: #aaa;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #000;
}

td.error .select2-container--default {
    border: 1px solid red;
}

td.updating > input:first-child {
    border: 1px solid #ff9000;
}

td.updating > select:first-child {
    border: 1px solid #ff9000;
}

td.updating > textarea:first-child {
    border: 1px solid #ff9000;
}

td.updating .select2-container--default {
    border: 1px solid #ff9000;
}

td.error:first-child span.select2-container--default,
td.error:first-child span.select2-container--default span.selection,
td.error:first-child span.select2-container--default span.select2-selection.select2-selection--single,
td.error:first-child span.select2-container--default span.select2-selection__rendered,
td.error:first-child span.select2-container--default span.dropdown-wrapper,
td.updating:first-child span.select2-container--default,
td.updating:first-child span.select2-container--default span.selection,
td.updating:first-child span.select2-container--default span.select2-selection.select2-selection--single,
td.updating:first-child span.select2-container--default span.select2-selection__rendered,
td.updating:first-child span.select2-container--default span.dropdown-wrapper {
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

td.error:first-child span.select2-container--default span.select2-selection__rendered,
td.updating:first-child span.select2-container--default span.select2-selection__rendered {
    border: none !important;
}

td.error:first-child span.select2-container--default span.selection,
td.error:first-child span.select2-container--default span.select2-selection__arrow,
td.error:first-child span.select2-container--default span.dropdown-wrapper,
td.updating:first-child span.select2-container--default span.selection,
td.updating:first-child span.select2-container--default span.select2-selection__arrow,
td.updating:first-child span.select2-container--default span.dropdown-wrapper {
    padding: 1px 0;
    border: none !important;
}

td.error:first-child span.select2-container--default span.select2-selection.select2-selection--single {
    padding: 4px 14px;
    border-color: #f0f0f0 !important;
}

td.updating:first-child span.select2-container--default span.select2-selection.select2-selection--single {
    padding: 4px 14px;
    border-color: #f0f0f0 !important;
}
 
/*#endregion Enhanced dropdown */

/*#region Slider */

.ui-slider {
    height: 4px;
    font-size: 0;
    border-radius: 4px;
}

.ui-slider .ui-slider-handle {
    width: 16px;
    height: 16px;
    top: -6px;
    border-radius: 16px;
    background-image: none;
    background-color: rgba(52, 137, 175, 1.0);
}

.RB_Slider span.disabled {
    color: #000;
}

/*#endregion Slider */

/*#region Progress bar */

.RB_progressBar:before {
    background-color: #f0f0f0;
}

.RB_progressBar span {
    background-color: rgba(52, 137, 175, 1.0);
}

/*#endregion Progress bar */

/*#region Toggle button */

label.ui-checkboxradio-label:before {
    width: 40px;
    height: 20px;
    top: 2px;
    border-radius: 20px;
    background: #f0f0f0;
}

label.ui-checkboxradio-label:after {
    width: 16px;
    height: 16px;
    top: 4px;
    left: 2px;
    border-radius: 16px;
    background: none;
    background-color: white;
}

/*#endregion Toggle button */

/*#region Radio button */

/*updated by Alex Watts 18/12/23 - added two more specific selectors and removed !important from display: flex*/
.RB_radioButtonContainer,
.RB_yesNoContainer ,
.qGrid td span.RB_radioButtonContainer,
.qGrid td span.RB_yesNoContainer{
    display: flex;
    border: 1px solid transparent;
}

.error .RB_radioButtonContainer {
    border-color: red;
}

.error .RB_yesNoContainer {
    border-color: red;
}

.RB_radioButtonContainer input[type=radio],
.RB_yesNoContainer input[type=radio] {
    display: none !important;
}

.RB_radioButtonContainer .RB_radioButtonCaption {
    min-height: 34px;
    padding-right: 16px;
    padding-left: 16px;
    border: 1px solid #f0f0f0;
    border-right: none;
    background: transparent;
    border-radius: 0;
    font-weight: 400;
    cursor: pointer;
    transition: background 0.3s ease;
}

.RB_yesNoContainer .RB_radioButtonCaption {
    min-height: 34px;
    padding-right: 16px;
    padding-left: 16px;
    border: 1px solid #f0f0f0;
    border-right: none;
    background: transparent;
    border-radius: 0;
    font-weight: 400;
    cursor: pointer;
    transition: background 0.3s ease;
}

.RB_radioButtonContainer .RB_radioButtonCaption:nth-of-type(1),
.RB_yesNoContainer .RB_radioButtonCaption:nth-of-type(1) {
    border-radius: 2px 0 0 2px;
}

.RB_radioButtonContainer .RB_radioButtonCaption:last-child {
    border-radius: 0 2px 2px 0;
    border-right: 1px solid #f0f0f0;
}

.RB_yesNoContainer .RB_radioButtonCaption:last-child {
    border-radius: 0 2px 2px 0;
    border-right: 1px solid #f0f0f0;
}

.RB_radioButtonContainer .RB_radioButtonCaption.isChecked {
    border-color: rgba(52, 137, 175, 1.0);
    background-color: rgba(52, 137, 175, 1.0);
    color: #fff;
    font-weight: 500;
}

.RB_yesNoContainer .RB_radioButtonCaption.isChecked {
    border-color: rgba(52, 137, 175, 1.0);
    background-color: rgba(52, 137, 175, 1.0);
    color: #fff;
    font-weight: 500;
}

.RB_radioButtonContainer.disabled .RB_radioButtonCaption {
    border-color: #aaa;
    color: #000;    
    cursor: auto;
}

.RB_yesNoContainer.disabled .RB_radioButtonCaption {
    border-color: #aaa;
    color: #000;    
    cursor: auto;
}

.RB_radioButtonContainer.disabled .RB_radioButtonCaption:last-child {
    border-right: 1px solid #aaa;
}

.RB_yesNoContainer.disabled .RB_radioButtonCaption:last-child {
    border-right: 1px solid #aaa;
}

.RB_radioButtonContainer.disabled .RB_radioButtonCaption.isChecked {
    border-color: #aaa;
    background-color: #aaa;
    color: #000;    
}

.RB_yesNoContainer.disabled .RB_radioButtonCaption.isChecked {
    border-color: #aaa;
    background-color: #aaa;
    color: #000;    
}

/*#endregion Radio button */

/*#endregion Custom controls */

/*#region Header */

/*#region Common header */

#headerband {
    display: none;
}

.RB_headerBar {
    height: 60px;
    background-color: #fefefe;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

.RB_headerBar form {
    display: inline-block;
}

#headerlogo {
    width: auto;
    height: auto;
    float: none;
    display: inline-block;
}

#logo {
    width: 308px;
    height: 40px;
    padding: 0;
    margin: 10px 10px;
    background-image: url(images/Logo.png);
    background-repeat: no-repeat !important;
    background-size: contain;
}

/*#endregion Common header */

/*#region Navigation menu */

.RB_navigationMenuContainer {
    position: relative;
    display: inline-block;
    left: 0px;
    transition: left 0.4s ease;
}

.RB_navigationMenuContainer.RB_navigationMenuVisible {
    left: 250px;
}

.RB_navigationMenuButton {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 20px 16px 24px 10px;
    display: inline-block;
    background-repeat: no-repeat !important;
    background-image: url(images/Menu.svg);
    filter: none;
    cursor: pointer;
}

.RB_navigationMenuArea {
    position: absolute;
    width: 250px;
    height: 100vh;
    top: 0;
    left: -250px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    background-color: #fafafa;
    font-size: 0.9em;
    z-index: 100;
}

.RB_profileImage {
    width: 80px;
    height: 80px;
    margin: 30px auto 10px auto;
    border-radius: 80px;
    background-image: url(images/ProfileImage.svg);
    background-size: cover;
}

#headeruser,
#headerteam {
    display: block;
    border: none;
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
}

#headeruser li:first-child {
    background: none;
    border: none;
}

#headerteam li.ui-menu-item {
    font-weight: normal;
}

#headeruser li span.ui-icon,
#headerteam .ui-icon, 
#headerteam .ui-widget-content .ui-icon {
    display: none;
}

#headeruser .ui-menu-item.ui-state-focus {
    color: rgb(0, 0, 0);
    background: #fff;
    border: none;
}

#headerteam .ui-menu-item.ui-state-focus {
    color: rgb(0, 0, 0);
    background: #fff;
    border: none;
}

#headeruser .ui-menu-item.ui-state-active {
    color: rgb(0, 0, 0);
    background: #fff;
    border: none;
}

#headerteam .ui-menu-item.ui-state-active {
    color: rgb(0, 0, 0);
    background: #fff;
    border: none;
}

#headeruser li a {
    color: rgb(0, 0, 0);
}

#headerteam li a {
    color: rgb(0, 0, 0);
}

#headeruser ul {
    color: rgb(0, 0, 0);
    background: #fafafa;
    border-color: transparent;
}

#headerteam ul {
    color: rgb(0, 0, 0);
    background: #fafafa;
    border-color: transparent;
}

#headeruser ul li,
#headerteam ul li {
    margin: 0;
    padding: 2px 0;
    font-weight: 400;
}

#headerteam ul li .ui-menu-item-wrapper {
    padding: 3px 5px;
}

#headeruser ul li a {
    color: rgb(0, 0, 0);
}

.regionSettings {
    display: block;
    height: auto;
    margin: 4px;
    padding: 3px 1em 3px .4em;
    border: none;
    font-size: 1em;
    text-align: center;
}

.regionSettings #settingsTitle {
    display: inline-block;
    height: auto;
    padding: 6px 8px;
    border-radius: 2px;
    color: #fff;
    background-color: rgba(52, 137, 175, 1.0);
    font-size: 1em;
    font-family: inherit;
}

#headeruser #RB_divLanguageLabel:before {
    display: none;
}

.RB_navigationSeparator {
    height: 1px;
    margin-top: 20px;
    border-bottom: 1px solid rgb(255, 255, 255, 0.3);
}

.RB_navigationLinks {
    margin-top: 30px;
    padding: 0;
}

.RB_navigationLinks .RB_layoutLink {
    padding: 12px;
    border-left: 6px solid #f0f0f0;
    font-size: 0.95em;
    text-transform: uppercase;
    list-style: none;
    cursor: pointer;
}

.RB_navigationLinks .RB_layoutLink:hover {
    border-left-color: rgba(52, 137, 175, 1.0);
    background: #f0f0f0;
} 

.RB_navigationLinks .RB_layoutLink.active {
    border-left-color: rgba(52, 137, 175, 1.0);
    background: #f0f0f0;
}

.RB_navigationLinks .RB_layoutLink .RB_layoutLinkIcon {
    display: none;
}

#headerlogoff {
    position: absolute;
    bottom: 20px;
    right: 12px;
    color: rgb(0, 0, 0);
    font-family: inherit;
    font-size: 0.9em;
}

/*#endregion Navigation menu */

/*#region Search */

#search {
    position: absolute;
    right: 98px;
    height: 38px;
    margin: 11px 10px;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    z-index: 150;
}

#searchbar {
    width: 390px;
    height: 38px;
    padding: 0px 20px 0px 20px;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    background-color: #f0f0f0;
}

#RB_searchlabel {
    display: none;
}

#searchlink {
    position: absolute;
    margin-left: -10px;
    height: 34px;
    background-color: transparent;
    background-position: 50% 50%;
    background-image: url(images/Search.svg);
    filter: none;
}

#searchinput {
    width: 100%;
    height: 34px;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 0px 0px 0px 0px;
    padding: 4px 20px 4px 0px;
    border: none;
    box-sizing: border-box;
    background-color: transparent;
    color: rgb(0, 0, 0);
    caret-color: #78736f;
    font-family: inherit;
    font-size: 1em;
    font-weight: 500;
}

    #searchinput::placeholder {
        color: #78736f;
    }

#searchdetail {
    background-color: #fafafa;
    border: none;
    border-radius: 4px;
    font-family: inherit;
}

    #searchdetail .searchdetailinner {
        border: none;
    }

    #searchdetail .searchTarget {
        height: 26px;
        line-height: 26px;
        background-color: transparent;
    }

        #searchdetail .searchTarget a {
            color: #75776F;
            font-weight: 500;
        }

        #searchdetail .searchTarget a:hover {
            text-decoration: none;
        }

        #searchdetail .searchTarget a.selected {
            color: rgb(0, 0, 0);
        }

    #searchdetail .searchresultsscroll {
        top: 66px;
        background-color: #fdfdfd;
        border-color: #eee;
    }

    #searchdetail #searchbreak {
        border-bottom-color: #eee;
        border-bottom-style: solid;
    }

    #searchdetail #searchtitle {
        color: rgb(0, 0, 0);
        font-family: inherit;
        font-size: 1em;
        font-weight: 500;
    }

    #searchdetail .MessageAddresseeText {
        color: rgb(0, 0, 0);
        font-size: 1em;
        font-weight: 500;
    }

    #searchdetail .MessageSubject {
        color: #75776F;
        font-weight: normal;
    }

    #searchdetail .SearchItem:hover {
        background-color: transparent;
    }

    #searchdetail .SearchItem .DocumentIcon {
        margin-right: 2px;
        background-image: url(images/Document.svg);
        background-size: cover;
        filter: none;
    }

    #searchdetail #searchnewcustomer {
        width: auto;
        margin: 0;
        padding: 0px 8px;
        box-sizing: border-box;
        border-radius: 4px;
        line-height: 30px;
        background-color: rgba(52, 137, 175, 1.0);
        color: #fff !important;
        font-size: 1em;
        font-weight: normal;
        opacity: 0.9;
    }

    #searchdetail #searchnewcustomer:hover {
        opacity: 1;
    }

/*#endregion Search */

/*#region Notifications */

.RB_notificationsIcon {
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    right: 25px;
    margin: 22px 16px 22px 10px;
    cursor: pointer;
}

.RB_notificationsIcon:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat !important;
    background-image: url(images/Notifications.svg);
    filter: none;
}

.RB_notificationsNewLabel {
    position: absolute;
    display: none;
    width: 16px;
    height: 16px;
    line-height: 16px;
    top: 6px;
    left: 12px;
    border-radius: 8px;
    color: #fff;
    background-color: #c33;
    font-size: 0.75em;
    text-align: center;
}

.RB_notificationsNewLabel.visible {
    display: block;
}

.RB_notificationsPanel {
    position: absolute;
    width: 430px;
    height: 100%;
    top: 0;
    right: -430px;
    box-sizing: border-box;
    background: #fafafa;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    transition: right 0.5s ease;
}

.RB_notificationsPanel.panelOpen {
    right: 0;
}

.RB_notificationsPanelCloseButton {
    position: absolute;
    top: 6px;
    right: 8px;
    color: rgb(0, 0, 0);
    font-size: 0.9em;
    cursor: pointer;
    z-index: 1100;
}

.RB_notificationsPanelContent {
    height: calc(100% - 12px);
}

.RB_notificationsPanelSubArea {
    height: calc(50% - 6px);
}

.RB_notificationsTitle {
    margin-top: 12px;
    text-align: center;
    text-transform: uppercase;
}

.RB_notificationsList {
    height: calc(100% - 29px);
}

.RB_notificationsPanelContent #RB_MyNotificationsPanel {
    height: calc(100% - 20px);
    margin: 10px 8px;
    background: #fdfdfd;
    border-radius: 4px;
}

.RB_notificationsPanelContent #RB_TeamNotificationsPanel {
    height: calc(100% - 20px);
    margin: 10px 8px;
    background: #fdfdfd;
    border-radius: 4px;
}

#RB_WdjTeamNotificationsScroll .MessageAddressee {
    font-size: 1em;
}

.RB_notificationsPanelContent #RB_MyNotificationsScroll, 
.RB_notificationsPanelContent #RB_TeamNotificationsScroll {
    position: relative;
    height: 100%;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

/*#endregion Notifications */

/*#endregion Header */

/*#region Layouts */

.RB_layoutTarget {
    height: calc(100% - 60px);
    transition: opacity 0.5s ease;
}

.RB_layoutTarget.animatedOut {
    opacity: 0;
}

/*#endregion Layout targets */

/*#region Home layout */

#RB_homeArea {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 100%;
}

#RB_homeArea > rb-view-element,
#RB_homeArea > rb-layout-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#RB_homeArea .RB_layoutLink {
    cursor: pointer;
}

#RB_homeArea .RB_layoutLink:hover {
    font-size: 1.1em;
    transition: all 0.2s ease;
}

#RB_homeArea .RB_layoutLink .RB_layoutLinkIcon {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 20px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    background-color: rgba(255, 255, 255, 0.2);
    transition: all 0.2s ease;
}

#RB_homeArea #RB_KanbanAreaLink.RB_layoutLink .RB_layoutLinkIcon:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    filter: none;
}

#RB_homeArea #RB_EnquiryAreaLink.RB_layoutLink .RB_layoutLinkIcon:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    filter: none;
}

#RB_homeArea #RB_ReportsAreaLink.RB_layoutLink .RB_layoutLinkIcon:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    filter: none;
}

#RB_homeArea #RB_WidgetsAreaLink.RB_layoutLink .RB_layoutLinkIcon:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    filter: none;
}

#RB_homeArea .RB_layoutLink .RB_layoutLinkIcon:hover {
    border-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.3);    
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}

#RB_homeArea #RB_KanbanAreaLink.RB_layoutLink .RB_layoutLinkIcon:after {
    background-image: url(images/Home-Kanban.svg);
}

#RB_homeArea #RB_EnquiryAreaLink.RB_layoutLink .RB_layoutLinkIcon:after {
    background-image: url(images/Home-Enquiry.svg);
}

#RB_homeArea #RB_ReportsAreaLink.RB_layoutLink .RB_layoutLinkIcon:after {
    background-image: url(images/Home-Reports.svg);
}

#RB_homeArea #RB_WidgetsAreaLink.RB_layoutLink .RB_layoutLinkIcon:after {
    background-image: url(images/Home-Widgets.svg);
}

#RB_homeArea .RB_layoutLink .RB_layoutLinkCaption {
    height: 22px;
    margin-top: 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 0.85em;
    text-transform: uppercase;
    text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
}

/*#endregion Home layout */

/*#region Enquiry layout */

#RB_enquiryArea {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 100%;
}

#RB_enquiryArea rb-view-element {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#RB_enquiryArea rb-create-quote {
    background-color: #fafafa;
    padding: 10px 20px 20px 10px;
    border-radius: 2px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}

#RB_enquiryArea rb-create-enquiry {
    background-color: #fafafa;
    padding: 10px 20px 20px 10px;
    border-radius: 2px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}

#RB_enquiryArea rb-create-enquiry #RB_WidgetCreateRecordEntryForm #Quo_details table.qDefault {
    margin: 10px 10px 0 10px;
}

#RB_enquiryArea rb-create-enquiry .RB_WidgetCreateRecordEntrySettings td {
    font-weight: 500;
}

/*#endregion Enquiry layout */

/*#region Reports layout */

#ReportsArea {
    height: 100%;
}

rb-power-bi-report div:first-child {
    height: 100%;
}

/*#endregion Reports layout */

/*#region Sliding panel */

#RB_slidingPanelContainer {
    background-color: #fff;
}

.RB_slidingPanel {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    background-color: #fff;
}

.RB_slidingPanelMaximiseButton {
    filter: none;
}

.RB_slidingPanelMinimiseButton {
    filter: none;
}

.RB_slidingPanelCloseButton {
    filter: none;
}

.RB_slidingPanelMaximiseButton {
    background-image: url(images/Expand.svg);
}

.RB_slidingPanelMinimiseButton {
    background-image: url(images/Collapse.svg);
}

.RB_slidingPanelCloseButton {
    background-image: url(images/Close.svg);
}

/*#endregion Sliding panel */

/*#region Toggle panel */

.RB_togglePanelContent {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
    color: rgb(0, 0, 0);
    background: #fafafa;
}

/*#endregion Toggle panel */

/*#region Kanban */

/*#region Common kanban */

.RB_kanbanMainContent {
    background-color: #fff;
    color: #75776F;
}

/*#endregion Common kanban */

/*#region Kanban control area */

.RB_kanbanControlArea {
    white-space: nowrap;
    color: #75776F;
}

.RB_kanbanTypeSelector {
    border: none;
    border-radius: 0;
    background-color: #f0f0f0;
}

.RB_kanbanArrangementSelector {
    border: none;
    border-radius: 0;
    background-color: #f0f0f0;
}

.RB_kanbanTypeSelector span {
    color: #75776F;
}

.RB_kanbanArrangementSelector span {
    color: #75776F;
}

.RB_kanbanTypeSelector select {
    color: rgb(0, 0, 0);
    background-image: url(images/ArrowDown.svg);
    filter: none;
}

.RB_kanbanArrangementSelector select {
    color: rgb(0, 0, 0);
    background-image: url(images/ArrowDown.svg);
    filter: none;
}

.RB_kanbanControlArea .RB_kanbanTypeSelector .ui-selectmenu-button {
    min-width: 142px;
}

.RB_kanbanControlArea .RB_kanbanArrangementSelector .ui-selectmenu-button {
    min-width: 70px;
}

.RB_kanbanControlArea .ui-selectmenu-button span.ui-selectmenu-text {
    padding-right: 14px;
    color: rgb(0, 0, 0);
}

.RB_kanbanRefreshButton {
    background-image: url(images/Refresh.svg);
    filter: none;
}

.RB_kanbanControlArea .RB_kanbanControlRightHandArea {
    right: 0;
    padding: 0 12px;
    border-radius: 2px;
    background-color: #fff;
}

#kanbanConfigButton .RB_togglePanelToggleButton {
    background-image: url(images/Configuration.svg);
    filter: none;
}

#kanbanConfigButton .RB_togglePanelContent {
    background-color: #fafafa;
}

.RB_KanbanConfigArea .configCloseButton {
    color: rgb(0, 0, 0);
    background-color: #f0f0f0;
}

.RB_KanbanConfigArea select {
    background-image: url(images/ArrowDown.svg);
}

.RB_KanbanConfigArea .configurationOption .value {
    background-color: #fafafa;
}

.RB_KanbanConfigArea button.clearButton {
    color: #fff;   
    background-color: #399;   
}

.RB_KanbanConfigArea button.cancelButton {
    color: #fff;
    background-color: #d03060;
}

.RB_KanbanConfigArea button[disabled] {
    color: #999;   
    background-color: #666;   
    opacity: 0.7;   
}

#kanbanNewButton .RB_togglePanelToggleButton {
    color: #fff;
    background-color: rgba(52, 137, 175, 1.0);
}

#kanbanNewButton .RB_togglePanelToggleButton:after {
    background-image: url(images/Highlight-ArrowDown.svg);
    filter: none;
}

#kanbanNewButton .RB_togglePanelContent {
    color: rgb(0, 0, 0);
}

.RB_kanbanFilterButton {
    background-color: rgba(52, 137, 175, 1.0);
    color: rgb(0, 0, 0);
}

.RB_kanbanFilterButton:after {
    background-image: url(images/Highlight-Filter.svg);
    filter: none;
}

/*#endregion Kanban control area */

/*#region Kanban graph */

.RB_kanbanGraphContainer .kanban-container .kanbanLabel {
    fill: rgb(0, 0, 0);
}

.RB_kanbanGraphContainer .kanban-html-hover .cardview {
    border-left: 5px solid rgba(52, 137, 175, 1.0) !important;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    background: #fafafa !important;
}

.RB_kanbanGraphContainer .kanban-html-hover .cardview div.icon {
    filter: none;
}

.RB_kanbanGraphContainer .kanban-html-hover .cardview div.icon.riskIcon {
    background-image: url(images/Risk.svg);
}

.RB_kanbanGraphContainer .kanban-html-hover .cardview div.icon.taskIcon {
    background-image: url(images/Task.svg);
}

.RB_kanbanGraphContainer .kanban-html-hover .cardview .cell-text.data-value {
    color: #75776F;
}

.RB_kanbanGraphContainer .kanban-html-hover .cardview .hover-value .cell-text.data-value {
    color: rgb(0, 0, 0);
}

/*#endregion Kanban graph */

/*#region Kanban list */

rb-kanban-list {
    background-color: #fdfdfd;
}

.RB_kanbanListItemContainer {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #eee;
    color: #75776F;
}

.RB_kanbanListIconCol {
    filter: none;
}

.RB_kanbanListIconCol.riskIcon {
    background-image: url(images/Risk.svg);
}

.RB_kanbanListIconCol.taskIcon {
    background-image: url(images/Task.svg);
}

.RB_kanbanListItemValue {
    color: rgb(0, 0, 0);
}

/*#endregion Kanban list */

/*#region Kanban filters */

/*#region Common filters */

.RB_kanbanFiltersPanel {
    position: relative;
    background-color: #fdfdfd;
    border-left: 1px solid #eee;
    z-index: 10;
}

.RB_kanbanFiltersTitleArea {
    position: relative;
}

.RB_kanbanFiltersTitle {
    color: rgb(0, 0, 0);
}

.RB_kanbanResetFiltersButton {
    color: rgba(52, 137, 175, 1.0);
}

.RB_kanbanFiltersTabsArea {
    border-bottom: 1px solid #eee;
}

.RB_kanbanFiltersTab {
    color: #75776F;
}

.RB_kanbanFiltersTab.selected {
    border-bottom-color: rgba(52, 137, 175, 1.0);
    color: rgba(52, 137, 175, 1.0);
}

/*#endregion Common filters */

/*#region Quick filters */

.RB_kanbanQuickFilterItem:hover {
    border-color: rgba(52, 137, 175, 1.0);
    background-color: #fafafa;
}

.RB_kanbanQuickFilterItem.active {
    border-color: rgba(52, 137, 175, 1.0);
    background-color: #fafafa;
}

.RB_kanbanQuickFilterItemIcon {
    filter: none;
}

.RB_kanbanQuickFilterItemIcon.person {
    background-image: url(images/Person.svg);
}

.RB_kanbanQuickFilterItemIcon.group {
    background-image: url(images/Group.svg);
}

/*#endregion Quick filters */

/*#region Precise filters */

.RB_kanbanPreciseFilters fui-multi-select.ui.multiple.search.dropdown {
    background-color: #f0f0f0;
}

.RB_kanbanPreciseFilters fui-multi-select.ui.dropdown .menu {
    background-color: #f0f0f0;
}

/*#endregion Precise filters */

/*#endregion Kanban filters */

/*#region Kanban legend */

.RB_kanbanLegendContainer .legendContainer .title {
    color: rgb(0, 0, 0);
}

.RB_kanbanLegendContainer .legendContainer .categories li {
    color: rgb(0, 0, 0);
}

.RB_kanbanLegendContainer .legendContainer .categories li .bubbleTooltip {
    color: rgb(0, 0, 0);
}

.RB_kanbanLegendContainer .legendContainer .categories li:hover:not(.filtering) .labelCategory {
    color: rgb(0, 0, 0);
}

.RB_kanbanLegendContainer .legendContainer .categories li:hover:not(.filtering) .bubbleTooltip {
    color: rgb(0, 0, 0);
}

.RB_kanbanLegendContainer .legendContainer .categories li.selected .labelCategory {
    color: rgb(0, 0, 0);
}

.RB_kanbanLegendContainer .legendContainer .categories li.selected .bubbleTooltip {
    color: rgb(0, 0, 0);
}

.RB_kanbanLegendContainer .legendContainer .categories.unselected .labelCategory {
    color: #75776F;
}

/*#endregion Kanban legend */

/*#endregion Kanban */

/*#region Widgets */

/*#region Common widgets */

#RB_widgetTabs {
    position: relative;
    height: auto;
}

#RB_widgetTabs #RB_widgetTabContent {
    margin-left: 16px;
}

#RB_widgetTabs #RB_widgetTabContent .tabon {
    margin-top: 16px;
    margin-right: 8px;
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    font-weight: 500;
}

#RB_widgetTabs #RB_widgetTabContent .taboff {
    margin-top: 16px;
    margin-right: 8px;
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    font-weight: 500;
}

#RB_widgetTabs #RB_widgetTabContent .tabon {
    background-color: rgba(52, 137, 175, 1.0);
    color: rgb(0, 0, 0);
}

#RB_widgetTabs #RB_widgetTabContent .taboff {
    background-color: #fff;
    color: rgba(52, 137, 175, 1.0);
}

#RB_WidgetContainer {
    position: relative;
    min-height: calc(100vh - 80px);
    top: 0px;
    margin: 5px;
}

#RB_WidgetContainer > ul {
    margin: 0;
}

#RB_WidgetContainer rb-widget-element li {
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    font-size: 1em;
    font-family: inherit;
}

#RB_WidgetContainer rb-widget-element li:hover {
    margin: -2px;
    border: 2px solid rgba(52, 137, 175, 1.0);
}

#RB_WidgetContainer rb-widget-element li h2 {
    margin-left: 10px;
    padding-top: 10px;
    color: rgb(0, 0, 0);
    font-family: inherit;
    font-size: 1.5em;
    font-weight: 400;
}

#RB_WidgetContainer rb-widget-element li .select2 li {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
}

#RB_WidgetContainerMenu .RB_WidgetMenuHeader {
    font-weight: 500;
}

#RB_WidgetContainer .RB_WidgetCreateRecordEntry,
#RB_WidgetContainer .RB_WidgetSpreadsheetDownload {
    padding: 0;
}    

#RB_WidgetContainer #RB_WdjRecentScroll {
    border: none;
    background-color: #fdfdfd;
    font-family: inherit;
    font-size: 1em;
}    

#RB_WidgetContainer .RB_WdjNotificationsScroll {
    border: none;
    background-color: #fdfdfd;
    font-family: inherit;
    font-size: 1em;
}    

#RB_WidgetContainer #RB_WdjMyTasksScroll {
    border: none;
    background-color: #fdfdfd;
    font-family: inherit;
    font-size: 1em;
}    

#RB_WidgetContainer #RB_WdjMyWorkScroll {
    border: none;
    background-color: #fdfdfd;
    font-family: inherit;
    font-size: 1em;
}    

#RB_WidgetContainer #RB_WdjTeamNotificationsScroll {
    border: none;
    background-color: #fdfdfd;
    font-family: inherit;
    font-size: 1em;
}

#RB_WidgetContainerMenu {
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    background-color: #fff !important;
    color: rgb(0, 0, 0);
    font-family: inherit;
    font-size: 0.9em;
}

.RB_WidgetsResetButton {
    color: rgba(52, 137, 175, 1.0);
}

#RB_WidgetContainerMenu li {
    padding-left: 26px;
}

#RB_WidgetContainerMenu li a {
    padding: 2px 6px;
}

/*#endregion Common widgets */

/*#region Create quote */

.RB_WidgetCreateRecordEntrySettings,
.RB_WidgetBdxSettings {
    margin: 0px 10px;
    background-color: transparent;
}

.RB_WidgetCreateRecordEntrySettings td {
    height: 54px;
    color: rgb(0, 0, 0);
    font-weight: 400;
}

.RB_WidgetBdxSettings td {
    height: 54px;
    color: rgb(0, 0, 0);
    font-weight: 400;
}

.RB_WidgetCreateRecordEntrySettings tr td select {
    height: 34px !important;
    margin: 0px 0px 0px 0px;
    padding: 4px 14px 4px 14px;
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    font-family: inherit;
    font-size: inherit;
    background-color: #f0f0f0 !important;
    background-image: url(images/ArrowDown.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px 16px;  
    cursor: pointer;  
}

.RB_WidgetBdxSettings tr td select {
    height: 34px !important;
    margin: 0px 0px 0px 0px;
    padding: 4px 14px 4px 14px;
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    font-family: inherit;
    font-size: inherit;
    background-color: #f0f0f0 !important;
    background-image: url(images/ArrowDown.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px 16px;  
    cursor: pointer;  
}

.RB_WidgetCreateRecordEntrySave {
    width: auto;
    min-width: 80px;
    height: 38px;
    margin: 10px 0px 0px 10px;
    padding: 0px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 38px;
    color: #fff !important;
    font-size: 1em;
    font-weight: normal;
}

.RB_WidgetBdxDownload {
    width: auto;
    min-width: 80px;
    height: 38px;
    margin: 10px 0px 0px 10px;
    padding: 0px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 38px;
    color: #fff !important;
    font-size: 1em;
    font-weight: normal;
}

.RB_WidgetCreateRecordEntrySave:visited {
    background-color: rgba(52, 137, 175, 1.0);
    color: #fff;
    font-weight: normal;
}

.RB_WidgetCreateRecordEntrySave:link {
    background-color: rgba(52, 137, 175, 1.0);
    color: #fff;
    font-weight: normal;
}

.RB_WidgetCreateRecordEntrySave:active {
    background-color: rgba(52, 137, 175, 1.0);
    color: #fff;
    font-weight: normal;
}

.RB_WidgetBdxDownload:visited {
    background-color: rgba(52, 137, 175, 1.0);
    color: #fff;
    font-weight: normal;
}

.RB_WidgetBdxDownload:link {
    background-color: rgba(52, 137, 175, 1.0);
    color: #fff;
    font-weight: normal;
}

.RB_WidgetBdxDownload:active {
    background-color: rgba(52, 137, 175, 1.0);
    color: #fff;
    font-weight: normal;
}

.RB_WidgetCreateRecordEntrySave:hover {
    background: none;
    background-color: rgba(52, 137, 175, 1.0);
    color: rgb(0, 0, 0);
    font-weight: normal;
    opacity: 0.9;
}

.RB_WidgetBdxDownload:hover {
    background: none;
    background-color: rgba(52, 137, 175, 1.0);
    color: rgb(0, 0, 0);
    font-weight: normal;
    opacity: 0.9;
}

.RB_WidgetCreateRecordEntrySave span {
    display: none;
    background-image: none;
}

.RB_WidgetCreateRecordEntrySave br {
    display: none;
}

/*#endregion Create quote */

/*#region Bordereaux download */

.RB_WidgetBdxSettings table {
    margin: 0 10px;
}

.RB_WidgetBdxDownload span,
.RB_WidgetBdxDownload br {
    display: none;
}

.RB_WidgetBdxFormContainer table {
    width: 100% !important;
    padding-left: 8px;
}

.RB_WidgetBdxFormContainer table td {
    height: 38px;
}

.RB_WidgetBdxFormContainer input {
    padding: 4px 14px;
    border: none;
    border-radius: 0;
    background-color: #f0f0f0;
    font-size: 1em;
}

/*#endregion Bordereaux download */

/*#region Tasks */

.TaskHeader {
    margin-left: 7px;
    color: rgb(0, 0, 0);
    font-size: 1em;
    font-weight: 400;
}

.TaskItem {
    color: rgb(0, 0, 0);
    font-size: 0.9em;
}

.TaskItemHover {
    background-color: #fafafa;
}

.TaskItemSelected {
    background-color: rgba(52, 137, 175, 1.0);
}

.TaskItem .TaskIcon {
    margin-right: 6px;
}

.TaskItemDue {
    position: relative;
    top: -2px;
}

/*#endregion Tasks */

/*#region My Work */

#RB_WidgetContainer .RB_MyWorkFilterGrid {
    padding-left: 8px;
    color: rgb(0, 0, 0);
}

#RB_WidgetContainer table.RB_MyWorkFilterGrid colgroup col:nth-of-type(1) {
    width: 60px !important;
}

#RB_WidgetContainer table.RB_MyWorkFilterGrid colgroup col:nth-of-type(3) {
    width: 200px !important;
}

#RB_WidgetContainer table.RB_MyWorkFilterGrid colgroup col:nth-of-type(4) {
    width: 40px !important;
}

#RB_WidgetContainer .RB_MyWorkFilterGrid .select2-container--default .select2-selection--multiple {
    border: none;
    border-radius: 0;
    background-color: #f0f0f0;
}

/*#endregion My Work */

/*#endregion Widgets */

/*#region Form details */

/*#region Common form details */

.RB_formDetailsContainer {
    background-image: none, none;
}

.RB_formDetailsCaption {
    color: #75776F;
}

.RB_formDetailsValue {
    color: #000;
}

.RB_formDetailsIcon {
    box-shadow: 0 0 10px rgba(156, 156, 156, 0.4);
    background-color: rgba(64, 64, 64, 0.15);
}

.RB_formDetailsIcon:after {
    filter: none;
}

.RB_formDetailsIcon.active {
    border: 2px solid rgba(52, 137, 175, 1.0);
    background-color: rgba(64, 64, 64, 0.1);
}

.RB_formDetailsIcon.formIcon:after {
    background-image: url(images/Form.svg);
}

.RB_formDetailsIcon.uwGuideIcon:after {
    background-image: url(images/UWGuide.svg);
}

.RB_formDetailsIcon.actionsIcon:after {
    background-image: url(images/Actions.svg);
}

.RB_formDetailsIcon.timelineIcon:after {
    background-image: url(images/Timeline.svg);
}

.RB_formDetailsIcon.virtualFileIcon:after {
    background-image: url(images/VirtualFile.svg);
}

.RB_formDetailsIcon.documentsIcon:after {
    background-image: url(images/Documents.svg);
}

.RB_formDetailsIcon.spreadsheetsIcon:after {
    background-image: url(images/Spreadsheets.svg);
}

.RB_formDetailsIcon.quoteNavigationIcon:after,
.RB_formDetailsIcon.customerNavigationIcon:after,
.RB_formDetailsIcon.schemeNavigationIcon:after,
.RB_formDetailsIcon.submissionNavigationIcon:after,
.RB_formDetailsIcon.submissionItemNavigationIcon:after,
.RB_formDetailsIcon.relationsListIcon:after {
    background-image: url(images/Navigation.svg);
}

.RB_formDetailsIcon.hierarchyExplorerIcon:after {
    background-image: url(images/Explorer.svg);
}

.RB_formDetailsFormArea {
    background-color: #fff;
}

.RB_formDetailsContentContainer {
    position: relative;
    background-color: #fff;
}

.RB_formDetailsContentArea {
    position: static;
}

.RB_formDetailsContentArea h3 {
    color: rgb(0, 0, 0);
}

.RB_formDetailsContentArea .Button-Browse {
    margin-top: -4px;
}

.RB_formDetailsContentArea .Button-Browse .Text-Browse {
    height: 33px;
    background-color: rgba(52, 137, 175, 1.0);
}

.RB_formDetailsContentArea .Button-Browse .Text-Browse span {
    display: inline-block;
}

/*#endregion Common form details */

/*#region Underwriting guide */

.RB_formDetailsContentArea .uwrguidesub {
    color: rgb(0, 0, 0);
    font-size: 0.9em;
    font-weight: normal;
    line-height: normal;
    white-space: pre-wrap;
}

/*#endregion Underwriting guide */

/*#region Actions and History */

#historydetail .Button-Create {
    margin-top: -2px;
}

#RB_ActionAttachmentsPanel {
    border-color: #eee;
}

.toolbarLeftMenu {
    padding-left: 0px;
}

.RB_actionsContainer #historytable tr td:first-child {
    display: none;
}

.RB_actionsContainer td.notes {
    white-space: nowrap;
}

.RB_actionsContainer td.notes br {
    display: none;
}

.RB_actionsContainer span.notesdate {
    display: inline-block;
}

.RB_actionsContainer span.notesdate::after {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 20px;
    border-radius: 32px;
    background-color: rgba(52, 137, 175, 1.0);
    background-image: url(images/Person.svg);    
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    content: '';
}

.RB_actionsContainer span.notessub {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 15px 0;
    padding: 8px 12px;
    border-radius: 8px;
    color: rgb(0, 0, 0);
    background-color: #fafafa;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    line-height: normal;
}

.RB_actionsContainer span.notessub::before {
    position: absolute;
    top: 11px;
    left: -7px;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #fafafa;
    content: "";
}

.RB_actionsContainer span.notessub::after {
    position: absolute;
    top: 18px;
    left: -7px;
    border-top: 7px solid #fafafa;
    border-left: 7px solid transparent;
    content: "";
}

.RB_actionsAndHistoryTimeline {
    display: block;
}

.RB_actionsAndHistoryTimeline.hidden {
    display: none;
}

.RB_actionsAndHistoryTimeline .RB_timelineEntriesArea {
    height: calc(100% - 410px);
}

#historytable {
    display: none;
}

.RB_ActionsLoader {
    position: relative;
    top: 50px;
}

/*#endregion Actions and History */

/*#region Timeline */

.RB_timelineContainer {
    min-height: 640px;
}

.RB_timeline {
    min-width: 770px;
}

.RB_timelineEntriesArea {
    position: absolute;
    width: 770px;
    height: calc(100% - 100px);    
    min-height: 300px;
    padding: 4px 20px 0 0;
    box-sizing: border-box;
    overflow-y: scroll;
}

.RB_filtersButton {
    background-color: rgba(52, 137, 175, 1.0);
}

.RB_filtersArea {
    background-color: rgba(52, 137, 175, 1.0);
}

.RB_timelineButton {
    background-color: rgba(52, 137, 175, 1.0);
}

.RB_timelineEntry::before {
    background-color: rgba(52, 137, 175, 1.0);
}

.RB_timelineEntryIcon {
    background-color: rgba(52, 137, 175, 1.0);
}

.RB_timelineEntryAttachmentIcon {
    background-color: rgba(52, 137, 175, 1.0);
}

.RB_timelineFiltersArea {
    background-color: rgba(52, 137, 175, 1.0);
}

.RB_timelineEntryContent {
    background-color: #f0f0f0;
}

.RB_timelineEntryDay {
    color: rgba(52, 137, 175, 1.0);
}

.RB_timelineEntryHeader {
    color: rgba(52, 137, 175, 1.0);
}

.RB_timelineEntryHeader {
    border-color: rgba(0, 0, 0, 0.3);
}

.RB_timelineEntryDetails {
    color: rgb(0, 0, 0);
}

.RB_timelineEntryAttachmentName {
    color: rgb(0, 0, 0);
}

.RB_timelineEntryAttachmentDate .value {
    color: rgb(0, 0, 0);
}

.RB_timelineEntryAttachmentDate .caption {
    color: rgba(0, 0, 0, 0.5);
}

.RB_timelineEntrySummary {
    color: rgba(0, 0, 0, 0.5);
}

.RB_filter.filterDisabled .RB_filterCaption {
    color: rgba(0, 0, 0, 0.6);
}

.RB_timelineFilter.filterDisabled .RB_timelineFilterCaption {
    color: rgba(0, 0, 0, 0.6);
}

.RB_filtersButton,
.RB_timelineFiltersButton {
    background-image: url(images/Highlight-Filter.svg);
}

.RB_timelineEntryIcon {
    background-image: url(images/Document.svg);
}

.RB_timelineEntryIcon.RB_timelineEntryStatus {
    background-image: url(images/Workflow.svg);
}

.RB_timelineEntryIcon.RB_timelineEntryAttachmentNote,
.RB_timelineEntryAttachmentIcon.RB_timelineEntryAttachmentNote {
    background-image: url(images/Note.svg);
}

.RB_timelineEntryIcon.RB_timelineEntryAttachmentTask,
.RB_timelineEntryAttachmentIcon.RB_timelineEntryAttachmentTask {
    background-image: url(images/Task.svg);
}

.RB_timelineEntryIcon.RB_timelineEntryAttachmentEmail,
.RB_timelineEntryAttachmentIcon.RB_timelineEntryAttachmentEmail {
    background-image: url(images/AddEmail.svg);
}

.RB_timelineEntryIcon.RB_timelineEntryAttachmentNote,
.RB_timelineEntryIcon.RB_timelineEntryAttachmentTask,
.RB_timelineEntryIcon.RB_timelineEntryAttachmentEmail {
    background-size: 16px;
}

.RB_timelineEntryAttachmentIcon {
    background-image: url(images/Document.svg);
}

.RB_timelineEntryIcon.RB_timelineEntrySpreadsheet,
.RB_timelineEntryAttachmentIcon.RB_timelineEntryAttachmentSpreadsheet {
    background-image: url(images/Spreadsheets.svg);
}

.RB_timelineEntryIcon.RB_timelineEntrySpreadsheet {
    background-size: 16px 16px;
}

.RB_timelineEntryAttachmentIcon.RB_timelineEntryAttachmentSpreadsheet {
    background-size: 10px 10px;
}

.RB_timelineEntryAttachmentNote + .RB_timelineEntryAttachmentName {
    white-space: pre-wrap;
}

.RB_timelineEntryAttachmentPreviewButton {
    background-image: url(images/View.svg);
    background-position: 8px;
    background-size: 12px 12px;
}

.RB_timelineEntryAttachmentDate .icon {
    width: 16px;
    height: 16px;
    margin: 0 4px 0 6px;
    background-image: url(images/Calendar.svg);
    background-position: 0 3px;
    background-size: 14px 14px;    
}

.RB_filterToggle .toggleSwitchContainer.enabled.on .toggleSwitch:before {
    background: #fafafa;
}

.RB_timelineFilterToggle .toggleSwitchContainer.enabled.on .toggleSwitch:before {
    background: #fafafa;
}

.RB_timeline .RB_emailDialog.readOnly .RB_fileUploadDropZone {
    display: none;
}

.RB_timelineTaskLabel {
    width: 256px;
    height: 34px;
    line-height: 26px;
    padding: 4px 14px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #f0f0f0;    
}

.RB_timelineNoteContent {
    width: 480px;
    max-height: calc(100% - 80px);
    line-height: 26px;
    margin-bottom: 12px;
    padding: 4px 14px;
    box-sizing: border-box;
    white-space: pre-wrap;
    overflow-y: auto;
    background-color: #f0f0f0;    
}

.RB_timelineFormClose {
    position: absolute;
    right: 102px;
}

/*#endregion Timeline */

/*#region Virtual file */

.RB_virtualFileContainer {
    min-height: 640px;
}

.RB_virtualFileContainer #RD_orgDetails {
    display: flex;
    flex-direction: column;
    min-width: 770px;
}

.RB_virtualFileContainer #RD_orgHeader {
    height: 42px;
    padding: 0;
}

.RB_virtualFileContainer #RD_orgHeader h3 {
    display: inline-block;
    float: none;
}

.RB_virtualFileContainer #RD_orgAdd {
    order: 1;
}

.RB_virtualFileContainer rb-vf-list {
    order: 2;
}

.RB_virtualFileContainer #RD_orgHeader a {
    color: rgb(0, 0, 0);
    font-weight: normal;
}

.RB_virtualFileContainer #RD_orgAdd a {
    color: rgb(0, 0, 0);
    font-weight: normal;
}

/*#region Filtering */

#RD_orgFilter {
    position: relative;
}

#RD_orgFilter .OrgFilter {
    display: inline-block;
    padding: 6px 8px 6px 24px;
    border-radius: 2px;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 0.85em;
    font-weight: 500;
    cursor: pointer;
    background-color: rgba(52, 137, 175, 1.0);
    background-image: url(images/Filter.svg);
    background-repeat: no-repeat;
    background-position: 9px;
    background-size: 10px 10px;
}

#RD_orgFilter .OrgFilter .FilterIcon,
#RD_orgFilter .OrgFilter br {
    display: none;
}

.RB_virtualFileContainer #RD_orgFilterPanel {
    position: relative;
    height: auto;
    top: auto;
    left: auto;
    right: auto;
    margin: 8px 0;
}

#RD_orgFilter .RB_timelineFiltersArea {
    width: auto;
    min-width: 180px;
}

#RD_orgFilter .RB_timelineFiltersArea .RB_timelineFilter {
    display: block;
}

#RD_orgFilter .RB_timelineFiltersArea .RB_timelineFilter .RB_timelineFilterToggle {
    width: auto;
}

/*#endregion Filtering */

/*#region Drop zone */

.RB_fileUploadDropZone {
    position: relative;
    margin: 2px 0 15px 0;
    padding: 25px 0;
    border-radius: 3px;
    text-align: center;
}

.RB_fileUploadDropZone:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fafafa;
    opacity: 0.5;
}

.RB_fileUploadDropZone.hover:before {
    opacity: 1;
}

.RB_fileUploadDropZone .instructions {
    position: relative;
    opacity: 0.5;
}

.RB_fileUploadDropZone.hover .instructions {
    opacity: 1;
}

.RB_fileUploadDropZone .icon {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    background: url(images/AddFile.svg);
    background-size: cover;
}

.RB_fileUploadDropZone .browseLink {
    position: relative;
}

.RB_fileUploadDropZone .browseLink label {
    color: rgba(52, 137, 175, 1.0);
    font-weight: 500;
    cursor: pointer;
}

.RB_fileUploadDropZone form {
    position: absolute;
}

.RB_fileUploadDropZone form input {
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

#RB_FileProgressbar.ui-widget-content {
    border: none;
    background: #fff;
    color: rgb(0, 0, 0);
}

#RB_FileProgressbar.ui-progressbar {
    height: 1em;
}

#RB_FileProgressbar .ui-widget-header {
    border: none;
    background: rgba(52, 137, 175, 1.0);
    color: rgb(0, 0, 0);
}

/*#endregion Drop zone */

/*#region History list */

.RB_virtualFileContainer #RD_orgPanel #RB_orgPanelContent #RB_orgPrevLoader {
    display: none !important;
}

.RB_virtualFileContainer #RD_orgPanel {
    width: 770px;
    height: calc(100% - 220px);
    min-height: 300px;
    top: auto !important;
    left: auto;
    right: auto;
    bottom: auto !important;
    padding: 4px 20px 0 0;
    box-sizing: border-box;
    border-radius: 2px;
    border-color: transparent;
    overflow-y: scroll;
}

/*#region Legacy list items */

.RB_virtualFileContainer #RD_orgPanel .EntryHeader {
    margin-left: 6px;
    color: rgb(0, 0, 0);
}

.RB_virtualFileContainer #RD_orgPanel .OrgEntry {
    font-size: 0.9em;
}

.RB_virtualFileContainer #RD_orgPanel .OrgEntryHover {
    background-color: #fafafa;
}

.RB_virtualFileContainer #RD_orgPanel .OrgEntrySelected {
    background-color: #fdfdfd;
}

.RB_virtualFileContainer #RD_orgPanel .EntryHeader {
    color: rgb(0, 0, 0);
    font-size: 0.8em;
    font-weight: normal;
}

.RB_virtualFileContainer #RD_orgPanel .OrgEntryDate {
    color: rgb(0, 0, 0);
    font-size: 0.8em;
    font-weight: normal;
}

.RB_virtualFileContainer #RD_orgPanel .OrgEntryTime {
    color: rgb(0, 0, 0);
    font-size: 0.8em;
    font-weight: normal;
}

.RB_virtualFileContainer #RD_orgPanel .OrgEntryBody {
    color: rgb(0, 0, 0);
    font-size: 0.8em;
    font-weight: normal;
}

.RB_virtualFileContainer #RD_orgPanel .OrgEntryUser {
    color: rgb(0, 0, 0);
    font-size: 0.8em;
    font-weight: normal;
}

.RB_virtualFileContainer #RD_orgPanel .OrgEntrySubject {
    color: rgb(0, 0, 0);
    font-size: 0.8em;
    font-weight: normal;
}

.RB_virtualFileContainer #RD_orgPanel .OrgLink {
    color: rgb(0, 0, 0);
    font-size: 0.8em;
    font-weight: normal;
}

.RB_virtualFileContainer #RD_orgPanel .OrgEntryDate,
.RB_virtualFileContainer #RD_orgPanel .OrgEntryTime,
.RB_virtualFileContainer #RD_orgPanel .OrgEntryUser {
    position: relative;
    top: -2px;
}

.RB_virtualFileContainer #RD_orgDetails .OrgLink label {
    font-size: 0.8em;
}

.RB_virtualFileContainer #RD_orgPanel .EntryHeader {
    font-size: 1em;
}

.RB_virtualFileContainer #RD_orgPanel .OrgEntryDate {
    margin-left: 5px;
}

.RB_virtualFileContainer #RD_orgPanel .OrgEntryUser {
    display: inline-block;
    width: 150px;
    margin-top: 2px;
    margin-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: bottom;
}

.RB_virtualFileContainer #RD_orgPanel .OrgEntrySubject {
    margin-left: 20px;
    color: rgb(0, 0, 0);
    font-size: 1em;
    font-weight: 500;
}

.RB_virtualFileContainer #RD_orgPanel .OrgEntryBody {
    margin-left: 22px;
}

.RB_virtualFileContainer #RD_orgPanel .OrgLinks {
    margin-left: 20px;
    margin-bottom: 5px;
}

    .RB_virtualFileContainer #RD_orgPanel .OrgLinks a {
        text-decoration: none;
    }

.RB_virtualFileContainer #RD_orgPanel .OrgLinkSpacer {
    border-color: #eee;
}

.RB_virtualFileContainer #RD_orgPanel .OrgFileIcon,
.RB_virtualFileContainer #RD_orgPanel .OrgEmailIcon,
.RB_virtualFileContainer #RD_orgPanel .OrgNoteIcon,
.RB_virtualFileContainer #RD_orgPanel .OrgTaskIcon {
    width: 12px;
    height: 12px;
    vertical-align: inherit;
    background-size: contain;
}

.RB_virtualFileContainer #RD_orgPanel .OrgLink div {
    width: 18px;
    height: 18px;
    background-size: contain;
}

/*#endregion Legacy list items */

/*#region New list items */

.RB_virtualFilesList {
    position: relative;
}

.RB_virtualFileContainer #RD_orgPanel .RB_timelineEntry {
    font-size: 14px;
}

.RB_virtualFileContainer #RD_orgPanel .RB_timelineEntry.TaskOverdue {
    color: #f77;
}

.RB_virtualFileContainer #RD_orgPanel .RB_timelineEntry.TaskOverdue .RB_timelineEntryIcon.RB_timelineEntryTaskOverdue {
    background-color: #c33;
}

.RB_virtualFilesList .RB_timelineEntry:last-child:before {
    display: block;
}

rb-vf-list-entry:last-child .RB_timelineEntry:last-child:before {
    display: none;
}

.RB_virtualFilesList .RB_timelineEntry .RB_timelineEntryIcon.RB_timelineEntryNote {
    background-image: url(Images/Note.svg);
    background-size: 16px 16px; 
}

.RB_virtualFilesList .RB_timelineEntry .RB_timelineEntryIcon.RB_timelineEntryTask {
    background-image: url(Images/TaskSelected.svg);
    background-size: 16px 16px; 
}

.RB_virtualFilesList .RB_timelineEntry .RB_timelineEntryIcon.RB_timelineEntryEmail {
    background-image: url(Images/Mail.svg);
    background-size: 16px 16px; 
}

.RB_virtualFilesList .RB_timelineEntry .RB_timelineEntryDetails {
    max-width: 420px;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.RB_timelineEntryHeaderIcon {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 15px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.RB_timelineEntryHeaderIcon.OrgPublic {
    background-image: url(images/Group.svg) !important;
}

.RB_timelineEntryHeaderIcon.OrgTeam {
    background-image: url(images/Person.svg) !important;
}

.RB_timelineEntryHeaderIcon.OrgClosed {
    background-image: url(images/TaskClosed.svg);
}

.RB_timelineActions {
    position: absolute;
    right: 15px;
}

.RB_timelineButton.RB_timelineEntryAttachmentPreviewButton.RB_timelineEntryAttachmentLinkEmail {
    background-image: url(images/Edit.svg);
}

.RB_timelineEntryAdditionalDetailsText {
    margin-bottom: 15px;
}

.RB_timelineEntryAdditionalActions {
    display: flex;
    justify-content: space-between;
}

.RB_timelineEntryButtonMakePublic {
    background-image: url(images/Group.svg);
}

.RB_timelineEntryButtonRestrictToTeam {
    background-image: url(images/Person.svg);
}

.RB_timelineEntryButtonDeleteNote,
.RB_timelineEntryButtonDeleteFile {
    background-image: url(images/Delete.svg);
}

.RB_timelineEntryButtonTaskClose {
    background-image: url(images/TaskClosed.svg);
}

.RB_timelineEntryButtonTaskAddDay,
.RB_timelineEntryButtonTaskAdd7Days,
.RB_timelineEntryButtonTaskAddMonth {
    margin-right: 10px;
    background-image: url(images/AddDateTask.svg)
}

.RB_timelineEntryButtonTaskEdit {
    margin-right: 10px;
    background-image: url(images/Edit.svg);
}

.RB_timelineEntryButtonTaskDelete {
    background-image: url(images/Delete.svg);
}

.RB_virtualFileListScrollTopSpacer,
.RB_virtualFileListScrollBottomSpacer {
    height: 50px;
}

#RB_orgScrollSpacer {
    display: none;
    height: 30px;
    margin-bottom: auto !important;
}

/*#endregion New list items */

/*#endregion History list */

/*#region Add... forms */

.RB_virtualFileContainer .select2-container--default .select2-selection--multiple {
    background-color: transparent;
    border-color: #eee;
}

.RB_virtualFileContainer .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fafafa;
    border-color: #eee;
}

.RB_virtualFileContainer #RD_orgAddNote,
.RB_virtualFileContainer #RD_orgAddFile,
.RB_virtualFileContainer #RD_orgAddTask,
.RB_virtualFileContainer .RB_emailDialog,
.RB_timeline .RB_timelineTask,
.RB_timeline .RB_timelineNote,
.RB_timeline .RB_emailDialog {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;    
    margin: 8px 0;
}

.RB_virtualFileContainer #RD_orgAdd {
    position: relative;
    margin-top: 8px;
    left: auto;
    right: auto;
    bottom: auto;
}

.RB_virtualFileContainer #RD_orgAddNote .RD_orgAddNoteToolbar,
.RB_virtualFileContainer #RD_orgAddTask .RD_orgAddTaskToolbar {
    height: 38px;
}

.RB_virtualFileContainer #RD_orgAddNote.RB_VF_FormArea {
    position: absolute;
    display: block;
    height: calc(100% - 28px);
    right: -500px;
    top: -8px;
    padding: 0 100px 20px 25px;
    background-color: #fafafa;
    transition: right 0.3s ease;
    z-index: 1;
}

.RB_virtualFileContainer #RD_orgAddTask.RB_VF_FormArea {
    position: absolute;
    display: block;
    height: calc(100% - 28px);
    right: -500px;
    top: -8px;
    padding: 0 100px 20px 25px;
    background-color: #fafafa;
    transition: right 0.3s ease;
    z-index: 1;
}

.RB_virtualFileContainer .RB_emailDialog.RB_VF_FormArea {
    position: absolute;
    display: block;
    height: calc(100% - 28px);
    right: -500px;
    top: -8px;
    padding: 0 100px 20px 25px;
    background-color: #fafafa;
    transition: right 0.3s ease;
    z-index: 1;
}

.RB_timeline .RB_timelineTask.RB_VF_FormArea {
    position: absolute;
    display: block;
    height: calc(100% - 28px);
    right: -500px;
    top: -8px;
    padding: 0 100px 20px 25px;
    background-color: #fafafa;
    transition: right 0.3s ease;
    z-index: 1;
}

.RB_timeline .RB_timelineNote.RB_VF_FormArea {
    position: absolute;
    display: block;
    height: calc(100% - 28px);
    right: -500px;
    top: -8px;
    padding: 0 100px 20px 25px;
    background-color: #fafafa;
    transition: right 0.3s ease;
    z-index: 1;
}

.RB_timeline .RB_emailDialog.RB_VF_FormArea {
    position: absolute;
    display: block;
    height: calc(100% - 28px);
    right: -500px;
    top: -8px;
    padding: 0 100px 20px 25px;
    background-color: #fafafa;
    transition: right 0.3s ease;
    z-index: 1;
}

.RB_virtualFileContainer #RD_orgAddNote.RB_VF_FormArea.show,
.RB_virtualFileContainer #RD_orgAddTask.RB_VF_FormArea.show,
.RB_virtualFileContainer .RB_emailDialog.RB_VF_FormArea.show,
.RB_timeline .RB_timelineTask.RB_VF_FormArea.show,
.RB_timeline .RB_timelineNote.RB_VF_FormArea.show,
.RB_timeline .RB_emailDialog.RB_VF_FormArea.show {
    right: 0;
}

.RB_virtualFileContainer #RD_orgAddNote.RB_VF_FormArea.hide,
.RB_virtualFileContainer #RD_orgAddTask.RB_VF_FormArea.hide,
.RB_virtualFileContainer .RB_emailDialog.RB_VF_FormArea.hide,
.RB_timeline .RB_timelineTask.RB_VF_FormArea.hide,
.RB_timeline .RB_timelineNote.RB_VF_FormArea.hide,
.RB_timeline .RB_emailDialog.RB_VF_FormArea.hide {
    display: none;
}

.RB_virtualFileContainer #RD_orgAddNote.RB_VF_FormArea .RB_VF_closeFormIcon,
.RB_virtualFileContainer #RD_orgAddTask.RB_VF_FormArea .RB_VF_closeFormIcon,
.RB_virtualFileContainer .RB_emailDialog.RB_VF_FormArea .RB_VF_closeFormIcon,
.RB_timeline .RB_timelineTask.RB_VF_FormArea .RB_VF_closeFormIcon,
.RB_timeline .RB_timelineNote.RB_VF_FormArea .RB_VF_closeFormIcon,
.RB_timeline .RB_emailDialog.RB_VF_FormArea .RB_VF_closeFormIcon {
    display: block;
    width: 12px;
    height: 12px;
    margin-top: 10px;
    background-image: url(images/ArrowRightFull.svg);
    background-size: contain;
    cursor: pointer;
    opacity: 0.8;
}

.RB_virtualFileContainer .RB_VF_FormArea h3,
.RB_timeline .RB_VF_FormArea h3 {
    margin-bottom: 15px;
    margin-top: 10px;
}

.RB_virtualFileContainer #RD_orgAddNote.RB_VF_FormArea input,
.RB_virtualFileContainer #RD_orgAddTask.RB_VF_FormArea input,
.RB_virtualFileContainer #RD_orgAddNote.RB_VF_FormArea select,
.RB_virtualFileContainer #RD_orgAddTask.RB_VF_FormArea select,
.RB_virtualFileContainer #RD_orgAddTask.RB_VF_FormArea textarea {
    width: 256px
}

.RB_virtualFileContainer #RD_orgAddNote.RB_VF_FormArea textarea,
.RB_virtualFileContainer #RD_orgAddTask.RB_VF_FormArea textarea {
    margin-bottom: 12px !important;
    padding: 10px 14px 10px 14px;
}

.RB_virtualFileContainer .RD_orgAddNoteToolbar, 
.RB_virtualFileContainer .RD_orgAddTaskToolbar {
    font-size: 11pt;
}

/*#region Add File form */

.RB_virtualFileContainer #RD_orgAddFile .Button-Browse {
    margin-left: 0;
}

.RB_virtualFileContainer #RD_orgAddFile .Text-Browse span {
    line-height: 38px;
}

.RB_virtualFileContainer #RD_orgAddFile .ui-widget-header {
    background-color: rgba(52, 137, 175, 1.0);
}

/*#endregion Add File form */

/*#region Add Note form */

.RB_virtualFileContainer #RD_orgAddNote textarea {
    width: 420px;
    height: 156px;
    border-radius: 2px;
    border-color: #eee;
    background-color: #f0f0f0;
    color: rgb(0, 0, 0);
    font-size: 1em;
    font-weight: normal;
}

/*#endregion Add Note form */

/*#region Add Task form */

.RB_virtualFileContainer #RD_orgAddTask input#RB_TaskDueDate {
    width: 120px !important;
}

/*#endregion Add Task form */

/*#region Email form */

.RB_emailDialog {
    overflow-y: auto;
}

/*#region rich text editor */

.angular-editor-toolbar {
    background-color: #fff !important;
}

.angular-editor-toolbar .angular-editor-toolbar-set {
    background-color: #fff !important;
}

.angular-editor select optgroup {
    background-color: #fff !important;
}

.angular-editor button {
    background-color: #f0f0f0 !important;
}

.angular-editor select {
    background-color: #f0f0f0 !important;
}

.angular-editor select option {
    background-color: #f0f0f0 !important;
}

.angular-editor-textarea {
    background-color: #f0f0f0 !important;
}

.angular-editor-toolbar {
    border: none !important;
    outline: none !important;
    font-size: 1em !important;
    color: rgb(0, 0, 0) !important;
}

.angular-editor-toolbar .angular-editor-toolbar-set {
    border: none !important;
    outline: none !important;
    font-size: 1em !important;
    color: rgb(0, 0, 0) !important;
}

.angular-editor select optgroup {
    border: none !important;
    outline: none !important;
    font-size: 1em !important;
    color: rgb(0, 0, 0) !important;
}

.angular-editor button {
    border: none !important;
    outline: none !important;
    font-size: 1em !important;
    color: rgb(0, 0, 0) !important;
}

.angular-editor select {
    border: none !important;
    outline: none !important;
    font-size: 1em !important;
    color: rgb(0, 0, 0) !important;
}

.angular-editor select option {
    border: none !important;
    outline: none !important;
    font-size: 1em !important;
    color: rgb(0, 0, 0) !important;
}

.angular-editor-textarea {
    border: none !important;
    outline: none !important;
    font-size: 1em !important;
    color: rgb(0, 0, 0) !important;
}

.angular-editor-toolbar #link-,
.angular-editor-toolbar #unlink-,
.angular-editor-toolbar #insertImage-,
.angular-editor-toolbar #insertVideo-,
.angular-editor-toolbar #insertHorizontalRule-,
.angular-editor-toolbar #toggleEditorMode-,
.angular-editor-toolbar #clearFormatting- {
    display: none;
}

.angular-editor-textarea:after {
    display: none !important;
}

/*#endregion rich text editor */

.RB_emailDialog button {
        margin-left: 5px;
}

.RB_emailDialog button:disabled {
    background-color: #666;
    cursor: auto;
}

    .RB_emailDialog .field .control {
        max-width: 500px;
    }

    .RB_emailDialog .field {
        display: block;
        margin-bottom: 12px;
        font-size: 14px;
    }

        .RB_emailDialog .field .label {
            display: inline-block;
            color: rgb(255, 255, 255);
            font-weight: 500;
            min-width: 100px;
        }

        .RB_emailDialog .field .control {
            display: inline-block;
        }

            .RB_emailDialog .field .control .label {
                font-weight: 400;
            }

            .RB_emailDialog .field .control label {
                width: 400px;
                box-sizing: border-box;
                line-height: 24px;
            }

            .RB_emailDialog .field .control input {
                width: 400px;
                box-sizing: border-box;
                line-height: 24px;
                border: none;
                background-color: #313A41;
                font-size: 14px;
                border-radius: 0px;
            }

            .RB_emailDialog .field .control .body {
                min-width: 488px;
                min-height: 100px;                
                padding: 4px 6px;
                background-color: rgb(0, 0, 0);
                color: #fff;
            }

            .RB_emailDialog .field .control fui-multi-select {
                max-width: 400px;
                width: 400px;
                line-height: 32px;
                border-radius: 0px;
            }

            .RB_emailDialog .field .control fui-select {
                max-width: 400px;
                width: 400px;
                box-sizing: border-box;
                line-height: 24px;
                border-radius: 0px;
            }

                .RB_emailDialog .field .control fui-select .dropdown.icon {
                    height: 16px;
                    width: 16px;
                    background-repeat: no-repeat;
                    background-image: url(images/ArrowDown.svg);
                    background-position: center center;
                    content: '';
                }

                    .RB_emailDialog .field .control fui-select .dropdown.icon:before {
                        content: '';
                    }

            .RB_emailDialog .attachmentsField .label {
                position: relative;
                vertical-align: top;
                top: 8px;
            }   

            .RB_emailDialog .attachmentsField .control {
                min-height: 32px;
            }   

            .RB_emailDialog .field .control .attachments {
                display: block;
                background-color: #313a41;
                width: 400px;
                height: auto;
                line-height: 32px;
            }

                .RB_emailDialog .field .control .attachments .attachment {
                    display: inline-block;
                    background-color: #3b4451;
                    color: white;
                    height: 32px;
                    line-height: 32px;
                    margin: 2px 2px 2px 5px;
                }

                    .RB_emailDialog .field .control .attachments .attachment .name {
                        display: inline-block;
                        margin: 0 5px;
                        line-height: 32px;
                        cursor: default;
                        max-width: 200px;
                        max-height: 32px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

                    .RB_emailDialog .field .control .attachments .attachment .delete {
                        position: relative;
                        top : -8px;
                        height: 32px;
                        margin-right: 5px;
                        background-image: url("images/Close.svg");
                        background-position: center center;
                        background-repeat: no-repeat;
                        background-size: 8px 8px;
                    }

                    .RB_emailDialog .field .control .attachments .attachment .icon {
                        width: 16px;
                        height: 16px;
                        display: inline-block;
                    }


            .RB_emailDialog .field .control:nth-child(3) button {
                margin-right: 0px;
            }

    .RB_emailDialog .right {
        float: right;
    }

.RB_emailDialog .RB_fileUploadDropZone:before {
    background-color: #fff;
}

/*#endregion Email form */

/*#endregion Add... forms */

#panel #RD_orgPanel #RB_orgNextLoader .OrgLoader {
    background-image: url(Images/RulebookLoaderSmall.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
}

/*#endregion Virtual file */

/*#region Documents */

.RB_documentsContainer #RB_DocumentsSection,
.RB_documentsContainer #RB_BespokeDocumentsSection {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

.RB_documentsContainer #RB_DocumentHeader {
    padding-top: 0;
}

.RB_documentsContainer #RB_DocumentPanel {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;  
    margin-bottom: 10px; 
    border-color: #eee; 
}

.RB_documentsContainer #RB_BespokeDocumentsPanel {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;  
    margin-bottom: 10px; 
    border-color: #eee; 
}

.RB_documentsContainer .document {
    height: 25px;
    padding-top: 8px;
    border: none;
}

.RB_documentsContainer #RB_NewBespokeDocument {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;  
    margin-top: 5px;
}

.RB_formDetailsContentArea.RB_documentsContainer .Button-Browse {
    margin-top: -5px;
    float: right;
}

.document {
    position: relative;
    background: none;
}

.document:hover {
    background: none;
}

.document a:link {
    color: rgb(0, 0, 0);
}

.document a:visited {
    color: rgb(0, 0, 0);
}

.document a:active {
    color: rgb(0, 0, 0);
}

.document a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('images/Document.svg');
    background-repeat: no-repeat;
    background-position: 5px center;
    filter: none;
}

.AttachmentsName {
    font-weight: 500;
    font-size: 12px;
    color: white;
}

.AttachmentsName a {
    font-weight: 500;
    font-size: 12px;
    color: white;
}

.Attachment:hover {
    background-color: transparent;
}

    .Attachment:hover a:hover {
        color: white;
    }
	
#RB_NewBespokeDocument .toolbarLeftMenu {
    width: 330px;
}

#RB_NewBespokeDocument .qGrid {
    width: 330px;
}

#RB_NewBespokeDocument .qGrid input,
#RB_NewBespokeDocument .qGrid select {
    width: 230px;
}

#RB_NewBespokeDocument .toolbarLeftMenu .Button-Save {
	margin-right: 13px;
}

#RB_NewBespokeDocument .Button-Browse {
	width: 90px;
	margin-top: -5px;
	float: right;
}

/*#endregion Documents */

/*#region Spreadsheets */

#SpreadsheetUploadInProgress {
    width: 25px;
    height: 25px;
    background-image: url(Images/RulebookLoaderSmall.gif);
    background-repeat: no-repeat;
    background-position: center;
}

#RB_spreadsheetImportExport .toolbarLeftMenu {
    width: 330px;
}

#RB_spreadsheetImportExport .qGrid {
    width: 330px;
}

#RB_spreadsheetImportExport .qGrid input,
#RB_spreadsheetImportExport .qGrid select {
    width: 230px;
}

#RB_spreadsheetImportExport .Button-Browse {
	width: 90px;
	margin-top: -5px;
	float: right;
}

#RB_spreadsheetImportExport .toolbarLeftMenu .Button-Save {
	margin-right: 13px;
}

/*#endregion Spreadsheets */

/*#region Quote/Scheme/Submission navigation */

.CNLink,
.QNLink,
.SNLink {
    font-size: 0.95em;
}

.RB_QN_Selected {
    background-color: transparent;
}

.CNLink:hover {
    background-color: #fafafa;
}

.QNLink:hover {
    background-color: #fafafa;
}

.SNLink:hover {
    background-color: #fafafa;
}

.CNLinkLine1 {
    color: rgb(0, 0, 0);
    font-size: 0.95em;
    font-weight: normal;
}

.QNLinkLine1 {
    color: rgb(0, 0, 0);
    font-size: 0.95em;
    font-weight: normal;
}

.SNLinkLine1 {
    color: rgb(0, 0, 0);
    font-size: 0.95em;
    font-weight: normal;
}

.RelListLinkLine1 {
    color: rgb(0, 0, 0);
    font-size: 0.95em;
    font-weight: normal;
}

.RelListLinkRef {
    color: rgba(52, 137, 175, 1.0);
}

.CNLinkLine2 {
    color: #000;
    font-weight: normal;
    font-size: 0.95em;
}

.QNLinkLine2 {
    color: #000;
    font-weight: normal;
    font-size: 0.95em;
}

.SNLinkLine2 {
    color: #000;
    font-weight: normal;
    font-size: 0.95em;
}

.RelListLinkLine2 {
    color: #000;
    font-weight: normal;
    font-size: 0.95em;
}

#RB_RelList_GrpLinks {
    border: none;
}

#RB_RelList_GrpTitle {
    border: none;
    height: auto;
    margin-left: 32px;
    margin-bottom: 6px;
    padding-top: 0;
    padding-bottom: 10px;
    color: rgba(52, 137, 175, 1.0);
    border-color: #000 !important;
    border-bottom: 1px solid;
    font-weight: 500;
    font-size: 1em;
}

.RB_RelList_Grp {
    position: relative;
    margin: 2px 0 15px 0;
    padding: 15px;
    border-radius: 3px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    background-color: #fafafa !important;
}

#RB_QN_CustomerPanel {
    min-width: 300px;
    border-color: #eee;
}

#RB_QN_SubmissionPanel {
    min-width: 300px;
    border-color: #eee;
}

#RB_QN_ThisPolicyPanel {
    min-width: 300px;
    border-color: #eee;
}

#RB_QN_RenewalPanel {
    min-width: 300px;
    border-color: #eee;
}

#RB_QN_ClaimsPanel {
    min-width: 300px;
    border-color: #eee;
}

#RB_QN_AltQuotePanel {
    min-width: 300px;
    border-color: #eee;
}

#RB_QN_SubTasksPanel {
    min-width: 300px;
    border-color: #eee;
}

#RD_schemeNav,
#RD_submissionNav,
#RD_submissionItemNav {
    display: block;
}

.RelListImage_Company {
    background-image: url(Images/Highlight-group.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.RelListImage_Policy {
    background-image: url(Images/Highlight-document.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.RelListImage_SubTask {
    background-image: url(Images/Highlight-Task.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

#details_table_container {
    background: #fff !important;
    border-color: #eee !important;
    color: rgb(0, 0, 0) !important;
}

#details_table_container .ui-widget-content {
    background: #fff !important;
    border-color: #eee !important;
    color: rgb(0, 0, 0) !important;
}

#details_table_container .ui-state-default {
    background: #fff !important;
    border-color: #eee !important;
    color: rgb(0, 0, 0) !important;
}

#details_table_container .ui-widget-header {
    background: #fff !important;
    border-color: #eee !important;
    color: rgb(0, 0, 0) !important;
}

#details_table_container .ui-iggrid-headertext {
    background: #fff !important;
    border-color: #eee !important;
    color: rgb(0, 0, 0) !important;
}

#details_table_container #details_table_pager {
    background: #fff !important;
    border-color: #eee !important;
    color: rgb(0, 0, 0) !important;
}

#details_table_container #details_table_pager .ui-state-active {
    background: #fff !important;
    border-color: #eee !important;
    color: rgb(0, 0, 0) !important;
}

#details_table_container .ui-iggrid-headertext {
    font-weight: 500 !important;
    font-size: 1.1em;
}

#details_table_container .ui-iggrid-indicatorcontainer {
    margin-top: 0;
}

#details_table_container td {
    border: 1px solid transparent;
}

#details_table_container td.ui-state-hover {
    border-color: transparent;
    background: #fafafa;
    color: rgb(0, 0, 0);
    cursor: pointer;
}

#details_table_container td.ui-state-highlight {
    background: transparent;
    color: rgb(0, 0, 0);
}

#details_table_container #details_table_pager {
    padding: 4px 6px;
}

#details_table_container #details_table_pager .ui-iggrid-pagerrecordslabel {
    color: rgb(0, 0, 0) !important;
    font-size: 0.9em;
}

#details_table_container #details_table_pager .ui-state-active a {
    color: rgb(0, 0, 0) !important;
    font-size: 0.9em;
}

#details_table_container #details_table_pager .ui-state-active a:link {
    color: rgb(0, 0, 0) !important;
    font-size: 0.9em;
}

#details_table_container #details_table_pager .ui-state-active a:visited {
    color: rgb(0, 0, 0) !important;
    font-size: 0.9em;
}

#details_table_container #details_table_pager #details_table_pager_label {
    padding-top: 2px;
}

/*#endregion Quote/Scheme/Submission navigation */

/*#endregion Form details */

/*#region Forms */

/*#region Common form */

#container {
    position: relative;
    display: table;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 0 auto;
    padding: 0 32px;
}

#content {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    overflow: visible;
    background-color: transparent;
}

#maincontent {
    height: auto;
    background-color: transparent;
}

#details,
.steps #details {
    position: relative;
    top: auto !important;
    bottom: auto !important;
    left: auto;
    right: auto;
    padding: 10px 0 0 0;
    overflow: visible;
    clear: both;
}

/*#endregion Common form */

/*#region Handle columns which should scroll independently */

#details > div[style*="position: absolute;"] {
    position: relative !important;
    left: 0 !important;
    height: calc(100vh - 391px);
}

#details > div[style*="position: absolute;"]:first-child {
    float: left;
}

#maincontent.steps #details > div[style*="position: absolute;"] {
    height: calc(100vh - 500px);
}

/*#endregion Handle columns which should scroll independently */

/*#region Steps */

#RB_Steps {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 10px 0;
}

.RB_StepsContainer {
    border-radius: 4px 4px 4px 4px;
    background-color: #fdfdfd;
    padding-left: 32px;
    padding-right: 32px;
}

.RB_Step {
    width: 151px;
    max-width: 151px;
}

.RB_StepLabel {
    width: 150px;
    max-width: 150px;
    top: -36px;
    left: 0;
    text-align: center;
    font-size: 1em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
    white-space: normal;
    margin-left: 0px;
    margin-top: 2px;
}

.RB_Step1 {
    position: relative;
    top: 12px;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    padding: 1px 0 0 2.5px;
    border-radius: 20px;
    font-size: 1em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    background-color: #f3f3f3;
    background-image: none;
}

.RB_Step2 {
    position: relative;
    top: 12px;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    padding: 1px 0 0 2.5px;
    border-radius: 20px;
    font-size: 1em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    background-color: #f3f3f3;
    background-image: none;
}

.RB_Step3 {
    position: relative;
    top: 12px;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    padding: 1px 0 0 2.5px;
    border-radius: 20px;
    font-size: 1em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    background-color: #f3f3f3;
    background-image: none;
}

.RB_Step4 {
    position: relative;
    top: 12px;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    padding: 1px 0 0 2.5px;
    border-radius: 20px;
    font-size: 1em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    background-color: #f3f3f3;
    background-image: none;
}

.RB_Step5 {
    position: relative;
    top: 12px;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    padding: 1px 0 0 2.5px;
    border-radius: 20px;
    font-size: 1em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    background-color: #f3f3f3;
    background-image: none;
}

.RB_Step6 {
    position: relative;
    top: 12px;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    padding: 1px 0 0 2.5px;
    border-radius: 20px;
    font-size: 1em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    background-color: #f3f3f3;
    background-image: none;
}

.RB_Step1On {
    position: relative;
    top: 12px;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    padding: 1px 0 0 2.5px;
    border-radius: 20px;
    font-size: 1em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    background-color: #f3f3f3;
    background-image: none;
}

.RB_Step2On {
    position: relative;
    top: 12px;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    padding: 1px 0 0 2.5px;
    border-radius: 20px;
    font-size: 1em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    background-color: #f3f3f3;
    background-image: none;
}

.RB_Step3On {
    position: relative;
    top: 12px;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    padding: 1px 0 0 2.5px;
    border-radius: 20px;
    font-size: 1em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    background-color: #f3f3f3;
    background-image: none;
}

.RB_Step4On {
    position: relative;
    top: 12px;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    padding: 1px 0 0 2.5px;
    border-radius: 20px;
    font-size: 1em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    background-color: #f3f3f3;
    background-image: none;
}

.RB_Step5On {
    position: relative;
    top: 12px;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    padding: 1px 0 0 2.5px;
    border-radius: 20px;
    font-size: 1em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    background-color: #f3f3f3;
    background-image: none;
}

.RB_Step6On {
    position: relative;
    top: 12px;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    padding: 1px 0 0 2.5px;
    border-radius: 20px;
    font-size: 1em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    background-color: #f3f3f3;
    background-image: none;
}

.RB_Step1On {
    color: rgb(0, 0, 0);
    border: 1px solid rgba(52, 137, 175, 1.0);
}

.RB_Step2On {
    color: rgb(0, 0, 0);
    border: 1px solid rgba(52, 137, 175, 1.0);
}

.RB_Step3On {
    color: rgb(0, 0, 0);
    border: 1px solid rgba(52, 137, 175, 1.0);
}

.RB_Step4On {
    color: rgb(0, 0, 0);
    border: 1px solid rgba(52, 137, 175, 1.0);
}

.RB_Step5On {
    color: rgb(0, 0, 0);
    border: 1px solid rgba(52, 137, 175, 1.0);
}

.RB_Step6On {
    color: rgb(0, 0, 0);
    border: 1px solid rgba(52, 137, 175, 1.0);
}

td.RB_Step div:not([class='RB_StepLabel']):first-child:before {
    display: inline-block;
    position: absolute;
    width: 155px;
    height: 10px;
    left: -67px;
    border-bottom: 1px solid #f3f3f3;
    content: " ";
}

td.RB_Step:nth-child(1) div:not([class='RB_StepLabel']):first-child:before {
    left: 12px;
}

td.RB_Step:last-child div:not([class='RB_StepLabel']):first-child:before {
    width: 67px;
}

td.RB_Step div:not([class='RB_StepLabel']):first-child:after {
    position: relative;
}

.RB_Step1:after,
.RB_Step1On:after {
    content: "1";
}

.RB_Step2:after,
.RB_Step2On:after {
    content: "2";
}

.RB_Step3:after,
.RB_Step3On:after {
    content: "3";
}

.RB_Step4:after,
.RB_Step4On:after {
    content: "4";
}

.RB_Step5:after,
.RB_Step5On:after {
    content: "5";
}

.RB_Step6:after,
.RB_Step6On:after {
    content: "6";
}

.RB_StepSpacer {
    position: relative;
    top: -14px;
    background: none;
    border-bottom: 1px solid #f3f3f3;
}

/*#region Step bar */

#RB_StepBar {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    height: 38px;
    margin: 18px 0;
}

#RB_StepBar .Button-Step {
    display: inline-block;
    width: auto;
    min-width: auto;
    height: auto;
    margin: 0;
    float: none;
}

#RB_StepBar .RB_StepLeft .Button-Step {
    margin-right: 5px;
}

#RB_StepBar .RB_StepRight .Button-Step {
    margin-left: 5px;
}

.Button-Step .Text-Step {
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 38px;
    font-family: inherit;
    font-size: 1em;
    font-weight: 500;
    color: rgb(0, 0, 0);
    background-color: rgba(52, 137, 175, 1.0);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
}

    .Button-Step .Text-Step:hover {
        background-color: rgba(52, 137, 175, 0.8);
    }

/*#endregion Step bar */

/*#endregion Steps */

/*#region Tabs */

#RB_tabs {
    position: relative;
    height: 38px;
    left: auto;
    right: auto;
    margin: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

#RB_tabContent {
    position: absolute;
    width: 4000px;
}

#RB_tabContent .tabon {
    display: inline-block;
    width: 110px;
    padding: 0 10px;
    border-bottom: 5px solid transparent;
    color: #000;
    background-color: transparent;
    font-family: inherit;
    font-weight: 500;
    font-size: 0.85em;
    text-transform: uppercase;
    float: none;
}

#RB_tabContent .taboff {
    display: inline-block;
    width: 110px;
    padding: 0 10px;
    border-bottom: 5px solid transparent;
    color: #000;
    background-color: transparent;
    font-family: inherit;
    font-weight: 500;
    font-size: 0.85em;
    text-transform: uppercase;
    float: none;
}

#RB_tabContent .tabon {
    border-bottom: 5px solid rgba(52, 137, 175, 1.0);
    color: rgba(52, 137, 175, 1.0);
}

#RB_tabContent .taboff {
    cursor: pointer;
}

#RB_tabContent .tabSelect {
    background-image: url(images/ArrowDown.svg) !important;
    filter: none;
}

.tabSelectResults {
    padding: 10px 20px;
    background-color: #fafafa;
}

.tabSelectResults .tabSelectResultsBreak {
    border-bottom-color: #f3f3f3;
}

.tabSelectResults .tabSelectResultsTitle {
    padding: 0;
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-family: inherit;
    font-size: 1em;
}

.tabSelectResults .tabSelectResultsNew {
    width: auto;
    margin: 0;
    padding: 0px 8px;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 30px;
    background-color: rgba(52, 137, 175, 1.0);
    color: #fff !important;
    font-size: 1em;
    font-weight: normal;
    opacity: 0.9;
}

.tabSelectResults .tabSelectResultsNew:hover {
    opacity: 1;
}

.tabSelectResults .tabSelectResultItem {
    font-family: inherit;
    font-size: 0.9em;
}

#RB_tabLeftButton {
    top: 7px;
    background: none;
    background-color: rgba(52, 137, 175, 1.0);
    border-radius: 4px 0px 0px 4px;
}

#RB_tabRightButton {
    top: 7px;
    background: none;
    background-color: rgba(52, 137, 175, 1.0);
    border-radius: 4px 0px 0px 4px;
}

#RB_tabLeftButton:after {
    content: '';
    position: absolute;
    width: 100%; 
    height: 100%;
    top: 0; 
    left: 0;
    background-image: url(images/Highlight-ArrowLeft.svg);
    background-repeat: no-repeat;
    background-position: center center;
    filter: none;
}

#RB_tabRightButton:after {
    content: '';
    position: absolute;
    width: 100%; 
    height: 100%;
    top: 0; 
    left: 0;
    background-image: url(images/Highlight-ArrowLeft.svg);
    background-repeat: no-repeat;
    background-position: center center;
    filter: none;
}

#RB_widgetTabLeftButton:after {
    content: '';
    position: absolute;
    width: 100%; 
    height: 100%;
    top: 0; 
    left: 0;
    background-image: url(images/Highlight-ArrowLeft.svg);
    background-repeat: no-repeat;
    background-position: center center;
    filter: none;
}

#RB_widgetTabRightButton:after {
    content: '';
    position: absolute;
    width: 100%; 
    height: 100%;
    top: 0; 
    left: 0;
    background-image: url(images/Highlight-ArrowLeft.svg);
    background-repeat: no-repeat;
    background-position: center center;
    filter: none;
}

#RB_tabRightButton {
    border-radius: 0px 4px 4px 0px;
}

#RB_tabRightButton:after,
#RB_widgetTabRightButton:after {
    background-image: url(images/Highlight-ArrowRight.svg);
}

#RB_tabLeftButton.disabled {
    background-color: #666;
}

#RB_tabRightButton.disabled {
    background-color: #666;
}

/*#endregion Tabs */

/*#region Toolbar */

.toolbar {
    position: relative;
    height: 38px;
    left: auto;
    right: auto;
    padding: 12px 0 0 0;
}

    .toolbar #saveCancel {
        box-sizing: border-box;
        height: 38px;
    }

.toolbarright select.standarddropdown {
    border: none;
    border-radius: 0;
    color: rgb(0, 0, 0);
    background-color: #f0f0f0;
    background-image: url(images/ArrowDown.svg);
}

/*#endregion Toolbar */

/*#region Form content */    

#details div .RB_TabColumnFirst,
#details div .RB_TabColumnLast {
    padding: 0 0 0 10px;
}

.qTabTitle {
    margin-top: 4px;
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.qRegion.ui-accordion a {
    color: rgb(0, 0, 0);
}

/*#region Grids */

.qGrid-Accent-1 {
    padding: 10px;
    color: rgb(0, 0, 0);
    background-color: #fdfdfd;
}

.qGrid-Accent-2 {
    padding: 10px;
    color: rgb(0, 0, 0);
    background-color: #fdfdfd;
}

.qGrid-Accent-3 {
    padding: 10px;
    color: rgb(0, 0, 0);
    background-color: #fdfdfd;
}

.qGrid-Accent-4 {
    padding: 10px;
    color: rgb(0, 0, 0);
    background-color: #fdfdfd;
}

.qGrid-Accent-5 {
    padding: 10px;
    color: rgb(0, 0, 0);
    background-color: #fdfdfd;
}

.qGrid-Accent-4 tbody:last-child tr:last-child td {
    background-color: #fdfdfd;
    border-bottom: 1px solid #eee;
}

.qGrid-Accent-5 td {
    line-height: 34px;
    height: 48px;
}

.qGrid-Accent-5 td input {
    height: 34px !important;
    margin: 0px 0px 0px 0px;
    padding: 4px 14px 4px 14px;
    box-sizing: border-box;
}

/*#endregion Grids */

/*#region Square Grid 'Default' styling */

table.qDefault {
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 2px;
    background-color: #fdfdfd;
    font-size: 0.9em;
    font-weight: 300;
}

.qDefault td {
    height: 40px;
    line-height: 34px;
}

.qDefault td select {
    box-sizing: border-box;
    height: 34px !important;
    margin: 0px 0px 0px 0px;
    padding: 4px 14px 4px 14px;
}

.RB_TabColumnContainer {
    display: inline-block;
    vertical-align: top;
}

#details .RB_TabColumn,
#details .RB_TabColumnFirst,
#details .RB_TabColumnLast,
.RB_TabColumnContainer > div {
    padding: 0 0 0 10px;
}

#details div .RB_TabColumnFirst, #details div .RB_TabColumnLast {
    padding: 0 0 0 10px;
}

/*#endregion Square Grid 'Default' styling */

#RB_mainContent #details .qText-Accent-4 {
    color: rgba(52, 137, 175, 1.0) !important;
}

#RB_mainContent #details .qText-Accent-8 {
    color: rgba(52, 137, 175, 1.0) !important;
}

.RB_AddDeleteButton {
    padding-top: 12px;
}

/*#endregion Form content */    

/*#region Footer */

#footerleft {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    padding-left: 0;
    color: rgba(52, 137, 175, 1.0);
    font-size: 0.8em;
    font-weight: 500;
    text-indent: 0;
    white-space: nowrap;
    text-align: justify;
    text-justify: inter-word;
}

.footerdelimiter {
    border-color: rgba(52, 137, 175, 1.0);
}

/*#endregion Footer */

/*#endregion Forms */

/****************
 Everything under here is mostly unchanged since it was copied from sequel theme.
 Some of it may not be necessary so could be removed?

*/










































/*#region jquery */

.ui-widget {
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #004B87;
    text-decoration: none;
}

/*#endregion jquery */

.MessageLoader {
    position: relative;
    background-image: none;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}

.toolbarright {
    padding-top: 0px;
}

    .toolbarright .standarddropdown {
        color: #004B87;
        background-color: white;
        box-sizing: border-box;
        height: 34px !important;
        border-radius: 4px;
        margin: 0px 0px 0px 0px;
        padding: 4px 30px 4px 14px;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        border: 1px solid #a9acad;
        background-image: url(images/ArrowDown.svg);
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 16px 16px;
    }

        .toolbarright .standarddropdown::-ms-expand {
            display: none;
        }

.toolbarright standarddropdown:focus {
    border-color: #004B87;
}





.select2-results__option {
    background-color: #fafafa;
}

.select2-dropdown--below {
    color: rgb(0, 0, 0);
    background-color: #f0f0f0;
    border: 1px solid #eee;
    border-top: none;
    border-radius: 0px 0px 4px 4px;
}

.select2-results__option--highlighted {
    border-top: none;
    border-bottom: none;
    color: rgb(0, 0, 0);
    background: rgba(52, 137, 175, 1.0);
}

.MessageItemSelected {
    background-color: rgba(52, 137, 175, 1.0);
}

#details_table_caption {
    color: rgb(0, 0, 0);
}

/*#region Hierarchy Explorer */

.RB_hierarchyExplorer .expansionToggle {
    background-image: url(images/ArrowRight.svg);    
}

.RB_hierarchyExplorer .expanded .expansionToggle {
    background-image: url(images/ArrowDown.svg);    
}

.RB_hierarchyRecordItem:hover {
    background-color: #fdfdfd;
}

.RB_hierarchyRecordItem.expanded {
    background-color: #fdfdfd;
}

.RB_hierarchyRecordEntriesArea.recordExpanded {
    background-color: #fdfdfd;
}

.RB_hierarchyRecordEntryItem:hover {
    background-color: #fafafa;
}

.RB_hierarchyRecordEntryItem.expanded {
    background-color: #fafafa;
}

.RB_hierarchyGroup {
    background-color: #fafafa;
}

.RB_hierarchyGroupItem {
    background-color: #fafafa;
}

.RB_hierarchyRecordItem {
    border-bottom: 1px solid #f3f3f3;
}

.RB_hierarchyRecordEntryItem {
    border-bottom: 1px solid #f3f3f3;
}

.RB_hierarchyGroup:last-child {
    border-bottom: 1px solid #f3f3f3;
}

.RB_hierarchyGroupItem {
    border-bottom: 1px solid #f3f3f3;
}

.RB_hierarchyRecordItem > .details > .value {
    color: #75776F;
}

.RB_hierarchyRecordEntryItem .icon {
    background-color: #666;
    background-image: url(images/Enquiry.svg);
}

.RB_hierarchyGroupItem .icon {
    background-color: #666;
    background-image: url(images/Enquiry.svg);
}

.RB_hierarchyRecordEntryItem.RENEWAL .icon {
    background-image: url(images/Refresh.svg);
    background-size: 20px;
    background-position-x: 5px;
}

.RB_hierarchyRecordEntryItem.MTA .icon {
    background-image: url(images/Cursor.svg);
}

.RB_hierarchyGroupItem.companyLink .icon {
    background-image: url(images/Person.svg);
}

.RB_hierarchyGroupItem.SUBTASK_CLEARANCE_CHECK .icon {
    background-image: url(images/Task.svg);
}

.RB_hierarchyRecordEntryItem > .details > .caption {
    color: #75776F;
}

.RB_hierarchyGroupItem > .details > .caption {
    color: #75776F;
}

.RB_hierarchyRecordItem > .statusArea > .thisRecord,
.RB_hierarchyRecordEntryItem > .thisRecordEntry {
    background-image: url(images/View.svg);
}

.RB_hierarchyRecordEntryItem > .statusArea > .status {
    background-color: #75776F;
}

.RB_hierarchyGroupItem > .statusArea > .status {
    background-color: #75776F;
}

.RB_hierarchyRecordEntryItem .openButton,
.RB_hierarchyGroupItem .openButton {
    background-image: url(images/Button-Open.svg);
}

/*#endregion Hierarchy Explorer */

/*#region Custom styles for kanban theme*/

/*#region Common fixes*/

#logo {
    background-position: left !important;
	width: 500px;
}

.ui-tooltip {
    opacity: 100 !important;
}

.qGrid td select[disabled] {
    opacity: 1;
}

.qGrid td select,
.qGrid td input,
.qGrid td textarea{
    font-size: 14px;
}

#RB_ActionAttachmentsSection .Button-Browse {
    padding-top: 6px;
}

#RB_WidgetContainer .RB_WidgetCreateRecordEntry, #RB_WidgetContainer .RB_WidgetSpreadsheetDownload {
	width: fit-content;
}

/*#region Common fixes*/

.Text-Cancel a, .Text-Cancel a:visited, .Text-Cancel a:link{
    color: #fff;
}

/*#region Light theme specific fixes */

.AttachmentsName a {
    color: #000000;
}
.AttachmentsName a:hover {
    color: #000000;
}
.AttachmentsName a span:hover {
    color: #000000;
}

/*#region Quote Navigation */

.QNLink{
    transition: all .2s ease-in-out;
}

.RB_QN_Selected {
    background-color: #ededed;
	transition: all .2s ease-in-out;
}

.QNLinkLine1,
.QNLinkLine2,
.CNLinkLine2 {
    color: #000;
}

.QNLink:hover {
    background-color: rgba(52, 137, 175, 1.0);
}

.QNLink:hover .RelListLinkLine1,
.QNLink:hover .RelListLinkLine2,
.QNLink:hover .RelListLinkRef{
	color: #ffffff;
}

.RelListImage_Policy{
	background-image: url(Images/document.svg);
}

.QNLink:hover .RelListImage_Policy{
	background-image: url(Images/Highlight-document.svg);
}

#RB_RelList_GrpTitle{
	margin-left: 0;
}

.Text-Disabled{
	background-color: #EBEBEB;
}

/*#endregion Quote Navigation */

/*#endregion Light theme specific fixes */

.RB_timelineEntryAttachmentPreviewButton {
    background-image: url(images/Highlight-View.svg);
} 

/*#region Grids */


.qGrid td input,
.qGrid td select,
.qGrid td textarea,
.qDefault td input,
.qDefault td select,
.qDefault td textarea{
    background-color: #ffffff !important;
    border: 1px solid #ddd;
    padding: 4px 8px;
    font-size: 11.5px;
}

.qGrid td input:focus,
.qGrid td select:focus,
.qGrid td textarea:focus,
.qDefault td input:focus,
.qDefault td select:focus,
.qDefault td textarea:focus{
    border: 1px solid #ccc;
}

.qDefault td input[readonly]{
    color: #000;
    background-color: #f0f0f0 !important;
}

.qDefault td select[readonly]{
    color: #000;
    background-color: #f0f0f0 !important;
}

.qDefault td textarea[readonly]{
    color: #000;
    background-color: #f0f0f0 !important;
}

.qDefault td input[disabled]{
    color: #000;
    background-color: #f0f0f0 !important;
}

.qDefault td select[disabled]{
    color: #000;
    background-color: #f0f0f0 !important;
}

.qDefault td textarea[disabled]{
    color: #000;
    background-color: #f0f0f0 !important;
}

.qGrid td input[readonly]{
    color: #000;
    background-color: #f0f0f0 !important;
}

.qGrid td select[readonly]{
    color: #000;
    background-color: #f0f0f0 !important;
}

.qGrid td textarea[readonly]{
    color: #000;
    background-color: #f0f0f0 !important;
}

.qGrid td input[disabled]{
    color: #000;
    background-color: #f0f0f0 !important;
}

.qGrid td select[disabled]{
    color: #000;
    background-color: #f0f0f0 !important;
}

.qGrid td textarea[disabled]{
    color: #000;
    background-color: #f0f0f0 !important;
}

/*#endregion Grids */

/*#region Buttons */

.Button-Save .Text-Save-Error,
.Text-Save-Error,
.Text-Save-Error:hover{
    border: 1px solid red;
    background-color: #e11b22 !important;
}

.Button-Save .Text-Save-Error a,
.Text-Save-Error a,
.Text-Save-Error a:visited,
.Text-Save-Error a:link{
    color: #fff !important;
}

.Text-Disabled,
.Text-Disabled:hover{
    background-color: #c9cac8 !important;
}

.Text-Disabled a,
.Text-Disabled a:visited,
.Text-Disabled a:link{
    color: #fff !important;
}

/*#endregion Buttons */

#RB_homeArea .RB_layoutLink .RB_layoutLinkCaption{
    color: #000;
}

/*#region Misc */

h1{
    color: #000;
}
/* An error occured while processing your request text colour */
h1.error{
    color: #f00;
}

/* Work screen hover box text wrapping*/
.RB_kanbanGraphContainer .kanban-html-hover .cardview .header-section{
    margin-bottom: 0;
}

.RB_kanbanGraphContainer .kanban-html-hover .cardview .hover-value .cell-text.data-value{
    text-wrap: wrap;
}

/* Actions cell spacing */

#historydetail > table.qGrid td:first-child {
    width: 230px;
}

#historydetail > table.qGrid td input,
#historydetail > table.qGrid td select,
#historydetail > table.qGrid td textarea{
    width: 240px;
}

/*#endregion Misc */

/*#region Widgets*/

.RB_WidgetCreateRecordEntrySettings tr td select{
    padding: 4px 8px;
    font-size: 11.5px;
    width: 200px;
}

/*#endregion Widgets*/


/*#region radio buttons updating issue */

.updating .RB_radioButtonContainer{
    border: none !important;
}

.RB_radioButtonContainer span.RB_radioButtonCaption {
    border: 1px solid #f0f0f0;
    font-weight: 500;
    padding: 0 16px 0 16px;
}

.RB_radioButtonContainer.disabled .RB_radioButtonCaption{
    color: rgb(0, 0, 0);
}

.updating span.RB_yesNoContainer {
    border: none;
    padding: none;
}

.updating span.RB_radioButtonCaption{
    border: 1px solid #f0f0f0;
    padding-right: 16px;
    padding-left: 16px;
}

/*#endregion radio buttons updating issue */

/*#endregion Custom styles for kanban theme*/
/*#region Custom clean styles for kanban theme*/

/*#region Chart Styling */

/* (use the --chart-{identifier} prefix with target property in the suffix) */

/* Styling for Series (--chart-series-n) */

.qChartGrid canvas{	
}

/* Styling for Title (--chart-title) */

.qChartGrid canvas{
	--chart-title-font-color: #000;
}

/* Styling for Axes (--chart-x-axis-n; --chart-y-axis-n) */

.qChartGrid canvas {
	--chart-x-axis-1-label-font-color: #000;
	--chart-x-axis-1-ticks-font-color: #000;
	--chart-x-axis-1-color: #f0f0f0;
	--chart-x-axis-1-grid-color: #f0f0f0;
    --chart-x-axis-2-label-font-color: #000;
    --chart-x-axis-2-ticks-font-color: #000;
    --chart-x-axis-2-color: #f0f0f0;
    --chart-x-axis-2-grid-color: #f0f0f0;
	/* -------------------------------------- */
    --chart-y-axis-1-label-font-color: #000;
	--chart-y-axis-1-ticks-font-color: #000;
	--chart-y-axis-1-color: #f0f0f0;
	--chart-y-axis-1-grid-color: #f0f0f0;
    --chart-y-axis-2-label-font-color: #000;
    --chart-y-axis-2-ticks-font-color: #000;
    --chart-y-axis-2-color: #f0f0f0;
    --chart-y-axis-2-grid-color: #f0f0f0;
}

/* Styling for Tooltips (--chart-tooltip) */

.qChartGrid canvas {
}

/* Styling for Center Labels (--chart-center-label) */

.qChartGrid canvas {
	--chart-center-label-text-font-color: #000;
	--chart-center-label-subtext-font-color: #000;
}

/* Styling for Legend (--chart-legend) */

.qChartGrid canvas {
	--chart-legend-label-font-color: #000;
}

/* Styling for Pie/Doughnut Segment Labels (--chart-segment) */

.qChartGrid canvas {
	--chart-segment-label-font-color: #fff;
}

/* Styling for Pie/Doughnut Outer Labels (--chart-outer) */

.qChartGrid canvas {
	--chart-outer-label-font-color: #000;
}

/*#endregion Chart Styling */

/*#endregion Custom clean styles for kanban theme*/