html, body { height: 100%; margin: 0; width: 100%; }
body { display: flex; flex-direction: column; }
iframe { border: 0; }

header { flex: 0 0 auto; flex-wrap: wrap; display: flex; }
header #logoContainer { flex: 0 0 auto; line-height: 32px; }
header #headerLogo img { margin: 5px 5px; vertical-align: top; }
header #headerText { font-size: 25px; line-height: 42px; vertical-align: middle; }
header #headerText a { color: inherit; font-size: 25px; text-decoration: none; }
header #headerContainer { flex: 1 1 auto; padding: 5px; text-align: center; }
header #headerMenuContainer { flex: 0 0 auto; display: flex; padding-right: 5px; }
@media screen and (max-width: 600px) {
    header #headerText { display: none; }
}

nav#menu .dx-menu a { color: inherit; text-decoration: inherit; }
nav#menu { flex: 0 0 auto; display: flex; align-items: center; }
nav#menu .dx-menu-item { padding-left: 10px; padding-right: 10px; }

main { flex: 1 1 auto; overflow: auto; display: flex; width: 100%; height: 100%; }
main aside { width: 300px; }
#contentContainer { flex: 1 1 auto; overflow: auto; }
div#content { display: flex; flex-direction: column; overflow: auto; width: 100%; height: 100%; min-width: 300px; }
#panelContent { padding: 10px; }
nav#toolbar { flex: 0 0 auto; padding: 10px; }
section { overflow: auto; }
#sectionContent { padding: 10px; }
.dx-drawer-content { overflow: auto; }

/*body, table, select, input, option, textarea, button, optgroup { font-family: Arial, lucida, sans-serif; }*/
h1 { font-size: 1.6rem!important; margin-top: 0; text-align: center; }
h1 > * { font-size: 1.6rem!important; }
h2 { font-size: 1.35rem !important; margin: 0 auto; padding: .5rem 0; text-align: center; }
h3 { font-size: 1.1rem !important; font-weight: bold !important; }
p { margin-bottom: 1em; }
small { font-weight: normal !important; }

.boxTwoPages { display: flex; }

.boxTwoPages > div { width: calc(50% - 10px); margin: 5px; max-width: 1200px; }
.boxTwoPages, .dx-box-item-content:not(.dx-timeview-clock), .dx-field-item-content-location-right { overflow-wrap: break-word; word-wrap: break-word; min-width: 0; }
.boxTwoPages > div.none { display: none; }
.boxOnePage > div { margin: 0px 5px 5px 5px; word-wrap: break-word; overflow-wrap: break-word; }
.boxSimplePage { max-width: 1200px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 1400px) {
    .boxTwoPages { flex-wrap: wrap; }
    .boxTwoPages > div { width: calc(100% - 10px); }
}

.pageBox { display: flex; flex-flow: row wrap; margin-bottom: 5px; overflow-x: auto; padding: 10px; }
.pageBox { margin-bottom: 0px; }
.pageBox > div { padding-bottom: 10px; }
.pageBox > div:last-child { padding-bottom: 0px; }
.pageBox .header { flex-grow: 1; margin-top: 1em; }
.pageBox .header:first-child { margin-top: 0px; }
.pageBox .buttons { flex-basis: 60px; text-align: right; }
.pageBox .content { flex-basis: 100%; word-wrap: break-word; overflow-wrap: break-word; }
.pageBox .table { margin-top: 5px; table-layout: fixed; }
.pageBox .table td { vertical-align: top; }

.box:empty { min-height: 50px; }
.box > div { padding: 10px; }
.box > div:not(:last-of-type) { border-bottom-width: 1px; border-bottom-style: solid; }
.box { margin-bottom: 1rem; }
.box > h2 { padding-bottom: .25rem; }
.dx-validationsummary.box > div { padding: initial; }
.dx-validationsummary.box > div:not(:last-of-type) { border: 0; }
.dx-validationsummary.box { padding: 10px; display: block; }

.right { text-align: right !important; }
.left { text-align: left; }
.center { text-align: center; }
.boxBottom { margin-bottom: 1em; }
.fieldBottom { margin-bottom: 0.5em; }
.boxCenter { margin-left: auto; margin-right: auto; }
.button { cursor: pointer; }
.buttonMargin { margin-left: 3px!important; }
a.button { text-decoration: none !important; }
a.item { text-decoration: inherit !important; }
a.item > .sprite { margin-right: 10px; }
#panelContent a.item { display: block;  }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.showTables table { border-width: initial; }
.showTables table tbody,
.showTables table tr,
.showTables table td { border-color: inherit; border-style: inherit; border-width: inherit; }
.popupContent { padding: 0px !important; }
.scrollContent { padding: 1em; }
.dialogContent { max-width: 500px; }

.dx-datagrid-table .hd-row-news td:first-child:before {
    content: "\00a0";
    display: block;
    border-right: 5px solid #f4b12b !important;
    position: absolute;
    float: left;
    left: 0; top: 0; bottom: 0;
    width: 0;
    height: 100%;
}
.dx-datagrid-table .hd-row-news td:first-child { position: relative; }
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
   .dx-datagrid-table .hd-row-news td:first-child:before { min-height: 37px; }
}
.frag { border-left: 5px solid #f4b12b !important; }

.formToolbar { margin-bottom: 5px !important; }
.formButtons > div { margin-left: 3px; }

.langItems > div:not(:first-child) { padding-top: 1px; }

/* Prvky */
#panelContent .dx-fieldset-header { height: 2em; line-height: 2em; padding: 0px 10px; }

/* DevExpress */
.dx-command-select { width: 40px !important; min-width: 40px !important; }
.dx-form-group-caption { font-size: 1.2rem !important; font-weight: 500 !important; }
.dx-field-item-content img { max-height: 100%; max-width: 100%; }
.dx-field-item-label-content { max-width: 200px; min-width: 100px; white-space: normal; }
.formLabelSlim .dx-field-item-label-content { max-width: 100px; min-width: 80px; white-space: normal; }
.dx-datagrid-rowsview.dx-empty, .dx-treelist-rowsview.dx-empty { height: 50px; }
.dx-treelist-select-all .dx-checkbox { top: inherit; }
.dx-menu-vertical > .dx-menu-items-container { width: 100%; min-width: 150px; }
.dx-tooltip-wrapper { width: 100%!important; }
.tooltipContent { max-width: 300px; text-align: left; white-space: normal; word-wrap: break-word; }

.dx-device-mobile .formToolbar.dx-toolbar .dx-toolbar-items-container,
.dx-device-mobile #heading.dx-toolbar .dx-toolbar-items-container { height: inherit !important; min-height: 2em; }
.dx-device-mobile .formToolbar.dx-toolbar .dx-toolbar-items-container h2,
.dx-device-mobile #heading.dx-toolbar .dx-toolbar-items-container h1 { margin-bottom: 0px !important; }

/* Fix DevExtreme */
.dx-field-item-content:not(.dx-field-item-has-group):not(.dx-field-item-has-tabs) {
  padding-top: initial!important;
}

/* Icons */
.dx-icon-intersection { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iVnJzdHZhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOTEuODIzcHgiIGhlaWdodD0iOTMuMDZweCIgdmlld0JveD0iMCAwIDkxLjgyMyA5My4wNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTEuODIzIDkzLjA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNOS4yNzUsOTMuMDZIMFY1NS44NDNjMC0xMC45ODcsMC4xNjktMTcuOTQ0LDAuNTA2LTIwLjg2OGMwLjY3NS01LjI3MiwxLjkxMS05LjU5MiwzLjcxLTEyLjk1OWMxLjc5OC0zLjM2Niw0LjY3Ni03LjI1NSw4LjYxMS0xMC41MTJjMy45MzUtMy4yNTYsOC40NzYtNi40MDcsMTQuMjk0LTguNDQ2QzMyLjkzOCwxLjAyLDM5LjEwNywwLDQ1LjYyOSwwYzYuMjk1LDAsMTIuMzExLDAuOTc1LDE4LjA0MywyLjkyNGM1LjczNCwxLjk1LDExLjA0NSw1LjEwMSwxNS4yNjEsOC40NDZjNC4yMTYsMy4zNDYsNy4yMTIsNy40NzgsOS4wMTIsMTEuMjQzYzEuNzk5LDMuNzY3LDIuOTc5LDguNDYzLDMuNTQxLDE0LjA4OWMwLjIyNSwyLjIxNiwwLjMzOCw4LjU5NiwwLjMzOCwxOS4xNFY5My4wNmgtOS4xOTFWNTUuNDQ0YzAtOS42NTktMC4xNjgtMTUuODg0LTAuNTA2LTE4LjY3NWMtMC42MTktNC45MTgtMS42NDUtOC44MjgtMy4wNzgtMTEuNzNjLTEuNDMzLTIuOTAxLTMuNjgyLTUuNjI2LTYuNzQ0LTguMTc0Yy0zLjA2NC0yLjU0Ny02Ljk3MS00LjY0MS0xMS43MjEtNi4yOGMtNC43NTEtMS42MzktOS42NTQtMi40NTktMTQuNzE0LTIuNDU5Yy00LjE2MSwwLTguMTkzLDAuNTY1LTEyLjEsMS42OTVjLTMuOTA3LDEuMTI5LTcuMjUxLDIuNTI1LTEwLjAzNCw0LjE4N2MtMi43ODIsMS42NjItNS4wMzEsMy4zNjgtNi43NDUsNS4xMThjLTEuNzE2LDEuNzUtMi45NjYsMy40MDEtMy43NTIsNC45NTFjLTEuNDA1LDIuNjU4LTIuNDE3LDUuOTA0LTMuMDM2LDkuNzM2Yy0wLjYxOSwzLjgzMy0wLjkyNywxMS4wNDMtMC45MjcsMjEuNjMyVjkzLjA2eiIvPjwvZz48L3N2Zz4=); }
.dx-icon-subset { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iVnJzdHZhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOTMuMDU5cHgiIGhlaWdodD0iOTEuODIzcHgiIHZpZXdCb3g9IjAgMCA5My4wNTkgOTEuODIzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5My4wNTkgOTEuODIzIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNOTMuMDU5LDgyLjU0OHY5LjI3NUg1NS44NDJjLTEwLjk4NywwLTE3Ljk0My0wLjE2OS0yMC44NjgtMC41MDZjLTUuMjcyLTAuNjc1LTkuNTkyLTEuOTExLTEyLjk1OS0zLjcxYy0zLjM2Ni0xLjc5OS03LjI1NS00LjY3Ni0xMC41MTItOC42MTFjLTMuMjU2LTMuOTM1LTYuNDA3LTguNDc2LTguNDQ2LTE0LjI5NEMxLjAyLDU4Ljg4NSwwLDUyLjcxNiwwLDQ2LjE5NGMwLTYuMjk1LDAuOTc1LTEyLjMxMSwyLjkyNC0xOC4wNDNjMS45NS01LjczNCw1LjEwMS0xMS4wNDUsOC40NDYtMTUuMjYxYzMuMzQ2LTQuMjE2LDcuNDc4LTcuMjEyLDExLjI0My05LjAxMkMyNi4zOCwyLjA4LDMxLjA3NywwLjksMzYuNzAzLDAuMzM4QzM4LjkxOSwwLjExMyw0NS4yOTksMCw1NS44NDIsMGgzNy4yMTd2OS4xOTFINTUuNDQ0Yy05LjY1OCwwLTE1Ljg4MywwLjE2OC0xOC42NzUsMC41MDZjLTQuOTE4LDAuNjE5LTguODI4LDEuNjQ1LTExLjczLDMuMDc4Yy0yLjkwMSwxLjQzMy01LjYyNiwzLjY4Mi04LjE3NCw2Ljc0NGMtMi41NDcsMy4wNjQtNC42NDEsNi45NzEtNi4yOCwxMS43MjFjLTEuNjM5LDQuNzUxLTIuNDU5LDkuNjU0LTIuNDU5LDE0LjcxNGMwLDQuMTYxLDAuNTY1LDguMTkzLDEuNjk1LDEyLjFjMS4xMjksMy45MDcsMi41MjUsNy4yNTEsNC4xODcsMTAuMDM0YzEuNjYyLDIuNzgyLDMuMzY4LDUuMDMxLDUuMTE4LDYuNzQ1YzEuNzUsMS43MTYsMy40MDEsMi45NjYsNC45NTEsMy43NTJjMi42NTgsMS40MDUsNS45MDQsMi40MTcsOS43MzYsMy4wMzZjMy44MzMsMC42MTksMTEuMDQzLDAuOTI3LDIxLjYzMiwwLjkyN0g5My4wNTl6Ii8+PC9nPjwvc3ZnPg==); }

/* Fix IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .dx-scrollable-content { float: none !important; } /* zobrazeni prvku v popup */
}