.min-vh-50{min-height:50vh !important}
.min-vh-60{min-height:60vh !important}
.min-vh-75{min-height:75vh !important}

/* zarovnání obrázků na úvodu (+ trochu jiné na nejvyšší šířce) */
.kulervouci-obrazek-uvod { top: 5.8%; left: 14.6%; width: 72.8%; height: 76.7%; }
@media (min-width: 1400px)
{
    .kulervouci-obrazek-uvod { top: 5.8%; left: 17.3%; width: 67.5%; height: 76.7%; }
}

/* login - obarvíme text labelů do stejné modré, ať to ladí */
#frm-login label.required { color: #4f6ea6; }
.required { font-weight: bold; color: #6ba54e; }
.external-link { margin-bottom: 10px; }
.form-control-feedback { color: #c33030; }
.form-group select {appearance: auto;}

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

form ul.error { list-style: none; margin: 20px 0; padding: 0; }
form ul.error li { color: #c33030; border: 1px solid #c33030; margin: 15px 0; padding: 10px; background: #F6E9E9; }

.namereneHodnoty { font-size: 1.3rem; display: table-cell; vertical-align: middle; }

.epaper-fs-1 { font-size: 3rem !important; }

.text-epaper { color: #29455e; }
.text-logo-blue { color: #3b97df; }
.text-logo-yellow { color: #f8c624; }
.text-logo-green { color: #1ba186; }

.shadow-even { box-shadow: 0 0 1rem rgb(0 0 0 / 15%) !important; }
.shadow-sm-even { box-shadow: 0 0 0.5rem rgb(0 0 0 / 15%) !important; }

.text-input-intro { border: none; background: #F2F2ED; border-bottom: 1px solid #d5d5d5; }
.btn-intro { float: center; margin: auto; background: white; padding: 10px 30px; font-weight: bold; }

.dashed { border-style: dotted; max-width: 95%; }

.epaper-dark-footer { background: #232011; }

#uvodniSuperDIV{ background-image: url('../images/pozadi-vlnka.png'); background-size: contain; background-repeat: no-repeat; background-position: top; }

.showhide { display: none; }
.showhidetoggle h4:hover { text-decoration: underline; cursor: pointer; }

.tooltip-inner { max-width: 300px; }
.epaper-gallery-caption { font-style: normal; font-size: 17px; background: black; display: block; padding: 10px; margin: -8px; }
.epaper-gallery-photo { max-height: 140px; overflow: hidden; display: block }

@media (max-width: 767px)
{
    .epaper-fs-1 { font-size: calc(1.375rem + 1.5vw) !important ; }
    .epaper-gallery { object-fit: contain; }
    .epaper-gallery-photo { max-height: 100px; overflow: hidden; display: block }
    .epaper-gallery-caption { font-style: normal; font-size: 15px; background: black; display: block; padding: 10px;}
}

@media (min-width: 300px)
{
    #uvodniSuperDIV { background-size: 390%; }
    .screenElementMainValue { width: 160px; }
    .select2-screen-editor { width: 160px !important; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { width: 160px; }
}
@media (min-width: 500px)
{
    #uvodniSuperDIV { background-size: 290%; }
}
@media (max-width: 575px)
{
    .text-right { text-align: left !important; }
    .nav-tabs .nav-link { padding: 4px 14px; }
}
@media (min-width: 576px)
{
    .cenikBorder { border-right: 1px solid #dee2e6; }
    .text-md-right { text-align: right; }
}
@media (min-width: 680px)
{
    #uvodniSuperDIV { background-size: 190%; }
}
@media (min-width: 1200px)
{
    #uvodniSuperDIV { background-size: 120%; }
    .screenElementMainValue { width: 240px; }
    .select2-screen-editor { width: 240px !important; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { width: 240px; }
}
@media (min-width: 1400px)
{
    .screenElementMainValue { width: 340px; }
    .select2-screen-editor { width: 340px !important; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { width: 340px; }
}
@media (max-width: 991px)
{
    .badge-pouzivase { position: relative; top: 36px; left: -50px }
    .ucetMenu { margin-bottom: 15px; }
}
@media (min-width: 992px)
{
    .ucetMenu .col a { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
}

.ucetMenu .col .platnydo { font-size: 0.8rem; width: 50px; }

.nav-tabs .nav-link { border-bottom: 3px solid white; color: #4572a7; font-weight: normal; }
.nav-tabs .nav-link.active { border-top: none; border-left: none; border-right: none; border-bottom: 3px solid #4572a7; color: #4572a7; font-weight: bold; }

.thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; }

.invisible-element { width: 30px; height: 30px;background: rgb(128, 128, 128) !important; color: darkgray !important; border: darkred 1px solid !important; box-sizing: border-box; }

.bg-dark-light { background: #232011; }
.bg-dark-lighter { background: #2c2c2c; }
.bg-success-light { background: #d4edda; }
.bg-succes-lighter { background: #CCE8CC; }
.bg-info-light { background: #d1ecf1; }
.bg-info-lighter { background: #C5E5EC; }
.bg-warning-light { background: #fff3cd; }
.bg-warning-lighter { background: #FFEDB4; }
.bg-danger-light { background: #f8d7da; }
.bg-danger-lighter { background: #F9C4C1; }
.bg-primary-light { background: #cce5ff; }
.bg-primary-lighter { background: #C6DEFF;}
.bg-secondary-light { background: #d6d8db; }
.bg-secondary-lighter { background: #E2E4E6; }

.bg-cyanish { background: #4EA5A4; }
.bg-cyanish:hover { background: #65B6B5; }
.bg-cyanish-lighter { background: #CAE6E6; }
.bg-pinkish { background: #A54EA2; }
.bg-pinkish:hover { background: #B766B4; }
.bg-pinkish-lighter { background: #E6CAE5; }
.bg-yellowish { background: #A5A24E; }
.bg-yellowish:hover { background: #B6B566; }
.bg-yellowish-lighter { background: #E7E7CD; }
.bg-orangeish { background: #A56A4E; }
.bg-orangeish:hover { background: #B67A66; }
.bg-orangeish-lighter { background: #E6D2CB; }
.bg-greenish { background: #4EA54E; }
.bg-greenish:hover { background: #65B665; }
.bg-greenish-lighter { background: #CCE7CC; }
.bg-blueish { background: #4E6AA5; }
.bg-blueish:hover { background: #657AB6; }
.bg-blueish-lighter { background: #CCD3E7; }
.bg-redish { background: #A54E4E; }
.bg-redish:hover { background: #B66666; }
.bg-redish-lighter { background: #E7CDCD; }
.bg-purpleish { background: #6A4EA5; }
.bg-purpleish:hover { background: #7A66B6; }
.bg-purpleish-lighter { background: #D3CCE7; }

.hrrr { border-top: 1px solid #717641; margin: 25px 0 20px 0; }

.form-check { float: left; padding-right: 30px; padding-top: 6px; }

.span-element-height { height: 38px; }