.cc-application-background {
    background: url('../images/LOGIN-BoardPortal.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.cc-application-default-background {
    background-image: linear-gradient(336deg, #c7c7c7, #fff);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.cc-side-navigator-outer-toolbar {
    background-color: #f2f2f2;
}
.dx-dropdowneditor-button {
    display: block;
}
.dx-button,
.dx-button-has-text .dx-button-content,
.dx-button-has-text .dx-button-content .dx-button-text {
    overflow: visible;
}
.cc-side-navigator-menu .dx-treeview-expander-icon-stub {
    display: none !important;
}

.cc-login-portal-header {
    color: #602a15;
}
.cc-login-panel {
    background-image: linear-gradient(336deg, #c7c7c7, #fff);
    /* grey panel on background */
    box-shadow:
        0 0 50px -12px #505c97,
        0 0 400px 19px #050b23;
}
.cc-layout-toolbar {
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.12),
        0 1px 2px rgba(0, 0, 0, 0.24);
}

.cc-user-panel-image-container,
.cc-hyper-link {
    color: #ff5722;
}
.cc-hyperlink {
    cursor: pointer !important;
}

.cc-side-navigator-menu,
.cc-side-navigator-menu .footer-toolbar {
    background-color: #363640;
}
.cc-side-navigator-menu .tree-item-template .header-text,
.cc-side-navigator-menu .tree-item-template .header-icon-button,
.cc-side-navigator-menu .tree-item-template .header-icon-button-right,
.cc-side-navigator-menu .tree-item-template .header-icon-button-back {
    color: #fff !important;
}
.cc-stacked-1x,
.cc-stacked-roles,
.cc-side-navigator-menu .selected-menu-label,
.cc-side-navigator-menu .tree-item-template .roles,
.cc-side-navigator-menu .tree-item-template .selected-header-text,
.cc-side-navigator-menu .tree-item-template .selected-header-icon-button,
.cc-side-navigator-menu .tree-item-template .selected-header-icon-button-right,
.cc-side-navigator-menu .tree-item-template .selected-header-icon-button-back {
    color: #ff5722 !important;
}
.cc-side-navigator-menu .tree-view-expanded .dx-treeview .dx-treeview-node[aria-level='1'] {
    border-bottom: 1px solid #fff;
}
.cc-side-navigator-menu
    .dx-treeview
    .dx-treeview-node-container
    .dx-treeview-node:not(.dx-state-focused)
    > .dx-treeview-item.dx-state-hover {
    background-color: #0a0a0a !important;
    color: #fff !important;
}
.cc-side-navigator-menu .dx-treeview .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
    background-color: #363640;
    color: #ff5722;
}

.cc-scrollview-container {
    border-top: 1px solid rgba(0, 0, 0, 0.24);
}
.cc-text-required {
    color: #f00 !important;
}
.cc-text-warned {
    color: #ffa500 !important;
}
.cc-header-title {
    font-size: xx-large;
    color: #ff5722;
}
.cc-grey-background,
.cc-unbudgeted-row {
    background-color: #c7c7c7;
}

.cc-light-grey-background {
    background-color: #eeeeee;
}

.cc-white-smoke-background {
    background-color: #f5f5f5 !important;
}

.cc-acknowledgement-background {
    background-color: #e9ecef;
}

.contactus-form-title-border {
    border-bottom: 0.5px solid #c7c7c7;
}

.cc-approval-button-content .approval-button {
    color: #a1451b;
}
.cc-approval-button-content .badger-inner-header {
    background: #f00;
    background: -webkit-linear-gradient(#ff5722, #f00);
}
.cc-approval-button-content .badger-badge-header {
    color: #fff;
}

.cc-announcement-button-content .announcement-button {
    color: #a1451b;
}
.cc-announcement-button-content .badger-inner-header {
    background: #f00;
    background: -webkit-linear-gradient(#ff5722, #f00);
}
.cc-announcement-button-content .badger-badge-header {
    color: #fff;
}
.cc-announcement-grey-button-content .announcement-button {
    color: #888;
}

.cc-announcement-scrollview-container .announcement-message-container .announcement-subject {
    color: #050b23;
}
.cc-announcement-scrollview-container .announcement-message-container .announcement-date {
    color: #666;
}
.cc-icon-check {
    color: #107a0e !important;
}
.cc-icon-cross {
    color: #f00 !important;
}

.cc-lightgreen-icon {
    color: #00ff00 !important;
}
.cc-green-color,
.cc-green-icon {
    color: #228b22 !important;
}
.cc-white-icon {
    color: #fff !important;
}
.cc-yellow-icon {
    color: #ffff00 !important;
}

.cc-error-text,
.cc-red-icon {
    color: #ff0000 !important;
}
.cc-blue-icon,
.dx-icon-runner {
    color: #1b6ea1 !important;
}
.cc-warn-icon {
    color: #e47148 !important;
}

.cc-icon-pdf {
    color: #c81e26;
}
.cc-icon-docx {
    color: #2c569b;
}
.cc-icon-xlsx {
    color: #107a0e;
}
.cc-icon-ppt {
    color: #e47148;
}
.cc-icon-png {
    color: #d27ef3;
}
.cc-icon-jpg {
    color: #6cb9f1;
}
.cc-icon-gif {
    color: #4ecdc4;
}

.cc-grey,
.cc-icon-text {
    color: #333;
}
.cc-icon-content {
    color: #ff5722;
}

.cc-layout-toolbar .dx-toolbar-items-container {
    height: 60px;
}
:host-context(.screen-x-small) .cc-layout-toolbar .dx-toolbar-items-container {
    height: 50px;
}
.cc-layout-toolbar .dx-toolbar-before {
    font-size: large;
}
:host-context(.screen-x-small) .cc-layout-toolbar .dx-toolbar-before {
    padding-left: 15px;
}
.cc-layout-toolbar .dx-toolbar-label {
    font-size: xx-large;
    color: #a1451b;
}
.cc-layout-toolbar .dx-toolbar-after {
    padding-right: 20px;
    font-size: large;
}
:host-context(.screen-x-small) .cc-layout-toolbar .dx-toolbar-after {
    padding-right: 15px;
}
.cc-layout-toolbar .dx-toolbar-item {
    padding: 0 15px;
}
:host-context(.screen-x-small) .cc-layout-toolbar .dx-toolbar-item {
    padding: 0 10px;
}
.cc-user-panel-image-container {
    color: #ff5722;
}
.cc-layout-toolbar .dx-button-has-icon .dx-icon {
    font-size: x-large;
    width: 24px;
    height: 20px;
}
:host-context(.screen-x-small) .cc-layout-toolbar .dx-button-has-icon .dx-icon {
    padding: large;
    width: 24px;
    height: 20px;
}
.cc-toolbar-toggle-menu .dx-icon {
    color: #ff5722;
}
.cc-search-highlight-color {
    background-color: lightgray;
}
/**************************** REVISED HELP MODULE *****************************/
.cc-help-content-block .help-title-bar {
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.12),
        0 1px 2px rgba(0, 0, 0, 0.24);
}
.cc-help-content-block .help-toolbar {
    background-color: #fff;
}
.cc-help-content-block .help-toolbar .dx-toolbar-label {
    color: #ff5722;
}
.cc-help-content-block .help-toolbar-menu .dx-icon {
    color: #ff5722;
}
.cc-help-content-accordian .dx-accordion-item-title {
    background-color: lightgray !important;
}
.cc-help-content-accordian .dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
    background-color: lightgray !important;
}
.cc-help-content-box {
    background-color: #fff;
}
.cc-help-content-box .help-content-toolbar {
    background-color: lightgray;
}
.cc-help-content-box .help-content-related-documents {
    color: black;
    font-size: medium;
}
:host-context(.screen-x-small) .cc-help-content-box .help-content-related-documents {
    font-size: small;
}
.cc-help-content-box .help-content-related-documents .dx-button-mode-contained {
    background-color: #fff;
    border-color: #fff;
}
.cc-help-content-box .help-content-related-articles {
    color: black;
    text-decoration-color: #337ab7 !important;
    font-size: medium;
}
:host-context(.screen-x-small) .cc-help-content-box .help-content-related-articles {
    font-size: small;
}
.cc-help-content-box .help-content-related-articles .dx-button-mode-contained {
    background-color: #fff;
    border-color: #fff;
}
.cc-help-content-box .related-articles {
    background-color: lightgray !important;
}
.cc-help-content-tree .dx-treelist-search-text {
    background-color: lightgray;
    color: #333;
}
.cc-help-content-tree .dx-treelist-container {
    border-color: lightgray !important;
}
.cc-help-content-tree .dx-treelist-header-panel {
    border-bottom: 1px solid lightgray;
}
.cc-help-context-tree .dx-treelist-search-text {
    background-color: lightgray;
    color: #333;
}
.cc-help-context-tree .dx-treelist-container {
    border-color: lightgray !important;
}
.cc-help-context-tree .dx-treelist-header-panel {
    border-bottom: 1px solid lightgray;
}
.cc-search-panel-box .search-panel-container .dx-list-item .dx-icon {
    color: rgba(0, 0, 0, 0.87);
}

.cc-invoice-reponsive-box .left-button-row-container .dropdown-button-content .dropdown-button {
    background-color: #ff5722;
    border-color: transparent;
    color: #fff !important;
}
.cc-invoice-reponsive-box .left-button-row-container .dropdown-button-content .dropdown-button .dx-icon {
    color: #fff !important;
}
.cc-invoice-reponsive-box .left-button-row-container .dropdown-button-content .dropdown-button .dx-button-content {
    color: #fff !important;
}
.cc-invoice-reponsive-box .left-button-row-container .dropdown-button-content .dropdown-button:hover {
    background-color: #ff5722 !important;
}
.cc-invoice-reponsive-box .select-button-container .select-button-content .select-normal-button .dx-icon {
    color: #666 !important;
}
.cc-invoice-reponsive-box .row-container .field-star {
    color: #f00;
}
.cc-workflow-queue-box .icon-button-content .dx-icon {
    color: #ff5722;
}
.cc-select-button-container .select-button-content .select-normal-button .dx-icon {
    color: #666 !important;
}
.pop-up-icon {
    color: #602a15;
}
.cc-account-edit-box .icon-button-content .dx-icon {
    color: #ff5722;
}
.dropdown-menu-button .dx-icon {
    color: #fff !important;
}

.cc-search-toolbar-container .toolbar-item-container .button-container .search-button {
    border: 1px solid lightgray;
}
.cc-search-toolbar-container .toolbar-item-container .button-container .search-button .dx-icon {
    color: #c7c7c7 !important;
}
.cc-search-toolbar-container .toolbar-item-container .button-container .cc-dev-release-menu {
    border: 1px solid #ff0000;
}
.cc-search-toolbar-container .toolbar-item-container .button-container .cc-dev-release-menu .dx-icon {
    color: #ff0000 !important;
}
.cc-search-toolbar-container .toolbar-item-container .button-container .cc-qa-release-menu {
    border: 1px solid #97c95c;
}
.cc-search-toolbar-container .toolbar-item-container .button-container .cc-qa-release-menu .dx-icon {
    color: #97c95c !important;
}

.cc-search-toolbar-container .toolbar-item-container .button-container .selected-search-button {
    border: 1px solid #ff5722 !important;
}
.cc-search-toolbar-container .toolbar-item-container .button-container .selected-search-button .dx-icon {
    color: #ff5722 !important;
}

.cc-search-toolbar-container .toolbar-item-container .button-container .search-button-inverse {
    background-color: #fff;
    border: 1px solid #afb6bb;
    color: #333;
}
.cc-search-toolbar-container .toolbar-item-container .button-container .search-button-inverse .dx-icon {
    color: #333 !important;
}

.cc-navigation-search-component-container .text-input .dx-texteditor-input {
    color: lightgray !important;
}

.cc-search-button .dx-icon {
    color: #c7c7c7 !important;
}

.cc-document-container .layout-body {
    border: 1px solid #c7c7c7;
}
.cc-document-container .drawer-content .documents-drawer-panel {
    border-right: 1px solid #c7c7c7;
}
.cc-document-container .drawer-content .document-tree-file-pdf {
    color: #f00;
}
.cc-document-container .drawer-content .document-tree-file-doc {
    color: #1b6ea1;
}
.cc-document-container .drawer-content .document-tree-file-image {
    color: #000;
}
.cc-document-container .document-toolbar-container .document-toolbar-content {
    background-color: #363640;
    border: 1px solid #363640;
}
.cc-document-container .document-toolbar-container .document-tree-drawer-button {
    padding-left: 5px !important;
    padding-right: 5px;
}
.cc-document-container .document-toolbar-container .document-tree-drawer-button .document-toggle-toolbar-button {
    color: #000;
}

.property-dashboard-item-container .cc-header-strip {
    background-color: #ff5722;
}
.property-dashboard-item-container .cc-value-text {
    color: #ff5722;
}
.cc-shadow-box {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.175);
}

.cc-information-container .cc-information-content {
    border-bottom: 1px solid #c7c7c7;
}
.cc-information-container .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
    color: #fff !important;
}
.cc-legal-information-container .dx-item .dx-list-item {
    border-bottom: 1px solid #c7c7c7;
}
.cc-legal-information-container .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
    color: #fff !important;
}
.cc-board-of-directors-container .dx-item .dx-list-item {
    border-bottom: 1px solid #c7c7c7;
}
.cc-amenity-info-bordered-bottom {
    border-bottom: 1px solid #c7c7c7;
}
.cc-white-background {
    background-color: #fff !important;
}

.cc-recurring-payment-container .cc-message-container .cc-in-collection-message {
    color: #ff0000;
}

/* All dx-tabs selected tab */
.cc-tabs .dx-tab-selected,
.dx-tabpanel-tabs .dx-tab-selected,
.cc-tabs .dx-tab-selected .dx-icon {
    background-color: #a1451b;
    color: #fff !important;
}

.dx-tab.dx-tab-selected .dx-icon,
.dx-tab.dx-tab-selected .dx-tab-text {
    color: #fff !important;
}

.cc-tab-panel .dx-tabpanel-tabs .dx-tab.dx-tab-selected .dx-tab-content {
    color: #fff !important;
}

.cc-theme-background {
    background-color: #f2f2f2;
}

.cc-white-color,
.cc-white-color .dx-icon {
    color: #fff !important;
}

.cc-dynamic-data-grid-container .cc-tick-icon .fa-check {
    color: #228b22;
}

.cc-dynamic-data-grid-container .cc-tick-icon .fa-times {
    color: #f00;
}
.delete-template-button .dx-button .dx-button-content .fa-times {
    color: #f00;
}
.cc-dynamic-data-grid-container .action-button .dx-dropdownbutton-action,
.action-button .dx-dropdownbutton-action {
    background-color: #337ab7;
    color: #fff !important;
}
.cc-dynamic-data-grid-container .action-button .dx-dropdownbutton-action:hover,
.action-button .dx-dropdownbutton-action:hover {
    background-color: #1d4567;
    color: #fff !important;
}
.cc-dynamic-data-grid-container .action-button .dx-dropdownbutton-action .dx-icon,
.action-button .dx-dropdownbutton-action .dx-icon {
    color: #fff !important;
}

.report-summary-row-back-color {
    background-color: #f4f4f4 !important;
}

.report-header-row-back-color {
    background-color: lightgray !important;
}

.report-grandtotal-row-back-color {
    background-color: #c7c7c7 !important;
}

.property-radio-group {
    border: 0.5px solid lightgray;
}

.service-team-box {
    background: #ffffff;
}

.support-team-form {
    border-top: 5px solid #f2f2f2;
}

.service-office-box {
    background: #ffffff;
}

.axis-template-text {
    fill: #707070;
}

.profile-unapproved {
    border: 3px solid #f00;
}

.cc-yellow-background {
    background-color: rgb(255, 255, 96) !important;
}
.cc-orange-background {
    background-color: rgb(255, 196, 96) !important;
}
.cc-lot-load-green-background {
    background-color: #b3e0a6 !important;
}
.cc-lot-load-red-background {
    background-color: #ffc4c4 !important;
}
.cc-lot-load-yellow-background {
    background-color: #ffff99 !important;
}
.cc-lot-load-blue-background {
    background-color: #03a9f4 !important;
    color: #333;
}
.cc-lot-load-tooltip-ul {
    padding-inline-start: 10px !important;
}
.cc-lot-load-cell-required {
    border-left: 3px solid rgb(255, 0, 0) !important;
}

.cc-red-background {
    background-color: rgb(255, 64, 64) !important;
}
.cc-red-background-as-text {
    color: rgb(255, 64, 64) !important;
}
.cc-disabled {
    color: #888;
}
.email-reader-field .cc-field-input .dx-textbox {
    border-color: transparent;
    background: transparent;
    border-bottom-color: #333;
}
.email-reader-field .cc-field-input .dx-textbox.attributed .dx-placeholder,
.email-reader-field .cc-field-input .dx-textbox.dx-state-disabled .dx-placeholder {
    color: #333;
}

.apply-prepaid-payment-content .apply-prepaid-payment-form .prepaid-payment-amount-to-pay .dx-texteditor-input {
    color: #f00 !important;
}

/* owner communication text chat styles */
.text-communication-history-container {
    border: 1px solid lightgrey;
}

.text-communication-history-date .message-date {
    background: #ececec;
}

.msg-time-content .msg-time-right {
    color: white;
}

.text-communication-history-not-inbound-msg .text-communication-history-date-not-inbound {
    color: grey;
}

.text-communication-history-not-inbound-msg .text-communication-history-msg-not-inbound {
    background-color: #337ab7;
    color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.text-communication-history-not-inbound-msg .text-communication-history-msg-not-inbound :after {
    background: #337ab7;
}

.text-communication-history-inbound-msg .text-communication-history-date-inbound {
    color: grey;
}

.text-communication-history-inbound-msg .text-communication-history-msg-inbound {
    background-color: #ededed;
    color: #000000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.text-communication-history-inbound-msg .text-communication-history-msg-inbound:after {
    background: #ededed;
}

.cc-check-icon {
    color: #228b22 !important;
}

.cc-cross-icon {
    color: #ff0000 !important;
}

.cc-listitem-border-color .dx-list-item {
    border-color: #dee1e3;
}

.document-breadcrumb-link {
    color: #ffffff !important;
}

.cc-overridden-box {
    background-color: #ff0 !important;
    color: #000 !important;
    padding: 0.25rem !important;
}

.action-dropdown-button .dx-button-content {
    background-color: #337ab7 !important;
}

.action-dropdown-button .dx-button-content .action-icon {
    color: #ffffff !important;
}

.cc-top-navigator-menu {
    background-color: #fff;
}

.cc-action-button .icon-button-content .dx-icon {
    color: #ff5722;
}

.cc-highlight-new-attachment-row {
    background-color: #5cb85c;
}

.cc-owner-search-component-container .cc-search-text-input .dx-texteditor-input,
.cc-community-search-component-container .cc-search-text-input .dx-texteditor-input {
    color: lightgray !important;
}

.cc-owner-search-component-container .cc-search-text-input.inverse-color .dx-texteditor-input,
.cc-community-search-component-container .cc-search-text-input.inverse-color .dx-texteditor-input {
    color: #333 !important;
}

.custom-focused-row .dx-row-focused.dx-data-row > td {
    color: unset !important;
    background-color: #ededed !important;
    border-bottom-color: #ddd !important;
}

.photo-container {
    background-color: #0a0a0a;
}

.photo-container .photo-nav-previous,
.photo-container .photo-nav-next,
.photo-container .photo-content .photo-caption {
    background-color: rgba(30, 30, 30, 0.75) !important;
    color: #fff;
}

.cc-icon-button-content ::ng-deep .dx-icon {
    color: #ff5722;
}
.cc-budget-cell-label {
    background-color: rgba(100, 200, 100, 0.75);
}

.cc-budget-cell-modified {
    border: 3px solid rgba(92, 184, 92, 0.5) !important;
}

#statement-grid-element .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
#statement-grid-element .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused),
#statement-grid-element .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link {
    background-color: #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    color: unset;
}

.cc-contact-information-container .cc-contact-information-list .dx-list-item.dx-list-item-selected {
    background-color: #fff !important;
    color: #ff5722 !important;
}
.cc-contact-information-container .action-button .dx-dropdownbutton-action {
    background-color: #ff5722 !important;
    color: #fff !important;
}
.cc-contact-information-container .action-button .dx-dropdownbutton-action .dx-icon {
    color: #fff !important;
}

.action-menu .dx-menu-items-container {
    border: 1px solid #ddd;
}
.cc-community-production {
    color: rgb(0, 146, 0) !important;
}
.cc-community-intransition {
    color: rgb(236, 146, 72) !important;
}
.cc-community-terminated {
    color: rgb(255, 32, 32) !important;
}

.cc-dark-grey,
.cc-community-terminating {
    color: #666666 !important;
}
.cc-text-color {
    color: #000;
}
.cc-list-border .dx-list-item-selected {
    background-color: #c7c7c7 !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #ffb9a3;
    color: #fff;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
    border-left-color: #e6e6e6;
    border-right-color: #e6e6e6;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
    border-bottom-color: #e6e6e6;
}
.cc-card-box-shadow {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.cc-calender-cell {
    background-color: #eeeeee;
}
