/* 
    [14248] Nový design pomocí 
    Bootstrap:   http://getbootstrap.com/
    Color Admin: http://seantheme.com/color-admin-v1.9/admin/html/ui_buttons.html
*/

/* Nové bootstrap sloupce pro možnost vytvoření lichého počtu v řadě */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {position:relative; min-height:1px; padding-right:10px; padding-left:10px;}
.col-xs-15 {width:20%; float:left;}
@media (min-width: 768px) {.col-sm-15 {width:20%; float:left;}}
@media (min-width: 992px) {.col-md-15 {width:20%; float:left;}}
@media (min-width: 1200px) {.col-lg-15 {width:20%; float:left;}}

/* Auto šířka např. pro inputy */
.width-auto {width:auto !important;}
.width-50p {width:50% !important;}
.width-100p {width:100% !important;}

html, body {position: relative;} /* Nutné pro draggable ui dialogs */
body {background:white; color:black}
.bootstrap hr {border:0; border-top: 1px solid #eeeeee;}
.bootstrap label.control-label {line-height:20px; font-weight:normal; margin-bottom:0; padding-top:7px; font-size:13px}
.bootstrap .form-horizontal .radio, .bootstrap .form-horizontal .checkbox {margin-left:20px; min-height:0; position:relative; vertical-align:middle; padding:0}
/* .bootstrap input[type="radio"], .bootstrap input[type="checkbox"] {vertical-align:middle; margin:0} */
input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-top: 1px; }
.bootstrap .radio label, .bootstrap .checkbox label {padding-left:0;}
.bootstrap .hide {display:none !important}
.bootstrap .d-inline-block {display:inline-block}
.bootstrap .info-line {border-top:1px solid #CCD0D4; border-bottom:1px solid #CCD0D4;}
.bootstrap .info-line p {font-weight:normal}
.bootstrap .info-line p a {color:black}
.bootstrap .form-group-ab {position: absolute; left: -9999px;} /* [25112] */

/* konflikt s dropdowny: .bootstrap a:hover:not(.btn):not([data-toggle]) {color:#337ab7; text-decoration:underline} */
a {color:#337ab7; text-decoration:none}
a.hoverable:hover {color:#337ab7; text-decoration:underline}
a.text-success:hover {color:#5cb85c !important}

.bootstrap .text-yellow {color:#dcd712;}
.bootstrap .text-grey {color:#aaa;}
.bootstrap .text-brown {color:#8a6d3b;}
.bootstrap .highlight-danger {background-color:#ff5b57; color:white; padding:2px 4px; display:inline-block;}
.bootstrap a.add, .bootstrap a.add:hover {color:#009b00; padding-left:20px; background:url('../../img/ikony/sweetie/16-em-plus.png') 0 0 no-repeat; vertical-align:middle; line-height:18px; display:inline-block;}
.bootstrap .row {margin-left:-10px; margin-right:-10px;}
.bootstrap h1, .bootstrap h2, .bootstrap h3, .bootstrap h4, .bootstrap h5, .bootstrap h6 {font-weight:500;/*color:#242a30;*/} 
.bootstrap h1 span:not(.caret) {display:inline}
.bootstrap h1 small, .bootstrap h2 small, .bootstrap h3 small, .bootstrap h4 small, .bootstrap h5 small, .bootstrap h6 small{font-size:60%; font-weight:300; color:#7c7f83;}
.bootstrap h1 small {font-size:15px; max-width:380px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:16px;}
.bootstrap h1 a small {color:#337ab7; text-decoration:none;}
.bootstrap h1 a:hover small {text-decoration:underline}
.bootstrap h1 {font-size:24px;}
.bootstrap h2 {font-size:18px;}
.bootstrap .b-l-0 {border-left:0}
.bootstrap .b-r-0 {border-right:0}
.bootstrap .bc-none {background:none}
.bootstrap .disabled {background-color:#eee !important;}
.bootstrap li.disabled {font-weight: bold; color: #666;}
.bootstrap .font-14px {font-size:14px}
.bootstrap .vcenter {display:inline-block; float:none; vertical-align:middle;} /* Pozor na mezeru v kódu při použití grid systému */
.bootstrap .flex {display: flex;}
@media (min-width: 768px) { .bootstrap .md-flex {display: flex;} }
.bootstrap .flex-align-center {align-items: center;}
.bootstrap .flex-align-start {align-items: flex-start;}
.bootstrap .flex-direction-row {flex-direction: row;}
.bootstrap .width-xs {width:200px !important;}
.bootstrap .width-100per {width:100% !important;}
.bootstrap .notabs-only {display:none}
.bootstrap .border-red {border-color:red !important}
.bootstrap .overflow-x-auto {overflow-x: auto;}
.bootstrap .inline-block {display: inline-block !important;}
.bootstrap .ui-sortable-placeholder {border: 1px dashed #82868b !important; visibility: visible !important; background: 0 0;}
.bootstrap .nowrap {white-space: nowrap !important;}
.bootstrap .m-l-auto {margin-left: auto !important;}

.bootstrap .expand, .bootstrap .expanded {cursor:pointer; display:inline-block}
.bootstrap .expand:before, .bootstrap .expanded:before {font:normal normal normal 14px/1 'Font Awesome 5 Free'; font-weight: 900; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; padding-right:5px; text-decoration:none; display:inline-block;}
.bootstrap .expand:before {content: "\f078"}
.bootstrap .expanded:before {content: "\f077"}
.bootstrap .expand-notext {border-radius:2px; padding:2px; border:1px solid #ddd; width:100%; width:100%; text-align:center; color:#348fe2; font-size:16px; background:rgba(0,0,0,.02);}
.bootstrap .expand-notext:hover {color:#1d548c; background:rgba(0,0,0,.05);}
.bootstrap .expand-notext:before {padding-right:0; line-height:18px;}
.bootstrap .panel-inverse .expand-notext {background:rgba(0,0,0,.05);}
.bootstrap .panel-inverse .expand-notext:hover {background:rgba(0,0,0,.08);}
.bootstrap .dataTables_wrapper + .expand-notext {margin-top:10px;}
.bootstrap button.expand > span, .bootstrap button.expanded > span {display: inline-block;}

.bootstrap .page-header.line .header {padding-top:10px; margin-bottom:10px; display:inline-block;}
.bootstrap .tab-pane h2.page-header.line {padding-top:15px;}
.bootstrap .tab-pane > h2.page-header.line:first-of-type, 
.bootstrap .tab-pane > div:first-of-type > h2:first-of-type, 
.bootstrap .tab-pane > div:first-of-type > div:first-of-type > h2:first-of-type 
{padding-top:0}
.bootstrap .tab-pane.active + .tab-pane.active > h2:first-of-type,
.bootstrap .tab-pane.active + .tab-pane.active > div:first-of-type > h2:first-of-type, 
.bootstrap .tab-pane.active + .tab-pane.active:not(#tab-fakturacni) > div:first-of-type > div:first-of-type > h2:first-of-type
{padding-top:10px;}
.bootstrap .page-header {margin:0 0 20px; padding:0; border:none}
.bootstrap .tab-header {margin:0 -15px 20px -15px; padding:0; border:none; display:none}
.bootstrap .page-header .header, .bootstrap .tab-header .header{text-transform:uppercase; display:inline}
.bootstrap h1.page-header {padding:0 0 20px; border-bottom: 1px solid #eeeeee !important;}
.bootstrap h1.page-header .page-header-info > :not(.btn) {font-size: 14px;}
.bootstrap h2.page-header {padding-top:2px}
.bootstrap h2.page-header .header, .bootstrap .tab-header{color:#2d353c}
.bootstrap .page-header.line, .bootstrap .tab-header.line {border-bottom: 1px solid #242a30;}
.bootstrap .content-body {margin:0 20px;}

/* Scrollbar */
.bootstrap .scrollbar-design::-webkit-scrollbar {width:8px; height:8px; background-color:#F5F5F5;}
.bootstrap .scrollbar-design::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:5px; background-color:#F5F5F5}
.bootstrap .scrollbar-design::-webkit-scrollbar-thumb {border-radius:5px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#555}
.bootstrap .scrollbar-design::-webkit-scrollbar-thumb:hover {background-color:#444;}

/* Loading */
.bootstrap input[type="text"].loading {background: white url('../../img/ikony/loading.svg') right 7px center/16px 16px no-repeat; padding-right:28px;}
.bootstrap input[type="text"].ui-autocomplete-loading {background: white url('../../img/ikony/loading.svg') right 7px center/16px 16px no-repeat !important; padding-right:28px;}
.bootstrap img.loading {margin-left:5px; margin-right:5px; vertical-align:middle}
.bootstrap .btn img.loading {margin:0}
.loading-overlay {position:absolute; height:100%; width:100%; background:rgba(255, 255, 255, 0.45) url('../../img/ikony/loading.svg') center center/32px 32px no-repeat; z-index:1000; top:0; right:0;}
.loading-overlay.loading-overlay-fixed {position: fixed;}
.loading-overlay.loading-overlay-fixed:after {content: attr(data-content); position: fixed; top: calc(50% + 35px); left: 50%; transform: translate(-50%, -50%); color: #47a7ff; font-size: 16px;}

/* Hlášky */
.bootstrap .msg {margin-bottom:20px; padding:5px 15px 5px 37px; line-height:30px; border-left:3px solid; overflow:hidden; position:relative;}
.bootstrap .msg:before {font-family:'Font Awesome 5 Free',FontAwesome;  font-weight: 600; font-weight: 600;font-size:16px; padding-right:2px; padding-bottom:1px; margin-left:-32px; vertical-align:middle; text-align:center; display:inline-block; min-width:28px;}
.bootstrap .msg + .msg {margin-top:-10px;}
.bootstrap .msg .btn + .btn {margin-left:2px;}
.bootstrap .msg-danger {border-color:#986e6e; background:#fbd1d1; color:#a94442;}
.bootstrap .msg-danger:before {content:"\f071"}
.bootstrap .msg-warning {border-color:#9d9080; background:#fbe8b2; color:#8a6d3b;}
.bootstrap .msg-warning:before {content:"\f12a"}
.bootstrap .msg-success {border-color:#4a8564; background:#d1efb0; color:#3c763d;}
.bootstrap .msg-success:before {content:"\f00c"}
.bootstrap .msg-info {border-color:#587c89; background:#bee2ef; color:#31708f;}
.bootstrap .msg-info:before {content:"\f05a"}
.bootstrap .msg a:not(.btn) {text-decoration:underline}
.bootstrap .msg a:not(.btn):hover {text-decoration:none}

/* Timer - automatické odstranění prvku po zadaném čase s grafickým odpočtem */
.bootstrap .timer {position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; border: 0; border-bottom: 1px; border-style: dotted; border-bottom:2px solid #348fe2;}
.bootstrap .msg .timer {border-bottom:1px dotted #348fe2;}
.bootstrap a .timer {bottom:-4px}
.bootstrap div[class^='col-'] > .timer {margin:0 15px}    

/* Poznámky */
.bootstrap .note ul {float:none}
.bootstrap .note ul li {line-height:1.5em; margin-left:15px; list-style-type:square;}

/* Panely */
.bootstrap #admin-panels {display: flex; flex-direction: column;}
.bootstrap .panel .tab-content {padding-top:0}
.bootstrap .panel-title {font-size: 12px; line-height: 20px; top:0}
.bootstrap .panel-body {font-size: 12px;}
.bootstrap .user-section .panel-body {font-size: 14px;}
.bootstrap .panel-body-hide {height:0; width:100%; overflow:hidden; padding:0;} /* Panely skrývat pomocí height:0 aby se elementy uvnitř korektně vykreslily */
.bootstrap .panel-body h3, .bootstrap .qtip-content h3 {font-size:14px; line-height:22px; margin-top:0; border-bottom:1px solid #ccc; padding-bottom:5px;}
.bootstrap .qtip-content h3 {text-transform:uppercase;}
.bootstrap .panel-inverse .panel-body {background-color:#f4f4f4; border: 1px solid #ccc;}
.bootstrap .panel-body .panel-body-sub {margin:0 0 0 0}
.bootstrap .panel.panel-noborders .panel-body {border:0}
.bootstrap .panel.panel-noborders {border:0; -webkit-box-shadow:none; box-shadow:none; -webkit-border-radius:0; border-radius:0}
.bootstrap .panel:not(.panel-noborders) .panel-body .dataTables_scroll {margin-top:-15px !important}
.bootstrap .tab-pane {position:relative; margin-bottom:20px; /*overflow:hidden*/}
.bootstrap .panel-body hr:last-child {margin-top:-50px}
.bootstrap .panel-body table {margin-bottom:0}
.bootstrap .panel-body .dataTables_wrapper table.dataTable {margin-top: 0 !important;}
.bootstrap .panel-body table > thead > tr > th {vertical-align:middle; padding: 10px 2px 5px;}
.bootstrap .panel-body table > tbody > tr > td {vertical-align:middle; padding: 2px;}
.bootstrap .panel-body table span.fa.fa-ban {color:#ccc; text-align:center; width:100%;}
.bootstrap #panel-log-predavek {overflow: auto}
.bootstrap #panel-log-predavek .stav span {display:block}
.bootstrap .predavky {margin-bottom:20px}
.bootstrap .predavka > * {display:inline-block; vertical-align:middle;}
.bootstrap .predavka > span:first-of-type {white-space:nowrap;}
.bootstrap .predavka + #predavka-form {margin-top:10px}
.bootstrap .predavka .predavka-date {font-size:10px; text-align:right}
.bootstrap .kalendare {width:auto; padding:0}
.bootstrap .kalendare img.loading {position:relative !important}
.bootstrap .kalendare-table, .bootstrap .predavka, .bootstrap .faktury-table {display:table; width:100%;}
.bootstrap .kalendare-table + #kalendar-form {margin-top:5px}
.bootstrap .kalendare-table .kalendar:hover {background-color:#e8e8e8;}
.bootstrap .kalendar, .bootstrap .faktura {display:table-row}
.bootstrap .kalendar > span, .bootstrap .predavka > span, .bootstrap .faktura > span {display:table-cell; padding:5px 0;}
.bootstrap .kalendar > span > *, .bootstrap .predavka > span > *, .bootstrap .faktura > span > * {vertical-align:middle;}
.bootstrap .faktura-info {display: table-row; position: relative; min-height: 20px; height: 20px; color: #666;}
.bootstrap .faktura-info > span {position: absolute;}
.bootstrap .kalendar .kalendar-date {font-size:10px; text-align:right}
.bootstrap .faktury-table {margin-top:-5px}
.bootstrap .faktury-table .faktura:hover {background-color:#e8e8e8; cursor:pointer}
.bootstrap .faktury-table .faktura > span {padding:5px 0}
.bootstrap .faktury-table .faktura > span:first-child {padding-left:2px}
.bootstrap .faktury-table .faktura > span:last-child {padding-right:2px}
.bootstrap .faktury-table .faktura .faktura-cena {white-space:nowrap;}
.bootstrap .faktury-table .faktura .faktura-platnost-zbyva {font-weight:bold; text-align:right}
.bootstrap #faktury-hidden {display:table-row-group;}
.bootstrap .predavka, .bootstrap .kalendar, .bootstrap .faktura, .bootstrap .faktura-info {padding-bottom:0px}
.bootstrap .panel-body-sub input, .bootstrap .panel-body-sub select, .bootstrap .panel-body-sub .select2, .bootstrap .panel-body-sub textarea {width:100%!important; margin-bottom:5px!important}
.bootstrap .items-none {font-style:italic}
.bootstrap #panel-callform .panel-body .msg {margin-bottom:0}
.bootstrap #panel-callform .panel-body > .msg {margin:0 -15px 0 -16px; border-bottom:1px solid #ccc;}
.bootstrap #panel-callform .panel-body > .msg:first-child {margin-top:-15px;}
.bootstrap #panel-callform .panel-body > div {border-bottom: 1px solid #ccc;}
.bootstrap #panel-callform .panel-body > div a:not(.btn) {padding: 10px; display: inline-block;}
.bootstrap #panel-callform .panel-body > div a+a:not(.admin-menu) {border-left:1px solid #ccc;}
.bootstrap #panel-callform .panel-body > div.callform-pozns a {padding: 0;}
.bootstrap #panel-callform .callform_row {padding:5px 5px 10px; border-bottom:1px solid #ccc;}
.bootstrap #panel-callform .callform-submit {margin-top:10px;}
.bootstrap #panel-callform .callform-submit label{margin-bottom:0; margin-left:17px; margin-right: 5px;}
.bootstrap #panel-callform .callform-submit label input{margin-left:-17px;}
.bootstrap #panel-log-volani .log-volani-download {width:100%; text-align:left}
.bootstrap #panel-duplicity {margin-right: 15px; margin-left: 15px;}

/* Hlavička stránky s vyhledávání na info */
#head table.center td#bootstrap-logo {vertical-align:middle; padding-top:20px}
#search-block {margin:10px 0 5px}
#search-block a {text-decoration:underline}
#search-block a:hover {text-decoration:none}
#search-block li.active a {text-decoration:none; padding: 4px 12px; border:0; background-image:none; background-color: #1D548C; color:white}
#search_input {border:1px solid #CCD0D4; border-right:0; border-radius:4px; border-bottom-right-radius:0; border-top-right-radius:0;}
#search-block button {margin-left:0}

#iconheadtooltips a, #iconheadtooltips img, #iconheadtooltips span {display:inline-block; vertical-align:middle}
#iconheadtooltips a.ukoly {display: inline-block; border:1px solid #CCD0D4; min-width:10px; margin:0 2px; text-align:center; text-decoration:none}

/* DatePicker */
.ui-widget.ui-dialog {font-family: sans-serif; padding:5px 5px 6px; background-color:#fff; color:#000; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, 0.15); border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip:padding-box; background-clip:padding-box;}
.ui-widget-header {background:none; border:0; border-bottom:1px solid #ccd0d4; border-radius:0; color:#000; margin:-5px -5px 0 -5px; font-size:14px}
.ui-datepicker {width:auto}
.ui-datepicker table {font-size:12px; margin-bottom:0}
.ui-datepicker .ui-state-default {text-align:center; width:25px; height:25px; vertical-align:middle; padding:2px; line-height:25px; background:none; color:#333; border-radius:2px; border-color:#ccd0d4; font-weight:normal;}
.ui-datepicker .ui-state-hover, .ui-datepicker .ui-state-default.ui-state-active {border-color:#348fe2; background-color:#348fe2; color:#fff}
.ui-datepicker .ui-datepicker-today {position:relative}
.ui-datepicker .ui-datepicker-today .ui-state-highlight:before {content:''; display:inline-block; border:solid transparent; border-width:0 0 7px 7px; border-bottom-color:#348fe2; border-top-color:rgba(0, 0, 0, 0.2); position:absolute; bottom:4px; right:4px;}
.ui-datepicker .ui-datepicker-today.ui-datepicker-current-day .ui-state-highlight:before, .ui-datepicker .ui-datepicker-today .ui-state-hover:before  {border-bottom-color:#fff;}
.ui-datepicker .ui-widget-header .ui-icon {background:none}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {cursor:pointer}
.ui-datepicker .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-prev:before {font-family:'Font Awesome 5 Free',FontAwesome;  font-weight: 600; font-weight: 600;color:#348fe2; line-height:26px; display:inline-block; text-align:center; width:100%; font-size:16px;}
.ui-datepicker .ui-datepicker-next:before {content:"\f105";}
.ui-datepicker .ui-datepicker-prev:before {content:"\f104";}
.ui-datepicker .ui-datepicker-next.ui-state-disabled, .ui-datepicker .ui-datepicker-prev.ui-state-disabled {display:none}
.ui-datepicker .ui-datepicker-next.ui-state-hover:before, .ui-datepicker .ui-datepicker-prev.ui-state-hover:before {color:#265a88}
.ui-datepicker .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-prev.ui-state-hover {background:none; border-color:#fff}

/* DateTimePicker */
.flatpickr-calendar {border-radius:4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip:padding-box; background-clip: padding-box;}
/*BS konflikt: .flatpickr-calendar, .flatpickr-rContainer, .flatpickr-days {width:250px} */
.flatpickr-innerContainer, .flatpickr-days, .flatpickr-days .dayContainer {border:0 !important}
.flatpickr-month, .flatpickr-weekdays, .flatpickr-weekday, .flatpickr-innerContainer, .flatpickr-time {background:#fff !important}
.flatpickr-month, .flatpickr-weekdays, .flatpickr-days .dayContainer, .flatpickr-time {border:1px solid #ccc !important}
.flatpickr-month {border-width:1px 1px 0 !important}
.flatpickr-weekdays {border-width:0 1px 1px !important}
.flatpickr-days .dayContainer {border-width:0 1px 1px !important}
.flatpickr-time {border-width:0 1px 1px !important}
.flatpickr-month {height:25px;}
.flatpickr-month .flatpickr-current-month {line-height:22px;}
.flatpickr-month .cur-month, .flatpickr-calendar .numInput, .flatpickr-weekday {color:#000 !important}
.flatpickr-month .cur-month, .flatpickr-calendar .numInput {font-size:16px !important; font-weight:bold !important}
.flatpickr-prev-month, .flatpickr-next-month {color:#348fe2; position:absolute; top:10px}
.flatpickr-prev-month {left:15px}
.flatpickr-next-month {right:15px}
.flatpickr-month .numInputWrapper {width:43px;}
.flatpickr-month .arrowUp, .flatpickr-month .arrowDown {display:none}
.flatpickr-weekdays {width:auto; padding:0 5px}
.flatpickr-weekday {font-weight:normal !important}
.flatpickr-days .dayContainer {padding:5px; min-width:0;}
.flatpickr-day {border-radius:2px; height:auto; line-height:31px;}
.flatpickr-day.disabled {text-decoration:line-through}
.flatpickr-day.selected, .flatpickr-day.selected:focus {background:#348fe2 !important; border-color:#348fe2 !important;}
.flatpickr-day.today:before {content:''; display:inline-block; border:solid transparent; border-width:0 0 7px 7px; border-bottom-color:#348fe2; border-top-color:rgba(0, 0, 0, 0.2); position:absolute; bottom:4px; right:4px;}
.flatpickr-day.today.selected:before {border-bottom-color:#fff}
.flatpickr-time {height:auto; border-radius:0 0 4px 4px;}
.flatpickr-calendar.arrowTop:after {border-bottom-color:#fff; margin-top:-1px; border-width:5px;}
.flatpickr-calendar.arrowBottom:after {border-top-color: #fff; margin-top:-1px; border-width:5px;}
.flatpickr-prev-month:hover, .flatpickr-next-month:hover {color:#265a88; cursor:pointer}
.flatpickr-day.selected:hover, .flatpickr-day.selected.today:hover {background:#348fe2; border-color:#348fe2; color:#fff}
.flatpickr-day.today:hover {background:#e2e2e2;border-color:#e2e2e2; color:#484848}
.flatpickr-hour, .flatpickr-minute {border: 0 !important;}

/* Telefony a emaily */
.bootstrap div.telefon {vertical-align: top;}
.bootstrap .telefon {overflow:hidden}
.bootstrap .telefony .input-group, .bootstrap .emaily .input-group {float:left; margin-bottom:5px}
.bootstrap .telefony .input-group-addon, .bootstrap .emaily .input-group-addon {width:auto}
.bootstrap .telefony .tel_nazev, .bootstrap .emaily .email-nazev {width:200px}
.bootstrap .telefony .tel_predvolba {width:70px}
.bootstrap .telefony .tel_oblast {width:70px; margin-left:-1px}
.bootstrap .telefony .tel_cislo {width:124px; margin-left:-1px; border-bottom-right-radius:3px; border-top-right-radius:3px;}
.bootstrap .telefony .tel_ikonky, .bootstrap .emaily .email-ikonky {display:table-cell; height:34px; vertical-align:middle; padding-left:5px}
.bootstrap .telefony .tel_ikonky a, .bootstrap .emaily .email-ikonky a {vertical-align:middle; margin-right:5px}
.bootstrap .telefon .input-group.flex {float:none; margin-bottom:0}
.bootstrap .telefon .input-group.flex .tel_cislo {flex-grow:1}
.bootstrap .telefon div[id^='validation-tel'] {clear: both; margin-bottom: 5px;}
@media (max-width: 768px) {
    .bootstrap .telefony_custom .telefon {overflow-x: auto;}
    .bootstrap .telefony_custom .telefon > .input-group {display: flex;}
}

/* Formuláře */
.bootstrap .form-control {color:#000}
.bootstrap select, .bootstrap input {border-color:rgb(169, 169, 169)}
.bootstrap select.form-control {background: url(../../../v2/images/bg-select.svg) no-repeat right center !important; padding-right: 20px !important;}
.bootstrap .btn-container {display:inline-block}
.bootstrap .btn-container > * {margin:0 2px;}
.bootstrap .btn-container > *:first-child {margin-left:0}
.bootstrap .btn-container > *:last-child {margin-right:0}
.bootstrap .btn {text-decoration:none; min-height:34px; height:34px; position:relative}
.bootstrap .btn-xs {min-height:22px; height:22px}
.bootstrap .btn-sm {min-height:30px; height:30px}
.bootstrap .btn-lg {height:auto;}
.bootstrap .btn-auto {height:auto;}
.bootstrap .btn-xs.btn-notext {min-width:22px; padding:0 4px; line-height:22px;}
.bootstrap .btn-sm.btn-notext {min-width:30px; padding:0 8px; line-height:30px;}
.bootstrap .btn-xs.btn-notext .fa {line-height:20px; vertical-align:baseline;}
.bootstrap .btn-sm.btn-notext .fa {line-height:28px; vertical-align:baseline;}
.bootstrap .btn:not(.btn-notext) .fa {padding-right:2px !important;}
.bootstrap .btn:not(.btn-notext) .fa-right {padding: 0 0 0 2px !important;}
.bootstrap .btn .caret {margin-left:2px;}
.bootstrap .btn-notext .caret {margin-left:0;}
.bootstrap .fa-minus-circle {color:red}
.bootstrap .fa-nova-neuhrazena:after {content: "\f067"; color: red; font-size: 70%;}
.bootstrap .btn-notext .fa-lg.fa-shopping-cart, .bootstrap .btn-xs.btn-notext .fa.fa-wrench {position:relative; left:-1px}
.bootstrap .btn-noborder {background:none; border:0; color:white; padding-right:0 !important; padding-left:0 !important; min-width:0 !important;}
.bootstrap .btn-noborder:hover, .bootstrap .btn-noborder:active, .bootstrap .btn-noborder:focus {color:#ccd0d4;}
.bootstrap .btn.btn-inverse {color:#fff; background:#2d353c; border-color:#2d353c;}
.bootstrap .btn-inverse.active, .bootstrap .btn-inverse:active, .bootstrap .btn-inverse:focus, .bootstrap .btn-inverse:hover, .bootstrap .open .dropdown-toggle.btn-inverse {background:#242a30; border-color:#242a30;}
.bootstrap .badge {padding:3px 6px; font-size:10px; vertical-align:middle}
.bootstrap .badge.badge-lg {font-size:12px;}
.bootstrap .btn-notext .badge {top:-2px}
.bootstrap.admin-show .tab-content .mainform-buttons {bottom: 0; left: 0; position: sticky; position: -webkit-sticky; top: 0; z-index: 100; padding: 10px; background: white; clear: both;}
 .mainform-buttons .btn {min-width:120px; margin:0 4px 4px 0}
 .mainform-buttons .buttons-save-go .btn.btn-white {background:#f9f1b1;}
 .mainform-buttons .buttons-save-go .btn.btn-white:hover {background:#e2e7eb}
 .mainform-buttons .buttons-save {margin-left:auto; /* Zarovnání ve flexu doprava */}
.bootstrap .panel-title .badge {margin:0 0 2px 2px;}
.bootstrap .dropdown-menu {border:1px solid #ccc; margin-top:0; color:#333}
.bootstrap .dropdown-menu .fa {width:20px}
.bootstrap .dropdown-menu li .green:hover {text-decoration:none}
.bootstrap .dropdown-menu li span {display:inline-block}
.bootstrap .dropdown-menu li a.flex {display:flex}
.bootstrap .dropdown-menu li a.flex small {padding:3px 0 0 20px; flex-grow:1; text-align:right; font-size: 10px}
.bootstrap .dropdown-menu li a.flex .fa {padding-top:3px}
.bootstrap .dropdown-menu li a.toclip {color:inherit !important}
.bootstrap .dropdown-toggle:hover + .dropdown-menu, .bootstrap .dropdown-toggle + .dropdown-menu:hover {display:block;}
.bootstrap .dropdown-menu > .disabled > a:hover, .bootstrap .dropdown-menu > .disabled > a:focus {cursor:not-allowed !important;}
.bootstrap .form-text {min-height:34px; line-height:32px;}
.bootstrap .form-text.js-copy {cursor:pointer}
.bootstrap .input-helper {margin-top:5px; font-style:italic; font-size:13px; color:#888;}
.bootstrap .input-group-btn > button.btn-white {min-width:39px}
.bootstrap .input-group-btn .btn:not(.btn-sm) .fa {line-height:20px;}

/* [20263] Křížek pro čištění inputů */
.clearable {
    background: #fff url('../../img/ikony/x.gif') no-repeat right -10px center;
    border: 1px solid #999;
    padding-right: 35px !important; /* Stejná hodnota musí být nastavena i v user.bs.js */
}
.clearable.x {background-position: right 15px center;} 
.clearable.onX {cursor: pointer;} 
.clearable::-ms-clear {display: none; width: 0; height: 0;} 

/* Select 2 */
.bootstrap .input-xs.select2-100per + .select2 {width:100%!important;}
.bootstrap .input-xs + .select2 {height:22px!important;}
.bootstrap .input-xs + .select2-container {z-index:999}
.bootstrap .input-xs + .select2-container .select2-selection--single {height:22px!important; border-color:rgb(169, 169, 169)!important; border-radius:3px!important;}
.bootstrap .input-xs + .select2-container--default .select2-selection--single .select2-selection__rendered {height:22px!important; padding:2px 20px 2px 5px!important; line-height:16px!important; color:#000!important; font-size:12px!important;}
.bootstrap .input-xs + .select2-container--default .select2-selection--single .select2-selection__arrow {height:20px!important;}
.select2-container--default .select2-search--dropdown .select2-search__field {padding: 2px 5px!important; height:22px; font-size:12px!important}

/* Summernote */
.bootstrap .note-toolbar button span {display: inline;}
.bootstrap .note-modal-footer {height: 54px; border: 1px solid #ededef;}
.bootstrap .note-modal .btn-primary.disabled {background-color: #265a88 !important;}
.bootstrap .note-editor .note-toolbar .note-para .note-dropdown-menu, .bootstrap .note-popover .popover-content .note-para .note-dropdown-menu {min-width: 240px !important;}
.bootstrap .note-editor .note-toolbar .note-color-all .note-dropdown-menu, .bootstrap .note-popover .popover-content .note-color-all .note-dropdown-menu {min-width: 347px !important;}
.bootstrap .note-editing-area ul, .bootstrap .note-editing-area ol {margin-left: 20px !important;}
.bootstrap .note-editing-area ul, .bootstrap .note-editing-area ul li {list-style-type: circle !important;}
.bootstrap .note-editing-area ol li {list-style-type: decimal !important;}

/* User menu */
#head {position:relative}
#user-menu {position:absolute; top:15px; right:15px}

/* XS inputy */
.input-xs {height: 22px; padding: 2px 5px; font-size: 12px; border-radius: 3px; line-height: 1.5; /* Upravit line-height nebo odstranit, pokud placeholder bude ujíždět pryč */}
textarea.input-xs {height:auto; padding-top:4px}
select.input-xs {padding-left:1px}

/* Bootstrap Toggle */
.bootstrap .checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.bootstrap .toggle{position:relative;overflow:hidden}
.bootstrap .toggle input[type=checkbox]{display:none}
.bootstrap .toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.bootstrap .toggle.off .toggle-group{left:-100%}
.bootstrap .toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.bootstrap .toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.bootstrap .toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px; background-color:white}
.bootstrap .toggle.btn{min-width:59px;height:34px !important;}
.bootstrap .toggle-on.btn{padding-right:24px}
.bootstrap .toggle-off.btn{padding-left:24px}
.bootstrap .toggle.btn-lg{min-width:79px;height:45px !important;}
.bootstrap .toggle-on.btn-lg{padding-right:31px}
.bootstrap .toggle-off.btn-lg{padding-left:31px}
.bootstrap .toggle-handle.btn-lg{width:40px}
.bootstrap .toggle.btn-sm{min-width:50px;height:30px !important;}
.bootstrap .toggle-on.btn-sm{padding-right:20px}
.bootstrap .toggle-off.btn-sm{padding-left:20px}
.bootstrap .toggle.btn-xs{min-width:35px;height:22px !important;}
.bootstrap .toggle-on.btn-xs{padding-right:12px}
.bootstrap .toggle-off.btn-xs{padding-left:12px}
.bootstrap .toggle.btn-danger .btn-danger.active {background-color:#ff5b57; border-color:#fe5b57;}
.bootstrap .toggle.btn-danger .btn-danger:hover {background-color:#c12e2a; border-color:#ac2925;}

/* Modal */
.modal {display:none}
.modal-backdrop.fade.in {position:fixed; top:0; z-index:999; background-color:black; height:100%; width:100%;}
.modal {text-align:center}
@media screen and (min-width: 768px) {.modal:before {display:inline-block; vertical-align:middle; content:" "; height:100%;}}
.modal-dialog {display:inline-block; text-align:left; vertical-align:middle;}
.modal-body {max-height: calc(100vh - 190px); overflow-y:auto;}
@media (min-width: 768px) {.bootstrap .modal-dialog-del-reasons {width:700px;}}
.modal-dialog .del-reason {margin-bottom:15px; display:block}
.modal-dialog .del-reason-title {font-size:16px; margin-bottom:5px}
.modal-dialog .del-reason-title input[type=radio] {margin-right:5px}
.modal-dialog .del-reason-text {font-weight:normal}
.modal-dialog .del-reason-info {font-style:italic; font-size:14px}

/* Modal Loading */
@keyframes spinner-border {to {transform: rotate(360deg);}}
.modal-dialog .modal-body-loading {text-align: center; margin-top: 50px;}
.modal-dialog .modal-body-loading:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: #efeded; opacity: .5; z-index: 99;}
.modal-dialog .modal-body-loading:after {content: "" !important; display: inline-block; width: 40px; height: 40px !important; vertical-align: middle; border: 4px solid #007bff; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; position: absolute; top: calc(50% - 34px); left: calc(50% - 24px); z-index: 1001;}

@media (min-width: 768px) {#modal-otdobaedit .modal-dialog {width: 660px;}}

/* Modal - Odložení textu */
#modal-odlozeni-textu {position: fixed; top: 0; right: 0; bottom: 0; left: unset;}
#modal-odlozeni-textu .modal-dialog {margin: 0; width: 33vw;}
#modal-odlozeni-textu .modal-dialog, #modal-odlozeni-textu .modal-content, #modal-odlozeni-textu .modal-body {height: 100%;}
#modal-odlozeni-textu #odlozeni-textu-text {height: 99%;}
#modal-odlozeni-textu .modal-footer {display: flex;}
#modal-odlozeni-textu .modal-footer .btn {width: 50%;}

/* Text v inputech nebude tučně ikdyž bude obehnán tučným labelem */
.bootstrap input, .bootstrap optgroup, .bootstrap select, .bootstrap textarea {font-weight:normal}

/* Validace */
input.parsley-success, select.parsley-success, input.validation-success, select.validation-success {background-color:#d1efb0 !important; border-color:#4a8564 !important;}
input.parsley-error, select.parsley-error, input.validation-error, select.validation-error, .bootstrap select.form-control.parsley-error, .bootstrap select.form-control.validation-error {background-color:#ffdedd !important; border-color:#ff5b57 !important;}
ul.parsley-errors-list {float:none}
div.validation-error {margin: 5px 0 0 !important; color:#e5603b; font-size:12px !important;}
.g-recaptcha.validation .validation-error {margin:0 !important; border:1px solid #ff5b57; border-radius:3px;}

/* Select 2 */
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color:#555 transparent transparent transparent; border-width:6px 3px 0 3px; margin-left:2px;}
.select2-container .select2-selection--single, .select2-container--default .select2-selection--multiple {border-color:#CCCCCC!important;}

/* UI Autocomplete */
ul.ui-autocomplete {max-width:none; border-radius:3px;}
ul.ui-autocomplete a {transition:unset; o-transition:unset; -ms-transition:unset; -moz-transition:unset; -webkit-transition:unset;}
ul.ui-autocomplete .ui-menu-item a {padding:5px 12px; font-size:12px}
ul.ui-autocomplete .ui-menu-item a small  {font-size:11px;}
ul.ui-autocomplete .ui-menu-item a:not(.ui-state-focus) small  {color:#666;}
ul.ui-autocomplete .ui-menu-item a div:first-child {padding-left:5px !important; margin-left:-6px !important;}
ul.ui-autocomplete .ui-menu-item a.ui-state-focus div:first-child {border-color:#4ea9ff !important;}
ul.ui-autocomplete .ui-state-focus {font-weight:normal; border:0; border-radius:0; background:#1D548C; color:white}
ul.ui-autocomplete .state {float:right; font-size:10px; padding-top:1px; padding-left: 20px;}
ul.ui-autocomplete .nazev {padding-top:1px}
ul.ui-autocomplete .email {float:right; font-size:10px; padding-top:1px; }

/* UI Widget - Analýza odkazu */
.ui-widget.ui-dialog {z-index:13000}
.la_window fieldset {margin-top:0px;}
.la_window legend {width:100%; margin-bottom:10px;}
.la_window dt {line-height:20px; padding-right:10px;}
.la_window dd {line-height:20px;}
.la_window .la_validation a {display:inline-block;}

/* Záložky */
.bootstrap .tabs-wrapper {margin:0 0 25px; border-bottom:1px solid #1d548c; overflow:hidden; position: sticky; top: 0; z-index: 100;}
/* [17341] Vypnutí sticky pro Firefox */
@-moz-document url-prefix() {
    .bootstrap .tabs-wrapper {
        position: relative;
    }
}
.bootstrap .nav-tabs {padding:0}
.bootstrap .nav-tabs > li.pull-right > a {margin:0 0 0 2px}
.bootstrap .nav-tabs > li > a {font-size:13px}
.bootstrap .nav-tabs > li.active > a, .bootstrap .nav-tabs > li.active > a:hover, .bootstrap .nav-tabs > li.active > a:focus {color:#fff; background-color:#1d548c;}

/* danger zalozka */
.bootstrap .nav-tabs>li.danger>a { color: #000; background-color: #ff7a76; }
.bootstrap .nav-tabs>li.danger>a:hover,
.bootstrap .nav-tabs>li.danger>a:focus { color: #000; background-color: #ffbdbb; }
.bootstrap .nav-tabs>li.danger.active>a,
.bootstrap .nav-tabs>li.danger.active>a:hover,
.bootstrap .nav-tabs>li.danger.active>a:focus { color: #fff; background-color: #f24c46; }

.bootstrap .nav-tabs {background: #f7f7f7;}
.bootstrap .nav-tabs > li {margin-bottom: 0px !important;}
.bootstrap .nav-tabs > li a:hover {background-color:#e2e7eb}
.bootstrap .nav-pills li.active .list-group-item-heading {color: #fff;}

/* Edity */
#edit-zakaznika, #edit-zaznamu, #edit-odkazu, #edit-prace, #edit-realit, #problem_picker, #nahlasit_problem, #zadost_o_zmenu, #edit-login, #zaslani_hesla {margin:0 auto; max-width:1000px; padding:30px 25px;}
#edit-login {max-width:740px;}
#edit-login .tab-content {text-align: center; font-size: 13px;}
#edit-login form {max-width: 300px; margin: 0 auto; padding: 15px 0 20px;}
@media screen and (max-width: 480px) {
    .fullWidth #contentwrapper {padding:0 20px;}
    #edit-login .tab-content {padding: 0;}
    #edit-login, #edit-zakaznika, #edit-zaznamu, #edit-odkazu, #zadost_o_zmenu, #zaslani_hesla {padding:30px 0;}
    #edit-login {padding-bottom: 0;}
    #edit-login > .panel, #edit-login > .panel > .panel-body > .tab-content {margin-bottom: 0;}
}
#edit-login #gdpr_confirm label {padding-left:20px; font-weight:normal; font-size:12px; width:100%}
#edit-login #gdpr_confirm label input {margin-left:-20px; margin-right:5px}
#nahlasit_problem, #zadost_o_zmenu {max-width:700px;}
#problem_picker {max-width:540px;}
#zaslani_hesla {max-width:400px; min-width:400px;}
#edit-zakaznika.admin-show, #edit-zaznamu.admin-show, #edit-odkazu.admin-show {max-width:1900px;}
#edit-zakaznika .btn.polozka-add {min-width:175px}
#screenshotdiv {position:absolute; right:0; top:0; text-align: center; width:202px; z-index:100;}
#screenshotdiv a:first-child img {border:1px solid #ccc; margin:0 0 6px;}
.bootstrap .rankbox .rank {width:auto; height:auto; margin:0;}
.bootstrap .user-section > .panel > .panel-body {padding-top:0}
.bootstrap .skup-master > td:first-child, .bootstrap .skup-pobocka > td:first-child {border-left:1px solid #ccd0d4}
.bootstrap table>tbody> tr.skup-master:not(:first-of-type) > td {border-top:1px solid !important;}
.bootstrap table.table-striped>tbody> tr.skup-pobocka.last + tr.skup-master > td {border-top:0 !important;}
.bootstrap table.table-striped>tbody> tr.skup-pobocka.last > td {border-bottom:1px solid !important;}
.bootstrap .dup-skup-expand > td {padding:0 !important}
.bootstrap .dup-skup-expand > td > a {display:block; width:100%; line-height:35px; padding:0 11px}
.bootstrap .dup-skup-expand > td > a > .fa-level-up, .bootstrap .dup-skup-expand > td > a > .fa-chevron-down {color:black}
.bootstrap .dup-skup-expand > td > a:hover {background-color:#d3e9fd; text-decoration:none}
.bootstrap .dup-skup-expand.polozka-deleted > td > a:hover {background-color:#ffd4d3;}
.bootstrap tr.polozka-deleted:not(.dup-skup-expand):not(.skup-master):not(.skup-pobocka), .bootstrap tr[class*='dup-podobne'] {display:none}
.bootstrap tr.polozka-deleted > td {background-color:#ffe5e4 !important}
.bootstrap .duplicitni {background-color:#ff5b57; color:white; font-size:12px; line-height:18px; padding:0px 4px; margin:2px 0; display:inline-block;}
.bootstrap a.duplicitni {text-decoration:underline}
.bootstrap a.duplicitni:hover {color:white; text-decoration:none}
.bootstrap .duplicity-nazev {white-space:nowrap;}
.bootstrap .duplicity-nazev a {max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:middle}
.bootstrap .duplicity-web {max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bootstrap .duplicity-popis {overflow-wrap:break-word; word-wrap:break-word; -ms-word-break:break-all; word-break:break-all; word-break:break-word;} 
.bootstrap .duplicity-popis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 0; min-width: 10vw;} 
.bootstrap .polozka-fakturovana {background-color:#FDF478 !important; color: black;}
.bootstrap .polozka-fakturovana .polozka-nazev a,.bootstrap .polozka-fakturovana .polozka-nazev a:hover {
color: black !important;
}
.bootstrap small.polozka-fakturovana {padding:2px 10px; margin-bottom:-1px; border-radius:10px; color:#555;}
.bootstrap input.login {margin: auto;} /* [19994] Reset nastavení z coloradmin */

/* Edit záznamu */
.bootstrap .validation-domena {margin-top: 5px !important; padding: 5px !important; font-size: 14px !important; background-color: #edf6f9; color: #000;}
.bootstrap .validation-domena:empty {display: none;}
.bootstrap .validation-domena a:hover {text-decoration: none;}
.bootstrap #otdoba .form-control, .bootstrap #otdoba .input-group-addon {padding:2px; background:none}
.bootstrap #otdoba .form-control {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
.bootstrap #otdoba input, .bootstrap #otdoba select {color:#000}
.bootstrap #otdoba input {text-align:center}
.bootstrap #otdoba select {width:45px}
.bootstrap #otdoba .input-group .btn {padding: 0 8px;}
.bootstrap #otdoba .otdoba-dny, .bootstrap #otdoba .otdoba-cas, .bootstrap #otdoba .otdoba-nonstop {float:left; margin:0 8px 8px 0}
.bootstrap #otdoba .otdoba-dny {width:100px}
.bootstrap #otdoba .otdoba-cas {width:185px;}
.bootstrap #otdoba .toggle {height:34px !important; width:75px !important; margin-bottom:8px}
.bootstrap #otdoba .toggle-group label {padding-top:7px !important;}
.bootstrap #otdoba .otdoba-dny {width:100px}
.bootstrap #persons {display: flex; flex-wrap: wrap; padding: 0 5px;}
.bootstrap #persons h2.page-header.line {padding-top:0;}
.bootstrap #persons.ui-sortable .page-header {cursor: move;}
.bootstrap #persons .person {border: 1px solid #ccc; background-color: #fff; padding: 5px 10px; border-radius: 4px; margin: 0 10px 20px 10px; flex-basis: calc(50% - 20px);}
.bootstrap .fakturacni_udaje h2, .bootstrap .korespondencni_udaje h2 {margin-top: 20px !important; padding-top: 0 !important;}
@media (max-width: 768px) {
    .bootstrap #persons {flex-direction: column;}
    .bootstrap #persons .person {margin-right: 0 !important; margin-left: 0 !important;}
}


/* Edit zákazníka */
#edit-zakaznika #polozky-stats {background: red; margin: -15px -15px 15px; padding: 2px 5px; position: sticky; top: -15px; z-index: 1;}
#edit-zakaznika .polozky {clear:both; overflow:hidden; margin-bottom:10px}
#edit-zakaznika .polozky + .polozky {margin-top: 20px;}
#edit-zakaznika .polozky h2.page-header {margin-bottom:15px; padding-top:10px; border:0}
#edit-zakaznika .polozky .msg {margin:10px 0; padding: 10px 15px 10px 40px; line-height:20px}
#edit-zakaznika .polozky.polozky-none {color:#000;}
#edit-zakaznika .polozky.polozky-none-hide {display: none;}
#edit-zakaznika .polozky .polozka-none {color:#000;}
#edit-zakaznika .polozky .polozka-none-title {font-size:14px; font-weight:bold; margin-bottom:10px;}
#edit-zakaznika .polozka {border:1px solid #ccc; margin-bottom:10px; border-radius:3px; padding:10px 10px 10px 18px; position:relative;}
#edit-zakaznika .fakturacni_udaje h2, #edit-zakaznika .korespondencni_udaje h2 {margin-top: 0 !important;}

#edit-zakaznika .polozky-skupina .polozka-pobocka {margin-left:26px;}
#edit-zakaznika .polozky-skupina .polozka + .polozka-pobocka {margin-top:-11px;}
#edit-zakaznika .polozky-skupina .polozka-pobocka + .polozka-pobocka .polozka-typ {border:1px solid #ccc; border-width:1px 0}
#edit-zakaznika .polozky-skupina .polozka-pobocka + .polozka-pobocka:last-child .polozka-typ {border-bottom:0;}
#edit-zakaznika .polozky-skupina .polozka-pobocka:before {content:""; display:block; width:0; position:absolute; top:0; bottom:0; left:-19px; border-left:2px dotted #666;}
#edit-zakaznika .polozky-skupina .polozka-pobocka .polozka-typ:before {content:""; display:block; height:0; position:absolute; top:50%; left:-14px; right:20px; border-bottom:2px dotted #666;}
#edit-zakaznika .polozky-skupina .polozka-pobocka:last-child:before {bottom:calc(50% - 2px)}

#edit-zakaznika .polozka-typ {position:absolute; top:-1px; bottom:-1px; left:-1px; width:18px; border-radius:3px 0 0 3px; color:#fff; background:#1d548c; display:flex; align-items:center; justify-content:center; text-align:center;}
#edit-zakaznika .polozka-typ.latestitem {background: #642075;} 
#edit-zakaznika .polozka-typ-pobocka {background-color:#242a30;}
#edit-zakaznika .polozka-deleted .polozka-typ {background-color:#c12e2a !important;}
#edit-zakaznika .polozka-typ > div {font-weight:bold; letter-spacing:.1em; font-size:11px; padding:10px 0; line-height:14px; writing-mode:tb-lr; writing-mode:vertical-lr; transform:rotate(180deg); height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#edit-zakaznika .polozka-info {padding:0 15px;}
#edit-zakaznika .polozka-info > * {margin-bottom:5px;}
#edit-zakaznika .polozka-info .label {padding-top: 0.4em;}
#edit-zakaznika .polozka-info .label.polozka-nezajem, #edit-zakaznika .polozka-info .label.polozka-nezajem a {color: red; background-color: white !important;} /* [22129] */
#edit-zakaznika .polozka-nazev {font-size:14px; font-weight:bold; color:#242a30; display:inline-block; margin-bottom:5px;}
#edit-zakaznika .polozka-nazev a {color:#000;}
#edit-zakaznika .polozka-nazev a:hover {color:#000;}
#edit-zakaznika .polozka-bez-nazvu a, #edit-zakaznika .polozka-bez-nazvu a:hover {color:#ff5b57;}
#edit-zakaznika .polozka-id {color:#000; font-size:12px}
#edit-zakaznika .tag {font-size:11px; padding:1px 3px;}
#edit-zakaznika .tag-primary {background-color:#348fe2; color:white;}
#edit-zakaznika .tag-warning {background-color:#f59c1a; color:white;}
#edit-zakaznika .polozka-adresa, #edit-zakaznika .polozka-vytvoreno {color:#555;}
#edit-zakaznika .polozka-url {display:block; overflow:hidden; text-overflow:ellipsis;}
#edit-zakaznika .polozka-add {margin-top:10px}
#edit-zakaznika .polozka-msg-none {font-style:italic; line-height:40px; display:inline-block; margin-bottom:20px}
#edit-zakaznika .polozka-info small {margin-bottom:5px; display:inline-block;}
#edit-zakaznika .polozka-operace {margin:0 0 -2px; padding:0 15px;}
#edit-zakaznika .polozka-operace > * {margin:3px 0 !important; display:inline-block;}
#edit-zakaznika .polozka-operace-under {margin-bottom: 20px;}

#edit-zakaznika .zakaznik-faktury {display: flex; flex-wrap: wrap;}
#edit-zakaznika .zakaznik-faktury > a {display: flex; flex-direction: column; padding: 0 10px 10px; align-items: center;}
#edit-zakaznika .zakaznik-faktury > a > img {margin-bottom: 5px;}

@media (max-width: 768px) {
    #edit-zakaznika, #edit-zaznamu, #edit-odkazu {padding-bottom: 0;}
    #edit-zakaznika .polozka-operace-under > * {margin: 3px 0 !important; display: inline-block;}

    .bootstrap .user-section, 
    .bootstrap .user-section .tabs-wrapper, 
    .bootstrap .user-section .tab-content, 
    .bootstrap .user-section > .panel > .panel-body,
    #edit-odkazu-new,
    #edit-odkazu-new > .container
    {padding-left: 0; padding-right: 0;}
    #edit-odkazu-new #verify_title2 b {word-break: break-word;}
}

/* Seznam položek zákazníka v tooltipu */
.qtip #edit-zakaznika {padding: 15px 15px 0; background: white; text-shadow: none; max-height: 40vh; overflow-y: auto;}
.qtip #edit-zakaznika .polozky + .polozky {margin-top: 0;}
.qtip #edit-zakaznika .polozky h2.page-header {padding-top: 0;}
.qtip #edit-zakaznika .polozka-operace-under {margin-bottom: 10px;}
.qtip #edit-zakaznika .polozka-operace-under + .polozka-operace-under {margin-bottom: 10px;}
.qtip #edit-zakaznika [data-target="#modal-polozka-delete"] {display: none;}
.qtip #edit-zakaznika .polozky-skupina .polozka-pobocka.pobocka-last:before {bottom: 49%;}

.qtip #edit-zakaznika .polozka-predavka,
.qtip #edit-zakaznika .polozka-nezajem
{float: none !important; margin-left: 0; margin-right: 10px; font-size: 10px;}

.qtip #edit-zakaznika #pridat-existujici-polozku,
.qtip #edit-zakaznika #hromadne-upravy,
.qtip #edit-zakaznika .polozky-nezajem,
.qtip #edit-zakaznika .polozka-operace > *,
.qtip #edit-zakaznika .polozka-operace-under,
.qtip #edit-zakaznika .polozka-add,
.qtip #edit-zakaznika .polozky-none,
.qtip #edit-zakaznika .polozky-show-deleted,
.qtip #edit-zakaznika .polozky-show-none
/*,.qtip #edit-zakaznika .polozka-tags*/
{display: none;}

.qtip #edit-zakaznika .polozka-operace > .btn-faktury:not(.btn-faktury-none) {display: inline-block;}

/* [20295] Hromadné úpravy poboček v editu zákazníka */
#edit-zakaznika .polozky .hu-chb-container {position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0; margin: 0; cursor: pointer;}
#edit-zakaznika .polozky .hu-chb-container > div {position: absolute; right: 0; top: 0; bottom: 0; padding: 0 20px; margin: 0; display: flex; flex-direction: column; justify-content: center; background: #348fe21c;}
#edit-zakaznika .polozky .polozka.hu-selected {border: 1px solid #348fe2; border-style: dashed; background: #348fe21c;}
#edit-zakaznika .polozky .polozka.hu-selected .hu-chb-container {cursor: move;}
#edit-zakaznika .polozky .polozka.hu-selected .hu-chb-container > div {background: #348fe2;}
#edit-zakaznika .polozky .polozka.droppable, #edit-zakaznika .polozky .polozka.draggable {padding-right: 55px;}
#edit-zakaznika .polozky .polozka.droppable-hover {border: 2px dashed #348fe2 !important;}
#edit-zakaznika .polozky .polozka.droppable-hover:before {position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.7; background: #f5f5f5; content: ''; z-index: 1;}
#edit-zakaznika .polozky .polozka.droppable-hover:after {content: 'Vybrané záznamy přesunout jako pobočky pod tento záznam'; position: absolute; background: #348fe2; top: 50%; padding: 5px 20px; color: white; left: 50%; transform: translate(-50%, -50%); z-index: 2; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; border-radius: 2px; cursor: move;}
#edit-zakaznika .polozky .polozka.droppable-hover.polozka-pobocka {margin-left: 0;}
#edit-zakaznika .polozky .polozka.droppable-hover.polozka-pobocka .polozka-typ:before {display: none;}

#edit-zakaznika .draggable-helper {width: fit-content; z-index: 10000;}
#edit-zakaznika .draggable-helper .panel-body {border: 1px solid #242a30; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
#edit-zakaznika .draggable-helper .panel-body li {list-style-type: disclosure-closed; margin-left: 15px;}
#edit-zakaznika .draggable-helper .panel-body li .helper-polozka-nazev {display: inline-block; max-width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#edit-zakaznika .draggable-helper .panel-body li > * {vertical-align: middle;}

/* Zákazník info */
.bootstrap .tab-pane > .zakaznik-info {position:absolute; right:0; top:60px; width:285px; overflow:hidden}
.bootstrap .tab-pane > .zakaznik-info {text-align:left; line-height:15px;}
.bootstrap .zakaznik-info .page-header {font-size:14px; margin-bottom:10px; height:30px; color:#2d353c}
.bootstrap .zakaznik-info .page-header .header {color:#2d353c}
.bootstrap .zakaznik-data, .bootstrap .zakaznik-data-edit {line-height:18px}
.bootstrap .zakaznik-data .zakaznik-warning + div {float:left}
.bootstrap .zakaznik-data a.zakaznik-warning, .bootstrap .zakaznik-data-change a.zakaznik-warning {float:left; margin-right:10px}
.bootstrap .zakaznik-search .zakaznik-cancel {float:right; margin-top:5px;}
.bootstrap .zakaznik-info-compact h3 {display:none}
.bootstrap .zakaznik-info-compact .zakaznik-search > .input-group {width:300px;}
.bootstrap .zakaznik-info-compact .zakaznik-search .zakaznik-cancel {float:left; margin-top:0; margin-left:5px}

/* Města */
.bootstrap .city {line-height:34px; font-size:14px;}
.bootstrap .city > * {vertical-align:middle;}
.bootstrap .city > .city-del + b {margin-left:4px}
.bootstrap .city > small {margin:1px 4px 0 0; line-height:20px; display:inline-block}
.bootstrap .cities:not([data-city-max="1"]) .cities-added {margin-bottom:10px}
.bootstrap .cities-add-links {font-size: 14px; line-height: 22px; margin-top:15px;}
.bootstrap .cities-add-links a {display:inline-block;}
.bootstrap .cities-add-links .separator:after {content:'-'; color:#000; margin:0 5px; font-weight:bold}
.bootstrap .cities-add-links .separator:last-child:after{content:''}
.bootstrap a.city-added {pointer-events:none; cursor:default; color:#5cb85c !important;}
.bootstrap .column-count-2 {column-count: 2;}
@media (max-width: 768px) {.bootstrap .column-count-2 {column-count: 1;}}

/* Kategorie */
#kat_zarazeno_show {margin:0 0 15px 20px}
#kat_zarazeno_show .kat_zarazeno_sekce {margin-bottom:10px;}
#charssection {text-align:center; margin-bottom:20px; padding:8px; background-color:#f7f7f7;}
#charssection a {display:inline-block; font-size:16px; width:19px; line-height:20px}
#charssection a.numbers {width:25px; margin-right:3px;}
#charssection a.letter-ch {width:30px;}
.bootstrap .input-group-btn:last-child > button.search_kat {padding: 0 7px; margin-left: 0}
#search_kat {background:right 6px center no-repeat; padding-right:25px;}

.bootstrap #kat_aktualni_kategorie {margin-top:10px}
.bootstrap #kat_aktualni_kategorie span:not(.fa) {font-weight:normal; font-size:16px;}
.bootstrap #kat_aktualni_kategorie span.nazev_kategorie {margin-right:3px; font-weight: bold;}
.bootstrap .addtokat {color:green; font-size:14px; padding:1px 0 1px 19px; background:url('../../img/ikony/add.png') left center no-repeat;}
.bootstrap .addtokat_notext {display:inline-block; width:16px; height:16px; background:url('../../img/ikony/add.png') left center no-repeat; color: transparent; text-indent:-9999em;}
.bootstrap #kat_aktualni_kategorie .jiz_zarazeno {color:green; font-size: 14px; padding:1px 0 1px 19px; background:url('../../img/ikony/accept.png') left top no-repeat;}

.bootstrap #kat_k_zarazeni {overflow:hidden; padding-top:10px; margin-bottom:10px;}
.bootstrap #kat_k_zarazeni .nadpis_vyberte_podkategorie {font-weight:bold; font-size:15px;margin:0 0 5px 18px;}
.bootstrap .kat_sloupec {float:left; margin-left:20px;}
.bootstrap .kat_sloupec-last {margin-right:0;}
.bootstrap #kat_k_zarazeni .kat_sloupec, .bootstrap #kat_souvisejici .kat_sloupec {width:300px;}
.bootstrap #kat_k_zarazeni a, .bootstrap #kat_souvisejici a {display:inline-block; line-height:18px;}
.bootstrap #kat_k_zarazeni a.inline, .bootstrap #kat_souvisejici a.inline {display:inline-block}


.bootstrap a.kat_k_zarazeni, .bootstrap a.kat_k_zarazeni_noicon {display:inline-block; line-height:18px; padding:0 4px; vertical-align:middle;}

.bootstrap a.kat_zarazeno {color:green;}
.bootstrap a.kat_zarazeno_podsekce {color:green; background:url('../../img/ikony/accept.png') 4px 0px no-repeat;}
.bootstrap a.kat_zarazeno_podsekce:before {background-image: none !important;}
.bootstrap #kat_k_zarazeni .jednotici_nazev {font-weight:bold; font-size:15px; margin-bottom:5px;}
.bootstrap #kat_k_zarazeni div.last {margin-top:10px;}
.bootstrap #kat_k_zarazeni .kat-popis {color: #aaa; font-style: italic;}
.bootstrap #kat_k_zarazeni .jednotici_skupina {border-left:2px dotted black; margin:0 0 10px 2px; padding-left:8px;}

.bootstrap #kat_souvisejici {overflow:hidden; margin-top:10px; padding:10px 0; background-color:#f7f7f7;}
.bootstrap #kat_souvisejici .nadpis_souvisejici_kategorie {font-weight:bold; font-size:15px; margin:0 0 5px 15px;}

#kat_history {display:none;}
#back_kat_history {display:none; float:right; font-size: 14px; color:#236B8E; padding:3px 0 0 19px; margin-left:10px; background:url('../../img/ikony/resultset_previous.png') left center no-repeat;}

/* Upload */
.bootstrap .uploading {display:flex; flex-direction:column; width:100%;}
.bootstrap .uploading > div {display:table; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.bootstrap .uploading > div + div {margin-top:-1px}
.bootstrap .uploading > div > div {display:table-cell; vertical-align:middle; padding:8px;}
.bootstrap .uploading .uploading-thumb {width:80px}
.bootstrap .uploading .uploading-icon {width:60px}
.bootstrap .uploading .uploading-name .error {margin-top:10px; font-weight:bold; text-align:left}
.bootstrap .uploading .uploading-progress {width:200px; margin-bottom:10px;}
.bootstrap .uploading .uploading-progress > div:first-child{margin-bottom:10px; width:100%; display:inline-block}
.bootstrap .uploading .uploading-progress .size {float:left}
.bootstrap .uploading .uploading-progress .progress-percentage {float:right}
.bootstrap .uploading .uploading-progress .progress {margin-bottom:0}
.bootstrap .uploading .uploading-operation {width:1px; padding:0; text-align:right;}
.bootstrap .uploading .uploading-operation a {margin:8px 8px 8px 16px}
#dropzone-logo, #dropzone-foto, #dropzone-file {margin-bottom:15px}
#dropzone-logo .uploading > div:last-child {margin-top:20px;}
#dropzone-foto .uploading > div:last-child, #dropzone-file .uploading > div:last-child {margin-bottom:20px;}

.bootstrap .foto {width:200px; text-align:center}
.bootstrap .foto img {max-width:200px; }
.bootstrap .foto-default {width:200px; height:200px; text-align:center}
.bootstrap .foto-default span {font-size:30px; color:#ccc; line-height:200px;}
.bootstrap .foto img, .bootstrap .foto-default {border:1px solid #CCD0D4; border-radius:4px;}
.bootstrap .uploaded-foto {margin-bottom:20px}

.bootstrap .uploaded.flexed {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: start; align-items: baseline; align-content: start;}
.bootstrap .uploaded.flexed .foto {flex: 0 1 auto; margin: 10px;}

.bootstrap .uploaded-files {display:table; border-collapse:collapse; width:100%;}
.bootstrap .uploaded-file {display:table-row; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:-1px}
.bootstrap .uploaded-file > div {display:table-cell; vertical-align:middle; padding:8px;}
.bootstrap .uploaded-file .file-icon {width:60px}
.bootstrap .uploaded-file .file-info {width:100px; text-align:right;}
.bootstrap .uploaded-file .file-size {font-weight:bold; padding-bottom:5px}
.bootstrap .uploaded-file .file-operation {width:1px; padding:0; text-align:right;}
.bootstrap .uploaded-file .file-operation a {margin:8px 8px 8px 16px}

/* Tooltips Qtip */
.qtip {z-index:10000; line-height:14px;}
.qtip-tipsy {text-shadow:none}
.qtip-tipsy .qtip-content hr {margin: 5px 0;}
.qtip-tipsy-success {background-color:rgba(0, 155, 0, .92);}
.qtip-tipsy-success span {color:#00e600; font-size:12px}
.qtip-tipsy-success span.utf-symbol {display:none}
.qtip-tipsy-success .qtip-content:before {font-family:'Font Awesome 5 Free',FontAwesome;  font-weight: 600; font-weight: 600;content:"\f00c"; padding-right:5px;}
.qtip-tipsy-danger {background-color:rgba(255, 0, 0, .92);}
.qtip-tipsy-danger .qtip-content:before {font-family:'Font Awesome 5 Free',FontAwesome;  font-weight: 600; font-weight: 600;content:"\f071"; padding-right:5px;}

/* Dropdowns */
.bootstrap .dropdown-menu li.error, .qtip-dropdown .error, .qtip-dropdown .loading {white-space:nowrap;}
.bootstrap .dropdown-menu li.error:before, .qtip-dropdown .error:before {font-family:'Font Awesome 5 Free',FontAwesome;  font-weight: 600; font-weight: 600;font-size:14px; padding-right:8px; content:"\f071"; color:#ff5b57;}
.qtip-dropdown {max-width:none; padding:5px 0; margin: 0px 0 0; font-size:14px; text-align:left; background-color:#fff; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip:padding-box; background-clip:padding-box;}
.qtip-dropdown .qtip-content > ul {margin:-3px -9px}
.qtip-dropdown .loading img {margin-right:5px; vertical-align: middle;}
.qtip-dropdown .dropdown-header {white-space:nowrap; padding:3px 20px 8px 20px; margin-bottom:5px; font-size:14px; color:#242a30; border-bottom:1px solid #ccc;}
.qtip-dropdown small {font-size:10px; color:#777; white-space:nowrap;}

/* Admin menu */
.qtip-admin-menu .dropdown-header .admin-skupiny {margin-left:24px}
.qtip-admin-menu .dropdown-header .admin-skupiny small {display:block}
.qtip-admin-menu li > a {padding:3px 20px; display:block; clear:both; font-weight:normal; line-height:1.42857143; color:#333333; white-space:nowrap; text-decoration:none;}
.qtip-admin-menu li > a:hover {background-image:-webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image:-o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); background-color:#e8e8e8;}
.qtip-admin-menu .fa {width: 20px;}

/* Poznámky */
.qtip.qtip-poznamky {max-width: 365px; width:365px}
.bootstrap .poznamky .poznamky-vypis {max-height:300px; margin-bottom:10px; overflow-x:hidden;}
.bootstrap .poznamky .poznamka, .bootstrap .poznamky .poznamka-add-text {font-size:12px; line-height:12px;}
.bootstrap .poznamky .poznamka {border: 1px solid grey; border-width: 1px 0;} 
.bootstrap .poznamky .poznamka + .poznamka {border-top: 0;} 
.bootstrap .poznamky .poznamka .poznamka-header {background:#f4db6c; display: flex; justify-content: space-between;}
.bootstrap .poznamky .poznamka .poznamka-header .poznamka-info {padding: 9px 10px;}
.bootstrap .poznamky .poznamka .poznamka-header .poznamka-info .poznamka-date {font-weight:bold;}
.bootstrap .poznamky .poznamka .poznamka-header .poznamka-funkce {white-space: nowrap; text-align:right; padding:4px 10px}
.bootstrap .poznamky .poznamka .poznamka-text {padding:10px 20px; background:white; line-height: 14px;}
.bootstrap .poznamky .poznamka:last-of-type .poznamka-text {margin-bottom:0}
.bootstrap .poznamky .poznamka-add-text {width:100%; margin-bottom:5px;}
.bootstrap .poznamky .poznamka-polozka-deleted {opacity: 0.5;}
.bootstrap .poznamky .poznamka-user .poznamka-header {background: #ff5b57;}
.bootstrap .poznamky .poznamka-user .poznamka-text {background: #ffdbda;}
.bootstrap .poznamky .poznamka-jina-polozka .poznamka-header {background:#ddd;}
.bootstrap .poznamky .poznamka-jina-polozka .poznamka-text {background:#ddd;}
.bootstrap .poznamky .poznamka-dulezita .poznamka-header {background:#ff0}
.bootstrap .poznamky .poznamka-dulezita .poznamka-text {background:#ff0;}
.bootstrap .poznamky .poznamka-jina-polozka.poznamka-dulezita .poznamka-header {background: #f9f97a;}
.bootstrap .poznamky .poznamka-jina-polozka.poznamka-dulezita .poznamka-header .poznamka-info {opacity:0.5;}
.bootstrap .poznamky .poznamka-jina-polozka.poznamka-dulezita .poznamka-text {opacity:0.5;}
.bootstrap .poznamky .poznamka-jina-polozka.poznamka-polozka-deleted {display: none;}
.bootstrap #panel-informace .poznamky {padding: 5px 0 0;}
.bootstrap #panel-informace .poznamky .poznamky-vypis {margin-bottom: 0;}
.bootstrap #panel-informace .poznamky .poznamka .poznamka-header .poznamka-info {padding: 5px 0;}
.bootstrap #panel-informace .poznamky .poznamka .poznamka-header .poznamka-info .poznamka-date {padding-left: 5px;}
.bootstrap #panel-informace .poznamky .poznamka .poznamka-text {padding: 5px 15px; margin-bottom: 0;}
.bootstrap #panel-informace .zakaznik-data .poznamky .poznamky-vypis {max-height: 100px;}
/* [19945] Úpravy pro infoid odkazy v poznámkách */
.bootstrap .poznamky .poznamka .poznamka-text .infoidlink {margin-right: auto !important;}
.bootstrap .poznamky .poznamka .poznamka-text .infoidlink img[alt='InfoID'] {display: none;}

/* Emaily */
.qtip.qtip-emaily {width:700px; max-width: 700px;}
.bootstrap #emaily .email .email-admin {padding: 0 10px;}
.bootstrap #emaily .email .email-id, .bootstrap #emaily .email .email-od, .bootstrap #emaily .email .email-pro {font-weight:bold; font-size:12px;}
.bootstrap #emaily .email .email-od {background: red; color: white; padding: 0 2px;}
.bootstrap #emaily .email .email-pro {background: green; color: white; padding: 0 2px;}
.bootstrap #emaily .email .email-prilohy {font-size:12px;}
.bootstrap #emaily .email .email-date {padding:0 10px; font-weight:bold; font-size:12px; text-align:right}
.bootstrap #emaily .email .email-predmet {padding: 10px 10px 0; font-size: 14px; font-weight: bold; text-transform: uppercase;}
.bootstrap #emaily .email .email-text {margin-bottom:10px; padding:5px 10px 0; }

/* oteviracka v2 */
.bootstrap dd.marginleft-10px {margin-left: 10px;}

/* dropdown-menu */
ul.dropdown-menu > li > a > img {margin-right:4px}

/* skrolovatelne dropdown-menu */
ul.scroll-menu {max-height: 500px; overflow-y: scroll;}

/* Zmenšené edity pro adminy */
.bootstrap.admin-show .form-group {margin-bottom: 6px;}
.bootstrap.admin-show .page-header {margin-bottom: 5px;}
.bootstrap.admin-show .page-header.line .header {padding-top: 5px; margin-bottom: 5px;}
.bootstrap.admin-show h1.page-header {margin-bottom: 5px; border: 0 !important; padding-bottom: 5px;}
.bootstrap.admin-show .form-control {height: 28px; padding: 2px 6px;} 
.bootstrap.admin-show  .btn:not(.btn-xs) {min-height: 28px; height: 28px;} 
.bootstrap.admin-show  .btn:not(.btn-xs):not(.btn-sm) {line-height: 14px;} 
.bootstrap.admin-show  .btn-sm.btn-notext {line-height: 28px;} 
.bootstrap.admin-show .input-group .btn {padding: 2px 6px;}
.bootstrap.admin-show .telefony .tel_ikonky, .bootstrap.admin-show .emaily .email-ikonky {height: 28px;}
.bootstrap.admin-show .telefony .telefon {display: inline-block; margin-right: 20px;}
#edit-zakaznika.admin-show, #edit-zaznamu.admin-show, #edit-odkazu.admin-show, #edit-prace.admin-show, #edit-realit.admin-show {padding: 0;}


.badge-save:after {content: "\f0c7"; font:normal normal normal 14px/1 'Font Awesome 5 Free',FontAwesome;   font-size: 14px; font-weight: 900;
    color: white; background: #348fe2;
position: absolute; top: -12px; right: -12px;
padding: 4px; border-radius: 10px;}

.btn.btn-save:after {
    content: "\f0c7"; font-family: "Font Awesome 5 Free"; font-weight: 900;  font-size: 12px;
    margin-left: 4px;
    color: white; background: #348fe2;
    position: absolute;
    padding: 5px;    
    margin-top: -6px;
    margin-bottom: -5px;
    border-radius: 0px 3px 3px 0px;
}
.btn.btn-save {margin-right: 14px;}

.bootstrap.admin-show .tab-content .mainform-buttons.topbuttons {border-bottom: 1px solid #1d548c; background: #eee; padding-bottom: 0;}
.mainform-buttons.topbuttons a {margin-right: 1em; padding: 4px 10px; color: black; background: #ffffff; border-radius: 10px 10px 0px 0px;}
.mainform-buttons.topbuttons a:hover {padding-bottom: 9px; margin-top: -5px; text-decoration: none;}


.loadingbg {
	background: linear-gradient(-45deg, #fff,#fff, #23a6d5,#fff, #fff) !important;
	background-size: 400% 400% !important;
	animation: loadingGradient 2s ease infinite;
}
@keyframes loadingGradient {
	0% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


@media (max-width: 400px) {
    /* jen mobil */
    .bootstrap .telefony .tel_nazev {
        width: 100px;
    }
}



[draggable] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.drag-start {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.drag-enter {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.btn-group.btn-group-block {
    display: flex;
}
.btn-group.btn-group-block .btn-block {
    flex: 1;
}