/* Scrollbar */
/* width */
::-webkit-scrollbar {
    width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #c7c7c7;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #050b23;
}

.cc-application-background {
    background: url('../images/ResidentPortal.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.cc-application-default-background {
    background-image: none !important; /* background removed */
    background-color: #c7c7c7;
}

.cc-login-portal-header {
    color: #153560;
}

.cc-login-panel {
    background-image: linear-gradient(336deg, #c7c7c7, #fff); /* grey panel on background */
    box-shadow: 0 0 50px -12px #070c25, 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-white-smoke-background {
    background-color: #f5f5f5 !important;
}

.cc-layout-toolbar .dx-toolbar-items-container {
    height: 60px !important ;
}
:host-context(.screen-x-small) .cc-layout-toolbar .dx-toolbar-items-container {
    height: 50px !important;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-before {
    padding-right: 15px;
    padding-left: 15px;
}
.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: #1b6ea1;
}
.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: 15px;
}
:host-context(.screen-x-small) .cc-layout-toolbar .dx-toolbar-item {
    padding: 10px;
}
.cc-user-panel-image-container,
.cc-hyper-link {
    color: #03a9f4;
}
.cc-layout-toolbar .dx-button-has-icon .dx-icon {
    font-size: x-large;
}
:host-context(.screen-x-small) .cc-layout-toolbar .dx-button-has-icon .dx-icon {
    padding: large;
}
.cc-all-pageheader {
    font-size: x-large;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
:host-context(.screen-x-small) .cc-all-pageheader {
    font-size: medium;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.cc-user-panel-container {
    color: rgba(0, 0, 0, 0.87);
    border-bottom: rgba(0, 0, 0, 0.1);
}
.cc-white-background {
    background-color: #fff !important;
}

.cc-side-navigator-outer-toolbar {
    background-color: #f2f2f2;
}

.cc-side-navigator-menu {
    background-color: #363640;
}
.cc-side-navigator-menu .top-item-menu {
    border-bottom: 1px solid #fff;
    color: #fff !important;
}
.cc-side-navigator-menu .top-item-menu .header-icon-button {
    background-color: transparent;
}
.cc-side-navigator-menu .top-item-menu .header-icon-button .dx-icon {
    color: #fff;
}
.cc-side-navigator-menu .top-item-menu .selected-header-icon-button {
    background-color: transparent;
}
.cc-side-navigator-menu .top-item-menu .selected-header-icon-button .dx-icon {
    color: #03a9f4;
}
.cc-side-navigator-menu .top-item-menu .header-icon-button-right {
    background-color: transparent;
}
.cc-side-navigator-menu .top-item-menu .header-icon-button-right .dx-icon {
    color: #fff;
}
.cc-side-navigator-menu .top-item-menu .header-text {
    color: #fff !important;
}
.cc-side-navigator-menu .top-item-menu .selected-header-text {
    color: #03a9f4;
}
.cc-side-navigator-menu .top-item-menu :hover {
    background-color: #000 !important;
}
.cc-side-navigator-menu .scroll-view-container {
    border-bottom: 1px solid #fff;
}
.cc-side-navigator-menu .top-item-content {
    background-color: #363640 !important;
}
.cc-side-navigator-menu .top-item-content .content-text .each-text {
    color: #fff;
}
.cc-side-navigator-menu .top-item-content .content-text .selected-each-text {
    color: #03a9f4;
}
.cc-side-navigator-menu .top-item-content-hover :hover {
    background-color: #000 !important;
}
.cc-side-navigator-menu .dx-treeview {
    white-space: nowrap;
    color: #fff;
}
.cc-side-navigator-menu .dx-treeview .dx-treeview-item {
    background-color: #363640 !important;
    color: #fff;
}
.cc-side-navigator-menu .dx-treeview .dx-treeview-toggle-item-visibility {
    color: #fff;
}
.cc-side-navigator-menu .dx-treeview .dx-rtl .dx-treeview-toggle-item-visibility {
    color: #fff;
}
.cc-side-navigator-menu .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.dx-state-selected:not(.dx-state-focused)
    > .dx-treeview-item {
    background-color: #363640;
    color: #fff;
}
.cc-side-navigator-menu
    .dx-treeview
    .dx-treeview-node-container
    .dx-treeview-node.dx-state-selected
    > .dx-treeview-item
    * {
    color: #03a9f4 !important;
    background-color: #363640 !important;
}
.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
    :host-context(.dx-theme-generic)
    .dx-treeview
    .dx-treeview-node-container
    .dx-treeview-node.dx-state-selected.dx-state-focused
    > .dx-treeview-item
    * {
    color: #03a9f4 !important;
    background-color: #363640 !important;
}
.cc-side-navigator-menu .footer-toolbar {
    background-color: #363640;
}

.cc-select-property {
    color: #fff !important;
    border-bottom: 1px solid #fff;
}
.cc-select-property .header .select-property-text-area-container {
    background-color: #363640 !important;
    color: #fff !important;
}
.cc-select-property .header .select-property-text-area-container .select-property-custom-text-area-container {
    background-color: #363640 !important;
    color: #fff !important;
}
.cc-select-property
    .header
    .select-property-text-area-container
    .select-property-custom-text-area-container
    .dx-texteditor-input {
    color: #fff !important;
}
.cc-select-property .select-property-select-box {
    color: #fff;
    background-color: #363640;
}
.cc-select-property .select-property-select-box-popup:hover {
    background-color: #000;
}
.cc-select-property .select-property-select-box .select-property-select-box-button {
    background-color: #363640 !important;
}
.cc-select-property .select-property-select-box .select-property-select-box-button,
.cc-select-property .select-property-select-box .select-property-select-box-button .dx-icon {
    color: #fff !important;
}
.cc-select-property .select-property-select-box .select-property-text-container {
    background-color: #363640 !important;
    color: #fff !important;
}
.cc-select-property .select-property-select-box .dx-texteditor-input {
    color: #fff !important;
}
.cc-select-property .select-property-select-box .dx-placeholder {
    color: #fff !important;
}
.cc-bordered-box {
    border: 1px solid #d2d3d5;
}
.cc-information-container .cc-information-content {
    border-bottom: 1px solid #c7c7c7;
}
.cc-error-text {
    color: red !important;
}
.cc-legal-information-container .dx-item .dx-list-item {
    border-bottom: 1px solid #c7c7c7;
}
.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-select-property-overlay-container {
    background-color: #363640;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.cc-select-property-overlay-container:hover {
    background-color: #000;
}

.cc-header-title {
    font-size: xx-large;
    color: #1b6ea1;
}

.cc-scrollview-container {
    border-top: 1px solid rgba(0, 0, 0, 0.24);
}

.cc-text-required {
    color: #ff0000;
}

.cc-text-warned {
    color: #ffa500 !important;
}

.cc-dark-grey {
    color: #666666 !important;
}

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

.cc-clickable-link-container {
    border-color: #ddd;
    color: #333;
}

.community-calendar-container .community-calendar-filter-tagbox div[data-dx_placeholder='Any'] {
    color: #000 !important;
}

.amenity-calendar-container .amenity-calendar-filter-tagbox div[data-dx_placeholder='Any'] {
    color: #000 !important;
}

/* All dx-tabs selected tab */
.cc-tabs .dx-tab-selected,
.dx-tabpanel-tabs .dx-tab.dx-tab-selected .dx-icon, .dx-tab.dx-tab-selected .dx-tab-text {
    /* background-color: #03a9f4; */
    background-color: #337ab7;
    color: #fff;
}

.cc-open-compliance-container .open-compliance-grid-container .dx-datagrid-nodata {
    color: #228b22;
}

.cc-open-compliance-container .open-compliance-grid-container .dx-datagrid-nodata > i {
    margin-right: 5px;
}

.cc-grey-background {
    background-color: #c7c7c7 !important;
}

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

.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 {
    border: 1px solid #c7c7c7;
}
.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;
}

.cc-announcement-button-content .announcement-button {
    color: #1b6ea1;
}
.cc-announcement-grey-button-content .announcement-button {
    color: #888;
}
.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-board-announcement-scrollview-container .board-announcement-message-container .board-announcement-subject {
    color: #050b23;
}
.cc-board-announcement-scrollview-container .board-announcement-message-container .board-announcement-date {
    color: #666;
}
.cc-board-announcement-scrollview-container .board-announcement-message-container .board-announcement-subject {
    color: #050b23;
}
.cc-board-announcement-scrollview-container .board-announcement-message-container .board-announcement-date {
    color: #666;
}
.cc-lightgreen-icon {
    color: #00ff00;
}

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

.cc-green-color,
.cc-green-icon {
    color: #228b22;
}
.cc-white-icon {
    color: #fff;
}
.cc-yellow-icon {
    color: #ffff00;
}
.cc-red-icon {
    color: #ff0000;
}
.cc-blue-icon,
.dx-icon-runner {
    color: #1b6ea1 !important;
}
.cc-warn-icon {
    color: #e47148;
}
.cc-icon-pdf {
    color: #c81e26;
}
.cc-icon-docx {
    color: #2c569b;
}
.cc-icon-xlsx {
    color: #107a0e;
}
.cc-icon-pptx {
    color: #e47148;
}
.cc-icon-png {
    color: #d27ef3;
}
.cc-icon-jpg {
    color: #6cb9f1;
}
.cc-icon-gif {
    color: #4ecdc4;
}

.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 !important;
    color: #fff !important;
}
.cc-dynamic-data-grid-container .action-button .dx-dropdownbutton-action:hover,
.action-button .dx-dropdownbutton-action:hover {
    background-color: #1d4567 !important;
    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;
}
.cc-portal-announcement-container .announcement-release-date {
    color: #666;
}
.cc-theme-accent-as-text-color {
    color: #03a9f4;
}
.select-property-customer-text {
    color: #c7c7c7;
}

.cc-contact-information-container .dx-item .dx-list-item {
    border-bottom: 1px solid #c7c7c7;
}

.cc-contact-information-container .contact-right-container .dx-item .dx-list-item {
    border: none;
}

.cc-contact-information-container .action-button .dx-dropdownbutton-action,
.action-button .dx-dropdownbutton-action {
    background-color: #337ab7;
    color: #fff !important;
}
.cc-contact-information-container .action-button .dx-dropdownbutton-action:hover,
.action-button .dx-dropdownbutton-action:hover {
    background-color: #1d4567;
    color: #fff !important;
}
.cc-contact-information-container .action-button .dx-dropdownbutton-action .dx-icon,
.action-button .dx-dropdownbutton-action .dx-icon {
    color: #fff !important;
}

.cc-contact-information-list-container .dx-list-item.dx-list-item-selected {
    background-color: #fff !important;
    color: #337ab7 !important;
}
.cc-recurring-payment-container .cc-message-container .cc-in-collection-message {
    color: #ff0000;
}

.user-dashboard-item-container .cc-header-strip {
    background-color: #337ab7;
}
.user-dashboard-item-container .cc-value-text {
    color: #337ab7;
}
.cc-shadow-box {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.175);
}
.cc-onetime-payment-home-container .cc-ach-message {
    color: #ff0000;
}

.cc-statement-container .action-button .dx-dropdownbutton-action,
.action-button .dx-dropdownbutton-action {
    background-color: #337ab7;
    color: #fff !important;
}
.cc-statement-container .action-button .dx-dropdownbutton-action:hover,
.action-button .dx-dropdownbutton-action:hover {
    background-color: #1d4567;
    color: #fff !important;
}
.cc-statement-container .action-button .dx-dropdownbutton-action .dx-icon,
.action-button .dx-dropdownbutton-action .dx-icon {
    color: #fff !important;
}
.dx-checkbox-icon {
    border: 1px solid #000000 !important;
}
.dx-radiobutton-icon:before {
    border: 1px solid #000000 !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;
}