.dx-state-active {
  background-color: var(--hlavni-pruhledna-barva) !important;                   /* aktivni polozky */
}

.dx-treelist-rowsview .dx-row-focused.dx-group-row,
.dx-treelist-rowsview .dx-selection.dx-row,
.dx-row-focused .dx-cell-focus-disabled .dx-texteditor .dx-texteditor-input,    /* v gridu parametry jsou hodnoty v editoru kvuli nastaveni barvy */
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link:not(.dx-icon) {
  background-color: transparent !important;
  color: #333 !important;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 3px solid var(--hlavni-barva);
  border-bottom: 3px solid var(--hlavni-barva);
}

/* přechod na označení aktivního řádku rámováním místo podbarvení místy zdvojovalo dolní okraj - výška řádku tomu zabránila */
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
  line-height: 1.2;
}

/* u vícenásobných výběrů v datagridu se vybrané řádky podbarvovaly a rušily barevnost, která nese význam */
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td {
  background-color: transparent !important;
}

/* v parametrech je ve sloupci Hodnota editor - nesmí se rámovat */
.dx-editor-cell.dx-datagrid-readonly .dx-texteditor-input {
  margin-top: -7px !important;
  margin-bottom: -7px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
}

.dx-link-icon {
  background-color: transparent !important;
  color: var(--hlavni-barva) !important
}

.dx-state-active > div {                                                        /* inverze pro tlacitka */
  color: white !important;
}

.dx-state-active > div > i {                                                    /* inverze pro tlacitka */
  color: white !important;
}

.dropdown-item:active {
  background-color: var(--hlavni-barva);                                        /* dropdown - aktivni polozky */
}

.dx-menu-item {                                                                 /* datagrid - polozky selectboxu Export */
  color: var(--hlavni-barva);                                                    
}

.dx-menu-item.dx-state-hover {
  color: var(--hlavni-barva);
}
                                                                                
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {        /* datagrid - ikony u zuzeneho toolboxu - nahradni tlacitko */
  color: var(--hlavni-barva);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon {
  color: var(--hlavni-barva);
}

.dx-datagrid .dx-link {                                                         /* datagrid - ikony editacni akci */
  color: var(--hlavni-barva);                                                               
}

.dx-datagrid-rowsview .dx-selection > td .dx-link,                              /* datagrid - ikony editacni akci pri zaskrtnuti radku */
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link,
.dx-datagrid-rowsview .dx-selection > tr > td .dx-link,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
  color: var(--hlavni-barva);
}

.dx-datagrid-headers {                                                          /* datagrid - popisky zahlavi sloupcu */
  color: var(--hlavni-barva);  
}

.dx-datagrid .dx-menu-item-has-icon .dx-icon,                                   /* datagrid - ikony ve filterRow */
.dx-datagrid-container .dx-menu-item-has-icon .dx-icon {
  color: var(--hlavni-pruhledna-barva);
}

.dx-datagrid-focus-overlay {                                                    /* ramecek aktivniho filtracniho pole */
  border-color: var(--hlavni-barva);
}

.dx-datagrid-search-text {                                                      /* zvyrazneni vysledku vyhledavani v datagridu */
  color: #fff;
  background-color: var(--hlavni-barva);;
}

.dx-numberbox-spin-up-icon,                                                     /* datagrid - sipecky ve spinneru pro zadani cisla */
.dx-numberbox-spin-down-icon,
.dx-dropdowneditor-icon {                                                       /* datagrid - sipecky ve filterRow, dropdown */
  color: var(--hlavni-pruhledna-barva) !important;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  background-color: var(--hlavni-barva);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
  background-color: var(--hlavni-pruhledna-barva);
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  background-color: var(--hlavni-barva);
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
  background-color: var(--hlavni-barva);
}

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content,/* calendar - ovladaci prvky, nazev obdobi */
.dx-calendar-navigator-previous-month.dx-button .dx-icon,
.dx-calendar-navigator-next-month.dx-button .dx-icon {
  color: var(--hlavni-barva);
}

.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,         /* calendar - prave vybrany den */
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
  -webkit-box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px var(--hlavni-barva);
          box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px var(--hlavni-barva);
}

.dx-calendar-cell.dx-calendar-selected-date,                                    /* calendar - drive vybrany den */
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
  -webkit-box-shadow: inset 0 0 0 1000px var(--hlavni-barva);
          box-shadow: inset 0 0 0 1000px var(--hlavni-barva);
}

.dx-searchbox .dx-icon-search:before {                                          /* datagrid - ikona ve vyhledavacim poli */
  color: var(--hlavni-pruhledna-barva);
}

.dx-placeholder {                                                               /* datagrid - vychozi text ve vyhledavacim poli */
  color: var(--hlavni-pruhledna-barva);
}

.dx-pager .dx-pages .dx-selection,                                              /* datagrid - aktivni hodnoty strankovani */
.dx-pager .dx-page-sizes .dx-selection {
  background-color: var(--hlavni-barva);
  color: #fff;
}

.dx-checkbox-checked .dx-checkbox-icon {                                        /* datagrid - checkboxy ve filtrech */
  color: var(--hlavni-barva);
}

.dx-checkbox-indeterminate .dx-checkbox-icon {                                  /* datagrid - hodnota ve filtru checkboxu nevybrano vse */
  color: var(--hlavni-barva);
}

.dx-button .dx-icon,                                                            /* datagrid - tlacitko Smazat vice */
.dx-button .dx-button-content,
.dx-toolbar-text-auto-hide .dx-button .dx-icon {                                /* datagrid - ikony v toolbaru */
  color: var(--hlavni-barva);
}

.dx-texteditor.dx-state-hover {                                                 /* datagrid - ramecky hover poli pri editaci */
  border-color: var(--hlavni-pruhledna-barva);
}  

.dx-texteditor.dx-state-focused.dx-editor-filled,                               /* datagrid - ramecky aktivnich poli pri editaci */
.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-underlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-outlined {
  border-color: var(--hlavni-pruhledna-barva) !important;
} 

.dx-checkbox.dx-state-hover .dx-checkbox-icon {                                 /* datagrid - ramecky hover checkboxu vyberu radku */
  border: 1px solid var(--hlavni-barva);
}
.dx-checkbox.dx-state-focused .dx-checkbox-icon {                               /* datagrid - ramecky aktivnich checkboxu vyberu radku */
  border: 1px solid var(--hlavni-pruhledna-barva);
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td,                         /* datagrid - okraje editovaneho radku */
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
  border-bottom: 1px solid  var(--hlavni-pruhledna-barva);
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,      /* datagrid - okraje aktivniho radku */
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
  border-top: 1px solid var(--hlavni-pruhledna-barva);
  border-bottom: 1px solid var(--hlavni-pruhledna-barva);
}


.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon {
  border: 1px solid var(--hlavni-barva);                                        /* datagrid - ramecky checkboxu oteviraneho filtru */
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon:before,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon {
  border: 1px solid var(--hlavni-barva);                                        /* datagrid - ramecky aktivnich checkboxu filtru  pro vybrat vse */
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon:before,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon {
  border-color: var(--hlavni-barva);                                            /* datagrid - ramecky hover checkboxu filtru */
}

.dx-tabpanel.dx-state-focused .dx-tab-selected:after {
  border-color: var(--hlavni-pruhledna-barva);                                  /* taby - ramecky focused v zahlavi */
  border-top-color: var(--hlavni-barva);
} 

.dx-tab-selected:after {                                                        /* taby - horni okraj ramecku focused v zahlavi  stejne jako u scheduleru u vyberu casoveho obdobi */
  border-top: var(--hlavni-barva) solid 1px;
}

.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
  border-color: var(--hlavni-pruhledna-barva);                                  /* taby - ramecek focused kontejneru */
} 

.dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
  padding-bottom: 54px;
}

/* nenasel jsem       
.dx-datagrid-search-text {
  color: #fff;
  background-color: red;//var(--hlavni-barva);
}
*/

.dx-widget, 
.dx-theme-generic-typography,
.dx-widget input,
.dx-widget textarea {
  font-family: Nunito,sans-serif;                                                          /* pouziti fontu i u devextreme komponent */
}

.dx-popup-title {
  border-bottom: 1px solid #ddd !important;                                     /* podtrzeni zahlavi u editacniho popud v gridu */
}

.dx-toolbar-text {
  font-weight: bold;
  color: var(--hlavni-barva);
}

.dx-treelist-headers {                                                          /* datagrid - popisky zahlavi sloupcu */
  color: var(--hlavni-barva);  
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,           /* zrusi podbarveni vybrane polozky ve stromu */
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  background-color: transparent !important;
}

.dx-treelist-rowsview tr .dx-treelist-empty-space {                             /* obarveni sipky u podstromu */
  color: #333 !important;
}

.dx-treelist .dx-link {
  color: var(--hlavni-barva);
}

.dx-treelist-search-text {                                                      /* zvyrazneni vysledku vyhledavani v datagridu */
  color: #fff;
  background-color: var(--hlavni-barva);
}

.dx-button-padding-right
{
  margin: 0px 5px 0px 0px !important;
}

.dx-button-padding-zero
{
  padding: 0px 0px 0px 0px !important;
}

.dx-button-has-text .dx-button-content {                                        /* vodorovne zmenseni odsazeni textu v tlacitku vuci okraji */
  padding: 7px 8px 8px;
}

.dx-switch.dx-state-hover .dx-switch-container,                                 /* switch - obrys objektu */
.dx-switch.dx-state-focused .dx-switch-container 
{
  border-color: var(--hlavni-barva);
}

.dx-switch-handle:before,                                                       /* switch - barva soupatka */
.dx-switch-on-value .dx-switch-handle:before,
.dx-switch.dx-state-focused .dx-switch-handle:before,
.dx-switch.dx-state-hover .dx-switch-handle:before
{
  background-color: var(--hlavni-barva);
}

.dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before            /* switch - barva soupatka pri aktivaci */
{
  background-color:  var(--druha-barva);
}

.dx-scheduler-all-day-table,                                                    /* scheduler - vyska radku pro tydenni zobrazeni */
.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table 
{
  height: 350px;
}

.dx-scheduler-all-day-title,                                                    /* scheduler - vyska radku pro tydenni zobrazeni - prvni sloupec */
.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title
{
  height: 350px;
  line-height: 350px;
}

.dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {            /* scheduler - barva okraje tabu s vybranym typem zobrazeni kalendare */
  border-top-color: var(--hlavni-barva);  
}

.dx-scheduler-appointment,                                                      /* scheduler - barva udalosti v kalendari */
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item-marker-body,
.dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item-marker-body
{
  background-color: var(--hlavni-barva);
}

.dx-scheduler-all-day-table-cell.dx-state-focused,                              /* scheduler - barva vybrane bunky kalendare */
.dx-scheduler-date-table-cell.dx-state-focused,
.dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused,
.dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused 
{
  background-color: var(--hlavni-pruhledna-barva);
}

.dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
.dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
  -webkit-box-shadow: inset 0 0 0 1px var(--hlavni-barva);
          box-shadow: inset 0 0 0 1px var(--hlavni-barva);
}

.dx-scheduler-appointment-collector.dx-button,                                  /* collector - prvek pro pocet udalosti v scheduleru */ 
.dx-scheduler-appointment-collector.dx-button.dx-state-hover,
.dx-scheduler-appointment-collector.dx-button.dx-state-active,
.dx-scheduler-appointment-collector.dx-button.dx-state-focused
{
  background-color: var(--hlavni-barva);
}

.dx-scheduler-appointment-collector.dx-button .dx-button-content                /* collector - prvek pro pocet udalosti v scheduleru */ 
{
  color: #fff;
}

.dx-datagrid-headers {
  border-bottom-width: 4px;                                                     /* zvyrazneni dolniho okraje zahlavi datagridu */
  margin-bottom: 4px;
}
.dx-datagrid .dx-header-filter:not(.dx-header-filter-empty) {
  color: var(--hlavni-barva);                                                   /* ikona aktivniho filtru */
}

.dx-progressbar-range {
  border: 1px solid var(--hlavni-barva);  
  background-color: var(--hlavni-barva);
}

.dx-progressbar-animating-container {
  background-image: -webkit-gradient(linear,right top,left top,color-stop(5%,transparent),color-stop(var(--hlavni-barva)),color-stop(95%,transparent));
  background-image: linear-gradient(-90deg,transparent 5%,var(--hlavni-barva),transparent 95%);
}

.dx-rtl .dx-progressbar .dx-progressbar-animating-container,
.dx-rtl.dx-progressbar .dx-progressbar-animating-container {
  background-image: -webkit-gradient(linear,right top,left top,color-stop(5%,transparent),color-stop(var(--hlavni-barva)),color-stop(95%,transparent));
  background-image: linear-gradient(-90deg,transparent 5%,var(--hlavni-barva),transparent 95%);
}

.dx-sortable-dragging > div > .dx-gridbase-container > .dx-treelist-rowsview {  /* oznaceni pretahovane polozky D&D ve stromu */
  border-color: var(--hlavni-pruhledna-barva);
}

.dx-sortable-placeholder {                                                      /* oznaceni polozky, kam miri akce D&D */
  border-color: var(--hlavni-pruhledna-barva);
}

.dx-tab.dx-state-focused:after {                                                      /* oznaceni polozky, kam miri akce D&D */
  border-color: var(--hlavni-barva);
}