/*
 * Kompatibilita se starymi strankami psanymi pro Bootstrap 3 (col-xs, panel,
 * pull-right, hidden-xs, ...). Barvy a vzhled jsou v d_<domena>/css/styles.css.
 */
.col-xs-1 { flex: 0 0 auto; width: 8.3333%; } .col-xs-2 { flex: 0 0 auto; width: 16.6667%; } .col-xs-3 { flex: 0 0 auto; width: 25%; }
.col-xs-4 { flex: 0 0 auto; width: 33.3333%; } .col-xs-5 { flex: 0 0 auto; width: 41.6667%; } .col-xs-6 { flex: 0 0 auto; width: 50%; }
.col-xs-7 { flex: 0 0 auto; width: 58.3333%; } .col-xs-8 { flex: 0 0 auto; width: 66.6667%; } .col-xs-9 { flex: 0 0 auto; width: 75%; }
.col-xs-10 { flex: 0 0 auto; width: 83.3333%; } .col-xs-11 { flex: 0 0 auto; width: 91.6667%; } .col-xs-12 { flex: 0 0 auto; width: 100%; }
@media (min-width: 576px) { .col-sm-offset-1 { margin-left: 8.3333%; } .col-sm-offset-2 { margin-left: 16.6667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333%; } }
@media (min-width: 768px) { .col-md-offset-2 { margin-left: 16.6667%; } .col-md-offset-3 { margin-left: 25%; } }
.img-responsive { max-width: 100%; height: auto; display: block; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.pull-right { float: right !important; } .pull-left { float: left !important; }
.btn-default { --bs-btn-color: var(--bs-body-color); --bs-btn-bg: var(--au-surface); --bs-btn-border-color: var(--bs-border-color); --bs-btn-hover-bg: var(--bs-tertiary-bg); --bs-btn-hover-border-color: var(--bs-border-color); --bs-btn-hover-color: var(--bs-body-color); }
.btn-xs { --bs-btn-padding-y: .1rem; --bs-btn-padding-x: .4rem; --bs-btn-font-size: .75rem; }
.panel { background: var(--au-surface); border: 1px solid var(--bs-border-color-translucent); border-radius: var(--au-radius); margin-bottom: 1rem; }
.panel-heading { padding: .75rem 1rem; border-bottom: 1px solid var(--bs-border-color-translucent); font-weight: 600; }
.panel-body { padding: 1rem; }
.panel-footer { padding: .75rem 1rem; border-top: 1px solid var(--bs-border-color-translucent); background: var(--bs-tertiary-bg); border-radius: 0 0 var(--au-radius) var(--au-radius); }
.panel-title { font-size: 1rem; margin: 0; }
.well { background: var(--bs-tertiary-bg); border-radius: var(--au-radius); padding: 1rem; margin-bottom: 1rem; }
.label { display: inline-block; padding: .2em .5em; font-size: .75em; font-weight: 700; border-radius: .35rem; color: #fff; background: #6c757d; }
.label-success { background: #198754; } .label-danger { background: #dc3545; } .label-warning { background: #ffc107; color: #000; } .label-info { background: #0dcaf0; color: #000; } .label-primary { background: var(--au-primary); }
.help-block { display: block; margin-top: .25rem; font-size: .875em; color: var(--bs-secondary-color); }
.control-label { font-weight: 500; }
.input-sm { padding: .25rem .5rem; font-size: .875rem; }
.hide, .hidn, .hidden { display: none !important; }
.cls, .clearfix::after { clear: both; }
.cls { display: block; }
.tac { text-align: center; } .fr { float: right; } .fl { float: left; } .bold { font-weight: 700; } .red { color: #dc3545; } .click { cursor: pointer; }
.marginT { margin-top: 1rem; } .marginT0 { margin-top: 0; } .marginT1 { margin-top: .5rem; } .marginT2 { margin-top: 1rem; } .marginT3 { margin-top: 1.5rem; } .marginTT { margin-top: 1.5rem; }
.marginB { margin-bottom: 1rem; } .marginB0 { margin-bottom: 0; } .marginB1 { margin-bottom: .5rem; } .marginB2 { margin-bottom: 1rem; } .marginB3 { margin-bottom: 1.5rem; } .marginBB { margin-bottom: 1.5rem; }
.marginH1 { margin-top: .5rem; margin-bottom: .5rem; } .paddingT1 { padding-top: .5rem; } .paddingT3 { padding-top: 1.5rem; } .paddingB { padding-bottom: 1rem; } .paddingB2 { padding-bottom: 1rem; }
.paddingL0 { padding-left: 0; } .paddingR0 { padding-right: 0; } .paddingL1 { padding-left: .25rem; } .paddingR1 { padding-right: .25rem; } .paddingL2 { padding-left: .5rem; } .paddingL3 { padding-left: 1rem; }
.opacity50 { opacity: .5; } .notimportant { font-size: .8rem; color: var(--bs-secondary-color); }
.borderB { border-bottom: 1px solid var(--bs-border-color); padding-bottom: .35rem; }
.Box, .blueBG { background: var(--au-surface); border-radius: var(--au-radius); padding: 1rem; box-shadow: var(--au-shadow); margin-bottom: 1rem; }
.table { --bs-table-bg: transparent; }
@media (max-width: 575.98px) { .hidden-xs { display: none !important; } }
@media (min-width: 576px) { .visible-xs, .visible-xs-block, .visible-xs-inline-block { display: none !important; } }
@media (min-width: 576px) and (max-width: 991.98px) { .hidden-sm { display: none !important; } }
.napoveda { color: var(--bs-secondary-color); font-size: .9em; }
.text-muted { color: var(--bs-secondary-color) !important; }
.jumbotron { padding: 2rem; background: var(--bs-tertiary-bg); border-radius: var(--au-radius); margin-bottom: 1.5rem; }
.dl-horizontal dt { float: left; clear: left; width: 45%; }
.dl-horizontal dd { margin-left: 50%; }