:root { --rq-headernav-background: #ffffff; --rq-headernav-color: #464646 }
:root { --rq-headernav-btndark-background: #e5e5e5; --rq-headernav-btndark-color: #464646 }
:root { --rq-headernav-btndark-hover-background: #cccccc; --rq-headernav-btndark-hover-color: #464646 }
:root { --rq-headernav-btndark-active-background: #cccccc; --rq-headernav-btndark-active-bordercolor: rgba(204,204,204,0.5) }
:root { --rq-sidebar-background: #ffffff; --rq-sidebar-color: #0077be; --rq-sidebar-bordercolor: #e5e5e5; --rq-sidebar-textcolor: #464646 }
:root { --rq-tabcontent-background: #ffffff; --rq-tabcontent-border: #ffffff; }
:root { --rq-tabcontent-background: #ffffff; --rq-tabcontent-border: #ffffff; }
:root { --rq-primary-boxshadowcolor: rgba(240,74,128,0.25); }
:root { --rq-reply-bg: #f3f3f3;--rq-reply-color: #777777; --rq-reply-border: #dbd7d7 }
:root { --rq-ticketlist-bg: #f6f6f6;--rq-ticketlist-color: #283436; --rq-ticketlist-border: #dedada; --rq-ticketlist-bg-alt: #F7F7F7 }
:root { --rq-colorforviews: #539eb0;--rq-colorforviews-hover: #31606b;  }
.form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f04a80'/%3e%3c/svg%3e") }
.form-select, .select2-container--bootstrap-5 .select2-selection--single { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23283436' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") }
:root { --bs-body-color: #283436; --bs-body-color-rgb: rgb(40,52,54); --bs-body-bg: #ececec; --bs-body-bg-rgb: rgb(236,236,236); --bs-window-bg: #ffffff; --bs-window-color: #283436 }
:root { --bs-primary: #f04a80; --bs-primary-rgb: rgb(240,74,128); }
:root { --bs-primary-color: #ffffff; --bs-primary-bg: #f04a80; --bs-primary-border: #f04a80 }
:root { --bs-secondary: #cae3e8; --bs-secondary-rgb: rgb(202,227,232); }
:root { --bs-secondary-color: #464646; --bs-secondary-bg: #cae3e8; --bs-secondary-border: #cae3e8 }
:root { --bs-link-color: #0077be; --bs-link-hover-color: #25adff; }
:root { --bs-border-color: #d4d0d0; --bs-border-color-translucent: rgba(212,208,208,0.7);  }
:root { --bs-btn-secondary-color: #464646;--bs-btn-secondary-bg: #cae3e8; }
:root { --bs-btn-primary-color: #ffffff;--bs-btn-primary-bg: #f04a80; }
.card { --bs-card-bg: #ffffff; --bs-card-color: #283436; }
.modal { --bs-modal-bg: #ffffff; --bs-modal-color: #283436; }
.form-border { background-color: #ffffff !important; border-color: #ffffff !important; color: #283436 !important; }
.btn-close { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23283436'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important }
.btn-primary, .bg-primary { --bs-btn-bg: #f04a80; --bs-btn-border-color: #f04a80; --bs-btn-color: #ffffff; --bs-btn-active-color: #ffffff; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #ec1a5e; --bs-btn-hover-border-color: #ec1a5e; --bs-btn-box-shadow-rgba: rgba(236,26,94,0.5) }
.btn-outline-primary { --bs-btn-bg: #ffffff; --bs-btn-border-color: #f04a80; --bs-btn-color: #ffffff; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #f04a80; --bs-btn-hover-border-color: #f04a80; --bs-btn-box-shadow-rgba: rgba(236,26,94,0.5) }
.badge-primary { --bs-badge-bg: #f04a80; --bs-badge-color: #ffffff }
.alert-primary { --bs-alert-bg: #f04a80; --bs-alert-border-color: #f04a80; --bs-alert-color: #ffffff }
.btn-secondary, .bg-secondary { --bs-btn-bg: #cae3e8; --bs-btn-border-color: #cae3e8; --bs-btn-color: #464646; --bs-btn-active-color: #464646; --bs-btn-hover-color: #464646; --bs-btn-hover-bg: #a6d0d8; --bs-btn-hover-border-color: #a6d0d8; --bs-btn-box-shadow-rgba: rgba(166,208,216,0.5) }
.btn-outline-secondary { --bs-btn-bg: #ffffff; --bs-btn-border-color: #cae3e8; --bs-btn-color: #464646; --bs-btn-hover-color: #464646; --bs-btn-hover-bg: #cae3e8; --bs-btn-hover-border-color: #cae3e8; --bs-btn-box-shadow-rgba: rgba(166,208,216,0.5) }
.badge-secondary { --bs-badge-bg: #cae3e8; --bs-badge-color: #464646 }
.alert-secondary { --bs-alert-bg: #cae3e8; --bs-alert-border-color: #cae3e8; --bs-alert-color: #464646 }
.btn-workflow { --bs-btn-bg: #000000; --bs-btn-border-color: #000000; --bs-btn-color: #ffffff; --bs-btn-active-color: #ffffff; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #191919; --bs-btn-hover-border-color: #191919; --bs-btn-box-shadow-rgba: rgba(0,0,0,0.5) }
.btn-reply { --bs-btn-bg: #000000; --bs-btn-border-color: #000000; --bs-btn-color: #ffffff; --bs-btn-active-color: #ffffff; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #191919; --bs-btn-hover-border-color: #191919; --bs-btn-box-shadow-rgba: rgba(0,0,0,0.5) }
.welcomeAccordion .accordion-button::after, .accordion-button::after {  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23283436'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23283436'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }