/* OTOMATİK ÜRETİLDİ — elle düzenlemeyin. Kaynak: resources/theme-tools/build-refero-colors.mjs */
html { background: var(--rf-bg); }
body { color: var(--rf-text); background: var(--rf-bg); }
::selection { background: var(--rf-line); }
::-moz-selection { background: var(--rf-line); }
.ps__thumb-y { background-color: var(--rf-line); }
.depth-1 { box-shadow: 0 1px 15px rgba(var(--rf-shadow-rgb),0.04), 0 1px 6px rgba(var(--rf-shadow-rgb),0.04); }
.depth-2 { box-shadow: 0 3px 30px rgba(var(--rf-shadow-rgb),0.1), 0 3px 20px rgba(var(--rf-shadow-rgb),0.1); }
button { color: var(--rf-text); }
.main-heading { border-bottom: 1px solid var(--rf-line); }
.separator { border-bottom: 1px solid var(--rf-line); }
.video-play-icon span:before { border-color: transparent transparent transparent var(--rf-accent); }
a { color: var(--rf-text); }
a:hover, a:active { color: var(--rf-accent); }
.text-default { color: var(--rf-text) !important; }
.text-muted { color: var(--rf-muted) !important; }
.text-semi-muted { color: var(--rf-muted) !important; }
.color-theme-1 { color: var(--rf-accent); }
.color-theme-2 { color: var(--rf-accent-2); }
#displayOptions a.active i { color: var(--rf-accent); }
#displayOptions button { border-color: var(--rf-muted); color: var(--rf-muted); }
#displayOptions button:hover { background-color: var(--rf-accent); border-color: var(--rf-accent); }
#displayOptions .btn-outline-dark:not(:disabled):not(.disabled):active, #displayOptions .btn-outline-dark:not(:disabled):not(.disabled).active, #displayOptions .show > .btn-outline-dark.dropdown-toggle { background-color: var(--rf-accent); border-color: var(--rf-accent); }
#displayOptions .view-icon .view-icon-svg { fill: var(--rf-muted); }
#displayOptions .view-icon:hover .view-icon-svg, #displayOptions .view-icon.active .view-icon-svg { fill: var(--rf-accent); }
.feedback-container a { color: var(--rf-muted); }
.feedback-container a:hover, .feedback-container a:active { color: var(--rf-accent); }
button { color: var(--rf-text); }
.btn-shadow { box-shadow: 0 1px 2px 0 rgba(var(--rf-shadow-rgb),0.15), 0 1px 3px 1px rgba(var(--rf-shadow-rgb),0.15) !important; }
.btn-shadow:hover, .btn-shadow:focus { box-shadow: 0 1px 3px 0 rgba(var(--rf-shadow-rgb),0.15), 0 4px 6px 2px rgba(var(--rf-shadow-rgb),0.15) !important; }
.btn-primary { background-color: var(--rf-accent); border-color: var(--rf-accent); }
.btn-primary:hover { background-color: var(--rf-accent-hover); border-color: var(--rf-accent-hover); }
.check-button.btn-primary { background-color: var(--rf-accent) !important; border-color: var(--rf-accent) !important; }
.dropdown-menu { background: var(--rf-surface); border-color: rgba(var(--rf-text-rgb),0.15); }
.dropdown-item { color: var(--rf-text); }
.dropdown-item:hover, .dropdown-item:focus { background-color: var(--rf-bg); color: var(--rf-text); }
.dropdown-item.active, .dropdown-item:active { background-color: var(--rf-accent); }
.dropdown-divider { border-color: var(--rf-line); }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: var(--rf-accent-hover); border-color: var(--rf-accent-hover); }
.btn-secondary { background-color: var(--rf-accent-2); border-color: var(--rf-accent-2); }
.btn-secondary:hover { background-color: var(--rf-accent-2); border-color: var(--rf-accent-2); }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { background-color: var(--rf-accent-2); border-color: var(--rf-accent-2); }
.btn-primary.btn-primary-gradient { background: linear-gradient(to right, var(--rf-accent), var(--rf-accent-hover)); }
.btn-primary.btn-primary-gradient:hover { background: linear-gradient(to right, var(--rf-accent), var(--rf-accent-hover)); }
.btn-primary-gradient:not(:disabled):not(.disabled):active, .btn-primary-gradient:not(:disabled):not(.disabled).active, .show > .btn-primary-gradient.dropdown-toggle { background: linear-gradient(to right, var(--rf-accent), var(--rf-accent-hover)); }
.btn-secondary-gradient { background: linear-gradient(to right, var(--rf-accent-2), var(--rf-accent-2)); }
.btn-secondary-gradient:hover { background: linear-gradient(to right, var(--rf-accent-2), var(--rf-accent-2)); }
.btn-secondary-gradient:not(:disabled):not(.disabled):active, .btn-secondary-gradient:not(:disabled):not(.disabled).active, .show > .btn-secondary-gradient.dropdown-toggle { background: linear-gradient(to right, var(--rf-accent-2), var(--rf-accent-2)); }
.btn-warning { background-color: var(--rf-warning); border-color: var(--rf-warning); }
.btn-light { color: var(--rf-text); background-color: var(--rf-surface-2); border-color: var(--rf-line-soft); }
.btn-light:hover { color: var(--rf-text); background-color: var(--rf-line); border-color: var(--rf-line); }
.btn-dark { color: var(--rf-line-soft); background-color: var(--rf-inverse); border-color: var(--rf-text); }
.btn-dark:hover { color: var(--rf-line-soft); background-color: var(--rf-inverse); border-color: var(--rf-text); }
.btn-outline-dark { color: var(--rf-text); border-color: var(--rf-text); }
.btn-outline-dark:hover { background-color: var(--rf-inverse); border-color: var(--rf-text); }
.btn-outline-white { border-color: var(--rf-surface); }
.btn-outline-white:hover { color: var(--rf-accent); background-color: var(--rf-surface); }
.btn-outline-light { color: var(--rf-line-soft); border-color: var(--rf-line-soft); }
.btn-outline-light:hover { background-color: var(--rf-surface-2); border-color: var(--rf-line-soft); }
.btn-outline-primary { color: var(--rf-accent); border-color: var(--rf-accent); }
.btn-outline-primary:hover { background-color: var(--rf-accent); border-color: var(--rf-accent); }
.btn-outline-theme-3 { color: var(--rf-muted); border-color: var(--rf-muted); }
.btn-outline-theme-3:hover { background-color: var(--rf-muted); border-color: var(--rf-muted); }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { background-color: var(--rf-accent); border-color: var(--rf-accent); }
.btn-outline-secondary { color: var(--rf-accent-2); border-color: var(--rf-accent-2); }
.btn-outline-secondary:hover { background-color: var(--rf-accent-2); border-color: var(--rf-accent-2); }
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { background-color: var(--rf-accent-2); border-color: var(--rf-accent-2); }
.btn-header-light { color: var(--rf-faint); }
.btn-header-light:hover { border-color: var(--rf-line); }
.btn-header-primary { color: var(--rf-accent); }
.btn-header-primary:hover { border-color: var(--rf-accent); }
.btn-header-secondary { color: var(--rf-accent-2); }
.btn-header-secondary:hover { border-color: var(--rf-accent-2); }
.btn-header-primary-light { color: var(--rf-muted); }
.btn-header-primary-light:hover { border-color: var(--rf-muted); }
.btn-primary.disabled, .btn-primary:disabled { background-color: var(--rf-accent); border-color: var(--rf-accent); }
.btn-secondary.disabled, .btn-secondary:disabled { background-color: var(--rf-accent-2); border-color: var(--rf-accent-2); }
.btn-link { color: var(--rf-accent); }
.btn-link:hover { color: rgba(var(--rf-accent-rgb),0.7); }
.btn-multiple-state.btn-primary:disabled { background: var(--rf-accent-hover); border-color: var(--rf-accent-hover); }
.btn-multiple-state.btn-secondary:disabled { border-color: var(--rf-accent-2); }
.border { border: 1px solid var(--rf-line-soft) !important; }
.border-right { border-right: 1px solid var(--rf-line-soft) !important; }
.border-left { border-left: 1px solid var(--rf-line-soft) !important; }
.border-top { border-top: 1px solid var(--rf-line-soft) !important; }
.border-bottom { border-bottom: 1px solid var(--rf-line-soft) !important; }
.border-primary, .border-theme-1 { border-color: var(--rf-accent) !important; }
.border-theme-2 { border-color: var(--rf-accent-2) !important; }
.border-theme-3 { border-color: var(--rf-muted) !important; }
.border-secondary { border-color: var(--rf-text) !important; }
.text-theme-2 { color: var(--rf-accent-2) !important; }
.text-theme-3 { color: var(--rf-muted) !important; }
.text-primary, .text-theme-1 { color: var(--rf-accent) !important; }
.text-secondary { color: var(--rf-text) !important; }
.bg-theme-2, .badge-theme-2 { background-color: var(--rf-accent-2) !important; }
.bg-theme-3, .badge-theme-3 { background-color: var(--rf-muted) !important; }
.bg-primary, .bg-theme-1, .badge-primary, .badge-theme-1 { background-color: var(--rf-accent) !important; }
.bg-secondary, .badge-secondary { background-color: var(--rf-accent-2) !important; }
.badge-warning { background-color: var(--rf-warning); }
.badge-success { background-color: var(--rf-success); }
.badge-info { background-color: var(--rf-info); }
.badge-danger { background-color: var(--rf-danger); }
.badge-light { background-color: var(--rf-surface-2); color: var(--rf-text); }
.badge-dark { background-color: var(--rf-inverse); color: var(--rf-line-soft); }
.badge-outline-primary, .badge-outline-theme-1 { border: 1px solid var(--rf-accent); color: var(--rf-accent); }
.badge-outline-secondary, .badge-outline-theme-2 { border: 1px solid var(--rf-accent-2); color: var(--rf-accent-2); }
.badge-outline-theme-3 { border: 1px solid var(--rf-muted); color: var(--rf-muted); }
.badge-outline-success { border: 1px solid var(--rf-success); color: var(--rf-success); }
.badge-outline-danger { border: 1px solid var(--rf-danger); color: var(--rf-danger); }
.badge-outline-warning { border: 1px solid var(--rf-warning); color: var(--rf-warning); }
.badge-outline-info { border: 1px solid var(--rf-info); color: var(--rf-info); }
.badge-outline-light { border: 1px solid var(--rf-line-soft); color: var(--rf-line-soft); }
.badge-outline-dark { border: 1px solid var(--rf-text); color: var(--rf-text); }
.nav-tabs.separator-tabs { border-bottom: 1px solid var(--rf-line); }
.nav-tabs .nav-link.active::before, .nav-tabs .nav-item.show .nav-link::before { background: var(--rf-accent); }
.nav-tabs.separator-tabs .nav-link.active::before, .nav-tabs.separator-tabs .nav-item.show .nav-link::before { background: var(--rf-accent); }
.nav-tabs.separator-tabs .nav-link { color: var(--rf-muted); }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--rf-accent); }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: var(--rf-accent); }
.timer-column .lead { color: var(--rf-accent); }
.slick-dot { background: var(--rf-line); }
.slick-dots li.slick-active button { background: var(--rf-accent); }
.navbar { background: var(--rf-surface-2); box-shadow: 0 1px 15px rgba(var(--rf-shadow-rgb),0.04), 0 1px 6px rgba(var(--rf-shadow-rgb),0.04); }
.navbar .icon-menu-item { color: var(--rf-muted); }
.navbar .icon-menu-item:hover, .navbar .icon-menu-item:focus { color: var(--rf-accent); }
.navbar .menu-button-mobile { color: var(--rf-muted); }
.navbar .menu-button-mobile svg { fill: var(--rf-text); }
.navbar .menu-button { color: var(--rf-muted); }
.navbar .menu-button .main { fill: var(--rf-text); }
.navbar .menu-button .sub { fill: var(--rf-text); }
.navbar .menu-button:hover { color: var(--rf-accent); }
.navbar .search { background: var(--rf-bg); }
.navbar .search input { color: var(--rf-text); }
.navbar .search .search-icon { color: var(--rf-faint); }
.navbar .search .search-icon:hover { color: var(--rf-accent); }
@media (max-width: 767px) {
  .navbar .search { color: var(--rf-muted); }
  .navbar .search.mobile-view { background: var(--rf-surface); }
}
.navbar .header-icon { color: var(--rf-muted); }
.navbar .header-icon:hover { color: var(--rf-accent); }
.navbar .header-icon#notificationButton .count { color: var(--rf-accent); border: 1px solid var(--rf-accent); }
.navbar .user { color: var(--rf-muted); }
.navbar .user .name { color: var(--rf-muted); }
#app-container.sub-hidden .menu-button .sub, #app-container.menu-sub-hidden .menu-button .sub { fill: var(--rf-muted); }
#app-container.main-hidden .menu-button .main, #app-container.main-hidden .menu-button .sub, #app-container.menu-hidden .menu-button .main, #app-container.menu-hidden .menu-button .sub { fill: var(--rf-muted); }
.menu .main-menu { background: var(--rf-surface-2); }
.menu .main-menu ul li a { border-bottom: 1px solid var(--rf-line-soft); color: var(--rf-text); }
.menu .main-menu ul li a:hover, .menu .main-menu ul li a:focus { color: var(--rf-accent); }
.menu .main-menu ul li.active a { color: var(--rf-accent); background-color: var(--rf-active-bg); }
.menu .main-menu ul li.active:after { background: var(--rf-accent); }
.menu .sub-menu { background: var(--rf-surface-2); border-left: 1px solid var(--rf-line-soft); box-shadow: 0 3px 30px rgba(var(--rf-shadow-rgb),0.1), 0 3px 20px rgba(var(--rf-shadow-rgb),0.1); }
.menu .sub-menu ul li i { color: var(--rf-muted); }
.menu .sub-menu ul li.active i, .menu .sub-menu ul li.active a { color: var(--rf-accent); }
.menu .sub-menu ul li.active:after { background: var(--rf-accent); }
.menu .sub-menu ul.inner-level-menu li a, .menu .sub-menu ul.inner-level-menu li i { color: var(--rf-text); }
.menu .sub-menu ul.inner-level-menu li a:hover, .menu .sub-menu ul.inner-level-menu li.active i, .menu .sub-menu ul.inner-level-menu li.active a { color: var(--rf-accent); background-color: var(--rf-active-bg); }
@media (max-width: 767px) {
  .menu { box-shadow: 0 1px 15px rgba(var(--rf-shadow-rgb),0.04), 0 1px 6px rgba(var(--rf-shadow-rgb),0.04); }
}
.app-menu { box-shadow: 0 1px 15px rgba(var(--rf-shadow-rgb),0.04), 0 1px 6px rgba(var(--rf-shadow-rgb),0.04); background: var(--rf-surface); }
.app-menu .app-menu-button { background: var(--rf-surface); color: var(--rf-muted); box-shadow: -2px 0px 5px rgba(var(--rf-shadow-rgb),0.04); }
.app-menu ul li a:hover i { color: var(--rf-accent); }
.app-menu ul li i { color: var(--rf-muted); }
.app-menu ul li.active i, .app-menu ul li.active a { color: var(--rf-accent); }
.chat-input-container { background: var(--rf-surface); box-shadow: 0 1px 15px rgba(var(--rf-shadow-rgb),0.04), 0 1px 6px rgba(var(--rf-shadow-rgb),0.04); }
.survey-app .answers .badge { color: var(--rf-muted); }
.heading-icon { color: var(--rf-accent); }
.heading-number { border: 1px solid var(--rf-accent); color: var(--rf-accent); }
.card { background: var(--rf-surface); box-shadow: 0 1px 15px rgba(var(--rf-shadow-rgb),0.04), 0 1px 6px rgba(var(--rf-shadow-rgb),0.04); }
.card .card-header .card-icon i { color: var(--rf-faint); }
.list-thumbnail-letters { background: var(--rf-accent); }
.dashboard-search { background-color: var(--rf-surface); }
.dashboard-search .form-container { box-shadow: 0px -10px 15px 0px rgba(var(--rf-shadow-rgb),0.04); background-color: var(--rf-surface); }
.icon-cards-row .card-text { color: var(--rf-muted); }
.icon-cards-row .lead { color: var(--rf-accent); }
.icon-cards-row i { color: var(--rf-accent); }
.log-indicator { border: 2px solid var(--rf-accent); }
.calendar .alert-info { color: var(--rf-accent); }
.fc-toolbar.fc-header-toolbar .btn-group .fc-next-button, .fc-toolbar.fc-header-toolbar .btn-group .fc-prev-button { background: var(--rf-accent); border: 1px solid var(--rf-accent); }
.fc-toolbar.fc-header-toolbar .btn-group .fc-next-button:hover, .fc-toolbar.fc-header-toolbar .btn-group .fc-prev-button:hover { border-color: rgba(var(--rf-accent-rgb),0.9); color: var(--rf-accent); }
.fc-bootstrap4 td.fc-today .fc-day-number { background: var(--rf-accent); }
.fc table, .fc .table-bordered th, .fc .table-bordered td { border-color: var(--rf-line-soft) !important; }
.fc-day-header { color: var(--rf-accent); }
.fc-event, .fc-event-dot { background-color: var(--rf-accent-2); }
table.dataTable td { border-bottom: 1px solid var(--rf-line-soft); }
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before { background-color: var(--rf-accent); }
.data-table-rows table tbody tr { box-shadow: 0 1px 15px rgba(var(--rf-shadow-rgb),0.04), 0 1px 6px rgba(var(--rf-shadow-rgb),0.04); }
.data-table-rows table tbody tr.selected { box-shadow: 0 3px 30px rgba(var(--rf-shadow-rgb),0.1), 0 3px 20px rgba(var(--rf-shadow-rgb),0.1); }
.data-table-rows table td { background: var(--rf-surface); }
.alert-primary { color: var(--rf-accent); background-color: var(--rf-line); border-color: rgba(var(--rf-accent-rgb),0.1); }
.alert-secondary { color: var(--rf-accent-2); background-color: var(--rf-line); border-color: rgba(var(--rf-accent-rgb),0.1); }
.alert-success { color: var(--rf-success); border-color: rgba(var(--rf-success-rgb),0.1); }
.alert-info { color: var(--rf-info); border-color: rgba(var(--rf-info-rgb),0.1); }
.alert-warning { color: var(--rf-warning); border-color: rgba(var(--rf-warning-rgb),0.1); }
.alert-danger { color: var(--rf-danger); border-color: rgba(var(--rf-danger-rgb),0.1); }
.alert-light { color: var(--rf-line-soft); background-color: var(--rf-surface-2); border-color: rgba(var(--rf-line-rgb),0.1); }
.alert-dark { color: var(--rf-text); background-color: var(--rf-line); border-color: rgba(var(--rf-text-rgb),0.1); }
.form-control, .bootstrap-tagsinput { border: 1px solid var(--rf-line); background: var(--rf-surface); color: var(--rf-text); border-color: var(--rf-line); }
.bootstrap-tagsinput input { color: var(--rf-text); }
.has-float-label label::after, .has-float-label > span::after, .has-float-label > span::after { background: var(--rf-surface); }
.form-control:focus { background: var(--rf-surface); color: var(--rf-text); }
.bootstrap-tagsinput .tag { background: var(--rf-accent); }
.form-control:focus, .bootstrap-tagsinput.focus { border-color: rgba(var(--rf-accent-rgb),0.6); }
.custom-control-input:disabled ~ .custom-control-label::before { background-color: rgba(var(--rf-text-rgb),0.25); }
.custom-control-label::before { border: 1px solid var(--rf-muted) !important; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: var(--rf-accent) !important; }
.custom-control-input:checked ~ .custom-control-label::before { background-color: var(--rf-accent) !important; border: 1px solid var(--rf-accent) !important; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--rf-accent) !important; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--rf-accent) !important; }
.btn .custom-control-label::before { border: 1px solid var(--rf-surface) !important; }
.btn .custom-control-input:checked ~ .custom-control-label::before { border: 1px solid var(--rf-surface) !important; }
.invalid-tooltip, .valid-tooltip, div.error { color: var(--rf-text); background: var(--rf-surface); border: 1px solid var(--rf-accent); box-shadow: 0 1px 15px rgba(var(--rf-shadow-rgb),0.04), 0 1px 6px rgba(var(--rf-shadow-rgb),0.04); }
.invalid-tooltip::before, .valid-tooltip::before, div.error::before { border-bottom: solid 5px var(--rf-accent); }
.invalid-tooltip::after, .valid-tooltip::after, div.error::after { border-bottom: solid 5px var(--rf-surface); }
.tooltip-center-top .invalid-tooltip::before, .tooltip-center-top .valid-tooltip::before, .tooltip-center-top div.error::before { border-top: solid 5px var(--rf-accent); }
.tooltip-center-top .invalid-tooltip::after, .tooltip-center-top .valid-tooltip::after, .tooltip-center-top div.error::after { border-top: solid 5px var(--rf-surface); }
.tooltip-right-top .invalid-tooltip::before, .tooltip-right-top .valid-tooltip::before, .tooltip-right-top div.error::before { border-top: solid 5px var(--rf-accent); }
.tooltip-right-top .invalid-tooltip::after, .tooltip-right-top .valid-tooltip::after, .tooltip-right-top div.error::after { border-top: solid 5px var(--rf-surface); }
.tooltip-left-top .invalid-tooltip::before, .tooltip-left-top .valid-tooltip::before, .tooltip-left-top div.error::before { border-top: solid 5px var(--rf-accent); }
.tooltip-left-top .invalid-tooltip::after, .tooltip-left-top .valid-tooltip::after, .tooltip-left-top div.error::after { border-top: solid 5px var(--rf-surface); }
.tooltip-label-right .invalid-tooltip::before, .tooltip-label-right .valid-tooltip::before, .tooltip-label-right div.error::before { border-right: solid 5px var(--rf-accent); }
.tooltip-label-right .invalid-tooltip::after, .tooltip-label-right .valid-tooltip::after, .tooltip-label-right div.error::after { border-right: solid 5px var(--rf-surface); }
.valid-icon { color: var(--rf-success); }
.invalid-icon { color: var(--rf-danger); }
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: var(--rf-line) !important; }
.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: var(--rf-line) !important; }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: rgba(var(--rf-accent-rgb),0.6); }
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: rgba(var(--rf-accent-rgb),0.6); }
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: var(--rf-text); }
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: var(--rf-accent) !important; }
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: var(--rf-text); }
.select2-dropdown, .select2-container--bootstrap .select2-selection.form-control { background: var(--rf-surface); }
.select2-container--bootstrap .select2-results__option[aria-selected="true"] { background: var(--rf-surface); color: var(--rf-text); }
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: var(--rf-text); }
.input-group-text { border-color: var(--rf-line); color: var(--rf-text); }
.select2-container--bootstrap .select2-selection { border: 1px solid var(--rf-line); }
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection { border-color: rgba(var(--rf-accent-rgb),0.7); }
.select2-container--bootstrap .select2-dropdown { border-color: rgba(var(--rf-accent-rgb),0.7); }
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color: var(--rf-accent); }
.select2-container--bootstrap .select2-search--dropdown .select2-search__field { border: 1px solid var(--rf-muted); background: var(--rf-surface); color: var(--rf-text); }
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { background: var(--rf-surface); color: var(--rf-text); }
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { background: var(--rf-surface); color: var(--rf-text); border-color: var(--rf-line); }
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { color: var(--rf-accent); }
.typeahead.dropdown-menu .active a { background-color: var(--rf-accent); }
.datepicker-dropdown:before { border-bottom-color: rgba(var(--rf-text-rgb),0.2); }
.datepicker table tr td.range { background-color: var(--rf-accent); border-color: var(--rf-accent); }
.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted { background-color: var(--rf-accent); border-color: var(--rf-accent); }
.datepicker-dropdown.datepicker-orient-top:before { border-top: 7px solid rgba(var(--rf-text-rgb),0.2); }
.datepicker table tr td, .datepicker table tr th { color: var(--rf-text); }
.datepicker-dropdown.datepicker-orient-top:after { border-top-color: var(--rf-surface); }
.datepicker-dropdown.datepicker-orient-bottom:after { border-bottom-color: var(--rf-surface); }
.datepicker table tr td.day:hover, .datepicker table tr td.focused { background: var(--rf-line); }
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active { background-color: var(--rf-accent); border-color: var(--rf-accent); }
.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover { background-color: var(--rf-accent-hover); border-color: var(--rf-accent-hover); }
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.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:hover:active { background-color: var(--rf-accent-hover); border-color: var(--rf-accent-hover); }
.datepicker table tr td span.focused, .datepicker table tr td span:hover { background: var(--rf-line); }
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover { background: var(--rf-line); }
.dropzone { border: 1px solid var(--rf-line) !important; background: var(--rf-surface) !important; color: var(--rf-text) !important; }
.dropzone .dz-preview.dz-image-preview, .dropzone .dz-preview.dz-file-preview { border: 1px solid var(--rf-line) !important; background: var(--rf-surface) !important; color: var(--rf-text) !important; }
.dropzone .dz-preview.dz-image-preview .preview-container i, .dropzone .dz-preview.dz-file-preview .preview-container i { color: var(--rf-accent); }
.dropzone .dz-preview.dz-image-preview .remove, .dropzone .dz-preview.dz-file-preview .remove { color: var(--rf-accent) !important; }
.dropzone .dz-preview.dz-image-preview .dz-details, .dropzone .dz-preview.dz-file-preview .dz-details { color: var(--rf-text) !important; }
.dropzone .dz-preview.dz-image-preview .dz-progress .dz-upload, .dropzone .dz-preview.dz-file-preview .dz-progress .dz-upload { background: var(--rf-accent) !important; }
.dropzone .dz-preview.dz-image-preview .dz-error-message, .dropzone .dz-preview.dz-file-preview .dz-error-message { background: var(--rf-danger) !important; }
.dropzone .dz-preview.dz-image-preview .dz-error-message:after, .dropzone .dz-preview.dz-file-preview .dz-error-message:after { border-bottom: 6px solid var(--rf-danger) !important; }
.dropzone .dz-error.dz-preview.dz-file-preview .dz-error-mark, .dropzone .dz-error.dz-preview.dz-file-preview .dz-success-mark { color: var(--rf-accent) !important; }
.custom-switch .custom-switch-input + .custom-switch-btn { background: var(--rf-line); }
.custom-switch.custom-switch-primary .custom-switch-input:checked + .custom-switch-btn { background: var(--rf-accent); border: 1px solid var(--rf-accent); }
.custom-switch.custom-switch-secondary .custom-switch-input:checked + .custom-switch-btn { background: var(--rf-accent-2); border: 1px solid var(--rf-accent-2); }
.custom-switch.custom-switch-primary-inverse .custom-switch-input + .custom-switch-btn { border: 1px solid var(--rf-line); }
.custom-switch.custom-switch-primary-inverse .custom-switch-input:checked + .custom-switch-btn { background: var(--rf-surface); border: 1px solid var(--rf-accent); }
.custom-switch.custom-switch-primary-inverse .custom-switch-input:checked + .custom-switch-btn:after { background: var(--rf-accent); }
.custom-switch.custom-switch-secondary-inverse .custom-switch-input + .custom-switch-btn { border: 1px solid var(--rf-line); }
.custom-switch.custom-switch-secondary-inverse .custom-switch-input:checked + .custom-switch-btn { background: var(--rf-surface); border: 1px solid var(--rf-accent-2); }
.custom-switch.custom-switch-secondary-inverse .custom-switch-input:checked + .custom-switch-btn:after { background: var(--rf-accent-2); }
.custom-switch .custom-switch-input + .custom-switch-btn:after { background: var(--rf-surface); }
.custom-switch .custom-switch-input + .custom-switch-btn { border-color: var(--rf-line); }
.noUi-target { background: var(--rf-surface); border-color: var(--rf-line); }
.noUi-tooltip { background: var(--rf-surface); color: var(--rf-text); border-color: var(--rf-line); }
.custom-select:focus { border-color: var(--rf-accent); }
.custom-file-label { background: var(--rf-surface); border-color: var(--rf-line); }
.custom-file-label:focus, .custom-file-input:focus { border-color: rgba(var(--rf-accent-rgb),0.6); }
.custom-file-input:focus ~ .custom-file-label { border-color: rgba(var(--rf-accent-rgb),0.6); }
.custom-file-input:focus ~ .custom-file-label::after { border-color: rgba(var(--rf-accent-rgb),0.6); }
.custom-file-label::after { color: var(--rf-text); border-color: var(--rf-line); }
.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { background: var(--rf-surface); color: var(--rf-text); border-color: var(--rf-line); }
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { background: var(--rf-surface); color: var(--rf-text); border-color: var(--rf-line); }
.has-top-label label, .has-top-label > span, .has-float-label label, .has-float-label > span { color: rgba(var(--rf-text-rgb),0.7); }
.sw-main.sw-theme-default > ul.step-anchor > li.active > a::before { background: var(--rf-accent); }
.sw-main > ul.step-anchor > li.active > a { color: var(--rf-accent) !important; }
.sw-main > ul.step-anchor > li > a, .sw-main > ul.step-anchor > li > a:hover, .sw-main > ul.step-anchor > li > a:focus { color: var(--rf-faint); }
.sw-main > ul.step-anchor > li.done > a { color: var(--rf-text) !important; }
.sw-main.sw-theme-dots > ul.step-anchor > li > a:before, .sw-main.sw-theme-check > ul.step-anchor > li > a:before { background: var(--rf-surface-2); }
.sw-main.sw-theme-dots > ul.step-anchor > li > a:after, .sw-main.sw-theme-check > ul.step-anchor > li > a:after { background: var(--rf-surface); }
.sw-main.sw-theme-dots > ul.step-anchor > li.done > a:after, .sw-main.sw-theme-check > ul.step-anchor > li.done > a:after { background: var(--rf-accent); }
.sw-main.sw-theme-dots > ul.step-anchor > li.active > a:after { border: 2px solid var(--rf-accent); }
.sw-main.sw-theme-dots > ul.step-anchor:before, .sw-main.sw-theme-check > ul.step-anchor:before { background: var(--rf-surface-2); }
.sw-main.sw-theme-check > ul.step-anchor > li.active > a:after { background: var(--rf-accent); }
.sw-main > ul.step-anchor > li.clickable > a:hover { color: var(--rf-accent-2) !important; }
.noUi-connect { background: var(--rf-accent); }
.noUi-horizontal .noUi-handle { border-color: var(--rf-line); background: var(--rf-surface); }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--rf-accent); }
.nav-link.active { color: var(--rf-accent); }
.page-item .page-link.next { background: var(--rf-accent); border: 1px solid var(--rf-accent); }
.page-item .page-link.prev, .page-item .page-link.prev { background: var(--rf-accent); border: 1px solid var(--rf-accent); }
.page-item .page-link.first, .page-item .page-link.last { color: var(--rf-accent); border: 1px solid var(--rf-accent); }
.page-item .page-link.first:hover, .page-item .page-link.last:hover { background: var(--rf-accent); border: 1px solid var(--rf-accent); }
.page-item .page-link:hover { border-color: var(--rf-accent-hover); color: var(--rf-accent); }
.page-item.active .page-link { border: 1px solid var(--rf-accent); color: var(--rf-accent); }
.page-item.disabled .page-link { border-color: var(--rf-line); color: var(--rf-faint); }
.page-link { color: var(--rf-text); }
.popover { background-color: var(--rf-surface); border-color: var(--rf-line); }
.popover .popover-body { color: var(--rf-text); }
.tooltip-inner { color: var(--rf-text); background-color: var(--rf-surface); border: 1px solid var(--rf-line); }
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { border-right-color: var(--rf-line); }
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-right-color: var(--rf-surface); }
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { border-left-color: var(--rf-line); }
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-left-color: var(--rf-surface); }
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: var(--rf-line); }
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-bottom-color: var(--rf-surface); }
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { border-top-color: var(--rf-line); }
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-top-color: var(--rf-surface); }
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: var(--rf-line); }
.bs-tooltip-right .arrow::after, .bs-tooltip-auto[x-placement^="right"] .arrow::after { border-right-color: var(--rf-surface); }
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: var(--rf-line); }
.bs-tooltip-top .arrow::after, .bs-tooltip-auto[x-placement^="top"] .arrow::after { border-top-color: var(--rf-surface); }
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: var(--rf-line); }
.bs-tooltip-bottom .arrow::after, .bs-tooltip-auto[x-placement^="bottom"] .arrow::after { border-bottom-color: var(--rf-surface); }
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: var(--rf-line); }
.bs-tooltip-left .arrow::after, .bs-tooltip-auto[x-placement^="left"] .arrow::after { border-left-color: var(--rf-surface); }
.search-sm input { border: 1px solid var(--rf-muted); color: var(--rf-text); }
.search-sm:after { color: var(--rf-muted); }
.progress { background-color: var(--rf-surface-2); }
.progress-bar { background-color: var(--rf-accent); }
.progressbar-text { color: var(--rf-text) !important; }
.progress-bar-circle svg path:first-of-type { stroke: var(--rf-faint); }
.progress-bar-circle svg path:last-of-type { stroke: var(--rf-accent); }
.br-theme-bootstrap-stars .br-widget a:after { color: var(--rf-faint); }
.br-theme-bootstrap-stars .br-widget a.br-active:after { color: var(--rf-accent); }
.br-theme-bootstrap-stars .br-widget a.br-selected:after { color: var(--rf-accent); }
.btn-multiple-state .spinner > div { background-color: var(--rf-surface); }
.cropper-line { background-color: var(--rf-accent); }
.cropper-point { background-color: var(--rf-accent); }
.cropper-view-box { outline-color: var(--rf-accent); outline: var(--rf-accent); }
.modal .modal-header { border-bottom: 1px solid var(--rf-line); }
.modal .modal-footer { border-top: 1px solid var(--rf-line); }
.modal .close { color: var(--rf-text); }
.modal .modal-content { background: var(--rf-surface); }
.auth-card { box-shadow: 0 1px 15px rgba(var(--rf-shadow-rgb),0.04), 0 1px 6px rgba(var(--rf-shadow-rgb),0.04); }
.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: var(--rf-accent); }
.ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: var(--rf-accent); }
.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-mitter, .ql-snow .ql-toolbar button:hover .ql-stroke-mitter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-mitter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-mitter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-mitter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-mitter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-mitter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-mitter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter { stroke: var(--rf-accent); }
.ql-toolbar.ql-snow { border-color: var(--rf-line); }
.ql-container.ql-snow { border-color: var(--rf-line); }
.html-editor-bubble .ql-editor { border: 1px solid var(--rf-line); }
.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners { background: var(--rf-surface); }
.ck.ck-button, a.ck.ck-button { color: var(--rf-faint); }
.ck.ck-button:not(.ck-disabled):focus, .ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):focus, a.ck.ck-button:not(.ck-disabled):hover, .ck.ck-button.ck-on, a.ck.ck-button.ck-on, .ck.ck-button.ck-on:not(.ck-disabled):focus, .ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):focus, a.ck.ck-button.ck-on:not(.ck-disabled):hover { color: var(--rf-accent); }
.ck.ck-toolbar { border-color: var(--rf-line) !important; }
.ck.ck-toolbar__separator { background: var(--rf-line) !important; }
.ck.ck-toolbar { border-color: var(--rf-line); }
.ck.ck-editor__main > .ck-editor__editable { border-color: var(--rf-line) !important; }
.ck.ck-editor__main > .ck-editor__editable { background: var(--rf-surface); }
.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-focused { border-color: var(--rf-line); }
.ck.ck-toolbar { background: var(--rf-surface) !important; }
.simple-line-icons .glyph .class-name, .mind-icons .glyph .class-name { color: var(--rf-muted) !important; }
.theme-colors { background: var(--rf-surface); box-shadow: 0 1px 15px rgba(var(--rf-shadow-rgb),0.04), 0 1px 6px rgba(var(--rf-shadow-rgb),0.04); }
.theme-colors .theme-button { background: var(--rf-surface); color: var(--rf-text); box-shadow: -2px 0px 5px rgba(var(--rf-shadow-rgb),0.04); color: var(--rf-accent); }
.theme-colors .theme-color.active, .theme-colors .theme-color:hover { background: var(--rf-surface); }
.theme-colors .theme-color-blueyale { border: 3px solid var(--rf-accent-2); background: var(--rf-accent-2); }
.theme-colors .theme-color-blueolympic { border: 3px solid var(--rf-info); background: var(--rf-info); }
.theme-colors .theme-color-bluenavy { border: 3px solid var(--rf-accent); background: var(--rf-accent); }
.theme-colors .theme-color-greenlime { border: 3px solid var(--rf-success); background: var(--rf-success); }
.theme-colors .theme-color-redruby { border: 3px solid var(--rf-danger); background: var(--rf-danger); }
.theme-colors .theme-color-greysteel { border: 3px solid var(--rf-text); background: var(--rf-inverse); }
.theme-colors .theme-color-yellowgranola { border: 3px solid var(--rf-warning); background: var(--rf-warning); }
.loading { border: 2px solid rgba(var(--rf-accent-rgb),0.2); border-top-color: var(--rf-accent); }
.library-app .preview-area .video-view .video-js, .select-from-library-container .preview-area .video-view .video-js { background-color: var(--rf-bg); }
.library-app .media-thumb-container.active-default, .select-from-library-container .media-thumb-container.active-default { box-shadow: 0 3px 30px rgba(var(--rf-shadow-rgb),0.1), 0 3px 20px rgba(var(--rf-shadow-rgb),0.1); }
.library-app .media-thumbnail-icon i, .select-from-library-container .media-thumbnail-icon i { color: var(--rf-accent); }
.select-from-library-button, .selected-library-item { border: 1px solid var(--rf-line); }
.select-from-library .modal-content { background: var(--rf-bg) !important; }
.context-menu-list { background: var(--rf-surface); border-color: rgba(var(--rf-text-rgb),0.15); }
.context-menu-item { background: var(--rf-surface); color: var(--rf-text); }
.context-menu-item.context-menu-hover { color: var(--rf-text); background-color: var(--rf-bg); }
.list .card.context-menu-active, .list .card.active { box-shadow: 0 3px 30px rgba(var(--rf-shadow-rgb),0.1), 0 3px 20px rgba(var(--rf-shadow-rgb),0.1); }
.video-js .vjs-big-play-button { background: var(--rf-surface); border: 0.06666em solid var(--rf-surface); }
.video-js .vjs-big-play-button .vjs-icon-placeholder { color: var(--rf-accent); }
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { background-color: var(--rf-surface-2); border-color: var(--rf-line-soft); }
.video-js .vjs-control-bar .vjs-control.vjs-button, .video-js .vjs-control-bar .vjs-remaining-time, .video-js .vjs-control-bar .vjs-volume-panel { background: var(--rf-surface); color: var(--rf-accent); box-shadow: 0 3px 30px rgba(var(--rf-shadow-rgb),0.1), 0 3px 20px rgba(var(--rf-shadow-rgb),0.1); }
.video-js .vjs-control-bar .vjs-progress-control.vjs-control { background: var(--rf-surface); box-shadow: 0 3px 30px rgba(var(--rf-shadow-rgb),0.1), 0 3px 20px rgba(var(--rf-shadow-rgb),0.1); }
.video-js .vjs-control-bar .vjs-load-progress, .video-js .vjs-control-bar .vjs-load-progress div { background-color: rgba(var(--rf-accent-rgb),0.2); }
.video-js .vjs-control-bar .vjs-slider { background-color: var(--rf-line); }
.video-js .vjs-control-bar .vjs-play-progress { background: var(--rf-accent); }
.video-js .vjs-control-bar .vjs-play-progress:before { color: var(--rf-accent); }
.video-js .vjs-control-bar .vjs-volume-panel .vjs-volume-level { background: var(--rf-accent); }
.video-js.audio .vjs-control.vjs-button, .video-js.audio .vjs-remaining-time, .video-js.audio .vjs-volume-panel { box-shadow: 0 0px 2px rgba(var(--rf-shadow-rgb),0.15), 0 0px 1px rgba(var(--rf-shadow-rgb),0.2); }
.video-js.audio .vjs-progress-control.vjs-control { box-shadow: 0 0px 2px rgba(var(--rf-shadow-rgb),0.15), 0 0px 1px rgba(var(--rf-shadow-rgb),0.2); }
.video-js.side-bar-video { background-color: var(--rf-bg); }
.video-js.video-content { background-color: var(--rf-bg); }
i.large-icon { color: var(--rf-accent); }
.table { color: var(--rf-text); }
.table th, .table td { border-color: var(--rf-line-soft) !important; }
.table .thead-light th { background-color: var(--rf-surface-2) !important; }
.table-striped tbody tr:nth-of-type(odd) { background-color: var(--rf-surface-2) !important; }
@media print {
  body { background: var(--rf-surface); }
}
.social-profile-img { border: 3px solid var(--rf-surface); }
.social-icons li a { color: var(--rf-muted); }
.social-icons li a:hover, .social-icons li a:active { color: rgba(var(--rf-muted-rgb),0.7); }
.slider-nav .left-arrow, .slider-nav .right-arrow { color: var(--rf-accent); }
.slider-dot { background: var(--rf-line); }
.slider-dot.glide__bullet:hover, .slider-dot.glide__bullet:focus { background: var(--rf-line); }
.slider-dot.glide__bullet--active { background: var(--rf-accent) !important; }
.glide.thumbs .glide__arrows .glide__arrow--left { color: var(--rf-accent); }
.glide.thumbs .glide__arrows .glide__arrow--right { color: var(--rf-accent); }
.rounded .data-table-rows table td { background: var(--rf-surface); }
.rtl .tooltip-label-right .invalid-tooltip::before, .rtl .tooltip-label-right .valid-tooltip::before { border-left: solid 5px var(--rf-accent); }
.rtl .tooltip-label-right .invalid-tooltip::after, .rtl .tooltip-label-right .valid-tooltip::after { border-left: solid 5px var(--rf-surface); }
.rtl .tooltip-label-right .invalid-tooltip:after, .rtl .tooltip-label-right .valid-tooltip:after, .rtl .tooltip-label-right div.error:after { border-left: 5px solid var(--rf-surface); }
.rtl .tooltip-label-right .invalid-tooltip:before, .rtl .tooltip-label-right .valid-tooltip:before, .rtl .tooltip-label-right div.error:before { border-left: 5px solid var(--rf-accent); }
.rtl .app-menu .app-menu-button { box-shadow: 4px 0 5px rgba(var(--rf-shadow-rgb),0.04); }
.rtl .menu .sub-menu { border-right: 1px solid var(--rf-line-soft); box-shadow: 0 3px 30px rgba(var(--rf-shadow-rgb),0.1), 0 3px 20px rgba(var(--rf-shadow-rgb),0.1); }
.rtl .theme-colors .theme-button { box-shadow: 3px 0 5px rgba(var(--rf-shadow-rgb),0.04); }
footer.page-footer { border-top: 1px solid var(--rf-line); }
footer.page-footer .breadcrumb-item + .breadcrumb-item::before { color: var(--rf-accent); }
.landing-page { color: var(--rf-muted); }
.landing-page .mobile-menu { background: var(--rf-bg); }
.landing-page.show-mobile-menu .mobile-menu { box-shadow: 0 3px 30px rgba(var(--rf-shadow-rgb),0.1), 0 3px 20px rgba(var(--rf-shadow-rgb),0.1); }
.landing-page p { color: var(--rf-muted); }
.landing-page h1 { color: var(--rf-accent); }
.landing-page h2 { color: var(--rf-accent); }
.landing-page h3 { color: var(--rf-accent); }
.landing-page .btn-outline-semi-light:hover, .landing-page .btn-outline-semi-light:active { border: 1px solid var(--rf-accent-hover); background: var(--rf-accent-hover); }
.landing-page .landing-page-nav .navbar-nav li.active::before { background: var(--rf-surface); }
.landing-page .landing-page-nav .navbar-nav .dropdown a.dropdown-item { color: var(--rf-text); }
.landing-page .landing-page-nav.headroom--pinned { background: var(--rf-surface); box-shadow: 0 1px 15px rgba(var(--rf-shadow-rgb),0.04), 0 1px 6px rgba(var(--rf-shadow-rgb),0.04); }
.landing-page .landing-page-nav.headroom--not-top .navbar-nav a { color: var(--rf-text); }
.landing-page .landing-page-nav.headroom--not-top .navbar-nav a:hover, .landing-page .landing-page-nav.headroom--not-top .navbar-nav a:active { color: var(--rf-accent); }
.landing-page .landing-page-nav.headroom--not-top .navbar-nav li.active::before { background-color: var(--rf-accent); }
.landing-page .landing-page-nav.headroom--not-top .navbar-nav .btn-outline-semi-light { border: 1px solid rgba(var(--rf-accent-rgb),0.3); color: var(--rf-accent); }
.landing-page .landing-page-nav.headroom--not-top .navbar-nav .btn-outline-semi-light:hover, .landing-page .landing-page-nav.headroom--not-top .navbar-nav .btn-outline-semi-light:active { border: 1px solid var(--rf-accent); background: var(--rf-accent); }
.landing-page .section.footer { background-color: var(--rf-surface); }
.landing-page .section.background { background: var(--rf-surface); }
.landing-page .background-white { background: var(--rf-surface); }
.landing-page i.large-icon { color: var(--rf-accent); }
.landing-page .newsletter-input-container .input-group { box-shadow: 0 3px 30px rgba(var(--rf-shadow-rgb),0.1), 0 3px 20px rgba(var(--rf-shadow-rgb),0.1); }
.landing-page .footer .footer-menu a:hover, .landing-page .footer .footer-menu a:focus { color: var(--rf-heading); }
.landing-page .mobile-menu .dropdown a.dropdown-item { color: var(--rf-text); }
.landing-page .video-js.blog-video { background-color: var(--rf-bg); }
.landing-page .video-js.side-bar-video { background-color: var(--rf-bg); }
.landing-page .app-image { box-shadow: 0 3px 30px rgba(var(--rf-shadow-rgb),0.1), 0 3px 20px rgba(var(--rf-shadow-rgb),0.1); }
.landing-page .feedback-container a { color: var(--rf-muted); }
.landing-page .feedback-container a:hover, .landing-page .feedback-container a:active { color: var(--rf-accent); }
.landing-page .video-play-icon span:before { color: var(--rf-accent); }
.headroom--pinned .mobile-menu-button { color: var(--rf-text); }
.bluenavy-light-1 { background-color: var(--rf-accent); }
.bluenavy-light-2 { background-color: var(--rf-surface); }
.bluenavy-light-3 { background-color: var(--rf-accent-2); }
.bluenavy-dark-1 { background-color: var(--rf-accent-2); }
.bluenavy-dark-2 { background-color: var(--rf-inverse); }
.bluenavy-dark-3 { background-color: var(--rf-accent-2); }
.blueolympic-light-1 { background-color: var(--rf-info); }
.blueolympic-light-2 { background-color: var(--rf-surface); }
.blueolympic-dark-2 { background-color: var(--rf-inverse); }
.blueyale-light-1 { background-color: var(--rf-accent-2); }
.blueyale-light-2 { background-color: var(--rf-surface); }
.blueyale-dark-2 { background-color: var(--rf-inverse); }
.greenmoss-light-2 { background-color: var(--rf-surface); }
.greenmoss-dark-2 { background-color: var(--rf-inverse); }
.greenlime-light-1 { background-color: var(--rf-success); }
.greenlime-light-2 { background-color: var(--rf-surface); }
.greenlime-dark-2 { background-color: var(--rf-inverse); }
.carrotorange-light-2 { background-color: var(--rf-surface); }
.carrotorange-dark-2 { background-color: var(--rf-inverse); }
.rubyred-light-1 { background-color: var(--rf-danger); }
.rubyred-light-2 { background-color: var(--rf-surface); }
.rubyred-dark-2 { background-color: var(--rf-inverse); }
.monsterpurple-light-2 { background-color: var(--rf-surface); }
.monsterpurple-dark-2 { background-color: var(--rf-inverse); }
.steelgrey-light-1 { background-color: var(--rf-inverse); }
.steelgrey-light-2 { background-color: var(--rf-surface); }
.steelgrey-light-3 { background-color: var(--rf-muted); }
.steelgrey-dark-1 { background-color: var(--rf-muted); }
.steelgrey-dark-2 { background-color: var(--rf-inverse); }
.granolayellow-light-1 { background-color: var(--rf-warning); }
.granolayellow-light-2 { background-color: var(--rf-surface); }
.granolayellow-dark-2 { background-color: var(--rf-inverse); }