/* Moje upravy: */

.erp-header-logo {
    height: 90px;
    padding: 15px;
}

/* Oprava tlacitka, aby melo text uprostred (vertikalne): */
.dx-button {
    border-width: 3px;
}




/* Následující jsem zkopíroval z Honzova projektu VodaPortal, bohužel většinou nevím, k čemu to je.. */

/* treeview - tedy menu */
.dx-swatch-additional .dx-scrollable-simulated .dx-scrollable-content {
    background-color: #337AB7;
}
/* to je podklad pri mobilnim zobrazeni */
#treeview {
    background-color: #337AB7;
}

.dx-toolbar .dx-toolbar-item.menu-button > .dx-toolbar-item-content .dx-icon,
.menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected > .dx-treeview-item * {
    /*color: #304E63;*/
    color: #5FDDF3;
}

.dx-treeview-item.dx-state-hover {
    background-color: #296293 !important;
    color: #5FDDF3;
}

.dx-toolbar-items-container {
    height: 90px !important; /* to je plna, puvodni mala byla 36px */
}

.voda-header-title {
    font-size: larger;
    font-weight: bold;
}

.voda-header-subtitle {
    /*font-size: small;*/
    /*margin-left: 20px;*/
    display: block; /* v puvodni male velikosti musi byt skryte */
}

@media (max-width: 600px) {
    .dx-toolbar-items-container {
        height: 36px !important;
    }
}

/* Skryvani loga, pokud je sirka mensi nez 900px*/
@media (max-width: 900px) {
    .skryvat_male { /*, .voda-header-add-record {*/
        display: none;
    }
}

.voda-header-logo {
    height: 90px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* bezny editacni form */
input.dx-texteditor-input {
    height: 35px !important;
}

.dx-field-item-content {
    font-weight: bold;
}

.dx-field-label {
    max-width: 200px; /* max sirka label v zadavacim formu */
}

.dx-fieldset.two-columns {
    max-width: 400px; /* dvousloupcovy vypis UserInfo */
}

.dx-fieldset {
    max-width: 800px; /* max sirka zadavaciho formu */
}

/* detail gridu, vypis polozek, pouzito v Places */
.dx-field-item:not(.dx-field-item-has-group):not(.dx-field-item-has-tabs):not(.dx-first-row):not(.dx-label-v-align),
.dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
    padding-top: 5px; /* rozestupy radku v detailu, pouzito pro detail gridu Places */
    padding-bottom: 5px;
}

.dx-cell-focus-disabled.dx-master-detail-cell > div.dx-form {
    max-width: 800px;
}

/* odradkovani mezi tlacitky */
.dx-widget.dx-button.dx-button-mode-contained.dx-button-default.dx-button-has-text {
    margin-top: 5px; /* kdyz se tlacitka na uzkem prostoru srovnaji pod sebe, aby mezi nimi bylo misto. Tyka se stranky Login */
}

.dx-item-content.dx-toolbar-item-content > .dx-widget.dx-button.dx-button-mode-contained.dx-button-default.dx-button-has-text {
    margin-top: 0px !important; /* nedelat to ale pro tlacitka v toolbaru, prekazi to v malem rozliseni hlavicky */
}

/* Nasledujici nastavuje radky ve sloupcich gridu, ktere se nevejdou a jsou schovane pod tremi teckami */
/* "not" eliminuje polozky pop-up okna */
:not(.dx-datagrid-edit-form-item) > .dx-field-item-content.dx-field-item-content-location-right.dx-adaptive-item-text {
    height: 30px;
    padding-top: 11px;
}

:not(.dx-datagrid-edit-form-item).dx-first-col.dx-last-col.dx-field-item.dx-col-0.dx-field-item-optional.dx-flex-layout.dx-label-h-align {
    align-items: flex-end;
    height: 30px;
}

/* barva focusovaneho controlu */
/* editbox */
.dx-texteditor.dx-editor-outlined.dx-state-focused {
    border-color: #5FDDF3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(95, 221, 248, 0.6);
}
/* checkbox */
div.dx-widget.dx-checkbox.dx-checkbox-checked > div.dx-checkbox-container > span.dx-checkbox-icon {
    background-color: #5FDDF3;
}

    div.dx-widget.dx-checkbox.dx-checkbox-checked > div.dx-checkbox-container > span.dx-checkbox-icon::after {
        background-color: rgba(95, 221, 248, 0.2);
    }

/* kalendar */
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    width: auto; /* to se netyka obarveni, ale byla tam divne sirka */
}

.dx-calendar-navigator .dx-button.dx-state-hover, .dx-calendar-navigator .dx-button.dx-state-active {
    background-color: rgba(95, 221, 248, 0.2);
}

.dx-calendar-cell.dx-calendar-selected-date span, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today span {
    background-color: #5FDDF3;
    color: black;
}

.dx-calendar-cell.dx-calendar-today {
    color: #296293;
}

.layout-header {
    border: 1px solid lightgray;
}

h2 {
    padding-left: 10px;
}