/*
 Import Google font css
 */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,600);
/*
 Import Hamilton styles
 */
@import url('hamilton/css/hamilton.css');

/*#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(0, 181, 173, 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(0, 181, 173, 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(0, 181, 173, 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(0, 181, 173, 1.0);
}

/*#endregion Date pickers */

/*#region Sliders */

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

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

.ui-slider .ui-slider-range {
    border-radius: 12px;
    background: none;
    background-color: rgba(0, 181, 173, 1.0);
}

/*#endregion Sliders */

/*#region Toggle buttons */

.ui-checkboxradio-label {
    display: inline-block;
}

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

.ui-checkboxradio-label .ui-checkboxradio-icon {
    display: inline-block;
    position: relative;
    width: 42px;
    height: 24px;
    margin: 0 5px;
    background: none;
    cursor: pointer;
}

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

.ui-checkboxradio-label .ui-checkboxradio-icon: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: background 0.3s ease, left 0.3s ease;
}

.ui-checkboxradio-label.ui-state-active .ui-checkboxradio-icon:before {
    background: rgba(0, 181, 173, 1.0);
}

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

.ui-checkboxradio-label.ui-state-disabled.ui-state-active .ui-checkboxradio-icon:before,
.ui-checkboxradio-label.ui-state-disabled.off .ui-checkboxradio-icon:before {
    background: #333;
}

.ui-checkboxradio-label.ui-state-disabled.ui-state-active .ui-checkboxradio-icon:after,
.ui-checkboxradio-label.ui-state-disabled.off .ui-checkboxradio-icon:after {
    background: #666 linear-gradient(transparent,rgba(0,0,0,.2));
}

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

/*#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(0, 181, 173, 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(0, 181, 173, 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(0, 181, 173, 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(0, 181, 173, 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(0, 181, 173, 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(0, 181, 173, 1.0);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
}

.Button-New .Text-New:hover {
    background-color: rgba(0, 181, 173, 0.8);
}

.Button-Save .Text-Save:hover {
    background-color: rgba(0, 181, 173, 0.8);
}

.Button-Cancel .Text-Cancel:hover {
    background-color: rgba(0, 181, 173, 0.8);
}

.Button-Create .Text-Create:hover {
    background-color: rgba(0, 181, 173, 0.8);
}

.Button-Delete .Text-Delete:hover {
    background-color: rgba(0, 181, 173, 0.8);
}

.Button-Step .Text-Step:hover {
    background-color: rgba(0, 181, 173, 0.8);
}

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

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

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

.Text-Save-Error {
    border: 1px solid #f77;
    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 #f77;
        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: #646779 !important;
    }

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

    .Text-Disabled a:link {
        color: #646779 !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(0, 181, 173, 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(0, 181, 173, 1.0);
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
}

    #loginbutton:hover {
        opacity: 0.9;
    }

.forgottenpassword {
    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(0, 181, 173, 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(0, 181, 173, 0.5);
}

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

.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: #fff;
}

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

.RB_searchCriteria select {
    padding: 4px 28px 4px 8px;
    background-color: #fff;
    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: #fff !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(0, 181, 173, 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(0, 181, 173, 1.0);
    font-weight: 500;
    font-size: 0.9em;
}

.MessageAddresseeTextSelected {
    margin-left: 5px;
    color: rgba(0, 181, 173, 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(0, 181, 173, 1.0);
}

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

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

.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(0, 181, 173, 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(0, 181, 173, 1.0);
    background-color: rgba(0, 181, 173, 1.0);
    color: rgb(0, 0, 0);
}

/*#endregion Calendar */

/*#endregion Widgets */

/*#region Action Panel */

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

    .OrgNoteIcon.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;
}

.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;
}

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

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

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

/*#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(0, 181, 173, 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 */

.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;
}

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

.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;
}

.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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;    
}

.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: url(images/Wallpapers/home.jpg);
}

/*#endregion Common */

/*#region Custom controls */

/*#region Multi-select */

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

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

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

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

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

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

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

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

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

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

sui-multi-select.ui.dropdown .menu .selected.item {
    background-color: rgba(0, 181, 173, 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(0, 181, 173, 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: #646779;
}

.toggleSwitchContainer .offLabel {
    color: #646779;
}

.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(0, 181, 173, 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 */

/*#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(0, 181, 173, 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(0, 181, 173, 1.0);
    background: #f0f0f0;
} 

.RB_navigationLinks .RB_layoutLink.active {
    border-left-color: rgba(0, 181, 173, 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(0, 181, 173, 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 10px 20px 10px;
    border-radius: 2px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}

/*#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 {
    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 .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;
}

#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(0, 181, 173, 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(0, 181, 173, 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(0, 181, 173, 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 {
    color: #75776F;
}

.RB_kanbanGraphContainer .kanban-html-hover .cardview .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 {
    background-color: #fdfdfd;
    border-left: 1px solid #eee;
}

.RB_kanbanFiltersTitleArea {
    position: relative;
}

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

.RB_kanbanResetFiltersButton {
    color: rgba(0, 181, 173, 1.0);
}

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

.RB_kanbanFiltersTab {
    color: #75776F;
}

.RB_kanbanFiltersTab.selected {
    border-bottom-color: rgba(0, 181, 173, 1.0);
    color: rgba(0, 181, 173, 1.0);
}

/*#endregion Common filters */

/*#region Quick filters */

.RB_kanbanQuickFilterItem:hover {
    border-color: rgba(0, 181, 173, 1.0);
    background-color: #fafafa;
}

.RB_kanbanQuickFilterItem.active {
    border-color: rgba(0, 181, 173, 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 sui-multi-select.ui.multiple.search.dropdown {
    background-color: #fff;
}

.RB_kanbanPreciseFilters sui-multi-select.ui.dropdown .menu {
    background-color: #fff;
}

/*#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(0, 181, 173, 1.0);
    color: rgb(0, 0, 0);
}

#RB_widgetTabs #RB_widgetTabContent .taboff {
    background-color: #fff;
    color: rgba(0, 181, 173, 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(0, 181, 173, 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(0, 181, 173, 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(0, 181, 173, 1.0);
    color: #fff;
    font-weight: normal;
}

.RB_WidgetCreateRecordEntrySave:link {
    background-color: rgba(0, 181, 173, 1.0);
    color: #fff;
    font-weight: normal;
}

.RB_WidgetCreateRecordEntrySave:active {
    background-color: rgba(0, 181, 173, 1.0);
    color: #fff;
    font-weight: normal;
}

.RB_WidgetBdxDownload:visited {
    background-color: rgba(0, 181, 173, 1.0);
    color: #fff;
    font-weight: normal;
}

.RB_WidgetBdxDownload:link {
    background-color: rgba(0, 181, 173, 1.0);
    color: #fff;
    font-weight: normal;
}

.RB_WidgetBdxDownload:active {
    background-color: rgba(0, 181, 173, 1.0);
    color: #fff;
    font-weight: normal;
}

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

.RB_WidgetBdxDownload:hover {
    background: none;
    background-color: rgba(0, 181, 173, 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(0, 181, 173, 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: radial-gradient(ellipse at 50% -30%, rgba(255, 255, 255, 0.07), #fff 70%, #fff), url(images/Wallpapers/banner.png);
}

.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(0, 181, 173, 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.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.navigationIcon:after {
    background-image: url(images/Navigation.svg);
}

.RB_formDetailsFormArea {
    background-color: #fff;
}

.RB_formDetailsContentContainer {
    background-color: #fff;
}

.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(0, 181, 173, 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 Timeline */

#RB_ActionAttachmentsPanel {
    border-color: #3C454C;
}

.toolbarLeftMenu {
    padding-left: 0px;
}

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

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

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

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

.RB_timelineContainer 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_timelineContainer span.notessub {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 15px 0;
    padding: 8px 12px;
    border-radius: 8px;
    color: rgb(255, 255, 255);
    background-color: #3B4451;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    line-height: normal;
}

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

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

/*#endregion Timeline */

/*#region Virtual file */

.RB_virtualFileContainer {
    min-height: 640px;
}

.RB_virtualFileContainer #RD_orgDetails {
    min-width: 400px;
}

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

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

.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;
}

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

.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;
}

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

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    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] {
    background-color: #fafafa;
}

.select2-container--default .select2-results__option--highlighted[aria-selected=true] {
    background-color: #fafafa;
}

.RB_virtualFileContainer #RD_orgPanel {
    position: relative;
    height: 300px;
    top: auto !important;
    left: auto;
    right: auto;
    padding: 4px 0;
    bottom: auto !important;
    border-color: Var(--border-color);
}

.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 .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: 25px;
    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-bottom: 5px;
}

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

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

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

.RB_virtualFileContainer #RD_orgAddNote textarea {
    font-size: 1em;
    font-weight: normal;
}

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

.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(0, 181, 173, 1.0);
}

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

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

#RD_orgAddTask textarea {
    height: 40px !important;
    margin-bottom: 5px !important;
    width: 256px;
}

#RD_orgAddTask input {
    width: 256px;
}

#RD_orgAddNote textarea {
    margin: 0px 0px 10px 0px;
    padding: 4px 14px 4px 14px;
    box-sizing: border-box;
    border-color: grey;
    background-color: transparent;
}

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

/*#endregion Documents */

/*#region Spreadsheets */

#SpreadsheetUploadInProgress {
    width: 25px;
    height: 25px;
    background-image: url(Images/RulebookLoaderSmall.gif);
    background-repeat: no-repeat;
    background-position: center;
}

/*#endregion Spreadsheets */

/*#region Quote navigation */

.QNLink {
    color: rgb(255, 255, 255);
    font-weight: normal;
    font-size: 0.95em;
}

.QNLinkLine1 {
    color: rgb(255, 255, 255);
    font-weight: normal;
    font-size: 0.95em;
}

.QNLinkLine2 {
    color: rgb(255, 255, 255);
    font-weight: normal;
    font-size: 0.95em;
}

.QNLink:hover {
    background-color: #3B4451;
}

#RB_QN_CustomerPanel {
    min-width: 300px;
    border-color: #3C454C;
}

/*#endregion Quote 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;
}

/*#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(0, 181, 173, 1.0);
}

.RB_Step2On {
    color: rgb(0, 0, 0);
    border: 1px solid rgba(0, 181, 173, 1.0);
}

.RB_Step3On {
    color: rgb(0, 0, 0);
    border: 1px solid rgba(0, 181, 173, 1.0);
}

.RB_Step4On {
    color: rgb(0, 0, 0);
    border: 1px solid rgba(0, 181, 173, 1.0);
}

.RB_Step5On {
    color: rgb(0, 0, 0);
    border: 1px solid rgba(0, 181, 173, 1.0);
}

.RB_Step6On {
    color: rgb(0, 0, 0);
    border: 1px solid rgba(0, 181, 173, 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(2) 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(0, 181, 173, 1.0);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
}

    .Button-Step .Text-Step:hover {
        background-color: rgba(0, 181, 173, 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;
}

#RB_tabContent .tabon {
    display: inline-block;
    width: 110px;
    padding: 0 10px;
    border-bottom: 5px solid transparent;
    color: #646779;
    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: #646779;
    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(0, 181, 173, 1.0);
    color: rgba(0, 181, 173, 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(0, 181, 173, 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(0, 181, 173, 1.0);
    border-radius: 4px 0px 0px 4px;
}

#RB_tabRightButton {
    top: 7px;
    background: none;
    background-color: rgba(0, 181, 173, 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);
}

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

/*#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 */

#RB_mainContent #details .qText-Accent-4 {
    color: rgba(0, 181, 173, 1.0) !important;
}

#RB_mainContent #details .qText-Accent-8 {
    color: rgba(0, 181, 173, 1.0) !important;
}

/*#endregion Form content */    

/*#region Footer */

#footerleft {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    padding-left: 0;
    color: rgba(0, 181, 173, 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(0, 181, 173, 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(0, 181, 173, 1.0);
}

.MessageItemSelected {
    background-color: rgba(0, 181, 173, 1.0);
}

#details_table_caption {
    color: rgb(0, 0, 0);
}

/*#region Custom styles for kanban theme*/

/* login screen logo */

#loginbox::before {
    width: 200px;
    height: 60px;
    content: "";
    position: fixed;
    left: 20px;
    top: 20px;
    background-image: url('images/LoginLogo.png');
    background-size: contain;
	background-repeat: no-repeat !important;
}
	
/* Main screen misc. */

#logo {
    background-position: left !important;
}

.ui-tooltip {
    opacity: 100 !important;
}

/* Sidebar */

.RB_navigationMenuArea {
    background-color: #3f3a60;
    color: #ffffff;
}

#headerlogoff{
    color: #ffffff;
}

.RB_navigationLinks .RB_layoutLink:hover {
    border-left-color: #00b5ad;
    background: #5c5377;
} 

.RB_navigationLinks .RB_layoutLink.active {
    border-left-color: #00b5ad;
    background: #5c5377;
}

.regionSettings #settingsTitle {
    color: #fff;
    background-color: #00b5ad;
}

#headeruser li a,
#headerteam li a{
    color: #ffffff;
}

/* Buttons */

.Text-Disabled {
    background-color: #fff !important;
}

.Text-Disabled:hover {
    background-color: #fff !important;
}

/* Sliders */

.ui-slider {
    background: #5c5377;
}

/* Widget buttons */

/* Other */

.RB_timelineContainer span.notesdate::after {
   background-color: #00b5ad;
}


/* Background Colour Changes */

#RB_Body {
    background-image: none;
    background-color: #3F3A60;
}

.RB_formDetailsContainer {
    background-image: radial-gradient(ellipse at 50% -30%, rgba(255, 255, 255, 0.07), #f4f7fc 70%, #f4f7fc), url(images/Wallpapers/banner.png);
}

.RB_formDetailsFormArea {
    background-color: #f4f7fc;
}

.RB_formDetailsContentContainer {
    background-color: #f4f7fc;
}

.RB_slidingPanel {
    background-color: #f4f7fc;
}

/*#region Steps */

.RB_Step {
    position: relative;
    z-index: 1;
}

.RB_StepLabel {
    font-size: 20px;
    width: 250px;
    max-width: 250px;
    left: -50px;
}

td.RB_Step div:not([class='RB_StepLabel']):first-child:before{
	z-index: -1;
}

.RB_StepsContainer {    
    background-color: #f4f7fc
}

.RB_Step1, .RB_Step2, .RB_Step3,
.RB_Step4, .RB_Step5, .RB_Step6 {    
    color: #fff;    
    background-color: #656868;
}

.RB_Step1On, .RB_Step2On, .RB_Step3On,
.RB_Step4On, .RB_Step5On, .RB_Step6On {
    color: #fff;
    background-color: #00b5ad;
    border: 1px solid #00b5ad;
}

td.RB_Step div:not([class='RB_StepLabel']):first-child:before {
    border-bottom: 1px solid #656868;
}

.RB_StepSpacer {
    border-bottom: 1px solid #656868;
}

.RB_Step1On + div > div,
.RB_Step2On + div > div,
.RB_Step3On + div > div,
.RB_Step4On + div > div,
.RB_Step5On + div > div,
.RB_Step6On + div > div {
    color: #00b5ad;
}

/*#endregion Steps */

/*#region Regions */

.qRegion .ui-accordion-header {
    font-size: 20px;
}

.qRegion .ui-accordion-header a {
    font-size: 20px;
}

.qRegion.ui-accordion .ui-accordion-header {
    font-size: 20px;
}

.qRegion.ui-accordion .ui-accordion-header a {
    font-size: 20px;
}

.qRegion-Accent-1.ui-accordion .ui-accordion-header {
    font-size: 20px;
}

.qRegion-Accent-1.ui-accordion .ui-accordion-header a {
    font-size: 20px;
}    

.qRegion .ui-accordion-header {
    border-top-color: #cccccc;
}

.qRegion.ui-accordion .ui-accordion-header {
    border-top-color: #cccccc;
	padding-left: 20px;
}    

.qRegion .ui-accordion-header {
    border-top: 1px solid #cccccc;
    margin-top: 0;
    padding-left: 35.2px;
    padding-top: 11px;
    padding-bottom: 11px;
} 

.qRegion-Accent-1.ui-accordion .ui-accordion-header {
    border-top: 1px solid #cccccc;
}

.ui-accordion .ui-accordion-content {
    border-bottom-color: #cccccc !important;
}

.qRegion.ui-accordion .ui-accordion-content {
    border-bottom: 1px solid #cccccc;
	padding-left: 20px;
}

.qRegion-Accent-1.ui-accordion .ui-accordion-content {
    border-bottom: 1px solid #cccccc;
}

/*#endregion Regions */

/* region Region Borders */

#details > div:nth-child(2){
	border: 1px solid #cccccc;
}

#details div .RB_TabColumnFirst{
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding-left: 0;
}

/* endregion Region Borders */

/*#region Grids */

input:disabled, textarea:disabled {
    opacity: 0.7;
}

.qTitle {
    font-size: 20px !important;
    font-weight: 500 !important;
    font-family: 'Roboto', sans-serif !important;
	color: #000;
}

.qText-Accent-5 {
    font-size: 14px !important;
	vertical-align: top;
}

.qGrid-Accent-1, .qGrid-Accent-2,
.qGrid-Accent-3, .qGrid-Accent-4,
.qGrid-Accent-5 {
    background-color: #f4f7fc;
	margin-bottom: 0;
}

.qGrid-Accent-4 tbody:last-child tr:last-child td {
    background-color: #f4f7fc;
    border-bottom: 1px solid #9fa4a6;
}

.qGrid td {
    font-size: 14px;
}

.qGrid-Accent-5 {
	padding-top: 14px;	
}

.qGrid-Accent-5 td {
    font-size: 14px;
	vertical-align: top;
}

.gridtable td {
    font-size: 14px;
}

.qGrid td select {    
    background-color: #fff !important;
}

.qGrid td input {    
    background-color: #fff !important;
}

.qGrid td textarea {   
    background-color: #fff !important;
}

.qGrid-Accent-5 td select {
    background-color: #fff !important;
}

.qGrid-Accent-5 td input {
    background-color: #fff !important;
}

.qGrid-Accent-5 td textarea {
    background-color: #fff !important;
}

.gridtable td select {
    background-color: #fff !important;
}

.gridtable td input {
    background-color: #fff !important;
}

.gridtable td textarea {
    background-color: #fff !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*#endregion Grids */

/* #region Documents */

.RB_documentsContainer #RB_DocumentPanel {
    border-color: #9fa4a6; 
}

.RB_documentsContainer #RB_BespokeDocumentsPanel {
    border-color: #9fa4a6; 
}

/* #endregion Documents */


/*#region Quote navigation */

.QNLink {
    color: #9fa4a6;
}

.QNLinkLine1 {
    color: #000;
}

.QNLinkLine2 {
    color: #000;
}

.QNLink:hover {
    background-color: #e2e2e2;
}

#RB_QN_CustomerPanel {
    border-color: #9fa4a6;
}

#RB_QN_SubmissionPanel {
    border: 1px solid #9fa4a6;
}

.RB_QN_Selected {
    background-color: #fff;
}

#RB_QN_ThisPolicyPanel {    
    border: 1px solid #9fa4a6;
}

#RB_QN_RenewalPanel {
    border: 1px solid #9fa4a6;
}

/*#endregion Quote navigation */

.ui-widget {
    font-size: 14px;
}

/*#region Responsive step design */

#RB_Body .qRegion.ui-accordion{
    min-width: 780px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

@media only screen and (max-width: 1680px) {
    #details > div[style*="position: absolute;"]:first-child {
        width: 67% !important;        
    }
    #details > div[style*="position: absolute;"]:nth-child(2) {
        width: 32.5% !important;
    }
    #details > div:nth-child(2) .qGrid-Accent-5 td input {
        width: 57% !important;
    }
    #details > div:nth-child(2) .qGrid td > input[type="checkbox"],
    #details > div:nth-child(1) .qGrid td > input[type="checkbox"] {
        width: 15px !important;
    }
    #details > div:nth-child(2) table {
        width: 97% !important;
        min-width: 370px;
    }
    #details > div:nth-child(1) table {
        width: 97% !important;
        min-width: 700px;
    }
    #details > div:nth-child(1) table.RB_Slider {
        width: 90% !important;
        min-width: 0px;
    }
    #details > div:nth-child(2) .qGrid td {
        min-width: 40px !important;        
    }
    #details > div:nth-child(2) .qGrid td input:not([type='checkbox']),
    #details > div:nth-child(2) .qGrid-Accent-5 td input:not([type='checkbox']) {
        width: 98% !important;
    }
    #container {
        min-width: 1280px;
    }
    
    #details > div:nth-child(1) textarea {
        width: 97% !important;
    } 
}


@media only screen and (max-width: 1400px) { 
    #details .qGrid td {
        font-size: 13px;
    }
    #details .qGrid-Accent-5 td {
        font-size: 13px;
    }
    #details .qGrid span{
        font-size: 13px;
    }
    #details .qDefault span{
        font-size: 14px;
		width: 80px;
    }
    #details > div:nth-child(2) .qGrid td input:not([type='checkbox']) {
        width: 98% !important;
    }
    #container {
        min-width: 1208px;
    }
    #details > div:nth-child(1) #InsuringAgreementsRegion table {
        width: 97% !important;
        min-width: 760px;        
    }
    #details > div:nth-child(1) #InsuringAgreementsRegion .qGrid td:first-child {
        width: 50px !important;
    }
    #details > div:nth-child(1) #InsuringAgreementsRegion td input {
        width: 97% !important;
    }
    #details > div:nth-child(1) #InsuringAgreementsRegion input[type="checkbox"] {
        width: 15px !important;
    }    
}

@media only screen and (max-width: 1310px) {       
    #details > div:nth-child(2) .qGrid td input {
        width: 97% !important;
    }
    #details .qGrid td {
        font-size: 12px;
    }
    #details .qGrid-Accent-5 td {
        font-size: 12px;
    }
    #details .qDefault span{
        font-size: 12px;
    }
    #container {
        min-width: 90%;
    }   
    #details > div:nth-child(1) .qGrid td > input {
        width: 97% !important;
    } 
    
}


@media only screen and (max-width: 990px) {
    #container {
        min-width: 880px;
    }
}

/*#endregion Responsive step design */

/*#endregion Custom styles for kanban theme*/