body {
  padding-top: 56px;                                                            /* odsazeni pro zafixovany navbar */
  font-family: Nunito;
  font-size: 14px;
  position: relative;
  min-height: 100vh;
}

div#content {
  padding-bottom: 4.2rem;
}

footer {
  position:absolute;
  bottom: 0;
  width: 100%;
  padding-top: 16px;
}

.margin-right {
  margin-right: 16px;
}

.mensi-pismo {
  font-size: 12px;
}

.tmave-pozadi {
  background-color: var(--hlavni-barva);                                        /* napriklad zahlavi detailni kartz v prehledu */
  color: #fff;
}

.symbol-menu {
  background-color: var(--barva-informacniho-prvku);                            /* potvrzovaci tlacitko u prihlasovani */
  color: #fff;
}

.btn {
  background-color: var(--hlavni-barva);                                        /* potvrzovaci tlacitko u prihlasovani */
  color: #fff;
}

.btn:hover {
  color: #fff;                                                                  /* barva textu se pri najeti na potvrzovaci tlacitko menila nekontrastne */
}

.transparent {                                                                  /* odhlaseni nesmi vypadat jako tlacitko */
  background-color: transparent; 
  border: 0; 
  width: 100%;
  text-align: left;
}

.item-valign {                                                                  /* vertikalni zarovnani na stred pro odhlaseni */
  -ms-flex-align: center!important;
  align-items: center!important;
  display: flex;
  justify-content: center;
}

.display-inline {                                                               /* meni blok na inline element - pro formulare */
  display: inline;  
}

.display-inline-block {                                                         /* meni blok na inline-block element - pro formulare */
  display: inline-block;  
}

.dropdown-uzivatel {                                                            /* posun nabidky uzivatel nahoru bliz */
  margin-top: -16px
}  

.dropdown-role {                                                                /* posun nabidky roli nahoru bliz */
  margin-top: -105px
}  

@media (max-width: 767px) {
  .card-img {                                                                   /* karta s logem do prihlasovaciho dialogu */
    display: none;
  }
  .container.fix-width {                                                        /* prihlasovaci dialog ma zafixovanou sirku, jinak by se menil na ruznych zarizenich */
    width: 400px;
  }
  .card-block {
    margin: 20px auto;
    max-width: 220px;
  }
}

@media (min-width: 768px) {
  .card-img {                                                                   /* karta s logem do prihlasovaciho dialogu */
    height: 15rem;
    padding: 30px 29px;
    background-image: url('../images/pozadi.png');
    background-repeat: repeat-x repeat-y;
  }
  .container.fix-width {                                                        /* prihlasovaci dialog ma zafixovanou sirku, jinak by se menil na ruznych zarizenich */
    width: 600px;
  }
  .card-block {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 220px;
  }
}

@media (max-width: 991px) {                                                     /* prechod navigacniho panelu, aby byl zachovan odstup od kraje po celou dobou zmensovani okna */
  .navbar {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
  }
}

@media (min-width: 992px) {
  .navbar {
    padding-left: 0;
    padding-right: 0;
    padding-top: 2px;
    padding-bottom: 2px;
  }
}

.row {
    margin-left: 0;
    margin-right: 0;
}


.card {
    border-width: 0 !important;
}

.login-panel {
    background-color: var(--hlavni-barva);
    position: relative;
}

.reverse {
    background-color: #fff;
    color: #495057;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.reverse:hover {
    color: #495057 !important;
}

.container {                                                                    /* sirka cele stranky */
    max-width: 98%;
}

/* navigace */
.navbar-icon-top .navbar-nav .nav-link > .fa {                                  /* ikony navigace */
  position: relative;
  width: 36px;
  font-size: 24px;
  top: 3px;
  line-height: 12px;
}

.navbar-icon-top .navbar-nav .nav-link > .fa > .badge {                         /* odznacky s poctem u ikon navigace */
  font-size: 0.75rem;
  position: absolute;
  top: -10px;
  right: -5px;
  width: 22px;
  font-family: sans-serif;
}

.navbar-icon-top .navbar-nav .nav-link > .fa.dropdown-arrow {                   /* sipka u rozbalovaci polozky menu*/
  font-size: 16px;
  position: absolute;
  top: 22px !important; 
  left: 30px;
}

.menu-item > .dropdown-toggle::after {                                          /* rozbalovaci polozky */
  content: none;
}

.navbar-icon-top .navbar-nav .nav-link {                                        /* polozky menu */
  text-align: center;
  display: table-cell;
  height: 60px;
  vertical-align: middle;
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-icon-top .navbar-nav .nav-link > .fa {                                  /* ikony u polozek menu */
  display: block;
  width: 48px;
  margin: 2px auto 4px auto;
  top: 0;
  line-height: 24px;
}

.navbar {                                                                       /* navigační lišta */
  background-image: url('../images/pozadi.png');
  background-repeat: repeat-x repeat-y;
}

.navbar-brand {                                                                 /* logo v navigaci */
  margin: 0 10 0 0;
  padding: 0;
}

.navbar-brand {                                                                 /* logo v navigaci */
  margin: 0 10 0 0;
  padding: 0;
}

.navbar-brand img {                                                             /* logo v navigaci */
  height: 70px
}

.nav-item.menu-item {                                                           /* definice pisma a odsazeni polozek menu */
  font-size: 0.7em;
  margin: 0 8px;
}

.navbar-nav .nav-item .nav-link {                                               /* obarveni polozek menu */
  color: var(--druha-barva) !important;  
}

.navbar-nav .nav-item.menu-item a.nav-link {                                    /* ramecek neaktivni polozky menu */
  border-top: 10px solid transparent;
  border-bottom: 4px solid transparent;
}

.navbar-nav .nav-item.menu-item a.nav-link:hover, .navbar-nav .nav-item.menu-item.active a.nav-link {
  border-bottom-color: var(--druha-barva);                                                 /* podtrzeni - dolni ramecek aktivni polozky menu */
}

.smazano-ikona-leva {                                                           /* ikona pro zobrazeni smazane polozky na zacatku radku */
  float: left;
  margin-left: 4px;
  margin-top: 4px;
  color: #FF3333;
}

.smazano-ikona-prava {                                                          /* ikona pro zobrazeni smazane polozky na konci bunky */
  float: right;
  margin-left: 4px;
  margin-top: 4px;
  color: #FF3333;
}

.relevantni-ikona-prava {                                                       /* ikona pro zobrazeni relevantni polozky na konci bunky */
  float: right;
  margin-left: 4px;
  margin-top: 4px;
  color: #11AA11;
}

.upozorneni {
  color: #ff7f50;
}

dt {
  color: var(--hlavni-barva);
}

.row.top-buffer 
{ 
  margin-top:10px; 
} 

.detail.dx-toolbar-before
{
  position: relative;
  float: left;
}

.detail.dx-toolbar-after
{
  position: relative;
  float: right;
}

#scheduler .dx-scheduler-appointment {
  border-left: 0;
  border-right: 0;
} 

/* sirka bunky kalendare */
#scheduler .dx-scheduler-cell-sizes-horizontal {
  width: 25px;
}

#scheduler .vikend {
  background-color: var(--druha-pruhledna-barva);
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

/* prvek pro pocet udalosti v scheduleru */
#scheduler .dx-scheduler-appointment-collector.dx-button.dx-button-default {
  width: 28px !important;
}

#scheduler .dx-scheduler-appointment-collector-content {
  color: #fff;
}

/* velikost pisma udalosti v scheduleru */
#scheduler .dx-scheduler-appointment-content {
  font-size: 10px;
}

#scheduler .dx-scheduler-appointment-content span.nadpis_udalosti, .udalost_tooltip span.nadpis_udalosti {
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  display: block;
  margin-bottom: 2px;
  float: left; 
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis; 
}

#scheduler .dx-scheduler-appointment-content .ikona-dalsi-terminy {
  float: right; 
  width: 14px;
}

#scheduler .dx-scheduler-appointment-content span.male_texty {
  font-size: 8px;
}

#schedulerForm label {                                                          /* sirka popisku ve formulari pro editaci udalosti */
  min-width: 115px !important;
}

#schedulerForm input {                                                          /* vertikalni odsazeni formularovych prvku ve formulari pro editaci udalosti */
  padding-top: 0px;
  padding-bottom: 0px
}

#schedulerForm textarea {                                                       /* vertikalni odsazeni formularovych prvku ve formulari pro editaci udalosti */
  padding-top: 7px;
  padding-bottom: 0px
}

.udalost_tooltip {
  text-align: left;
  padding: 2px 4px;
}

.udalost_tooltip span.nadpis_udalosti {
  font-size: 16px;
}

.aktivniTyden {
  background-color: var(--hlavni-barva);
}

.aktivniTyden td {
  color: #fff;
}

.stav-udalosti .dx-button-content {                                             /* tlacitko u stavu udalosti */
  padding: 2px;
}

#gridContainerUdalosti .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
  background-color: #fff;                                                     /* distribuce planu - zobrazení událostí - zahlavi skupiny (datum) */
}

#gridContainerUdalosti .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) > td {
  font-size: 20px;                                                              /* distribuce planu - zobrazení událostí - zahlavi skupiny (datum) */
  background-color: #f7f7f7;
}

#gridContainerUdalosti .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell { /* distribuce planu - zobrazení událostí - detail pro dlouhé texty (poznamky) */
  padding: 0;  
  background-color: #fff;
}

#gridContainerUdalosti .dx-datagrid-rowsview .dx-row-lines.dx-master-detail-row {   /* distribuce planu - zobrazení událostí - potlaceni horniho okraje u master detailu (dlouhe texty) - nastaveni tloustky realne caru potlaci */
  border-top-width:  2px;
}

#gridContainerUdalosti div.poznamky div, #gridContainerUdalosti div.poznamky label {
  vertical-align: top;
}

#gridContainerUdalosti div.poznamky label {                                     /* distribuce planu - zobrazení událostí - detail pro dlouhé texty (poznamky) */
  display: inline-block;
  margin-bottom: 0 !important;
  padding: 6px 4px;
  width: 124px;
}

#gridContainerUdalosti div.poznamky span.obsah {                                      /* distribuce planu - zobrazení událostí - detail pro dlouhé texty (poznamky) */
  display: inline-block;
  padding: 6px 137px 6px 6px;
  white-space: normal;
}

#gridContainerUkony div.dx-datagrid-total-footer {                              /* potlaceni zobrazeni zapati pro agregaci, pocet je vyuzit jako info do navigace */
  display: none;
}

#formEdit .dx-form-validation-summary {                                         /* blok s validacnimi chybami u osob */
  margin-top: 10px;
}

.dx-widget .dx-filemanager-breadcrumbs {                                         /* potlaceni pruhu pro posun o adresar vyse ve FileManageru */
  display: none;
}

#fileManager .dx-filemanager-container .dx-drawer-panel-content {               /* potlaceni sloupce pro zobrazeni adresaru ve FileManageru */
  display: none;
}

#fileManager .dx-filemanager-notification-container {                           /* potlaceni hlaseni po operaci ve FileManager */
  display: none;
}

.scheduler-checkbox .dx-checkbox-container .dx-checkbox-text {
  height:auto;
  width:auto;
}

.margin-top-10 {
  margin-top: 10px;
}

.cervena-fajfka span.dx-checkbox-icon {
  color: red; 
  font-weight: bolder;
}

.organization-unit .dx-toolbar .dx-toolbar-before {
  padding-right: 0;
}

.organization-unit .dx-treelist-search-panel {
  margin-left: 0;
}

.organization-unit .dx-toolbar-before {
  width: 100%;
}

#padding-right-0 {
  padding-right: 0px;
}

/* inline formular u osob zvysuje aktivni radky */    
#osobyDataGrid .dx-row-focused .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
  padding-top: 0px;
  padding-bottom: 0px;
}