/* GENERISANO (scratchpad gen_tema.js) iz Content/style.css (Inspinia) i Content/kendo/2020.2.617/kendo.mojUred.css - ne uređivati ručno.
   Pravila sa starom Inspinia zelenom (#1ab394) prepisana na varijable teme (--brand-*, mojured-teme.css).
   Vrijedi samo pod html[data-tema] (postavlja ga Views/Shared/_GetSetTheme.cshtml). */

html[data-tema] .dropdown-menu > .active > a,
html[data-tema] .dropdown-menu > .active > a:focus,
html[data-tema] .dropdown-menu > .active > a:hover {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .nav > li.active {
    border-left: 4px solid var(--brand-primary-hover, #19aa8d)
}

html[data-tema] .navbar-default .special_link a {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .navbar-default .special_link a span.label {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .navbar-default .landing_link a:hover {
    background: var(--brand-primary, #1ab394) !important
}

html[data-tema] body.mini-navbar .nav-header {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .top-navigation .navbar-nav .dropdown-menu > .active > a {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .top-navigation .nav > li a:hover,
html[data-tema] .top-navigation .nav > li a:focus {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .top-navigation .nav > li.active > a {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .top-navigation .navbar-brand {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .navbar-toggle {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .btn-primary.btn-outline {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .btn-info.btn-outline {
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .btn-primary {
    background-color: var(--brand-primary, #1ab394);
    border-color: var(--brand-primary, #1ab394)
}

html[data-tema] .btn-primary:hover,
html[data-tema] .btn-primary:focus,
html[data-tema] .btn-primary:active,
html[data-tema] .btn-primary.active,
html[data-tema] .open .dropdown-toggle.btn-primary,
html[data-tema] .btn-primary:active:focus,
html[data-tema] .btn-primary:active:hover,
html[data-tema] .btn-primary.active:hover,
html[data-tema] .btn-primary.active:focus {
    background-color: var(--brand-primary-hover, #18a689);
    border-color: var(--brand-primary-hover, #18a689)
}

html[data-tema] .btn-info {
    background-color: var(--brand-link, #23c6c8);
    border-color: var(--brand-link, #23c6c8)
}

html[data-tema] .btn-link:hover,
html[data-tema] .btn-link:focus,
html[data-tema] .btn-link:active,
html[data-tema] .btn-link.active,
html[data-tema] .open .dropdown-toggle.btn-link {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .label-primary,
html[data-tema] .badge-primary {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .label-info,
html[data-tema] .badge-info {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .onoffswitch-label {
    border: 2px solid var(--brand-primary, #1ab394)
}

html[data-tema] .onoffswitch-inner:before {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .onoffswitch-switch {
    border: 2px solid var(--brand-primary, #1ab394)
}

html[data-tema] .fc-state-active {
    background-color: var(--brand-primary, #1ab394);
    border-color: var(--brand-primary, #1ab394)
}

html[data-tema] .fc-event,
html[data-tema] .fc-agenda .fc-event-time,
html[data-tema] .fc-event a {
    background-color: var(--brand-primary, #1ab394);
    border-color: var(--brand-primary, #1ab394)
}

html[data-tema] a.list-group-item.active,
html[data-tema] a.list-group-item.active:hover,
html[data-tema] a.list-group-item.active:focus {
    background-color: var(--brand-primary, #1ab394);
    border-color: var(--brand-primary, #1ab394)
}

html[data-tema] .pace .pace-progress {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .form-control:focus,
html[data-tema] .single-line:focus {
    border-color: var(--brand-primary, #1ab394) !important
}

html[data-tema] .has-success .form-control {
    border-color: var(--brand-primary, #1ab394)
}

html[data-tema] .has-success .control-label {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .noUi-connect {
    background: none repeat scroll 0 0 var(--brand-primary, #1ab394)
}

html[data-tema] .onoffswitch-label {
    border: 2px solid var(--brand-primary, #1ab394)
}

html[data-tema] .onoffswitch-inner:before {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .onoffswitch-switch {
    border: 2px solid var(--brand-primary, #1ab394)
}

html[data-tema] .inspinia-notify.alert-info {
    border-left: 6px solid var(--brand-primary, #1ab394)
}

html[data-tema] .forum-item.active .fa {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .forum-item.active a.forum-item-title {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .vertical-date small {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .jvectormap-zoomin,
html[data-tema] .jvectormap-zoomout,
html[data-tema] .jvectormap-goback {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .slick-prev:before,
html[data-tema] .slick-next:before {
    color: var(--brand-primary, #1ab394) !important
}

html[data-tema] .dropzone {
    border: 1px dashed var(--brand-primary, #1ab394)
}

html[data-tema] .branding {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .navy-bg,
html[data-tema] .bg-success {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .lazur-bg,
html[data-tema] .bg-info {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .panel-primary {
    border-color: var(--brand-primary, #1ab394)
}

html[data-tema] .panel-primary > .panel-heading {
    background-color: var(--brand-primary, #1ab394);
    border-color: var(--brand-primary, #1ab394)
}

html[data-tema] .panel-info {
    border-color: var(--brand-link, #23c6c8)
}

html[data-tema] .panel-info > .panel-heading {
    background-color: var(--brand-link, #23c6c8);
    border-color: var(--brand-link, #23c6c8)
}

html[data-tema] .progress-bar {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .progress-bar-info {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .text-navy {
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .text-info {
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .category-list li a .text-navy {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .category-list li a .text-info {
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .file-list li a:hover {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .faq-question {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .issue-tracker .btn-link {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .agile-list li.success-element {
    border-left: 3px solid var(--brand-primary, #1ab394)
}

html[data-tema] .product-name:hover,
html[data-tema] .product-name:focus {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .product-price {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .vote-actions a {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .vote-info a:hover {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .vote-icon.active {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .open-small-chat {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .open-small-chat:hover {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .small-chat-box .content .chat-message.active {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .sk-spinner-rotating-plane.sk-spinner {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .sk-spinner-double-bounce .sk-double-bounce1,
html[data-tema] .sk-spinner-double-bounce .sk-double-bounce2 {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .sk-spinner-wave div {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .sk-spinner-wandering-cubes .sk-cube1,
html[data-tema] .sk-spinner-wandering-cubes .sk-cube2 {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .sk-spinner-pulse.sk-spinner {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .sk-spinner-chasing-dots .sk-dot1,
html[data-tema] .sk-spinner-chasing-dots .sk-dot2 {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .sk-spinner-three-bounce div {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .sk-spinner-circle .sk-circle:before {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .sk-spinner-cube-grid .sk-cube {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .sk-spinner-wordpress.sk-spinner {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .sk-spinner-fading-circle .sk-circle:before {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page span.navy {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page a.navy-link {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page .navy-line {
    border-bottom: 2px solid var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page .navbar-default .navbar-nav > .active > a,
html[data-tema] .landing-page .navbar-default .navbar-nav > .active > a:hover {
    border-top: 6px solid var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page .navbar-default .navbar-nav > li > a:hover,
html[data-tema] .landing-page .navbar-default .navbar-nav > li > a:focus {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page .navbar-default .navbar-brand {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page .navbar-scroll.navbar-default .nav li a:hover {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page .navbar-default .navbar-nav > .active > a,
html[data-tema] .landing-page .navbar-default .navbar-nav > .active > a:hover {
    border-top: 6px solid var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page .features small {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page .features-icon {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page .navy-section {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page .social-icon a {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page .pricing-plan .pricing-price span {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page li.pricing-title {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page .testimonials {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .landing-page .features .big-icon {
    color: var(--brand-primary, #1ab394) !important
}

html[data-tema] .landing-page .btn-primary {
    background-color: var(--brand-primary, #1ab394);
    border-color: var(--brand-primary, #1ab394)
}

@media (max-width: 768px) {
html[data-tema] .landing-page .navbar-default .nav li a:hover {
    color: var(--brand-primary, #1ab394)
}
}

html[data-tema] .spin-icon {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .skin-2 .spin-icon {
    background: var(--brand-link, #23c6c8) !important
}

html[data-tema] .skin-2 .nav-header {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .skin-2 .navbar-minimalize {
    background: var(--brand-link, #23c6c8);
    border-color: var(--brand-link, #23c6c8)
}

html[data-tema] .md-skin .nav .open > a,
html[data-tema] .md-skin .nav .open > a:hover,
html[data-tema] .md-skin .nav .open > a:focus {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .md-skin .navbar-fixed-top,
html[data-tema] .md-skin .navbar-static-top {
    background-color: var(--brand-primary, #1ab394) !important
}

html[data-tema] .md-skin.landing-page .navbar-default .navbar-nav > li > a:hover,
html[data-tema] .md-skin.landing-page .navbar-default .navbar-nav > li > a:focus {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .md-skin.top-navigation .nav > li a:hover,
html[data-tema] .md-skin .top-navigation .nav > li a:focus,
html[data-tema] .md-skin.top-navigation .nav .open > a,
html[data-tema] .md-skin.top-navigation .nav .open > a:hover,
html[data-tema] .md-skin.top-navigation .nav .open > a:focus {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .md-skin.top-navigation .nav > li.active a {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] :root {
    --blue: var(--brand-primary, #1ab394)
}

html[data-tema] #GridLink {
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-text-selection ::selection,
html[data-tema] .k-block ::selection,
html[data-tema] .k-panel ::selection,
html[data-tema] .k-pane-wrapper ::selection,
html[data-tema] .k-view ::selection,
html[data-tema] .k-progressbar ::selection,
html[data-tema] .k-numerictextbox ::selection,
html[data-tema] .k-flatcolorpicker ::selection,
html[data-tema] .k-combobox ::selection,
html[data-tema] .k-datepicker ::selection,
html[data-tema] .k-timepicker ::selection,
html[data-tema] .k-datetimepicker ::selection,
html[data-tema] .k-dateinput ::selection,
html[data-tema] .k-dropdown ::selection,
html[data-tema] .k-dropdowntree ::selection,
html[data-tema] .k-multiselect ::selection,
html[data-tema] .k-maskedtextbox ::selection,
html[data-tema] .k-rating ::selection,
html[data-tema] .k-window ::selection,
html[data-tema] .k-drawer ::selection,
html[data-tema] .k-notification ::selection,
html[data-tema] .k-breadcrumb ::selection,
html[data-tema] .k-pager-wrap ::selection,
html[data-tema] .k-panelbar ::selection,
html[data-tema] .k-card ::selection,
html[data-tema] .k-splitter ::selection,
html[data-tema] .k-spreadsheet ::selection,
html[data-tema] .k-scheduler ::selection,
html[data-tema] .k-chat ::selection,
html[data-tema] .k-mediaplayer ::selection,
html[data-tema] .k-pdf-viewer ::selection,
html[data-tema] kendo-scrollview.k-scrollview-wrap ::selection,
html[data-tema] kendo-scrollview.k-scrollview ::selection,
html[data-tema] div.k-scrollview ::selection,
html[data-tema] .k-chart ::selection,
html[data-tema] .k-sparkline ::selection,
html[data-tema] .k-stockchart ::selection {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-drop-hint-line {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-drop-hint-h .k-drop-hint-start {
    border-left-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-drop-hint-h .k-drop-hint-end {
    border-right-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-drop-hint-v .k-drop-hint-start {
    border-top-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-drop-hint-v .k-drop-hint-end {
    border-bottom-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-marquee-color {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-text-primary {
    color: var(--brand-primary, #1ab394) !important
}

html[data-tema] .k-text-info {
    color: var(--brand-link, #23c6c8) !important
}

html[data-tema] .k-text-primary,
html[data-tema] .k-color-primary {
    color: var(--brand-primary, #1ab394) !important
}

html[data-tema] .k-text-info,
html[data-tema] .k-color-info {
    color: var(--brand-link, #23c6c8) !important
}

html[data-tema] .k-bg-primary {
    background-color: var(--brand-primary, #1ab394) !important
}

html[data-tema] .k-bg-info {
    background-color: var(--brand-link, #23c6c8) !important
}

html[data-tema] .k-border-primary {
    border-color: var(--brand-primary, #1ab394) !important
}

html[data-tema] .k-border-info {
    border-color: var(--brand-link, #23c6c8) !important
}

html[data-tema] .k-avatar-solid.k-avatar-primary {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-avatar-solid.k-avatar-info {
    border-color: var(--brand-link, #23c6c8);
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-avatar-outline.k-avatar-primary {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-avatar-outline.k-avatar-info {
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-badge-solid.k-badge-primary {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-badge-solid.k-badge-info {
    border-color: var(--brand-link, #23c6c8);
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-badge-outline.k-badge-primary {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-badge-outline.k-badge-info {
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-overlay-primary {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-overlay-info {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-loader-primary {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-loader-info {
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-selection-single .k-chip-selected.k-chip-filled {
    border-color: rgba(var(--brand-rgb, 20, 176, 172),0.2);
    color: var(--brand-primary, #1ab394);
    background-color: rgba(var(--brand-rgb, 20, 176, 172),0.08)
}

html[data-tema] .k-selection-single .k-chip-selected.k-chip-outline {
    border-color: rgba(var(--brand-rgb, 20, 176, 172),0.2);
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-chip-filled.k-chip-info {
    border-color: rgba(var(--brand-rgb, 20, 176, 172),0.3);
    color: var(--brand-link, #23c6c8);
    background-color: rgba(var(--brand-rgb, 20, 176, 172),0.12)
}

html[data-tema] .k-chip-outline.k-chip-info {
    border-color: rgba(var(--brand-rgb, 20, 176, 172),0.54);
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-button.k-state-selected {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-button.k-primary {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-button.k-primary:focus,
html[data-tema] .k-button.k-primary.k-state-focused {
    box-shadow: 0 3px 4px 0 rgba(var(--brand-rgb, 20, 176, 172),0.4)
}

html[data-tema] .k-button.k-primary:active,
html[data-tema] .k-button.k-primary.k-state-active {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-button.k-primary.k-state-selected {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-toggle-button:active,
html[data-tema] .k-toggle-button.k-state-active {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-button-group .k-button:active,
html[data-tema] .k-button-group .k-button.k-state-active,
html[data-tema] .k-button-group .k-button.k-state-selected,
html[data-tema] .k-button-group > input[type="radio"]:checked + .k-button,
html[data-tema] .k-button-group > input[type="checkbox"]:checked + .k-button {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-button.k-primary.k-outline {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-button.k-primary.k-outline:hover,
html[data-tema] .k-button.k-primary.k-outline.k-state-hover {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-button.k-primary.k-outline:focus,
html[data-tema] .k-button.k-primary.k-outline.k-state-focused {
    box-shadow: 0 3px 4px 0 rgba(var(--brand-rgb, 20, 176, 172),0.4)
}

html[data-tema] .k-button.k-primary.k-outline:active,
html[data-tema] .k-button.k-primary.k-outline.k-state-active {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-button.k-primary.k-outline.k-state-selected {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-button-flat.k-primary,
html[data-tema] .k-primary.k-button.k-flat,
html[data-tema] .k-primary.k-button.k-bare,
html[data-tema] .k-calendar-header .k-primary.k-button,
html[data-tema] .k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal) > .k-primary.k-button,
html[data-tema] .k-button-flat.k-primary:hover,
html[data-tema] .k-primary.k-button.k-flat:hover,
html[data-tema] .k-primary.k-button.k-bare:hover,
html[data-tema] .k-calendar-header .k-primary.k-button:hover,
html[data-tema] .k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal) > .k-primary.k-button:hover,
html[data-tema] .k-button-flat.k-primary.k-state-hover,
html[data-tema] .k-primary.k-state-hover.k-button.k-flat,
html[data-tema] .k-primary.k-state-hover.k-button.k-bare,
html[data-tema] .k-calendar-header .k-primary.k-state-hover.k-button,
html[data-tema] .k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal) > .k-primary.k-state-hover.k-button,
html[data-tema] .k-button-group .k-button-flat.k-primary,
html[data-tema] .k-button-group .k-primary.k-button.k-flat,
html[data-tema] .k-button-group .k-primary.k-button.k-bare,
html[data-tema] .k-button-group .k-calendar-header .k-primary.k-button,
html[data-tema] .k-calendar-header .k-button-group .k-primary.k-button,
html[data-tema] .k-button-group .k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal) > .k-primary.k-button {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-list .k-item.k-state-selected,
html[data-tema] .k-list-optionlabel.k-state-selected {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-list-container .k-button:active,
html[data-tema] .k-list-container .k-button.k-state-active {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-checkbox:indeterminate,
html[data-tema] .k-checkbox.k-state-indeterminate,
html[data-tema] .k-checkbox.k-indeterminate {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-checkbox:checked,
html[data-tema] .k-checkbox.k-checked {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-checkbox:checked:focus,
html[data-tema] .k-checkbox.k-checked.k-state-focus {
    border-color: var(--brand-primary, #1ab394);
    box-shadow: 0 0 0 2px rgba(var(--brand-rgb, 20, 176, 172),0.3)
}

html[data-tema] .k-ripple-container .k-checkbox::after {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .k-radio:checked,
html[data-tema] .k-radio.k-checked {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-radio:checked:focus,
html[data-tema] .k-radio.k-checked.k-state-focus {
    border-color: var(--brand-primary, #1ab394);
    box-shadow: 0 0 0 2px rgba(var(--brand-rgb, 20, 176, 172),0.3)
}

html[data-tema] .k-ripple-container .k-radio::after {
    background: var(--brand-primary, #1ab394)
}

html[data-tema] .k-switch-on .k-switch-container {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-switch-on:hover .k-switch-container,
html[data-tema] .k-switch-on.k-state-hover .k-switch-container {
    background-color: var(--brand-primary-hover, #18a588)
}

html[data-tema] .k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-pane-wrapper .k-pane .k-grid-edit-form .k-header,
html[data-tema] .k-pane-wrapper .k-pane .k-grid-column-menu .k-header,
html[data-tema] .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header,
html[data-tema] .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-pane-wrapper .k-pane .k-grid-edit-form .k-clear,
html[data-tema] .k-pane-wrapper .k-pane .k-grid-edit-form .k-select-all,
html[data-tema] .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-delete,
html[data-tema] .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-resetSeries,
html[data-tema] .k-pane-wrapper .k-pane .k-grid-column-menu .k-clear,
html[data-tema] .k-pane-wrapper .k-pane .k-grid-column-menu .k-select-all,
html[data-tema] .k-pane-wrapper .k-pane .k-grid-column-menu .k-scheduler-delete,
html[data-tema] .k-pane-wrapper .k-pane .k-grid-column-menu .k-scheduler-resetSeries,
html[data-tema] .k-pane-wrapper .k-pane .k-grid-filter-menu .k-clear,
html[data-tema] .k-pane-wrapper .k-pane .k-grid-filter-menu .k-select-all,
html[data-tema] .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-delete,
html[data-tema] .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-resetSeries,
html[data-tema] .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-clear,
html[data-tema] .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-select-all,
html[data-tema] .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-delete,
html[data-tema] .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-resetSeries {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-progressbar .k-state-selected {
    border-color: var(--brand-primary-hover, #18a588);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-textbox::selection,
html[data-tema] .k-textbox .k-input::selection {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-textarea::selection,
html[data-tema] .k-textarea .k-input::selection {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-tooltip-primary {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-tooltip-primary .k-callout {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-tooltip-info {
    border-color: var(--brand-link, #23c6c8);
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-tooltip-info .k-callout {
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-fab-primary {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-fab-info {
    border-color: var(--brand-link, #23c6c8);
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-state-active.k-fab-primary,
html[data-tema] .k-state-selected.k-fab-primary,
html[data-tema] .k-fab-primary:active {
    border-color: var(--brand-primary-hover, #18a588);
    background-color: var(--brand-primary-hover, #18a588);
    box-shadow: 0 6px 10px rgba(0,0,0,0.14),0 1px 18px rgba(0,0,0,0.12),0 3px 5px rgba(0,0,0,0.2),0px 3px 4px rgba(var(--brand-rgb, 20, 176, 172),0.4)
}

html[data-tema] .k-state-active.k-fab-info,
html[data-tema] .k-state-selected.k-fab-info,
html[data-tema] .k-fab-info:active {
    box-shadow: 0 6px 10px rgba(0,0,0,0.14),0 1px 18px rgba(0,0,0,0.12),0 3px 5px rgba(0,0,0,0.2),0px 3px 4px rgba(var(--brand-rgb, 20, 176, 172),0.4)
}

html[data-tema] .k-slider .k-slider-selection {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-slider .k-draghandle {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-slider .k-draghandle:active,
html[data-tema] .k-slider .k-draghandle.k-pressed {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-slider .k-draghandle:focus,
html[data-tema] .k-slider .k-draghandle.k-state-focused {
    box-shadow: 0 3px 4px 0 rgba(var(--brand-rgb, 20, 176, 172),0.4)
}

html[data-tema] .k-slider.k-state-focused .k-draghandle {
    box-shadow: 0 3px 4px 0 rgba(var(--brand-rgb, 20, 176, 172),0.4)
}

html[data-tema] .k-calendar .k-footer .k-nav-today,
html[data-tema] .k-calendar .k-calendar-header .k-today {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-calendar .k-footer .k-nav-today:hover,
html[data-tema] .k-calendar .k-footer .k-nav-today.k-state-hover,
html[data-tema] .k-calendar .k-footer .k-nav-today:focus,
html[data-tema] .k-calendar .k-footer .k-nav-today.k-state-focus,
html[data-tema] .k-calendar .k-calendar-header .k-today:hover,
html[data-tema] .k-calendar .k-calendar-header .k-today.k-state-hover,
html[data-tema] .k-calendar .k-calendar-header .k-today:focus,
html[data-tema] .k-calendar .k-calendar-header .k-today.k-state-focus {
    color: var(--brand-primary-hover, #16967c)
}

html[data-tema] .k-calendar .k-content .k-today,
html[data-tema] .k-calendar .k-calendar-content .k-today {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-calendar .k-state-selected .k-link {
    border-color: var(--brand-link, #23c6c8);
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-calendar .k-calendar-navigation li:hover,
html[data-tema] .k-calendar .k-calendar-navigation li.k-state-hover {
    color: var(--brand-primary-hover, #16967c)
}

html[data-tema] .k-calendar.k-calendar-range .k-range-start,
html[data-tema] .k-calendar.k-calendar-range .k-range-end,
html[data-tema] .k-calendar.k-calendar-range .k-range-mid {
    background-image: linear-gradient(transparent 1px, rgba(var(--brand-rgb, 20, 176, 172),0.25) 1px, rgba(var(--brand-rgb, 20, 176, 172),0.25) calc(100% - 1px), transparent calc(100% - 1px))
}

html[data-tema] .k-ie .k-calendar.k-calendar-range .k-range-start,
html[data-tema] .k-edge .k-calendar.k-calendar-range .k-range-start,
html[data-tema] .k-ie .k-calendar.k-calendar-range .k-range-end,
html[data-tema] .k-edge .k-calendar.k-calendar-range .k-range-end,
html[data-tema] .k-ie .k-calendar.k-calendar-range .k-range-mid,
html[data-tema] .k-edge .k-calendar.k-calendar-range .k-range-mid {
    background-color: rgba(var(--brand-rgb, 20, 176, 172),0.25)
}

html[data-tema] .k-calendar.k-calendar-range .k-range-start .k-link,
html[data-tema] .k-calendar.k-calendar-range .k-range-end .k-link {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-calendar.k-calendar-range .k-range-split-start::after {
    background-image: linear-gradient(to left, rgba(var(--brand-rgb, 20, 176, 172),0.25), transparent 100%)
}

html[data-tema] .k-calendar.k-calendar-range .k-range-split-end::after {
    background-image: linear-gradient(to right, rgba(var(--brand-rgb, 20, 176, 172),0.25), transparent 100%)
}

html[data-tema] .k-time-header .k-time-now {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-time-header .k-time-now:hover,
html[data-tema] .k-time-header .k-time-now:focus {
    color: var(--brand-primary-hover, #16967c)
}

html[data-tema] .k-time-list .k-item:hover {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-dropdowngrid-popup .k-item.k-state-selected {
    background-color: rgba(var(--brand-rgb, 20, 176, 172),0.25)
}

html[data-tema] .k-treeview .k-in.k-state-selected {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-treeview .k-treeview-load-more-button {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-treeview .k-treeview-load-more-button:hover,
html[data-tema] .k-treeview .k-treeview-load-more-button.k-state-hover {
    color: var(--brand-primary-hover, #16967c)
}

html[data-tema] .k-treeview .k-treeview-load-more-button:focus,
html[data-tema] .k-treeview .k-treeview-load-more-button.k-state-focused {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-external-dropzone-hover .k-icon,
html[data-tema] .k-external-dropzone-hover .k-dropzone-icon {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-upload .k-file-progress .k-progress {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-listbox .k-drop-hint {
    border-top-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-rating-item.k-state-selected {
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-rating-item.k-state-selected:focus,
html[data-tema] .k-rating-item.k-state-selected.k-state-focused {
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-rating-item:hover,
html[data-tema] .k-rating-item.k-state-hover {
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-appbar-primary {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-appbar-info {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-menu:not(.k-context-menu) > .k-item {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-menu:not(.k-context-menu) > .k-item:hover,
html[data-tema] .k-menu:not(.k-context-menu) > .k-item.k-state-hover {
    color: var(--brand-primary-hover, #16967c)
}

html[data-tema] .k-menu-group .k-item > .k-state-active,
html[data-tema] .k-menu.k-context-menu .k-item > .k-state-active {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-menu-scroll-button {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-menu-scroll-button:hover {
    color: var(--brand-primary-hover, #16967c)
}

html[data-tema] .k-dialog-titlebar {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-dialog-button-layout-stretched .k-primary:not(:hover):not(.k-state-hover):not(:active):not(.k-state-active) {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-dialog-button-layout-stretched .k-button.k-primary:focus,
html[data-tema] .k-dialog-button-layout-stretched .k-button.k-primary.k-state-focused {
    box-shadow: inset 0 0 0 2px rgba(var(--brand-rgb, 20, 176, 172),0.3)
}

html[data-tema] .k-drawer-item.k-state-selected {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-notification-primary {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-notification-info {
    border-color: var(--brand-link, #23c6c8);
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-breadcrumb-link {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-breadcrumb-link:hover,
html[data-tema] .k-breadcrumb-link.k-state-hover {
    color: var(--brand-primary-hover, #16967c)
}

html[data-tema] .k-breadcrumb-link:focus,
html[data-tema] .k-breadcrumb-link.k-state-focused {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-state-selected.k-pager-nav.k-link,
html[data-tema] .k-state-selected.k-pager-refresh {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-pager-numbers .k-link {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-pager-numbers .k-link:hover,
html[data-tema] .k-pager-numbers .k-link.k-state-hover {
    color: var(--brand-primary, #1ab394);
    background-color: rgba(var(--brand-rgb, 20, 176, 172),0.08)
}

html[data-tema] .k-pager-numbers .k-link:focus,
html[data-tema] .k-pager-numbers .k-link.k-state-focus {
    box-shadow: inset 0 0 0 2px rgba(var(--brand-rgb, 20, 176, 172),0.12)
}

html[data-tema] .k-pager-numbers .k-link.k-state-selected {
    color: var(--brand-primary, #1ab394);
    background-color: rgba(var(--brand-rgb, 20, 176, 172),0.2)
}

html[data-tema] .k-pager-md .k-pager-numbers.k-state-expanded .k-link.k-state-selected,
html[data-tema] .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-selected {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-panelbar > .k-item > .k-link {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-panelbar > .k-item > .k-link:hover,
html[data-tema] .k-panelbar > .k-item > .k-link.k-state-hover {
    color: var(--brand-primary-hover, #16967c)
}

html[data-tema] .k-panelbar > .k-item > .k-link.k-state-selected {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-panelbar .k-group > .k-item > .k-link.k-state-selected {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-stepper .k-step-done .k-step-indicator {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-stepper .k-step-done:hover .k-step-indicator,
html[data-tema] .k-stepper .k-step-done.k-step-hover .k-step-indicator {
    background-color: var(--brand-primary-hover, #18a588)
}

html[data-tema] .k-stepper .k-step-current .k-step-indicator {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-stepper .k-step-current:hover .k-step-indicator,
html[data-tema] .k-stepper .k-step-current.k-step-hover .k-step-indicator {
    background-color: var(--brand-primary-hover, #18a588)
}

html[data-tema] .k-tabstrip-items .k-item:hover,
html[data-tema] .k-tabstrip-items .k-item.k-state-hover {
    color: var(--brand-primary-hover, #16967c)
}

html[data-tema] .k-expander-title {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-bottom-nav-solid.k-bottom-nav-primary {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-bottom-nav-solid.k-bottom-nav-info {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected,
html[data-tema] .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-state-active,
html[data-tema] .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item:active {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-state-selected,
html[data-tema] .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-state-active,
html[data-tema] .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item:active {
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-splitbar:active,
html[data-tema] .k-splitbar.k-state-focus,
html[data-tema] .k-splitbar.k-state-focused {
    background: var(--brand-link, #23c6c8)
}

html[data-tema] .k-grid td.k-state-selected,
html[data-tema] .k-grid tr.k-state-selected > td {
    background-color: rgba(var(--brand-rgb, 20, 176, 172),0.25)
}

html[data-tema] .k-grid-header .k-i-sort-asc-sm,
html[data-tema] .k-grid-header .k-i-sort-desc-sm,
html[data-tema] .k-grid-header .k-sort-order {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-grid-header .k-grid-filter.k-state-active,
html[data-tema] .k-grid-header .k-header-column-menu.k-state-active,
html[data-tema] .k-grid-header .k-hierarchy-cell .k-icon.k-state-active {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-columnmenu-item.k-state-selected {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-listview-content > .k-state-selected {
    background-color: rgba(var(--brand-rgb, 20, 176, 172),0.25)
}

html[data-tema] .k-spreadsheet .k-selection-full,
html[data-tema] .k-spreadsheet .k-selection-partial {
    background-color: rgba(var(--brand-rgb, 20, 176, 172),0.25)
}

html[data-tema] .k-spreadsheet-selection {
    border-color: var(--brand-link, #23c6c8);
    background-color: rgba(var(--brand-rgb, 20, 176, 172),0.25);
    box-shadow: inset 0 0 0 1px var(--brand-link, #23c6c8)
}

html[data-tema] .k-spreadsheet .k-single-selection::after {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-spreadsheet-active-cell {
    box-shadow: inset 0 0 0 1px var(--brand-link, #23c6c8)
}

html[data-tema] .k-spreadsheet-active-cell.k-right {
    box-shadow: inset 0 0 0 1px var(--brand-link, #23c6c8),inset -1px 0 0 1px var(--brand-link, #23c6c8)
}

html[data-tema] .k-spreadsheet-active-cell.k-bottom {
    box-shadow: inset 0 0 0 1px var(--brand-link, #23c6c8),inset 0 -1px 0 1px var(--brand-link, #23c6c8)
}

html[data-tema] .k-spreadsheet-active-cell.k-bottom.k-right {
    box-shadow: inset 0 0 0 1px var(--brand-link, #23c6c8),inset -1px -1px 0 1px var(--brand-link, #23c6c8)
}

html[data-tema] .k-spreadsheet .k-auto-fill {
    border-color: var(--brand-link, #23c6c8);
    background-color: rgba(var(--brand-rgb, 20, 176, 172),0.25);
    box-shadow: inset 0 0 0 1px var(--brand-link, #23c6c8)
}

html[data-tema] .k-spreadsheet .k-resize-handle,
html[data-tema] .k-spreadsheet .k-resize-hint-handle,
html[data-tema] .k-spreadsheet .k-resize-hint-marker {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-spreadsheet-has-comment::after {
    border-color: var(--brand-primary, #1ab394) var(--brand-primary, #1ab394) transparent transparent
}

html[data-tema] .k-spreadsheet .k-filter-range {
    border-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-spreadsheet-popup .k-button:active,
html[data-tema] .k-spreadsheet-popup .k-button.k-state-active,
html[data-tema] .k-spreadsheet-popup .k-button.k-state-selected {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-spreadsheet-drawing.k-spreadsheet-active-drawing {
    outline-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-spreadsheet-drawing .k-spreadsheet-drawing-handle {
    border-color: var(--brand-link, #23c6c8);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-spreadsheet-drawing-anchor-cell {
    background: rgba(var(--brand-rgb, 20, 176, 172),0.25)
}

html[data-tema] .k-rtl .k-spreadsheet .k-spreadsheet-has-comment::after,
html[data-tema] .k-spreadsheet[dir="rtl"] .k-spreadsheet-has-comment::after,
html[data-tema] [dir="rtl"] .k-spreadsheet .k-spreadsheet-has-comment::after {
    border-color: var(--brand-primary, #1ab394) transparent transparent var(--brand-primary, #1ab394)
}

html[data-tema] .k-filter .k-filter-preview-field {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-ct-popup .k-state-selected {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-editor-content .k-text-selected,
html[data-tema] .k-editor-content::selection {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-gantt .k-treelist-scrollable .k-task-milestone.k-state-selected .k-task-milestone-content {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-gantt .k-treelist-scrollable .k-gantt-dependencies-svg polyline.k-state-selected {
    stroke: var(--brand-primary, #1ab394)
}

html[data-tema] .k-task-milestone.k-state-selected {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-task-summary.k-state-selected .k-task-summary-complete {
    color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-task-single.k-state-selected .k-task-complete {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-gantt-line.k-state-selected {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-task-planned .k-task-moment {
    border-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-task-planned .k-task-duration {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-task-planned:hover .k-task-moment {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-planned-tooltip {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] ul.k-scheduler-views li.k-state-selected {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-scheduler-layout td.k-state-selected,
html[data-tema] .k-scheduler-layout .k-scheduler-cell.k-state-selected {
    background-color: rgba(var(--brand-rgb, 20, 176, 172),0.25)
}

html[data-tema] .k-event.k-state-selected {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-scheduler-marquee::before,
html[data-tema] .k-scheduler-marquee::after {
    border-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected {
    background-color: rgba(var(--brand-rgb, 20, 176, 172),0.25)
}

html[data-tema] .k-chat .k-alt .k-bubble {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394);
    box-shadow: 0 1px 2px rgba(var(--brand-rgb, 20, 176, 172),0.2)
}

html[data-tema] .k-chat .k-alt .k-bubble:hover {
    box-shadow: 0 1px 2px rgba(var(--brand-rgb, 20, 176, 172),0.2)
}

html[data-tema] .k-chat .k-alt .k-state-selected .k-bubble {
    box-shadow: 0 3px 10px rgba(var(--brand-rgb, 20, 176, 172),0.4)
}

html[data-tema] .k-chat .k-quick-reply {
    border-color: var(--brand-primary, #1ab394);
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-chat .k-quick-reply:hover {
    border-color: var(--brand-primary, #1ab394);
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-chat .k-message-box .k-button:hover {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-chat-toolbar .k-button:hover,
html[data-tema] .k-chat .k-toolbar-box .k-button:hover {
    color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-timeline .k-timeline-flag {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-timeline .k-timeline-circle {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-timeline-horizontal .k-timeline-flag::after {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-timeline-track-item.k-state-focus .k-timeline-circle {
    box-shadow: 0 3px 4px 0 rgba(var(--brand-rgb, 20, 176, 172),0.4)
}

html[data-tema] .k-scrollview-pageable > .k-button.k-primary,
html[data-tema] .k-scrollview-nav > .k-link.k-primary {
    background: var(--brand-primary, #1ab394);
    border: var(--brand-primary, #1ab394)
}

html[data-tema] .k-var--accent {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-var--primary {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-var--selected-background {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-var--info {
    background-color: var(--brand-link, #23c6c8)
}

html[data-tema] .k-var--gauge-pointer {
    background-color: var(--brand-primary, #1ab394)
}

html[data-tema] .k-map .k-marker {
    color: var(--brand-primary, #1ab394)
}