/* * Glensburg Studio stylesheet for RISE CRM 4.0 * Version 0.2.9, 10 October 2026 * * Loaded by the Glensburg plugin after RISE's own stylesheets. Three parts: * 1. Fonts and tokens * 2. Colour layer: RISE's colour declarations restated in Glensburg's colours (built by script) * 3. Glensburg's own rules: menu, top bar, cards, buttons, fields, tables, pills, sign-in * * Brand v3.0: deep green #16301F, bone #F2EDE3, brass #CDAF83 (on green only), * brass text #846629 (on white or bone only), ink #181C17. DM Sans for titles, Inter for the rest. * RISE's markup changes between versions: after a RISE update, check the menu, the dashboard, * a table, a form and the sign-in page. */ /* ---------- 1. Fonts and tokens ---------- */ @font-face { font-family: "DM Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/dm-sans-latin-500-normal.woff2) format("woff2"); } @font-face { font-family: "DM Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/dm-sans-latin-600-normal.woff2) format("woff2"); } :root { --g-green: #16301F; --g-green-deep: #0E2115; --g-bone: #F2EDE3; --g-brass: #CDAF83; --g-brass-text: #846629; --g-brass-mark: #A98545; --g-ink: #181C17; --g-muted: #5A6159; --g-ground: #F7F4EE; --g-line: #E2DCCF; --g-line-strong: #CFC7B6; --g-field: #857F74; --g-error: #A3302A; --g-title: "DM Sans", "Inter", system-ui, sans-serif; /* Bootstrap's own variables, so its components follow */ --bs-body-color: #181C17; --bs-body-color-rgb: 24, 28, 23; --bs-emphasis-color: #181C17; --bs-emphasis-color-rgb: 24, 28, 23; --bs-secondary-color: rgba(24, 28, 23, 0.72); --bs-secondary-bg: #EDEAE3; --bs-tertiary-bg: #F2EDE3; --bs-primary: #16301F; --bs-primary-rgb: 22, 48, 31; --bs-secondary: #5A6159; --bs-secondary-rgb: 90, 97, 89; --bs-success: #1E5434; --bs-success-rgb: 30, 84, 52; --bs-info: #5A6159; --bs-info-rgb: 90, 97, 89; --bs-warning: #846629; --bs-warning-rgb: 132, 102, 41; --bs-danger: #A3302A; --bs-danger-rgb: 163, 48, 42; --bs-link-color: #16301F; --bs-link-color-rgb: 22, 48, 31; --bs-link-hover-color: #846629; --bs-link-hover-color-rgb: 132, 102, 41; --bs-border-color: #E2DCCF; --bs-border-color-translucent: rgba(24, 28, 23, 0.12); --bs-focus-ring-color: rgba(169, 133, 69, 0.3); --bs-form-valid-color: #1E5434; --bs-form-valid-border-color: #1E5434; --bs-form-invalid-color: #A3302A; --bs-form-invalid-border-color: #A3302A; /* DataTables: the selected row */ --dt-row-selected: 22, 48, 31; --dt-row-selected-text: 242, 237, 227; --dt-row-selected-link: 205, 175, 131; } /* ---------- 2. Colour layer ---------- */ /* Glensburg Studio: colour layer, built from RISE CRM 4.0 app.all.css by build_recolour.py. Do not edit by hand. It restates RISE's colour declarations with Glensburg's colours. */ :root{--dt-html-background:white} :root.dark{--dt-html-background:rgb(33, 37, 41)} table.dataTable td.dt-control:before{border-top-color:transparent;border-left-color:rgba(0, 0, 0, 0.5);border-bottom-color:transparent;border-right-color:transparent} table.dataTable tr.dt-hasChild td.dt-control:before{border-top-color:rgba(0, 0, 0, 0.5);border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent} html.dark table.dataTable td.dt-control:before,:root[data-bs-theme=dark] table.dataTable td.dt-control:before,:root[data-theme=dark] table.dataTable td.dt-control:before{border-left-color:rgba(255, 255, 255, 0.5)} html.dark table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before{border-top-color:rgba(255, 255, 255, 0.5);border-left-color:transparent} table.dataTable thead>tr>th.dt-orderable-asc:hover,table.dataTable thead>tr>th.dt-orderable-desc:hover,table.dataTable thead>tr>td.dt-orderable-asc:hover,table.dataTable thead>tr>td.dt-orderable-desc:hover{outline-color:rgba(0, 0, 0, 0.05)} :root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-desc:hover{outline-color:rgba(255, 255, 255, 0.05)} div.dt-processing>div:last-child>div{background-color:rgb(22, 48, 31);background-color:rgb(var(--dt-row-selected))} table.table.dataTable>:not(caption)>*>*{background-color:var(--bs-table-bg)} table.table.dataTable>tbody>tr{background-color:transparent} table.table.dataTable>tbody>tr.selected>*{color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))} table.table.dataTable>tbody>tr.selected a{color:rgb(9, 10, 11);color:rgb(var(--dt-row-selected-link))} div.dt-scroll-body{border-bottom-color:var(--bs-border-color)} div.dt-button-info{background-color:white} span.dt-button-spacer.bar{border-left-color:rgba(0, 0, 0, 0.3)} div.dt-button-collection .dt-button-active:after{color:inherit} div.dt-button-collection .dt-button-active.dt-button-split>*:first-child:after{color:inherit} div.dt-button-collection .dt-button-active-a a:after{color:inherit} div.dt-button-collection span.dt-button-spacer.bar{border-bottom-color:rgba(0, 0, 0, 0.1)} div.dt-buttons .btn.processing{color:rgba(0, 0, 0, 0.2)} div.dt-buttons .btn.processing:after{border-color:rgb(40, 40, 40);border-left-color:transparent;border-right-color:transparent} div.dropdown-menu.dt-button-collection div.dt-button-split button:last-child{background-color:transparent;color:var(--bs-dropdown-link-color)} div.dropdown-menu.dt-button-collection div.dt-button-split button:last-child:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)} div.dropdown-menu.dt-button-collection.fixed{background-color:white} div.dt-button-info{background-color:var(--bs-body-bg);border-color:var(--bs-border-color-translucent)} :root[data-bs-theme=dark] div.dropdown-menu.dt-button-collection.fixed{background-color:var(--bs-body-bg);border-color:var(--bs-border-color-translucent)} table.dtcr-cloned.dataTable{background-color:rgba(255, 255, 255, 0.7)} table.dataTable tbody tr td.dtcr-moving{background-color:rgba(127, 127, 127, 0.15)} table.dataTable tbody tr td.dtcr-moving-first{border-left-color:#16301F} table.dataTable tbody tr td.dtcr-moving-last{border-right-color:#16301F} html.dark table.dtcr-cloned.dataTable{background-color:rgba(33, 33, 33, 0.9)} table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{border-top-color:transparent;border-left-color:rgba(0, 0, 0, 0.5);border-bottom-color:transparent;border-right-color:transparent} table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control.arrow-right::before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control.arrow-right::before{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:rgba(0, 0, 0, 0.5)} table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before{border-top-color:rgba(0, 0, 0, 0.5);border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent} table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{border-top-color:transparent;border-left-color:rgba(0, 0, 0, 0.5);border-bottom-color:transparent;border-right-color:transparent} table.dataTable.dtr-column>tbody>tr>td.dtr-control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>th.dtr-control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>td.control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>th.control.arrow-right::before{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:rgba(0, 0, 0, 0.5)} table.dataTable.dtr-column>tbody>tr.dtr-expanded td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.dtr-expanded th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.dtr-expanded td.control:before,table.dataTable.dtr-column>tbody>tr.dtr-expanded th.control:before{border-top-color:rgba(0, 0, 0, 0.5);border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent} table.dataTable>tbody>tr.child:hover{background-color:transparent !important} table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom-color:#efefef} div.dtr-modal div.dtr-modal-display{background-color:#f5f5f7;border-color:black} div.dtr-modal div.dtr-modal-background{background-color:rgba(0, 0, 0, 0.6)} html.dark table.dataTable>tbody>tr>td.dtr-control:before,html[data-bs-theme=dark] table.dataTable>tbody>tr>td.dtr-control:before{border-left-color:rgba(255, 255, 255, 0.5) !important} html.dark table.dataTable>tbody>tr>td.dtr-control.arrow-right::before,html[data-bs-theme=dark] table.dataTable>tbody>tr>td.dtr-control.arrow-right::before{border-right-color:rgba(255, 255, 255, 0.5) !important} html.dark table.dataTable>tbody>tr.dtr-expanded>td.dtr-control:before,html.dark table.dataTable>tbody>tr.dtr-expanded>th.dtr-control:before,html[data-bs-theme=dark] table.dataTable>tbody>tr.dtr-expanded>td.dtr-control:before,html[data-bs-theme=dark] table.dataTable>tbody>tr.dtr-expanded>th.dtr-control:before{border-top-color:rgba(255, 255, 255, 0.5) !important;border-left-color:transparent !important;border-right-color:transparent !important} html.dark table.dataTable>tbody>tr.child ul.dtr-details>li,html[data-bs-theme=dark] table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom-color:rgb(64, 67, 70)} html.dark div.dtr-modal div.dtr-modal-display,html[data-bs-theme=dark] div.dtr-modal div.dtr-modal-display{background-color:rgb(33, 37, 41);border-color:rgba(255, 255, 255, 0.15)} .datepicker-dropdown:before{border-left-color:transparent;border-right-color:transparent;border-bottom-color:rgba(0, 0, 0, 0.15);border-bottom-color:rgba(0, 0, 0, 0.2)} .datepicker-dropdown:after{border-left-color:transparent;border-right-color:transparent;border-bottom-color:#fff} .datepicker-dropdown.datepicker-orient-top:before{border-top-color:rgba(0, 0, 0, 0.15)} .datepicker-dropdown.datepicker-orient-top:after{border-top-color:#fff} .table-striped .datepicker table tr td, .table-striped .datepicker table tr th{background-color:transparent} .datepicker table tr td.old, .datepicker table tr td.new{color:#5A6159} .datepicker table tr td.day:hover, .datepicker table tr td.focused{background-color:#F2EDE3} .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{background-color:transparent;color:#5A6159} .datepicker table tr td.highlighted{color:#181C17;background-color:#EDEAE3;border-color:#CFC7B6} .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus{color:#181C17;background-color:#EDEAE3;border-color:#5A6159} .datepicker table tr td.highlighted:hover{color:#181C17;background-color:#EDEAE3;border-color:#5A6159} .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted.active{color:#181C17;background-color:#EDEAE3;border-color:#5A6159} .datepicker table tr td.highlighted:active:hover, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted.active.focus{color:#181C17;background-color:#91cbe8;border-color:#5A6159} .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted:hover, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.highlighted.focus{background-color:#EDEAE3;border-color:#CFC7B6} .datepicker table tr td.highlighted.focused{background-color:#EDEAE3} .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active{background-color:#EDEAE3;color:#5A6159} .datepicker table tr td.today{color:#181C17;background-color:#F3E9D6;border-color:#846629} .datepicker table tr td.today:focus, .datepicker table tr td.today.focus{color:#181C17;background-color:#F3E9D6;border-color:#6B5220} .datepicker table tr td.today:hover{color:#181C17;background-color:#F3E9D6;border-color:#6B5220} .datepicker table tr td.today:active, .datepicker table tr td.today.active{color:#181C17;background-color:#F3E9D6;border-color:#6B5220} .datepicker table tr td.today:active:hover, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active:focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today:active.focus, .datepicker table tr td.today.active.focus{color:#181C17;background-color:#ffbc42;border-color:#6B5220} .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today[disabled].focus, fieldset[disabled] .datepicker table tr td.today.focus{background-color:#F3E9D6;border-color:#846629} .datepicker table tr td.today.focused{background-color:#F3E9D6} .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active{background-color:#F3E9D6;color:#5A6159} .datepicker table tr td.range{color:#181C17;background-color:#F2EDE3;border-color:#CFC7B6} .datepicker table tr td.range:focus, .datepicker table tr td.range.focus{color:#181C17;background-color:#E6DFD1;border-color:#857F74} .datepicker table tr td.range:hover{color:#181C17;background-color:#E6DFD1;border-color:#857F74} .datepicker table tr td.range:active, .datepicker table tr td.range.active{color:#181C17;background-color:#E6DFD1;border-color:#857F74} .datepicker table tr td.range:active:hover, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active:focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range:active.focus, .datepicker table tr td.range.active.focus{color:#181C17;background-color:#c3c3c3;border-color:#857F74} .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range[disabled]:focus, fieldset[disabled] .datepicker table tr td.range:focus, .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range[disabled].focus, fieldset[disabled] .datepicker table tr td.range.focus{background-color:#F2EDE3;border-color:#CFC7B6} .datepicker table tr td.range.focused{background-color:#E6DFD1} .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active{background-color:#F2EDE3;color:#5A6159} .datepicker table tr td.range.highlighted{color:#181C17;background-color:#EDEAE3;border-color:#CFC7B6} .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus{color:#181C17;background-color:#EDEAE3;border-color:#4A5049} .datepicker table tr td.range.highlighted:hover{color:#181C17;background-color:#EDEAE3;border-color:#4A5049} .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted.active{color:#181C17;background-color:#EDEAE3;border-color:#4A5049} .datepicker table tr td.range.highlighted:active:hover, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted.active.focus{color:#181C17;background-color:#a8c8d8;border-color:#4A5049} .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted:hover, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.range.highlighted.focus{background-color:#EDEAE3;border-color:#CFC7B6} .datepicker table tr td.range.highlighted.focused{background-color:#EDEAE3} .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active{background-color:#EDEAE3;color:#5A6159} .datepicker table tr td.range.today{color:#181C17;background-color:#F3E9D6;border-color:#D9C59C} .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus{color:#181C17;background-color:#F3E9D6;border-color:#6B5220} .datepicker table tr td.range.today:hover{color:#181C17;background-color:#F3E9D6;border-color:#6B5220} .datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active{color:#181C17;background-color:#F3E9D6;border-color:#6B5220} .datepicker table tr td.range.today:active:hover, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today.active.focus{color:#181C17;background-color:#f2aa25;border-color:#6B5220} .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today[disabled].focus, fieldset[disabled] .datepicker table tr td.range.today.focus{background-color:#F3E9D6;border-color:#D9C59C} .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active{background-color:#F3E9D6;color:#5A6159} .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted{color:#fff;background-color:#857F74;border-color:#555555} .datepicker table tr td.selected:focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus{color:#fff;background-color:#5e5e5e;border-color:#161616} .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover{color:#fff;background-color:#5e5e5e;border-color:#373737} .datepicker table tr td.selected:active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active{color:#fff;background-color:#5e5e5e;border-color:#373737} .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.highlighted.active.focus{color:#fff;background-color:#4c4c4c;border-color:#161616} .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus{background-color:#857F74;border-color:#555555} .datepicker table tr td.active, .datepicker table tr td.active.highlighted{color:#fff;background-color:#16301F;border-color:#0E2115} .datepicker table tr td.active:focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus{color:#fff;background-color:#0E2115;border-color:#0E2115} .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover{color:#fff;background-color:#0E2115;border-color:#0E2115} .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active{color:#fff;background-color:#0E2115;border-color:#0E2115} .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus{color:#fff;background-color:#0E2115;border-color:#0E2115} .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus{background-color:#16301F;border-color:#0E2115} .datepicker table tr td span:hover, .datepicker table tr td span.focused{background-color:#F2EDE3} .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover{background-color:transparent;color:#5A6159} .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover{color:#fff;background-color:#16301F;border-color:#0E2115} .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus{color:#fff;background-color:#0E2115;border-color:#0E2115} .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover{color:#fff;background-color:#0E2115;border-color:#0E2115} .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active{color:#fff;background-color:#0E2115;border-color:#0E2115} .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus{color:#fff;background-color:#0E2115;border-color:#0E2115} .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus{background-color:#16301F;border-color:#0E2115} .datepicker table tr td span.old, .datepicker table tr td span.new{color:#5A6159} .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover{background-color:#F2EDE3} .bootstrap-timepicker-widget.dropdown-menu:before{border-bottom-color:rgba(0,0,0,0.2);border-left-color:transparent;border-right-color:transparent} .bootstrap-timepicker-widget.dropdown-menu:after{border-bottom-color:#fff;border-left-color:transparent;border-right-color:transparent} .bootstrap-timepicker-widget.timepicker-orient-bottom:before{border-top-color:#857F74} .bootstrap-timepicker-widget.timepicker-orient-bottom:after{border-top-color:#fff} .bootstrap-timepicker-widget table td a{border-color:transparent;color:#181C17} .bootstrap-timepicker-widget table td a:hover{background-color:#F2EDE3;border-color:#CFC7B6} .dropzone{border-color:rgba(0,0,0,.3);background-color:#fff} .dropzone .dz-message .dz-button{background-color:transparent;color:inherit;outline-color:inherit} .dropzone .dz-preview.dz-file-preview .dz-image{background-color:#857F74} .dropzone .dz-preview.dz-image-preview{background-color:#fff} .dropzone .dz-preview .dz-details{color:rgba(0,0,0,.9)} .dropzone .dz-preview .dz-details .dz-filename:hover span{border-color:rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)} .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border-color:transparent} .dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4)} .dropzone .dz-preview .dz-progress{background-color:rgba(255,255,255,.9)} .dropzone .dz-preview .dz-progress .dz-upload{background-color:#181C17} .dropzone .dz-preview .dz-error-message{background-color:#8A2822;color:#fff} .dropzone .dz-preview .dz-error-message:after{border-left-color:transparent;border-right-color:transparent;border-bottom-color:#8A2822} .mfp-bg{background-color:#0b0b0b} .mfp-preloader{color:#5A6159} .mfp-preloader a{color:#5A6159} .mfp-preloader a:hover{color:#FFF} button.mfp-close, button.mfp-arrow{background-color:transparent} .mfp-close{color:#FFF} .mfp-close-btn-in .mfp-close{color:#181C17} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:#FFF} .mfp-counter{color:#5A6159} .mfp-arrow:before, .mfp-arrow:after{border-color:transparent} .mfp-arrow-left:after{border-right-color:#FFF} .mfp-arrow-left:before{border-right-color:#3F3F3F} .mfp-arrow-right:after{border-left-color:#FFF} .mfp-arrow-right:before{border-left-color:#3F3F3F} .mfp-iframe-scaler iframe{background-color:#000} .mfp-figure:after{background-color:#181C17} .mfp-figure small{color:#BDBDBD} .mfp-title{color:#F3F3F3} @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile .mfp-bottom-bar{background-color:rgba(0, 0, 0, 0.6)}.mfp-img-mobile .mfp-close{background-color:rgba(0, 0, 0, 0.6)}} .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y{background-color:transparent} .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking{background-color:#F2EDE3} .ps__thumb-x{background-color:#857F74} .ps__thumb-y{background-color:#857F74} .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x{background-color:#857F74} .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y{background-color:#857F74} .awesomplete > ul{background-color:#fff} .awesomplete > ul{background-color:hsla(0,0%,100%,.9);border-color:rgba(0,0,0,.3)} .awesomplete > ul:before{background-color:white;border-color:inherit} .awesomplete > ul > li:hover{background-color:hsl(200, 40%, 80%);color:#181C17} .awesomplete > ul > li[aria-selected="true"]{background-color:hsl(205, 40%, 40%);color:white} .awesomplete mark{background-color:hsl(65, 100%, 50%)} .awesomplete li:hover mark{background-color:hsl(68, 100%, 41%)} .awesomplete li[aria-selected="true"] mark{background-color:hsl(86, 100%, 21%);color:inherit} .atwho-view{background-color:#fff;color:#181C17;border-color:#CFC7B6} .atwho-view .atwho-header{border-bottom-color:#eaeff1;color:#5A6159} .atwho-view .atwho-header .small{color:#5A6159} .atwho-view .cur{background-color:#16301F;color:#fff} .atwho-view .cur small{color:#fff} .atwho-view strong{color:#16301F} .atwho-view .cur strong{color:#fff} .atwho-view ul li{border-bottom-color:#CFC7B6} .atwho-view small{color:#5A6159} .navbar-nav .nav-link{color:#181C17} .navbar-nav .form-check .form-check-label, .navbar-nav .form-check .form-check-input{color:#181C17} .navbar-custom{background-color:#fff;border-bottom-color:#E2DCCF} .ai-icon{--c1:#A3302A;--c2:#943ca0;--c3:#02bbc2;--bg:#1e1e2d;color:#fff} .sidebar{background-color:#fff;border-right-color:#E2DCCF} .sidebar-brand{border-bottom-color:rgba(0, 0, 0, 0.0588235294);background-color:#fff} .sidebar-scroll{background-color:#FFF} .sidebar-menu li a{color:#5A6159} .sidebar-menu li a:active, .sidebar-menu li a:hover, .sidebar-menu li a:focus{color:#181C17;background-color:#F7F4EE} .sidebar-menu li ul li a{color:#5A6159} .sidebar-menu li ul li a:hover{color:#181C17} .sidebar-menu li.active > a{color:#fff !important;background-color:#16301F} @media print{.print-peview{color:#181C17}html, body{background-color:#fff;color:#181C17}} @media (min-width: 991px){.sidebar-toggled .sidebar-menu li:hover{background-color:#FFF}.sidebar-toggled .sidebar-menu li ul{background-color:#fff;color:#5A6159}.sidebar-toggled .sidebar-menu li ul li:hover{background-color:#fff}.sidebar-toggled .sidebar-menu li ul li a{color:#5A6159 !important}.sidebar-toggled .sidebar-menu li ul li a:hover{color:#181C17 !important}} @media (max-width: 990px){.sidebar .sidebar-scroll{border-top-color:#E2DCCF}} @media (max-width: 767px){.dt-container .datatable-tools .mini-list-pagination-container{border-top-color:#E2DCCF}.cart-grid-item-image-container::before{background-color:rgba(0, 0, 0, 0.2) !important}} @media (max-width: 576px){.public-navbar .navbar-collapse{border-top-color:#E2DCCF}.global-search-modal .modal-dialog .modal-content .modal-body.search-modal .col-sm-3{border-bottom-color:#E2DCCF !important}} @media (max-width: 500px){.sidebar-toggled .sidebar .sidebar-toggle-btn{color:#181C17}.navbar-custom{background-color:transparent}.mobile-bottom-menu .dropdown-menu .dropdown-item.btn-success, .mobile-bottom-menu .dropdown-menu .dropdown-item.btn-danger, .mobile-bottom-menu .dropdown-menu .dropdown-item.btn-primary{color:#fff}.sidebar .sidebar-scroll{border-top-color:#E2DCCF !important}table.dataTable tbody tr.active td a, table.dataTable tbody tr.active td .text-default{color:#fff !important}.datatable-tools .col-md-3{border-bottom-color:#E2DCCF}#client-summary .box .box-content{border-bottom-color:#E2DCCF}.invoice-overview-widget .xs-column-reverse .widget-right-section{border-bottom-color:#f1f1f9}} .editable-click{border-bottom-color:transparent} a.editable-click{border-bottom-color:transparent} a.editable-click:hover{border-bottom-color:transparent} .dataTable:not(.js-selection-mode) td:hover{background-color:#F7F4EE} .dataTable:not(.js-selection-mode) tbody tr:hover td{background-color:#F7F4EE !important} .dataTable:not(.js-selection-mode).no-hover tr:hover td, .dataTable:not(.js-selection-mode).no-hover tbody tr:hover{background-color:transparent !important} .dataTable:not(.js-selection-mode) tbody tr{border-color:#E2DCCF !important;color:#181C17} .dataTable:not(.js-selection-mode) tbody tr.active td, .dataTable:not(.js-selection-mode) tbody tr.active:hover td{background-color:#16301F !important;color:#fff !important} .dataTable:not(.js-selection-mode) tbody tr.active .badge{color:#1E5434;background-color:#fff !important} .dataTable:not(.js-selection-mode) tbody tr.active a.link{color:#fff} .dataTable:not(.js-selection-mode) tbody tr:hover td{background-color:#F7F4EE} table.dataTable{border-bottom-color:#E2DCCF} table.dataTable thead th{border-top-color:#E2DCCF;color:#181C17} table.dataTable thead th.dt-orderable-asc.dt-ordering-asc .dt-column-order::after, table.dataTable thead th.dt-orderable-asc.dt-ordering-asc .dt-column-order::before, table.dataTable thead th.dt-orderable-asc.dt-ordering-desc .dt-column-order::after, table.dataTable thead th.dt-orderable-asc.dt-ordering-desc .dt-column-order::before, table.dataTable thead th.dt-orderable-desc.dt-ordering-asc .dt-column-order::after, table.dataTable thead th.dt-orderable-desc.dt-ordering-asc .dt-column-order::before, table.dataTable thead th.dt-orderable-desc.dt-ordering-desc .dt-column-order::after, table.dataTable thead th.dt-orderable-desc.dt-ordering-desc .dt-column-order::before{background-color:#181C17} table.dataTable.stripe tbody tr.odd{background-color:#fff} table.dataTable.row-border tbody th, table.dataTable.row-border tbody td{border-color:#E2DCCF;background-color:#fff} table.dataTable.display tbody th, table.dataTable.display tbody td{border-top-color:#E2DCCF;background-color:#fff;color:#181C17} table.dataTable.display tfoot th, table.dataTable.display tfoot td{border-top-color:#E2DCCF;background-color:#fff} table.dataTable.b-b-only tbody th, table.dataTable.b-b-only tbody td{border-bottom-color:#E2DCCF} table.dataTable.dtr-inline.collapsed tbody tr td.dtr-control:before{background-color:#181C17} table.dataTable.dtr-inline.collapsed tbody tr td.child{background-color:#F7F4EE} table.dataTable.dtr-inline.collapsed tbody tr.dt-hasChild td.dtr-control:before{background-color:#181C17} table.dataTable.dtr-inline.collapsed tbody tr.active td.dtr-control:before{background-color:#fff !important} table.dataTable.dtr-inline.collapsed tbody tr.active td.dtr-control:after{background-color:#fff !important} table.dataTable .dt-orderable-asc:not(.dt-ordering-asc):not(.dt-ordering-desc) .dt-column-order::after, table.dataTable .dt-orderable-asc:not(.dt-ordering-asc):not(.dt-ordering-desc) .dt-column-order::before, table.dataTable .dt-orderable-desc:not(.dt-ordering-asc):not(.dt-ordering-desc) .dt-column-order::after, table.dataTable .dt-orderable-desc:not(.dt-ordering-asc):not(.dt-ordering-desc) .dt-column-order::before{background-color:#181C17} table.dataTable > tbody > tr.child ul.dtr-details > li{border-color:#E2DCCF} .datatable-export a{border-color:#E2DCCF;color:#181C17} .datatable-export a:hover{background-color:#F2EDE3} button.DTTT_button, div.DTTT_button{background-color:#fff;border-color:#E2DCCF !important} a.DTTT_button{background-color:#fff;border-color:#E2DCCF !important} a.DTTT_button:focus{background-color:#fff;border-color:#E2DCCF !important} a.DTTT_button:hover{background-color:#F2EDE3} .dt-search input{border-color:#E2DCCF;background-color:#fff} .datatable-search, .custom-filter-search{border-color:#E2DCCF;background-color:#fff} .dt-search input:focus, .datatable-search:focus, .custom-filter-search:focus{border-color:#E2DCCF;background-color:#F2EDE3} .dt-container .dt-paging .dt-paging-button{background-color:#fff !important} .dt-container .dt-paging .dt-paging-button.disabled .page-link{background-color:transparent !important} .dt-container .dt-paging .dt-paging-button .page-link{border-color:transparent;color:#181C17 !important} .dt-container .dt-paging .dt-paging-button .page-link:hover{background-color:transparent;border-color:#E2DCCF} .dt-container .dt-paging .dt-paging-button.active .page-link{background-color:transparent;border-color:#E2DCCF;color:#181C17 !important} .dt-container .datatable-tools .select2-container{background-color:transparent} .dt-container .dt-buttons .buttons-excel, .dt-container .dt-buttons .buttons-print{color:#181C17} .dt-info{color:#181C17 !important} .select2-container .select2-choice{background-color:#F7F4EE !important} .filter-multi-select.open, .filter-multi-select:focus, .filter-multi-select:active{border-color:#E2DCCF !important} .dropdown-toggle{border-color:#E2DCCF !important} .filter-multi-select .list-group-item, .dynamic-range-filter .list-group-item{border-bottom-color:#fff !important} .filter-multi-select .list-group-item:not(.active):hover, .dynamic-range-filter .list-group-item:not(.active):hover{background-color:#F2EDE3} .filter-multi-select .caret:after, .dynamic-range-filter .caret:after{color:#5A6159} .filter-multi-select .dropdown-toggle, .dynamic-range-filter .dropdown-toggle{color:#181C17;border-color:#E2DCCF !important} .filter-multi-select .dropdown-toggle:hover, .filter-multi-select .dropdown-toggle:focus, .dynamic-range-filter .dropdown-toggle:hover, .dynamic-range-filter .dropdown-toggle:focus{background-color:transparent} .dt-print-view{background-color:#fff !important} .dt-print-view h1{color:#181C17 !important} .dt-print-view table.dataTable thead th{background-color:#fff;color:#181C17;border-color:#E2DCCF !important} .dt-print-view table.dataTable.display tbody tr:hover td{background-color:#F2EDE3 !important} .dt-print-view table.dataTable.display tbody td{background-color:#fff;color:#181C17;border-color:#E2DCCF !important} td.option a, .action-option{background-color:#fff;color:#5A6159;border-color:#E2DCCF} .dtr-details .edit:not(.dropdown-item), .dtr-details .delete:not(.dropdown-item){background-color:#fff;color:#5A6159;border-color:#E2DCCF} .dtr-details .edit:not(.dropdown-item):hover, .dtr-details .delete:not(.dropdown-item):hover{background-color:#1E5434;color:#fff;border-color:#1E5434} .dtr-details .delete:not(.dropdown-item):hover{background-color:#8A2822;color:#fff;border-color:#8A2822} .select-member-field a.delete, .send-invitation-form .delete, .automation-form .delete, .calendar-ids-form .delete-post-dropzone, .edit-image-file .delete-saved-file, .external-tickets-embedded-code, .conversion-rate-form .delete, .copy-file-link{background-color:#fff;color:#5A6159;border-color:#E2DCCF} td.option a:hover, .external-tickets-embedded-code:hover, .action-option:hover, .copy-file-link:hover{background-color:#1E5434;color:#fff;border-color:#1E5434} td.option a:hover.light, .external-tickets-embedded-code:hover.light, .action-option:hover.light, .copy-file-link:hover.light{background-color:#F2EDE3;color:#5A6159;border-color:#E2DCCF} td.option a:hover.delete, .external-tickets-embedded-code:hover.delete, .action-option:hover.delete, .copy-file-link:hover.delete{background-color:#8A2822;color:#fff;border-color:#8A2822} td.dropdown-option button{background-color:#fff;color:#5A6159;border-color:#E2DCCF} td.dropdown-option button:hover, td.dropdown-option button:focus, td.dropdown-option button:active{background-color:#5A6159 !important;color:#fff !important;border-color:#5A6159 !important} td.option a.delete:hover{background-color:#8A2822;color:#fff;border-color:#8A2822} .select-member-field a.delete:hover, .send-invitation-form .delete:hover, .automation-form .delete:hover, .calendar-ids-form .delete-post-dropzone:hover, .edit-image-file .delete-saved-file:hover, .conversion-rate-form .delete:hover{background-color:#8A2822;color:#fff;border-color:#8A2822} .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{border-color:#E2DCCF} .fc-button-group .fc-button-primary, .fc-toolbar-chunk .fc-button-primary{color:#181C17 !important} .custom-toolbar .select2-container .select2-choice{background-color:#fff !important;border-color:#E2DCCF !important} .custom-toolbar .dropdown-toggle{background-color:#fff !important} .fc-button{border-color:#E2DCCF !important;background-color:#fff !important} .fc-button:hover{background-color:#E6DFD1 !important} .fc-state-active{background-color:#F2EDE3 !important} .fc-button{color:#181C17 !important} .fc-col-header-cell-cushion, .fc-daygrid-day-number{color:#181C17 !important} .fc-theme-standard .fc-list-empty{background-color:#F7F4EE !important} .fc-theme-standard .fc-list{border-color:#E2DCCF !important} .select2-results .select2-highlighted{background-color:#16301F} .dropzone{border-color:#CFC7B6 !important} .dropzone.dz-drag-hover{background-color:rgba(0, 0, 0, 0.02)} .dropzone .dz-image{background-color:#F2EDE3} .upload-thumbnail-sm{background-color:#F2EDE3} #pre-loader{background-color:#F7F4EE} .post-dropzone{background-color:#fff} .post-dropzone.dz-drag-hover{border-color:#16301F} .post-dropzone .delete{color:#fff} .post-dropzone .preview:hover .delete{background-color:#000} .post-dropzone .preview:hover .copy-link{background-color:#000} .post-dropzone .copy-link{color:#fff;background-color:#F2EDE3} .datepicker.dropdown-menu{border-color:#E2DCCF} .datepicker.datepicker-dropdown::before{border-bottom-color:rgba(0, 0, 0, 0.1)} .week-view tr:hover .day:not(.active){background-color:#F2EDE3 !important} .datepicker-custom-list .list-group-item:not(.active):hover{background-color:#F2EDE3} .datepicker-custom-selector{background-color:#fff;border-color:#E2DCCF !important;color:#181C17} .datepicker-custom-selector .dropdown-toggle:after{color:#5A6159} .datepicker-custom-selector:hover, .datepicker-custom-selector:focus{border-color:#E2DCCF} .crop-box{background-color:#fff} .crop-box .thumb-box{background-color:transparent} .crop-box .spinner{background-color:rgba(0, 0, 0, 0.7)} .awesomplete ul{background-color:#fff;border-color:#E2DCCF} .awesomplete mark, .awesomplete li[aria-selected=true] mark, .awesomplete li:hover mark{background-color:transparent} .awesomplete ul li[aria-selected=true]{background-color:#16301F} .awesomplete ul li[aria-selected=false]:hover{background-color:#F2EDE3} .atwho-view .cur, .note-hint-group .active, .note-hint-item:hover{background-color:#16301F !important} .note-editor, .note-editor .note-toolbar, .note-editor .note-statusbar .note-resizebar, .note-editor .note-toolbar .btn{border-color:#E2DCCF !important} .note-editor.fullscreen{background-color:#fff} .note-editor.note-frame .note-statusbar{border-color:#E2DCCF !important} .DTTT_container .btn.active{border-color:#E2DCCF !important} .DTTT_container .btn:hover, .DTTT_container .btn:active, .DTTT_container .btn:focus{border-color:#E2DCCF !important} div.dt-container div.dt-processing.card{background-color:transparent} div.dt-container div.dt-processing div:last-child div{background-color:#16301F !important} .filter-section-container .select2-choice, .datatable-tools .select2-choice, .timesheet-buttons .select2-choice, .item-categories-filter-section .select2-choice, .payment-received-chart .select2-choice{background-color:transparent !important;border-color:#E2DCCF !important;color:unset !important} .custom-date-range-lable{border-color:#E2DCCF} .custom-date-range-dropdown .dropdown-toggle{border-color:#E2DCCF} .mfp-iframe-scaler iframe{background-color:#fff;color:#181C17} .fc-theme-standard td, .fc-theme-standard th{border-color:#E2DCCF !important} .fc .fc-scrollgrid{border-color:#E2DCCF !important} .select2-drop-active{border-color:#E2DCCF} .select2-search input{border-color:#E2DCCF} .select2-container .select2-choice .select2-search-field input{border-color:#E2DCCF !important;background-color:#F7F4EE !important} .select2-container-multi .select2-choices{border-color:#E2DCCF !important;background-color:#F7F4EE !important} .dz-image-preview img[alt$=".png"]{background-color:#fff} .tox .tox-tbtn{color:#181C17 !important} .tox .tox-tbtn svg{fill:#181C17 !important} .tox .tox-tbtn.tox-tbtn--enabled{background-color:#F2EDE3 !important} .tox .tox-tbtn:not(.tox-tbtn--bespoke):active{background-color:#F2EDE3 !important} .tox .tox-collection--list .tox-collection__item--active{background-color:#16301F !important} .tox .tox-tbtn--bespoke{background-color:transparent !important} .tox .tox-tbtn--bespoke .tox-tbtn__select-label{color:transparent !important} .tox.tox-tinymce{border-color:#E2DCCF} .tox .tox-statusbar{border-color:#E2DCCF !important} .iti .iti__dropdown-content{border-color:#E2DCCF !important} .iti .iti__dropdown-content .iti__search-input{border-color:#E2DCCF !important} html, body{background-color:#F7F4EE;color:#181C17;--bs-body-color:#181C17} blockquote{background-color:rgba(242, 242, 242, 0.42);border-left-color:#E2DCCF} pre{color:#181C17;background-color:#F7F4EE} a{color:#16301F} a.dark{color:#181C17} a.dark:hover{color:#181C17} .dark{color:#181C17} .avatar.primary-contact img{border-color:#16301F} i.online{background-color:#42b72a;border-color:#fff} .b-a{border-color:#E2DCCF !important} .b-t{border-top-color:#E2DCCF} .b-r{border-right-color:#E2DCCF} .b-b{border-bottom-color:#E2DCCF !important} .b-l{border-left-color:#E2DCCF} .b-turquoise{border-color:#1E5434 !important} .b-water{border-color:rgba(255, 255, 255, 0.2) !important} .b-white{border-color:#fff !important} .b-silver{border-color:#e2e4e7 !important} .border-start{border-color:#E2DCCF !important} .border-end{border-color:#E2DCCF !important} .border-top{border-color:#E2DCCF !important} .border-bottom{border-color:#E2DCCF !important} .bg-success .border-end{border-color:rgba(255, 255, 255, 0.1) !important} .bg-success .border-top{border-color:rgba(255, 255, 255, 0.1) !important} .btn-default{background-color:#fff;border-color:#E2DCCF;color:#181C17} .btn-default:hover{background-color:#E6DFD1;border-color:#E2DCCF} .btn-default:active, .btn-default:focus{border-color:#E2DCCF !important;background-color:#E6DFD1 !important} .btn-primary{border-color:#16301F;background-color:#16301F} .btn-primary:hover, .btn-primary:focus, .btn-primary:active{background-color:#0E2115;border-color:#0E2115;color:#fff} .btn-success{background-color:#1E5434;border-color:#1E5434} .btn-success:hover, .btn-success:active, .btn-success:focus{background-color:#17432A;border-color:#17432A;color:#fff} .btn-info{background-color:#5A6159;border-color:#5A6159} .btn-info:hover, .btn-info:active, .btn-info:focus{background-color:#4A5049 !important;border-color:#4A5049 !important;color:#fff} .btn-warning{color:#181C17;background-color:#846629;border-color:#846629} .btn-warning:hover, .btn-warning:active, .btn-warning:focus{color:#181C17;background-color:#6B5220;border-color:#6B5220} .btn-danger{background-color:#A3302A;border-color:#A3302A} .btn-danger:hover, .btn-danger:active, .btn-danger:focus{background-color:#8A2822 !important;border-color:#8A2822 !important;color:#fff !important} .btn.active{background-color:#F2EDE3} .btn.active:focus{background-color:#F2EDE3} .filter .btn-default:hover{background-color:#E6DFD1;border-color:#E2DCCF} .filter .btn-default.active:hover{background-color:#E6DFD1} .btn-transparent{background-color:transparent;border-color:#fff;color:#fff} .btn-transparent:hover{background-color:#fff} .delete-button{color:#5A6159;border-color:#857F74} .spinning-btn.spinning:before{border-color:#fff;border-right-color:#16301F} .btn-outline-light{color:#181C17 !important} .card{border-color:#E2DCCF} .card .card-header{background-color:#fff;border-color:#E2DCCF} .card .nav-tabs{border-bottom-color:#E2DCCF} .card-footer{background-color:#F2EDE3;border-top-color:#fff} .bg-white .card-header{background-color:#fff;color:inherit;border-color:#E2DCCF} .widget-icon{background-color:#16301F} .widget-icon .icon{color:#fff} .widget-details h1{color:#181C17} .widget-details span{color:#181C17} .cover-widget .b-t, .cover-widget .b-r{border-color:rgba(0, 0, 0, 0.1)} .star-icon{color:#846629} .star-icon:hover{color:#846629 !important} .default-bg{background-color:#F7F4EE} .bg-danger{background-color:#A3302A !important;color:#fff} .bg-white{background-color:#fff !important} .bg-off-white{background-color:#F2EDE3} .bg-info{background-color:#5A6159 !important} .bg-primary{background-color:#16301F !important;color:#fff} .bg-success{background-color:#16301F !important;color:#fff} .bg-dark-success{background-color:#16301F;color:#fff} .bg-coral{background-color:#A3302A} .bg-orange{background-color:#846629} .white-link{color:#fff} .white-link:hover{color:#fff} .color-sky{color:#16301F !important} .color-plum{color:#6610f2 !important} .text-primary{color:#16301F !important} .text-info{color:#16301F !important} .text-danger{color:#A3302A !important} .text-warning{color:#846629 !important} .text-default{color:#181C17 !important} .general-form .form-control{border-color:#E2DCCF;border-color:#E2DCCF;background-color:#F7F4EE;color:#181C17} .general-form.white .form-control{border-color:#fff;background-color:#fff} .general-form.white .select2-container .select2-choice{background-color:#fff !important;border-color:#fff !important} .general-form.white .select2-container-multi.form-control{border-color:#fff !important} .general-form.white .select2-container-multi.form-control .select2-choices{background-color:#fff !important;border-color:#fff !important} .general-form.white .select2-container-multi.form-control .select2-choices .select2-search-field input{background-color:#fff !important;border-color:#fff !important} .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{color:#A3302A} .general-form .has-error .form-control{color:#A3302A} .general-form .form-control.white{background-color:#fff} .general-form .form-control:focus, .general-form .form-control.white:focus{border-color:#E2DCCF;background-color:#F2EDE3} .general-form .input-group-addon{border-color:#E2DCCF;background-color:#F7F4EE} .dashed-row .form-group{border-bottom-color:#E2DCCF} .dashed-row .bd{border-bottom-color:#E2DCCF} .modal-header{border-bottom-color:#E2DCCF} .modal-footer{border-top-color:#E2DCCF} .nav-tabs{background-color:#fff;border-color:#E2DCCF} .nav-tabs li a{color:inherit} .nav-tabs li a:not(.active):hover{background-color:transparent;border-color:transparent !important;color:#181C17} .nav-tabs li a.active::after{background-color:#181C17} .nav-tabs li:not(.title-tab) a::after{background-color:#181C17} .nav-tabs li .active, .nav-tabs li.active{color:#181C17 !important;border-bottom-color:#E2DCCF !important;background-color:transparent !important;border-color:transparent !important} .tab-title{border-bottom-color:#E2DCCF} .page-title{background-color:#fff;border-bottom-color:#E2DCCF;color:#181C17} #timeline .post-content .post-date span{background-color:#16301F;color:#fff} #timeline .post-content .post-date:before{background-color:#F2EDE3} #timeline .post-content:nth-child(odd) .post-date:before{background-color:#F2EDE3} .timeline-images span.more{background-color:#000;color:#fff;border-left-color:#5A6159} .timeline-images .file-mockup{background-color:#F2EDE3;color:#77879D} .notepad textarea{background-color:transparent} .notepad-title{border-left-color:#16301F !important} .notepad .select2-choices{border-color:transparent} .unread{border-left-color:#16301F} .message-row.unread strong, .message-row.unread span{color:#16301F} .content-sidebar .list-group .list-group-item{background-color:transparent;color:#181C17} .content-sidebar .list-group-item:hover, .content-sidebar .list-group-item.active{background-color:rgba(0, 0, 0, 0.02)} ins{color:#1E5434} .dropdown-menu #my-open-timers-container .list-group-item{border-color:rgba(127, 127, 127, 0.2) !important} .dropdown-item{color:#181C17} .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus{color:#181C17;background-color:#F2EDE3} .white-link{color:#fff} .sticky-note{color:#181C17;background-color:rgb(255, 246, 179)} .checkbox-blank{border-color:rgba(166, 166, 166, 0.2)} .checkbox-blank:hover{background-color:#fff} .checkbox-checked{background-color:transparent} .checkbox-un-checked{background-color:transparent} .modal-mask{background-color:#fff} .circle-done{border-color:rgba(226, 220, 207, 0.5);color:#16301F} .social-link{color:#fff;background-color:transparent;border-color:#fff} .social-link:focus{color:#fff} .social-link:hover{color:rgba(0, 0, 0, 0.5);background-color:#fff} .social-link:hover.custom-svg path, .social-link:hover.custom-svg circle, .social-link:hover.custom-svg rect{fill:rgba(0, 0, 0, 0.5)} .alert .progress{background-color:transparent} .alert .progress-bar{background-color:rgba(0, 0, 0, 0.3)} .app-alert.alert-info{background-color:#5A6159;color:#fff} .app-alert.alert-success{background-color:#16301F;color:#fff} .app-alert.alert-danger{background-color:#A3302A;color:#fff} .app-alert.alert-warning{background-color:#846629;color:#fff} .app-alert a{color:#181C17} .alert-warning{background-color:#fcefc8} .permission-list li{border-bottom-color:#E2DCCF} .animated-clock{border-color:#A3302A} .animated-clock-sec{background-color:#A3302A} .app-modal{background-color:rgba(0, 0, 0, 0.9)} .app-modal .round-button{color:#fff;background-color:rgba(0, 0, 0, 0.5)} .app-modal .round-button:hover{background-color:rgba(0, 0, 0, 0.4)} .app-modal.loading .app-modal-sidebar{border-color:#fff} .app-modal-fixed-close-button{background-color:rgba(0, 0, 0, 0.5);color:#fff} .app-modal-body{background-color:#fff} .app-modal-content{background-color:#000} .app-modal-sidebar{border-left-color:#E2DCCF} .milestone{border-color:#E2DCCF} .list-group-item.active{background-color:#16301F} .unread-notification{background-color:#edeff5 !important} #estimate-form-editable .sortable-ghost td{border-top-color:#857F74 !important;border-bottom-color:#857F74 !important} .estimate_request_form.list-group-item{border-color:#E2DCCF !important} .box-title span{background-color:#fff} .box-title:after{background-color:#F2EDE3} .invoice-styles .item{border-color:#E2DCCF} .invoice-styles .selected-mark{color:#5A6159} .help-category-box{color:#181C17} .help-category-box .anchor{color:#16301F} .help-category-box:hover{background-color:#F2EDE3} .help-search-box{background-color:#fff;border-color:#E2DCCF} .help-search-box:focus{background-color:#F2EDE3;border-color:#E2DCCF} .public-navbar{border-bottom-color:#E2DCCF} .app-popover{background-color:#fff;border-color:rgba(0, 0, 0, 0.2)} .app-popover .confirmation-title{border-bottom-color:rgba(0, 0, 0, 0.2)} .app-popover .app-popover-arrow{border-color:transparent;border-color:transparent;background-color:#fff;border-color:rgba(0, 0, 0, 0.2);border-top-color:transparent;border-left-color:transparent} .app-popover .list-group-item.active{color:#fff} .todo-input-box input{border-color:#E2DCCF} .todo-input-box input:focus{background-color:#F2EDE3;border-color:#E2DCCF} .kanban-container{background-color:#F2EDE3;border-color:#E2DCCF} .kanban-col.kanban-col-collapsed .kanban-col-title{background-color:#ffffff} .kanban-col .kanban-col-title{background-color:#fff;color:#181C17} .kanban-col .kanban-item-list .kanban-item{background-color:#fff;color:#181C17} .kanban-col .kanban-item-list .kanban-item:hover, .kanban-col .kanban-item-list .kanban-item:active, .kanban-col .kanban-item-list .kanban-item:focus{color:#16301F;background-color:#F7F4EE} .kanban-col .kanban-input .form-control{background-color:#fff} .rise-chat-wrapper{background-color:#fff} .rise-chat-wrapper .message-row{border-bottom-color:#E2DCCF} .rise-chat-wrapper .message-row:hover{background-color:#F2EDE3} .rise-chat-wrapper .chat-topbar, .rise-chat-wrapper .rise-chat-header{border-bottom-color:#E2DCCF} .rise-chat-header{border-bottom-color:#E2DCCF} .chat-tab .btn.active, .chat-tab .btn:hover, .chat-tab .btn:focus, .chat-tab .btn:active{background-color:transparent !important;color:#16301F} .rise-chat-footer{background-color:#fff;border-top-color:#E2DCCF} .chat-other .chat-msg{background-color:#F2EDE3} .chat-me .chat-msg{background-color:#6d81f5;color:#fff} .chat-me .chat-msg a{color:#fff} .init-chat-icon{background-color:#fff} .init-chat-icon.has-message{background-color:#A3302A;color:#fff} .checklist-items a.delete-checklist-item, .reminders a.delete-reminder, .delete-dependency-task, .delete-dependency-task:hover{color:#5A6159} .confirmed-by-logo{color:#1E5434} .rejected-by-logo{color:#A3302A} .chat-no-messages svg{color:#f1f1f5} .unread-comments-of-tasks i{color:#16301F} .widget{border-color:#E2DCCF} .row-controller .delete{color:#A3302A} .add-column-drop{border-color:#E2DCCF} .dashed_border{border-color:#E2DCCF} .dashboard-dropdown .dropdown-toggle{background-color:#fff} .dashboard-view .open .dropdown-toggle{background-color:#F2EDE3 !important} .grid-bg{background-color:#F2EDE3} .column-grid-link:hover .grid-bg{background-color:#1ccacc;color:#fff} .custom-widget .custom-widget-title{background-color:#fff;color:inherit;border-bottom-color:#E2DCCF} .projects-row{border-bottom-color:rgba(128, 128, 128, 0.1) !important} .widget-todo-input-box input{background-color:#F7F4EE} .widget-todo-input-box input:focus{background-color:#F2EDE3} .widget-todo-input-box .input-group{border-bottom-color:#E2DCCF} .active-team-members-list .message-row{border-bottom-color:#E2DCCF} #widget-row-container .error, #widget-container-area .error{background-color:#ffecec !important;border-color:#fdd9d9} .checkbox-blank-sm, .checkbox-checked-sm{border-color:#cecece} .kanban-item-checked{background-color:#F7F4EE} .td-checkbox{background-color:#F2EDE3 !important} .td-checkbox a{background-color:#fff} .td-checkbox .checkbox-blank:hover{background-color:initial} .color-white{color:#fff !important} .invoice-preview-container{border-color:#E2DCCF} .badge a:hover, .badge a:active, .badge a:focus{color:#fff !important} .badge.badge-light a:hover, .badge.badge-light a:active, .badge.badge-light a:focus{color:#16301F !important} .badge.bg-transparent{background-color:transparent !important;color:#181C17 !important;border-color:#E2DCCF !important} .badge.badge-default{background-color:#fff !important;color:#181C17 !important;border-color:#E2DCCF !important} .badge-light{background-color:#F2EDE3;color:#181C17} a.badge:hover{color:#fff !important} #ticket-template-table td:first-child{border-top-color:#E2DCCF} .keyboard-shortcut-info-icon{color:#181C17} .lead-migration-contacts{border-color:#E2DCCF} table .error{background-color:#ffbfbf !important} .help-page-container .table{color:#181C17} .editable-input .editable-date{border-color:#E2DCCF} .search-modal .select2-choice{background-color:#fff !important;border-color:#fff !important} .search-modal .help-search-box{background-color:transparent} .search-modal .help-search-box:focus{background-color:#fff;border-color:#fff} .sub-task-icon{background-color:#F2EDE3} .icon-tag:hover{background-color:#F2EDE3} .icon-palet .active{background-color:#F2EDE3} .badge-white{background-color:#fff;color:#181C17} #keyboard-shortcut-modal-form .bg-white{color:#181C17;border-color:#E2DCCF} .cart-grid-item .cart-grid-item-image-container::before{background-color:rgba(0, 0, 0, 0)} .cart-grid-item .cart-grid-rate{background-color:#fff} .cart-grid-item:hover .cart-grid-item-image-container::before{background-color:rgba(0, 0, 0, 0.2)} .cart-item-row:hover{background-color:transparent !important} .cart-item-quantity-btn{color:#5A6159} .event-deadline-border{border-right-color:#A3302A !important} .fast-line{background-color:#25ccce} .typing-indicator span{background-color:#181C17} .gantt .bar-wrapper.no-drag.active .bar{fill:#b8c2cc !important} .gantt .handle{fill:#f1f1f1 !important} .gantt .today-highlight{fill:#dce0ff !important} .gantt .weekends-highlight{fill:#e3f1ff !important} .gantt .parent-group-arrow, .gantt .regular-arrow, .gantt .parent-task-arrow{stroke:transparent} .gantt .gt-blocked-task:not(.gt-group-task){stroke:#5A6159} .gantt .parent-task-icon{fill:#181C17} .gantt .child-task-icon{fill:#fff} .item-rate-badge{background-color:#AD159E} .edit-image-file{border-color:#E2DCCF} .item-search-box{border-color:#E2DCCF} .chart-circle{background-color:#fff} .help-catagory.list-group .list-group-item{background-color:transparent;color:#181C17} .help-catagory.list-group .list-group-item:hover, .help-catagory.list-group .list-group-item.active{border-left-color:#5A6159 !important;background-color:rgba(0, 0, 0, 0.02)} .nav-tabs.vertical{background-color:transparent} .no-bg{background-color:unset !important} .circle-loader{border-color:rgba(226, 220, 207, 0.5);border-top-color:#16301F} .app-loader{background-color:transparent} .app-loader .loading{border-color:#16301F;border-top-color:#fff} .table-loader .loading{border-color:#16301F;border-top-color:#fff} .inline-loader{border-color:#16301F !important;border-top-color:#fff !important} .inline-loader:hover{background-color:#fff !important} .loader-container.inline-loader:hover{background-color:#fff !important} .icon-fill-secondary{fill:#595D6E} .icon-fill-warning{fill:#846629} ::-webkit-scrollbar-thumb{background-color:rgba(128, 128, 128, 0.3019607843)} ::-webkit-scrollbar-thumb:hover{background-color:rgba(128, 128, 128, 0.4)} ::-webkit-scrollbar-thumb:active{background-color:rgba(128, 128, 128, 0.4)} .sidebar-scroll::-webkit-scrollbar-thumb{background-color:rgba(128, 128, 128, 0.3)} .sidebar-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(128, 128, 128, 0.4)} .sidebar-scroll::-webkit-scrollbar-thumb:active{background-color:rgba(128, 128, 128, 0.4)} .progress-bar-success{background-color:#1E5434} .bg-all-white{background-color:#fff !important} .comment-highlight{border-color:#16301F !important} .bg-all-white{background-color:#fff !important} .note-background{background-color:#FEFFCE !important} input[type=color]{border-color:#E2DCCF} .sub-task-filter-kanban-active, .sub-task-filter-active{background-color:#16301F;color:#fff} .bg-transparent-white{background-color:rgba(255, 255, 255, 0.9215686275) !important} .priority-badge{color:#fff !important} .project-overview-widget .progress-outline{border-color:#1E5434} .project-overview-widget .progress-outline .progress{background-color:transparent} .project-overview-widget .progress-outline .progress .progress-bar{background-color:rgba(19, 174, 130, 0.4) !important} .circle-progress-bar{border-color:#E2DCCF} .missed-reminder{border-left-color:#A3302A} .b-r-2{border-right-color:#E2DCCF} .btn-group .btn.active{border-color:#E2DCCF !important;background-color:#F2EDE3} .avatar-group .user-avatar{border-color:#fff} .nav-pills{background-color:#fff;border-color:#E2DCCF !important} .nav-pills li a{color:inherit} .nav-pills li .active, .nav-pills li.active{background-color:#F7F4EE !important;color:#20446f !important} .custom-bg-modal.modal-dialog{background-color:#F7F4EE} .custom-bg-modal.modal-dialog .modal-content{background-color:#F7F4EE} .custom-bg-modal.modal-dialog .modal-content .modal-header, .custom-bg-modal.modal-dialog .modal-content .modal-footer{border-color:rgba(212, 217, 231, 0.3607843137)} table.dataTable.js-selection-mode .batch-operation-selected td{background-color:rgba(22, 48, 31, 0.08) !important} table.dataTable.js-selection-mode .batch-operation-selected td:hover{background-color:rgba(22, 48, 31, 0.08) !important} .filter-form{border-top-color:#E2DCCF} .smart-filter-dropdown-container .search-filter{border-color:#E2DCCF} .smart-filter-item.active:hover, .smart-filter-item.active:focus{color:#fff} .dropdown-divider{border-color:#E2DCCF !important} .selected-folder-item{background-color:#F7F4EE} .folder-item-content:hover{background-color:#F2EDE3} .folder-item-content.focus{background-color:#F2EDE3} .bold-folder-icon{color:#FFCE6A;fill:#FFCE6A} .bold-file-icon{color:#7FB6FF;fill:#7FB6FF} .no-file-selected{background-color:rgba(0, 0, 0, 0.01)} .file-manager .select-folder-for-move.active{color:#A3302A} .stop-recording{background-color:#8A2822} .audio-preview .preview .upload-thumbnail-sm{background-color:transparent} .file-highlight{border-color:#e38d15} .saved-file-item-container.saved-recording-file .edit-image-file{background-color:#c6ccd2} .file-list-view{background-color:#fff;color:#5A6159;border-color:#E2DCCF} .file-list-view.file-download:hover{background-color:#A3302A !important;color:#fff !important;border-color:#A3302A !important} .file-list-view:hover{background-color:#1E5434 !important;color:#fff !important;border-color:#1E5434 !important} .other-saved-file-container{border-color:#E2DCCF;background-color:#F2EDE3} .saved-file-info{background-color:#857F74;color:#fff} .file-manager-preview-section .text-white{color:#181C17 !important;border-color:#E2DCCF} .file-manager-more-menu{border-color:rgba(221, 230, 233, 0.48)} #expense-tabs.nav-pills{background-color:#F2EDE3} .mobile-bottom-menu .menu-item{color:#181C17} .mobile-bottom-menu .menu-item:hover .icon, .mobile-bottom-menu .menu-item.active .icon, .mobile-bottom-menu .menu-item.focus .icon{color:#181C17} .mobile-bottom-menu #mobile-function-button:hover .icon, .mobile-bottom-menu #mobile-function-button.active .icon, .mobile-bottom-menu #mobile-function-button.focus .icon{color:#181C17 !important} #generate_password{border-color:#E2DCCF;background-color:#fff} .btn-transparent:hover{color:#181C17} ::placeholder{color:#5A6159 !important} ::-ms-input-placeholder{color:#5A6159 !important} .highlight-toolbar{background-color:#F7F4EE} .selection-handler-dropdown-btn.active{background-color:#16301F !important;color:#fff} .selection-handler-dropdown-btn.active:active, .selection-handler-dropdown-btn.active:focus{background-color:#0E2115 !important;color:#fff} #load-kanban.js-selection-mode .kanban-item.batch-operation-selected{background-color:rgba(22, 48, 31, 0.08) !important} .notes-grid-container .file-list-view{border-color:rgba(69, 69, 69, 0.1215686275) !important;background-color:transparent} .empty-input-tag{background-color:rgba(255, 220, 220, 0.5882352941) !important} .automation-form .badge:hover{color:#181C17 !important} .condition-field-expected_value_1:not(.empty-input-tag, .single-input-tag){border-color:#E2DCCF;background-color:#fff !important} .rich-text-container table td{border-color:#E2DCCF} .sortable-items.sortable .move-icon-checked{color:#1E5434 !important} .support-type-label{border-color:#E2DCCF} .list-group.info-list .list-group-item{border-top-color:#E2DCCF} .pin-comment-preview:not(:last-child){border-bottom-color:#E2DCCF} .box-wrapper .box-avatar.hover::after{background-color:transparent;color:#181C17;border-color:#E2DCCF;background-color:#fff !important} .dt-hasChild .box-wrapper .box-avatar.hover::after{background-color:transparent} .form-check-input:checked{background-color:#16301F !important;border-color:#16301F !important} #pwa-install-message-iphone{background-color:#16301F;color:#fff} .mobile-mirror .filter-section-left .scrollable-container::-webkit-scrollbar-thumb:hover{background-color:rgba(128, 128, 128, 0.4)} .mobile-mirror .filter-section-left .scrollable-container::-webkit-scrollbar-thumb:active{background-color:rgba(128, 128, 128, 0.4)} .mobile-mirror .filter-section-left .scrollable-container::-webkit-scrollbar-thumb{background-color:#F2EDE3} .mobile-mirror .datatable-tools .col-md-3{border-bottom-color:#E2DCCF} .back-action-btn{color:#181C17} .compact-view-active .compact-view-left-panel .datatable-tools{background-color:#fff;border-color:#E2DCCF} .compact-view-active .dataTable:not(.js-selection-mode) tbody tr.active td a, .compact-view-active .dataTable:not(.js-selection-mode) tbody tr.active td .text-default{color:#fff !important} .text-muted{color:#181C17 !important} .sticky-top{background-color:#fff} .details-view-top-button.position-fixed-top{background-color:#fff} .timesheet-activity-heatmap tr:hover td{background-color:#F2EDE3} .timesheet-activity-heatmap td, .timesheet-activity-heatmap th{border-color:transparent;background-color:#F7F4EE} .timesheet-activity-heatmap .weekends-highlight{background-color:#F0F8FF} .flex-item-row{border-color:#E2DCCF !important} .wrapper-resizable{background-color:transparent} .wrapper-resizable:hover{background-color:rgba(22, 48, 31, 0.5)} .resizing-left .resizable-left{background-color:rgba(22, 48, 31, 0.5)} .resizing-bottom .resizable-bottom{background-color:rgba(22, 48, 31, 0.5)} .resizing-right .resizable-right{background-color:rgba(22, 48, 31, 0.5)} .resizing-top .resizable-top{background-color:rgba(22, 48, 31, 0.5)} .estimate-request-widget .estimate-request-widget-header .dash-track .dot{background-color:#181C17} .footer{background-color:#0D111F;color:#5A6159} .footer a{color:#16301F} .footer .footer-category-label{color:#fff} .footer .footer-links a{color:#5A6159} .footer .footer-links a:hover{color:#16301F} .footer .b-t{border-top-color:#262F40} .footer .footer-social-links-section .social-link{border-color:#2f3541;color:#5A6159} .footer .footer-social-links-section .social-link:active, .footer .footer-social-links-section .social-link:focus, .footer .footer-social-links-section .social-link:hover{background-color:#857F74 !important;border-color:#857F74 !important;color:#484b59 !important} .bg-white .footer{background-color:#fff !important} .file-icon::after{color:#181C17;background-color:#fff} .file-doc .feather-file{color:#A3302A;fill:#A3302A} .file-image .feather-file{color:#1E5434;fill:#1E5434} .file-audio .feather-file{color:#8e24aa;fill:#8e24aa} .file-video .feather-file{color:#A3302A;fill:#A3302A} .file-archive .feather-file{color:#846629;fill:#846629} .file-code .feather-file{color:#1e88e5;fill:#1e88e5} .file-data .feather-file{color:#00897b;fill:#00897b} .file-app .feather-file{color:#6d6d6d;fill:#6d6d6d} .file-design .feather-file{color:#d81b60;fill:#d81b60} .file-cad .feather-file{color:#455a64;fill:#455a64} .file-default .feather-file{color:#9e9e9e;fill:#9e9e9e} .sp-overlay{background-color:rgba(0, 0, 0, 0.05)} .sp-popup{background-color:#fff} .sp-header{border-bottom-color:#E2DCCF} /* ---------- 3. Glensburg's own rules ---------- */ /* 3.1 Page and type */ html, body { background-color: #F7F4EE; color: #181C17; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--g-title); color: #181C17; } h1, h2, h3, .h1, .h2, .h3 { font-weight: 500; } h4, h5, h6, .h4, .h5, .h6 { font-weight: 600; } strong, b { font-weight: 600; } ::selection { background: #E9DCC0; color: #181C17; } a { color: #16301F; } a:hover, a:focus { color: #846629; } .text-off { color: #5A6159 !important; opacity: 1; } /* keyboard focus: one brass ring everywhere */ a:focus-visible, button:focus-visible, .btn:focus-visible, [tabindex]:focus-visible { outline: 2px solid #A98545; outline-offset: 2px; box-shadow: none; } /* 3.2 The menu */ .sidebar { background: #16301F url(../images/menu-contours.png) no-repeat left bottom / 250px auto; border-right: 0; font-size: 14.5px; } .sidebar-scroll { background: transparent; } .sidebar-brand { background-color: #16301F; border-bottom-color: transparent; } .sidebar-menu { padding: 4px 0 28px; } .sidebar-menu li a { margin: 1px 12px; padding: 10px 12px; border-radius: 6px; color: rgba(242, 237, 227, 0.82); font-weight: 500; } .sidebar-menu li a .icon { width: 18px; height: 18px; stroke-width: 1.75; } .sidebar-menu li a span { margin-left: 9px; } .sidebar-menu li a:hover, .sidebar-menu li a:focus, .sidebar-menu li a:active { color: #F2EDE3; background-color: rgba(242, 237, 227, 0.07); } .sidebar-menu li.active > a { color: #F2EDE3 !important; background-color: rgba(242, 237, 227, 0.1); } .sidebar-menu li.active > a .icon { color: #CDAF83; } .sidebar-menu li a:focus-visible { outline: 2px solid #CDAF83; outline-offset: -2px; } .sidebar-menu li ul li a { padding: 8px 12px 8px 14px; color: rgba(242, 237, 227, 0.72); font-weight: 400; } .sidebar-menu li ul li a:hover { color: #F2EDE3; } .sidebar-menu li ul li a svg { width: 14px; height: 14px; opacity: 0.55; } .sidebar-menu li ul li.active > a .feather { color: #CDAF83; opacity: 1; } .sidebar-menu .badge { min-width: 22px; padding: 3px 7px; border-radius: 11px; background-color: #CDAF83 !important; color: #16301F !important; font-weight: 600; } #sidebar-menu li.expand > a::before, #sidebar-menu li.expand.open > a::before { right: 1.1rem; } /* The menu's logo. RISE prints one site logo everywhere. On the green menu that logo is hidden and the bone lockup is drawn in its place, 220 px wide (the smallest the lockup may be). */ @media (min-width: 991px) { body:not(.sidebar-toggled):not(.compact-view-active) #left-menu-toggle-mask > .sidebar > a.sidebar-brand.brand-logo { height: 110px; padding: 0; border-bottom: 0; background: #16301F url(../images/glensburg-studio-bone.png) no-repeat 15px 24px / 220px auto; } body:not(.sidebar-toggled):not(.compact-view-active) #left-menu-toggle-mask > .sidebar > a.sidebar-brand.brand-logo > img { visibility: hidden; } body:not(.sidebar-toggled):not(.compact-view-active) #left-menu-toggle-mask > .sidebar > .sidebar-scroll { margin-top: 110px; height: calc(100vh - 110px) !important; } /* collapsed menu: the small mark (the favicon: a bone G on green) and green fly-outs */ .sidebar-toggled .sidebar { background-image: none; } .sidebar-toggled .sidebar-menu li:hover { background-color: #16301F; } .sidebar-toggled .sidebar-menu li:hover > a { box-shadow: none !important; } .sidebar-toggled .sidebar-menu li ul, .sidebar-toggled .sidebar-menu li ul li:hover { background-color: #16301F; } .sidebar-toggled .sidebar-menu li ul li a { color: rgba(242, 237, 227, 0.82) !important; } .sidebar-toggled .sidebar-menu li ul li a:hover { color: #F2EDE3 !important; } } /* The small mark. RISE shows its 32 px favicon here; the plugin draws the S monogram from a 96 px file instead, so it stays sharp on retina screens. */ .sidebar .sidebar-brand.brand-logo-mini { background: #16301F url(../images/glensburg-mark-on-green.png) no-repeat center / 40px 40px; } .sidebar .sidebar-brand.brand-logo-mini > img { visibility: hidden; } /* compact view (a list beside an open record): RISE moves the logo beside the top bar, on white. The Studio lockup may not go under 220 px, so the wordmark stands here, 34 px tall. */ .compact-view-active .sidebar .sidebar-brand { background-color: #fff; border-bottom: 1px solid #E2DCCF; } .compact-view-active .sidebar a.sidebar-brand.brand-logo { background: #fff url(../images/glensburg-wordmark-green.png) no-repeat 22px center / auto 34px; } .compact-view-active .sidebar a.sidebar-brand.brand-logo > img { visibility: hidden; } /* tablets and phones: the menu slides in over the page and shows the small mark */ @media (max-width: 990px) { .sidebar .sidebar-brand.brand-logo { display: none !important; } .sidebar .sidebar-brand.brand-logo-mini { display: block; } .sidebar .sidebar-scroll { border-top-color: rgba(242, 237, 227, 0.16) !important; } .sidebar .sidebar-toggle-btn, .sidebar-toggled .sidebar .sidebar-toggle-btn, .sidebar #left-menu-topbar-button-container .nav-link { color: #F2EDE3 !important; } } @media (max-width: 500px) { .sidebar { background-size: 100% auto; } } /* the menu preview in Settings keeps its own size */ #left-menu-preview .sidebar { background-image: none; border-radius: 8px; } /* 3.3 Top bar */ .navbar-custom { background: #fff; border-bottom: 1px solid #E2DCCF; } .navbar-nav .nav-link { color: #3A433C; } .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus { color: #16301F; } .navbar-nav .nav-link .icon, .navbar-nav .nav-link .feather { stroke-width: 1.75; } .navbar-nav .nav-item #user-dropdown .user-name { color: #181C17; font-weight: 500; } @media (max-width: 500px) { .navbar-custom { background-color: transparent; border: none; } } /* phones: the logo in the top bar is the wordmark at 32 px tall (the guidelines' size for phones), drawn from a 132 px file in place of RISE's 175 x 40 site logo */ .navbar-custom #dashboard-link.brand-logo { display: inline-block; width: 138px; height: 40px; margin: 13px 0 13px 14px; background: url(../images/glensburg-wordmark-green.png) no-repeat left center / auto 32px; } .navbar-custom #dashboard-link.brand-logo > img { visibility: hidden; } /* 3.4 Page titles, cards and panels */ .page-title { background: #fff; border-bottom: 1px solid #E2DCCF; border-radius: 8px 8px 0 0; color: #181C17; } .page-title h1 { padding: 19px 20px 18px; font-family: var(--g-title); font-size: 21px; font-weight: 500; line-height: 1.3; } .page-title h4 { font-family: var(--g-title); font-weight: 600; } /* RISE gives some dashboard tables a coloured title bar (the client's list of applications); here every title bar is white with ink words */ .card > .page-title[class*="bg-"] { background-color: #fff !important; color: #181C17 !important; } .card > .page-title[class*="bg-"] h1, .card > .page-title[class*="bg-"] h4 { color: #181C17; } .card { --bs-card-bg: #fff; border: 1px solid #E2DCCF; border-radius: 8px; } .card .card-header, .bg-white .card-header { padding: 14px 18px; border-color: #E2DCCF; color: #181C17; font-family: var(--g-title); font-size: 15px; font-weight: 600; } .card .card-header:first-child { border-radius: 8px 8px 0 0; } .card .card-header > svg, .card .card-header > span > svg { margin-right: 3px; color: #5A6159; stroke-width: 1.75; } .card-footer { background-color: #FBFAF6; border-top: 1px solid #E2DCCF; } .nav-tabs { border-color: #E2DCCF; border-radius: 8px 8px 0 0; } .card .nav-tabs { border-bottom-color: #E2DCCF; } .nav-tabs li a { color: #3A433C; } .nav-tabs li .active, .nav-tabs li.active { color: #181C17 !important; } .nav-tabs li:not(.title-tab) a::after { background-color: #CFC7B6; } .nav-tabs li a.active::after { background-color: #A98545; } .nav-tabs li.title-tab h4, .nav-tabs .title-tab .tab-title h4 { font-family: var(--g-title); font-weight: 500; } /* 3.5 Dashboard tiles */ .dashboard-icon-widget .card-body { padding: 25px 24px; } .widget-icon, .widget-icon[class*="bg-"] { width: 52px; height: 52px; border-radius: 8px; background-color: #F2EDE3 !important; } .widget-icon .icon { width: 1.5rem; height: 1.5rem; color: #16301F; stroke-width: 1.75; } .widget-details h1 { font-family: var(--g-title); font-size: 1.7rem; font-weight: 500; color: #181C17; } .widget-details span { color: #5A6159; } .dashboard-icon-widget .bg-transparent-white { background: transparent !important; } /* figures on dashboard cards are ink; colour is kept for the status pills and the small bars */ .dashboards-row .card h1, .dashboards-row .card h2, .dashboards-row .card h3, .dashboards-row .card h4, .invoice-overview-widget-link .fw-bold { color: #181C17 !important; } .dashboards-row .card h1, .dashboards-row .card h2, .dashboards-row .card h3, .dashboards-row .card h4 { font-family: var(--g-title); font-weight: 500 !important; } .project-overview-widget .progress-outline { border: 1px solid #CFC7B6; padding: 4px; } .project-overview-widget .progress-outline .progress .progress-bar { background-color: rgba(169, 133, 69, 0.45) !important; color: #181C17 !important; } /* 3.6 Buttons */ .btn { border-radius: 6px; font-weight: 500; --bs-btn-focus-shadow-rgb: 169, 133, 69; } .btn-default { background-color: #fff; border: 1px solid #CFC7B6; color: #181C17; } .btn-default:hover { background-color: #F2EDE3; border-color: #BDB4A1; color: #181C17; } .btn-default:active, .btn-default:focus { background-color: #F2EDE3 !important; border-color: #BDB4A1 !important; color: #181C17; } .btn.active, .btn.active:focus, .btn-group .btn.active { background-color: #F2EDE3; border-color: #CFC7B6 !important; color: #181C17; font-weight: 600; } .filter .btn-default:hover, .filter .btn-default.active:hover { background: #F2EDE3; border-color: #CFC7B6; } /* the site's button: green, bone words, the words turn brass under the pointer */ .btn-primary, .btn-primary:disabled, .btn-primary.disabled { background-color: #16301F; border-color: #16301F; color: #F2EDE3; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:first-child:active, .btn-primary.active { background-color: #16301F; border-color: #16301F; color: #CDAF83; } /* "success" buttons (Accept, Start timer) are the same green button: one button colour */ .btn-success, .btn-success:disabled, .btn-success.disabled { background: #16301F; border-color: #16301F; color: #F2EDE3; } .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:first-child:active { background: #16301F; border-color: #16301F; color: #CDAF83; } .btn-primary, .btn-success, .btn-danger { font-weight: 600; } .btn-info { background: #fff; border: 1px solid #16301F; color: #16301F; } .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:first-child:active { background: #F2EDE3 !important; border-color: #16301F !important; color: #16301F; } .btn-warning { background: #F3E9D6; border-color: #E3D2B0; color: #6B5220; } .btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning:first-child:active { background: #EBDDC2; border-color: #D9C59C; color: #6B5220; } .btn-danger { background: #A3302A; border-color: #A3302A; color: #fff; } .btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:first-child:active { background: #8A2822 !important; border-color: #8A2822 !important; color: #fff !important; } .btn-close:focus-visible { outline: 2px solid #A98545; } /* 3.7 Fields */ .form-control, .form-select, .general-form .form-control { background-color: #fff; border: 1px solid #857F74; border-radius: 6px; color: #181C17; } .form-control:focus, .form-select:focus, .general-form .form-control:focus, .general-form .form-control.white:focus { background-color: #fff; border-color: #846629; box-shadow: 0 0 0 1px #846629; } .form-control::placeholder { color: #6E746C; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #F7F4EE; } .general-form .has-error .form-control { border-color: #A3302A; color: #181C17; } .general-form .input-group-addon { background: #F2EDE3; border-color: #857F74; border-radius: 6px; } .form-check-input { border-color: #857F74; } .form-check-input:checked { background-color: #16301F; border-color: #16301F; } .form-check-input:focus { border-color: #846629; box-shadow: 0 0 0 1px #846629; } label.error, .help-block.error, .text-danger { color: #A3302A !important; } /* select boxes (select2) take the look of a field */ .select2-container .select2-choice { background: #fff !important; border: 1px solid #857F74 !important; border-radius: 6px; color: #181C17; } .select2-container.select2-dropdown-open .select2-choice, .select2-container-active .select2-choice { border-color: #846629 !important; box-shadow: 0 0 0 1px #846629; } .select2-container-multi .select2-choices { background: #fff !important; border-color: #857F74 !important; border-radius: 6px; } .select2-container .select2-choice .select2-search-field input { background: #fff !important; border-color: #857F74 !important; } .select2-drop, .select2-drop-active { border-color: #16301F; color: #181C17; } .select2-search input { border-color: #CFC7B6; border-radius: 4px; } .select2-results .select2-highlighted { background-color: #F2EDE3; color: #181C17; } .select2-container-multi .select2-choices .select2-search-choice { background: #F2EDE3; border-color: #E2DCCF; color: #181C17; } /* the bar above a table keeps quiet edges: these are tools, not a form */ .filter-section-container .form-control, .dt-container .dt-search input.form-control, .custom-toolbar .form-control { border-color: #CFC7B6; } .filter-section-container .select2-choice, .datatable-tools .select2-choice, .timesheet-buttons .select2-choice, .item-categories-filter-section .select2-choice, .payment-received-chart .select2-choice, .custom-toolbar .select2-container .select2-choice { border-color: #CFC7B6 !important; } /* 3.8 Tables */ table.dataTable thead th { border-top-color: #E2DCCF; color: #5A6159; font-size: 12.5px; font-weight: 600; letter-spacing: 0.01em; } .dataTable:not(.js-selection-mode) tbody tr { border-color: #EAE5D9 !important; color: #181C17; } .dataTable:not(.js-selection-mode) td:hover, .dataTable:not(.js-selection-mode) tbody tr:hover td { background: #FAF8F3 !important; } table.dataTable tbody td a:not(.btn):not(.badge):not(.dropdown-item) { font-weight: 500; } table.dataTable tbody td a:not(.btn):not(.badge):not(.dropdown-item):hover { color: #846629; text-decoration: underline; text-underline-offset: 3px; } .table { --bs-table-color: #181C17; --bs-table-border-color: #E2DCCF; --bs-table-hover-bg: #FAF8F3; } .pagination { --bs-pagination-color: #181C17; --bs-pagination-hover-color: #181C17; --bs-pagination-hover-bg: #F2EDE3; --bs-pagination-border-color: #E2DCCF; --bs-pagination-focus-box-shadow: 0 0 0 2px #846629; --bs-pagination-active-color: #181C17; --bs-pagination-active-bg: #F2EDE3; --bs-pagination-active-border-color: #CFC7B6; } .dt-container .dt-paging .dt-paging-button .page-link:hover { border-color: #CFC7B6; } .dt-container .dt-paging .dt-paging-button.active .page-link { background: #F2EDE3; border-color: #CFC7B6; font-weight: 600; } /* the calendar */ .fc { --fc-border-color: #E2DCCF; --fc-today-bg-color: rgba(205, 175, 131, 0.2); --fc-event-bg-color: #16301F; --fc-event-border-color: #16301F; --fc-event-text-color: #F2EDE3; --fc-neutral-bg-color: #F7F4EE; --fc-page-bg-color: #fff; } .fc .fc-toolbar-title { font-family: var(--g-title); font-weight: 500; } /* 3.9 Status pills. RISE's own status classes become four quiet pills and one loud one. Labels whose colour is set on the record itself (task statuses, labels) keep that colour. */ .badge { padding: 4px 9px; border-radius: 999px; font-weight: 500; letter-spacing: 0.005em; } .dataTable .badge { padding: 4px 9px; } .badge.bg-success, .badge.bg-dark-success { background-color: #E4EFE7 !important; color: #1E5434 !important; } .badge.bg-primary { background-color: #F3E9D6 !important; color: #6B5220 !important; } .badge.bg-warning, .badge.bg-orange { background-color: #F7E1DA !important; color: #8F2F1C !important; } .badge.bg-info, .badge.bg-secondary, .badge.bg-dark, .badge-light { background-color: #EDEAE3 !important; color: #4A5049 !important; } .badge.bg-danger { background-color: #A3302A !important; color: #fff !important; } .badge.bg-success a, .badge.bg-primary a, .badge.bg-warning a, .badge.bg-info a, .badge.bg-secondary a { color: inherit !important; } .bg-success { background-color: #1E5434 !important; } .progress { background-color: #EDEAE3; } /* 3.10 Menus that drop down, dialogs, notices */ .dropdown-menu { border: 1px solid #E2DCCF; border-radius: 8px; box-shadow: 0 10px 30px rgba(24, 28, 23, 0.1); --bs-dropdown-color: #181C17; --bs-dropdown-link-color: #181C17; --bs-dropdown-link-hover-color: #181C17; --bs-dropdown-link-hover-bg: #F2EDE3; --bs-dropdown-link-active-color: #F2EDE3; --bs-dropdown-link-active-bg: #16301F; --bs-dropdown-divider-bg: #E2DCCF; } .dropdown-item:hover, .dropdown-item:focus { background-color: #F2EDE3; color: #181C17; } .dropdown-item.active, .dropdown-item:active { background-color: #16301F; color: #F2EDE3; } .modal-content { border: 0; border-radius: 10px; box-shadow: 0 24px 60px rgba(24, 28, 23, 0.22); } .modal-header { border-bottom-color: #E2DCCF; } .modal-title { font-family: var(--g-title); font-size: 17px; font-weight: 600; } .modal-footer { border-top-color: #E2DCCF; border-radius: 0 0 10px 10px; } .alert { border-radius: 8px; } .alert-warning { --bs-alert-bg: #F3E9D6; --bs-alert-border-color: #E3D2B0; --bs-alert-color: #6B5220; --bs-alert-link-color: #6B5220; background-color: #F3E9D6; border-color: #E3D2B0; color: #6B5220; } .alert-warning a { color: #6B5220; } .alert-success { --bs-alert-bg: #E4EFE7; --bs-alert-border-color: #C9DFD0; --bs-alert-color: #1E5434; background-color: #E4EFE7; border-color: #C9DFD0; color: #1E5434; } .alert-danger { --bs-alert-bg: #F7E1DA; --bs-alert-border-color: #EBC4B8; --bs-alert-color: #8F2F1C; background-color: #F7E1DA; border-color: #EBC4B8; color: #8F2F1C; } .alert-info { --bs-alert-bg: #F2EDE3; --bs-alert-border-color: #E2DCCF; --bs-alert-color: #181C17; background-color: #F2EDE3; border-color: #E2DCCF; color: #181C17; } .tooltip { --bs-tooltip-bg: #181C17; --bs-tooltip-color: #F2EDE3; } .popover { --bs-popover-border-color: #E2DCCF; border-radius: 8px; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td span.active, .datepicker table tr td span.active:hover { background: #16301F !important; color: #F2EDE3 !important; text-shadow: none; } .datepicker table tr td.today, .datepicker table tr td.today:hover { background: #F3E9D6 !important; color: #181C17 !important; } /* file and folder icons */ .bold-folder-icon { color: #CDAF83; fill: #CDAF83; } .bold-file-icon { color: #B8C0B6; fill: #B8C0B6; } /* 3.11 Sign-in, sign-up and password pages */ /* RISE fixes this box to a share of the window's height; the card now holds more, so it sizes itself */ .signin-page .form-signin { height: auto !important; } .form-signin .card { overflow: hidden; border: 1px solid #E2DCCF; border-radius: 10px; box-shadow: 0 20px 50px rgba(22, 48, 31, 0.1) !important; } .form-signin .card-header { padding-top: 22px; padding-bottom: 18px; background: #fff; border-bottom: 1px solid #E2DCCF; font-family: "Inter", system-ui, sans-serif; font-weight: 400; } /* the logo: RISE prints its 175 x 40 site logo, which puts the Studio lockup under its 220 px minimum. Where the header holds the logo alone, the lockup is drawn at 240 px from a 720 px file. */ .form-signin .card-header:has(> img:only-child) { height: 114px; padding: 0; background: #fff url(../images/glensburg-studio-green.png) no-repeat center 23px / 240px auto; } .form-signin .card-header:has(> img:only-child) > img { display: none; } .form-signin .form-control { padding: 12px 14px !important; font-size: 15px; } .form-signin .btn-primary { padding: 13px 16px; font-size: 16px; font-weight: 600; } .form-signin .card-body a { color: #16301F; text-decoration: underline; text-decoration-color: #A98545; text-underline-offset: 3px; } .form-signin .card-body a:hover { color: #846629; } /* added by the plugin's script: a heading and a label above each field */ .glensburg-signin-heading { margin: 0 0 16px; } .glensburg-signin-heading h1 { margin: 0 0 4px; font-family: var(--g-title); font-size: 22px; font-weight: 500; line-height: 1.25; color: #16301F; } .glensburg-signin-heading p { margin: 0; color: #5A6159; font-size: 14px; line-height: 1.5; } .glensburg-signin-label { display: block; margin: 0 0 6px; color: #181C17; font-size: 14px; font-weight: 500; } /* printed by the plugin under the form */ .glensburg-signin-note { margin-top: 18px; padding-top: 16px; border-top: 1px solid #E2DCCF; color: #5A6159; font-size: 12.5px; line-height: 1.55; text-align: left; } .glensburg-signin-note p { margin: 0 0 6px; } .glensburg-signin-note p:last-child { margin-bottom: 0; } .glensburg-signin-note strong { color: #181C17; font-weight: 600; overflow-wrap: anywhere; } /* if RISE prints the note outside the card and the script has not moved it in */ .form-signin > .glensburg-signin-note { margin: 14px 4px 0; padding-top: 0; border-top: 0; text-align: center; } /* ---------- Document templates: the parts to fill in ---------- */ /* In the quotation and service agreement templates each part to be filled in sits in [...]. The sand ground shows in the editor only, so a planner sees what is still to do; the client's view and the PDF never show it. */ .note-editable .g-fill, .note-editing-area .g-fill { background-color: #F3E9D6; border-radius: 2px; } /* ---------- Dashboard charts: the legend dots ---------- */ /* RISE writes the Income vs Expenses legend dots with inline colours (#32A483 income, #E60050 expenses). The plugin's script gives the charts themselves the same two brand colours. */ .color-tag[style*="32A483" i] { background-color: #1E5434 !important; } .color-tag[style*="E60050" i] { background-color: #A3302A !important; } /* ---------- Text on the green grounds ---------- */ /* The headings rule above sets every heading in ink, and .text-off is a muted grey with !important. On RISE's green grounds (the profile header of a team member or a client contact, .cover-widget on .bg-primary) that made the name and the figures dark on green. There the headings and the muted text follow the ground instead. */ .cover-widget, .bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6, .bg-primary .h1, .bg-primary .h2, .bg-primary .h3, .bg-primary .h4, .bg-primary .h5, .bg-primary .h6, .cover-widget h1, .cover-widget h2, .cover-widget h3, .cover-widget h4, .cover-widget h5, .cover-widget h6, .cover-widget .h1, .cover-widget .h2, .cover-widget .h3, .cover-widget .h4, .cover-widget .h5, .cover-widget .h6, .bg-success h1, .bg-success h2, .bg-success h3, .bg-success h4, .bg-success h5, .bg-success h6, .bg-danger h1, .bg-danger h2, .bg-danger h3, .bg-danger h4, .bg-danger h5, .bg-danger h6, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6 { color: #F2EDE3; } .bg-primary .text-off, .cover-widget .text-off, .bg-success .text-off, .bg-danger .text-off, .bg-dark .text-off, .bg-primary .text-muted, .cover-widget .text-muted, .bg-primary .text-secondary, .cover-widget .text-secondary { color: rgba(242, 237, 227, 0.72) !important; } .cover-widget .b-t, .cover-widget .b-r, .cover-widget .b-b, .cover-widget .b-l { border-color: rgba(242, 237, 227, 0.14); } /* ---------- Application details: the custom fields (0.2.8) ---------- */ /* On an application's Overview, RISE lists each custom field as a box icon, its title and the value under it. The script lays them out as the brand's details card: a heading, the stage tracker, and the fields in four groups (Property, Application, Dates, Management) as a two-column list. Without the script, the rules just below still give the two-column list. */ /* The client's view prints the same card without .project-custom-fields; there it is found by its box icons (:has), so browsers without :has keep RISE's own look on that view. */ .pnel-body > .p10 > svg.feather-box { display: none; } .project-custom-fields .pnel-body:not(.g-cf), .card > .pnel-body:not(.g-cf):has(> .p10 > svg.feather-box) { display: grid; grid-template-columns: minmax(140px, 38%) 1fr; padding: 4px 0; } .project-custom-fields .pnel-body:not(.g-cf) > .p10, .card > .pnel-body:not(.g-cf):has(> .p10 > svg.feather-box) > .p10 { margin: 0 !important; padding: 11px 12px 9px 18px; border-bottom: 1px solid #E2DCCF; color: #5A6159; font-size: 13px; } .project-custom-fields .pnel-body:not(.g-cf) > .p10.pt0, .card > .pnel-body:not(.g-cf):has(> .p10 > svg.feather-box) > .p10.pt0 { padding: 10px 18px 10px 0 !important; color: #181C17; font-size: 14px; font-weight: 500; overflow-wrap: anywhere; } /* with the script */ .g-cf { padding: 2px 18px 8px; } .g-cf-group { margin: 16px 0 2px; color: #846629; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } .g-cf-row { display: grid; grid-template-columns: minmax(140px, 38%) 1fr; align-items: baseline; column-gap: 16px; padding: 9px 0; border-bottom: 1px solid #E2DCCF; } .g-cf-row:last-child { border-bottom: 0; } .g-cf-label { color: #5A6159; font-size: 13px; line-height: 1.5; } .g-cf-value { color: #181C17; font-size: 14px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; } .g-cf-value a { font-weight: 500; } .g-cf-host { margin-left: 8px; color: #5A6159; font-size: 12.5px; font-weight: 400; } .g-chip { display: inline-block; margin: 1px 6px 5px 0; padding: 2px 10px; border-radius: 999px; background: #F2EDE3; color: #181C17; font-size: 12.5px; font-weight: 500; line-height: 1.6; } .g-tone-good, .g-tone-bad, .g-tone-quiet { display: inline-flex; align-items: center; } .g-tone-good::before, .g-tone-bad::before, .g-tone-quiet::before { content: ""; flex: none; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: currentColor; } .g-tone-good { color: #1E5434; } .g-tone-bad { color: #A3302A; } .g-tone-quiet { color: #5A6159; } /* the stage tracker: where the matter stands, whose move it is, what falls due next */ .g-stage { margin: 16px 18px 4px; padding: 14px 16px 12px; border-radius: 8px; background: #F2EDE3; } .g-stage-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; } .g-stage-count { color: #16301F; font-family: var(--g-title); font-size: 13px; font-weight: 600; white-space: nowrap; } .g-stage-name { color: #181C17; font-size: 15px; font-weight: 600; } .g-stage-bar { display: grid; gap: 3px; margin: 10px 0 11px; } .g-stage-seg { height: 6px; border-radius: 3px; background: #DCD4C4; } .g-stage-seg.done { background: #16301F; } .g-stage-seg.now { background: #16301F; box-shadow: 0 0 0 2px #F2EDE3, 0 0 0 3px #16301F; } .g-stage-meta { display: flex; flex-wrap: wrap; gap: 4px 20px; color: #181C17; font-size: 13px; } .g-stage-meta-label { margin-right: 6px; color: #5A6159; } /* the application form: a heading over each group */ .g-cf-form-group { margin: 24px 0 12px; padding-bottom: 6px; border-bottom: 1px solid #E2DCCF; color: #846629; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } /* the card with the start date, deadline and status: label and value on each line (0.2.9) */ .list-group-item.g-li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-left: 18px; padding-right: 18px; } .g-li-label { color: #5A6159; font-size: 13px; } .g-li-value { color: #181C17; font-size: 14px; font-weight: 500; text-align: right; } /* the client's view: the stage tracker shows the progress, so RISE's circle (the share of tasks done, which clients do not see) and its green band go */ .g-progress-plain > .bg-primary, .g-progress-plain > .clearfix.text-center { display: none !important; } .g-progress-plain > .list-group > .list-group-item:first-child { border-top: 0 !important; } /* an empty task chart is taken away (0.2.9) */ .g-gone { display: none !important; } /* the client's view: the Description sits under the summary, in that card's column; on a phone the details card comes first */ .g-moved { width: 100%; max-width: 100%; flex: 0 0 100%; padding-left: 0; padding-right: 0; } @media (max-width: 767.98px) { body.client-view .g-cf-col { order: -1; } } /* lists: a date never breaks over two lines */ table.dataTable td.dt-type-date, table.dataTable td.g-nowrap { white-space: nowrap; } @media (max-width: 575.98px) { .project-custom-fields .pnel-body:not(.g-cf), .card > .pnel-body:not(.g-cf):has(> .p10 > svg.feather-box), .g-cf-row { grid-template-columns: 1fr; } .project-custom-fields .pnel-body:not(.g-cf) > .p10, .card > .pnel-body:not(.g-cf):has(> .p10 > svg.feather-box) > .p10 { border-bottom: 0; padding-bottom: 0; } .project-custom-fields .pnel-body:not(.g-cf) > .p10.pt0, .card > .pnel-body:not(.g-cf):has(> .p10 > svg.feather-box) > .p10.pt0 { padding: 2px 18px 10px !important; border-bottom: 1px solid #E2DCCF; } .g-cf-row { row-gap: 2px; } }