* {
	
}

body {
	font-family: "Open Sans";
	color: #333;
}

h3, .h3, h4, .h4, h5, .h5, h6, .h6 {margin: 0px; }

h1, .h1 {
	margin-top: 20px;
	margin-bottom: 15px;
}

h2, .h2 {
	margin-top: 30px;
	margin-bottom: 25px;
}

h3, .h3 {
	margin-top: 21px;
	margin-bottom: 15px;
}

h4, .h4 {
	padding-top: 10px;
	padding-bottom: 6px;
}

.hr-smaller {
	margin-top: 16px;
	margin-bottom: 16px;
}

.hr-small {
	margin-top: 8px;
	margin-bottom: 8px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #eee;
}

.table > thead > tr > td {
	font-weight: bold;
}


.panel-body > .m0 {
	padding-bottom: 8px;
}

.panel-body.panel-body-h250 {
	max-height: 250px;
	overflow: auto;
}


.row-flex {
	display: flex;
    flex-wrap: wrap;
}

/* ns = no size */
.col {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}



.headine-sso-client-list__wrapper {
	/*position: fixed;
	top: 0px;
	left: 0px;
	z-index: 122;
	width: 100%;
	height: auto;
	background-color: black;*/
}

.headine-sso-client-list__wrapper, .headine-sso-client-list__wrapper a {
	color: white;
}

.headine-sso-client-list__list {
	display: flex;
	margin: 0px auto;

	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.headine-sso-client-list__list a {
	display: block;
	padding: 4px 8px;
	text-decoration: underline;
	color: #aaa;
}

.headine-sso-client-list__list .active a {
	color: white;
	font-weight: bold;
}


.topnavbar {
	background-color: #996530;
	background-image: none;
	color: white;
}









#nav-header-top-right {
	float: right;
	margin-right: -15px;
}

#nav-header-top-right li {
	display: block;
	position: relative;
	line-height: 1.4;
	background-color: white;
	min-width: 260px;
}

#nav-header-top-right li > a,
#nav-header-top-right li > span {
	padding: 5px 15px 6px 15px;
	display: block;
	text-decoration: none;
	position: relative;
}

#nav-header-top-right li > a {
	color: black;
}

#nav-header-top-right > li > a {
	padding: 20px 15px 19px 15px;
}

#nav-header-top-right li#nav-header-top-right-item-user > a {
	padding: 9px 30px 9px 32px;
}

#nav-header-top-right li#nav-header-top-right-item-user > ul > li > * {
	padding-left: 32px;
	white-space: nowrap;
}

#nav-header-top-right li#nav-header-top-right-item-user > a > .fa.fa-user {
	position: absolute;
	left: 15px;
	top: 11px;
}

#nav-header-top-right li#nav-header-top-right-item-user > a > .caret {
	position: absolute;
	top: 15px;
	right: 14px;
}

#nav-header-top-right li:hover > a {
	text-decoration: none;
	background-color: white;
}

#nav-header-top-right li > ul {
	display: none;
	/*display: block;*/
	position: absolute;
	min-width: 100%;	/* Způsobí potenciální roztáhnutí (šířka) dropdownu */
	top: 100%;
	right: 0px;
	background-color: #EDEDED;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); /* app.css:1143 */
	border-bottom-left-radius: 3px;
	overflow: hidden;
	padding-bottom: 1px;
}

#nav-header-top-right li:hover > ul {
	display: block;
}

#nav-header-top-right ul li.divider {
	height: 1px;
}

#nav-header-top-right ul li.divider:before {
	content: ' ';
	position: absolute;
	top: 0px;
	left: 32px;
	background-color: #ccc;
	width: calc(100% - 32px - 30px);
	height: 1px;
}

#nav-header-top-right ul li:hover a {
	background-color: #ddd;
}

#nav-header-top-right li.headline-small > a,
#nav-header-top-right li.headline-small > a:hover {
	color: inherit;
	background: inherit;
	text-decoration: none;
}

#nav-header-top-right li.headline-small > a > span:hover {
	text-decoration: underline;
}

#nav-header-top-right .headline-small__text {
	padding-top: 10px;
	padding-bottom: 2px;
	font-size: 85%;
}


.topnavbar .navbar-header .navbar-brand {
	background-color: white;
}

.topnavbar .navbar-nav > li > a, .topnavbar .navbar-nav > .open > a {
	color: white;
}

.topnavbar .navbar-nav > li > a:hover, .topnavbar .navbar-nav > .open > a:hover {
	color: white;
}

.topnavbar .navbar-header .brand-logo {
	padding: 0px 15px;
}

.topnavbar .navbar-header .brand-logo img {
	max-height: 55px;
	max-width: auto;
}

.topnavbar .navbar-header .brand-logo-collapsed {
	padding: 0px 0px 0px 0px;
}

.topnavbar .navbar-header .brand-logo-collapsed > img {
	max-height: 54px;
}

/*.checkboxlist > .checkboxlist-headline {
	margin-top: 20px;
}

.checkboxlist:first-child > .checkboxlist-headline {
	margin-top: 8px;
}*/

.alert-info a,
.alert-danger a {
	color: white;
	text-decoration: underline;
}

.alert a:hover {
	text-decoration: none;
}


.btn.btn-lg, .btn-group-lg > .btn {
	font-size: 18px;
}


.bg-success .text-muted {
	color: #CCC;
}

.bg-warning .text-muted {
	color: #AAA;
}

.bg-danger .text-muted {
	color: #AAA;
}

/* ========================================================================== */

.number,
td.number,
th.number {
	text-align: right;
}

.number-number,
td.number-number,
th.number-number {
	text-align: right !important;
}

/* ========================================================================== */

.dataTables_wrapper {
	position: relative;
}

div.dataTables_wrapper div.dataTables_processing {
	top: 35%;
	width: 260px;
	left: 50%;
	margin-left: -75px;
	padding: 30px 45px;
	text-align: center;
	position: absolute;
	background-color: #23b7e5;
	color: white;
	border-radius: 3px;
	position: fixed;
	font-size: 230%;
}

div.dataTables_wrapper div.dataTables_length span,
div.dataTables_wrapper div.dataTables_filter span {
	display: block;
	font-weight: bold;
}

div.dataTables_wrapper div.dataTables_length select {
	/*padding: 0px 2px;
	width: 60px;*/
	display: block;
}

div.dataTables_wrapper div.dataTables_filter input {
	width: auto;
	max-width: 100%;
	min-width: 100px;
	margin-left: 0px;
	display: block;
}


/* ================================== */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
	position: absolute;
	font-family: FontAwesome;
	top: auto !important;
	right: auto;
    left: 8px;
	opacity: 1;
}

table.dataTable.table-condensed thead .sorting:before,
table.dataTable.table-condensed thead .sorting:after,
table.dataTable.table-condensed thead .sorting_asc:after,
table.dataTable.table-condensed thead .sorting_desc:after,
table.dataTable.table-condensed thead .sorting_asc_disabled:after,
table.dataTable.table-condensed thead .sorting_desc_disabled:after{
	right: auto;
    left: 5px;
}

table.dataTable.table-condensed > thead > tr > th {
	padding-right: 3px;
}

/* Šipka nahoru */
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting:before {
	content: "\f0d8";
	bottom: 9px;
}

/* Šipka dolů */
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting:after {
	content: "\f0d7";
	bottom: 2px;
}

/* Aktivní */
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
	color: #23b7e5;
}

/* Zakázané řazení */
.table.dataTable thead .sorting_asc_disabled:after,
.table.dataTable thead .sorting_desc_disabled:after {
	opacity: 0.15;
}


/* Bez řazení */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after {
	opacity: 0.4;
}

/* ------------ */
table.dataTable thead .sorting_asc:after {
}

table.dataTable thead .sorting_desc:after {
}

table.dataTable thead .sorting_asc_disabled:after {
}

table.dataTable thead .sorting_desc_disabled:after {
}

table.dataTable thead .sorting:before {
}

table.dataTable thead .sorting:after {
}
/* ================================== */


.panel table.dataTable.table-bordered {
	border-left-style: none;
	border-right-style: none;
}

.panel table.dataTable.table-bordered tr > *:first-child {
	border-left-style: none;
}

.panel table.dataTable.table-bordered tr > *:last-child {
	border-right-style: none;
}

table.dataTable thead .sorting {
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
	background-position: 0px 91% !important;
	padding-left: 18px !important;
	padding-right: 5px !important;
}

table.dataTable > tfoot > tr > th,
table.dataTable > thead > tr > th {
	color: #333;
	background-color: inherit;
	padding-top: 5px;
	padding-bottom: 6px;
}

table.dataTable > thead > tr > th {
	border-bottom: 2px solid #aaa;
}

.table.dataTable.table-bordered thead > tr:first-child > * {
	border-top: 1px solid #ddd;
}

table.dataTable > tfoot > tr > th {
	border-top: 2px solid #aaa;
}

.dataTables_empty {
	text-align: center;
	font-style: italic;
}

table.dataTable > thead > tr > th.number,
table.dataTable > tfoot > tr > th.number {
	text-align: left;
}

table.dataTable > tbody > tr.selected > * {
	background-color: #b3d1f6;
	color: black;
	cursor: pointer;
}

table.dataTable > tbody > tr.selected a {
	color: black;
	/*text-decoration: underline;*/
}

table[data-row-action] > tbody > tr:hover > *,
table.dataTable > tbody > tr:hover > * {
	background-color: #a1c6f4;
	color: black;
	cursor: pointer;
}

table[data-row-action] > tbody > tr:hover a,
table.dataTable > tbody > tr:hover a {
	color: black;
	/*text-decoration: underline;*/
}

table[data-row-action] > tbody > tr[data-row-disabled] * {
	color: #aaa;
}

table[data-row-action] > tbody > tr[data-row-disabled]:hover > * {
	cursor: not-allowed;
}

div.dt-button-collection[role="menu"] {
	width: 250px;
}

.dataTable.fixedHeader-floating {
	z-index: 122; /* .layout-fixed .wrapper .topnavbar-wrapper = 121 */
}

/* ========================================================================== */

table[data-row-action] > tbody > tr:hover > *,
table.dataTable > tbody > tr:hover > * {
	background-color: #AD8359;
	color: white;
	cursor: pointer;
}

table[data-row-action] > tbody > tr:hover a,
table.dataTable > tbody > tr:hover a {
	color: white;
	/*text-decoration: underline;*/
}

.panel--filter>.panel-heading+.panel-body {
	padding-top: 2px;
}

.panel--filter>.panel-body {
	padding-bottom: 0px;
}

.panel--datatables>.panel-body .panel--filter {
	margin-top: -12px;
	margin-bottom: 8px;
}

ul.buttons-checkbox,
ul.buttons-radio,
ul.buttons-select {
	padding: 0px;
	margin-bottom: 8px;
}

ul.buttons-checkbox > li,
ul.buttons-radio > li,
ul.buttons-select > li {
	display: inline-block;
	margin: 0px 5px 6px 0px;
}

ul.buttons-checkbox > li.buttons-label .btn,
ul.buttons-radio > li.buttons-label .btn,
ul.buttons-select > li.buttons-label .btn,
ul.buttons-checkbox > li .btn,
ul.buttons-radio > li .btn,
ul.buttons-select > li .btn {
	border-style: solid;
	border-width: 2px;
}

ul.buttons-checkbox > li.buttons-label,
ul.buttons-radio > li.buttons-label,
ul.buttons-select > li.buttons-label {
	border-color: white;
}

ul.buttons-checkbox > li.buttons-label strong.btn,
ul.buttons-radio > li.buttons-label strong.btn,
ul.buttons-select > li.buttons-label strong.btn {
	border-color: white;
	background-color: transparent;
	font-weight: bold;
	padding-left: 1px;
	border-left-width: 0px;
}

ul.buttons-checkbox > li .btn,
ul.buttons-radio > li .btn,
ul.buttons-select > li .btn {
	background-color: #eee;
	border-radius: 3px;
	box-shadow: none;
	border-color: #eee;
}

ul.buttons-checkbox > li .btn:hover,
ul.buttons-radio > li .btn:hover,
ul.buttons-select > li .btn:hover {
	background-color: #ddd;
}

ul.buttons-checkbox > li .btn.active,
ul.buttons-radio > li .btn.active,
ul.buttons-select > li .btn.active {
	background-color: #27C24C;
	color: white;
	
	border: 2px solid green;
}

ul.buttons-select {
	display: flex;
}

ul.buttons-select > li {
	vertical-align: top;
	padding-top: 4px;
}

ul.buttons-select > li.buttons-select__items {
	flex-grow: 1;
	/*max-width: 400px;
	width: 100%;*/
	position: relative;
	top: -6px;
}

@media (min-width: 992px) {
	ul.buttons-checkbox > li .btn,
	ul.buttons-radio > li .btn,
	ul.buttons-select > li .btn {
		padding: 0px 3px 0px 3px !important;
	}
}

textarea.form-control.form-control-tinymce {
	height: 500px;
}

.input-group-addon,
.form-control {
	border-color: #aaa;
}



.list-group-item .ph {
	font-size: 180%;
}



.panel-heading__icon {
	padding-right: 4px;
}

.panel.panel-with-logo > div > a > img {
	max-width: 120px;
}

.panel.panel-dark.panel-with-logo > .panel-heading {
	background-color: #996530;
	border-radius: 3px;
}

.template-header__logo-style--html {
	border-bottom: 1px solid #909fa7 !important;
}

.panel-pre-wrapper > pre {
	border-style: none;
	border-radius: 0px;
	margin: 0px;
}



.badge--text-wrap {
	white-space: normal;
}

.badge.bg-info a {
	color: white;
}

.hlaseni {
	margin: 0px;
	padding: 0px;
}

.hlaseni > li.ko {
    color: #f05050;
    font-size: 12px;
    list-style: outside none none;
}


.microtable {
	display: table;
}

.microtable > * {
	display: table-cell;
	width: 1px;
	vertical-align: middle;
}

.microtable > *.microtable-main {
	width: 100%;
}

.microtable > *.microtable-main > * {
	width: 100%;
	display: block;
}

.number.ncs {
	width: 60px;
	max-width: 60px;
	min-width: 60px;
}

.number-input {
	width: 80px;
	max-width: 80px;
	min-width: 80px;
}

.number-input-radio {
	width: 100px;
	max-width: 100px;
	min-width: 100px;
}

#sberDatForm table > * > tr > * {
	padding: 4px;
}

#sberDatForm table > * > tr > *.producer {
	padding: 0px;
	width: 8px;
}

#sberDatForm table > tbody > tr > *.producer {
	border-right: 1px solid #888;
}

td.empty {
	text-align: center;
	font-style: italic;
	padding-top: 20px !important;
	padding-bottom: 22px !important;
}

p.empty {
	text-align: center;
	font-style: italic;
}

#sberDatForm .table-bordered {
	border-top-style: none;
	border-bottom-style: none;
}

#sberDatForm > div[role='tabpanel'] {
	margin-bottom: 15px;
	position: relative;
}

#sberDatForm table > * > tr > * {
	color: black;
}

#sberDatForm td.note input {
	width: 100%;
}

#sberDatForm td.note label {
	font-weight: normal;
	margin: 0px;
}

#sberDatForm td.note > .microtable > *:first-child {
	padding-right: 10px;
}

#sberDatForm table > tbody > tr > th {
	color: black;
	font-weight: bold;
	/*width: 130px;*/
	padding-left: 10px;
	padding-right: 10px;
	/*text-align: center;*/
}

#sberDatForm table > tbody > tr > th span.producer-prefix {
	color: #555;
}

#sberDatForm .cell-with-note i.fa {
	margin-left: 4px;
	font-size: 120%;
	color: gray;
	position: relative;
	top: 1px;
}

#sberDatForm table > tbody > tr > th i.fa {
	margin-left: 10px;
}

#sberDatForm .product-row-even > * {
	background-color: #eee;
}

#sberDatForm table > tbody > tr.product-row-begin > * {
	border-top: 1px solid #888 !important;
}

#sberDatForm table > * > tr > *.cc {
	width: 40px;
	white-space: nowrap;
}

#sberDatForm table > * > tr > *.zastoupeni {
	width: 50px;
}

#sberDatForm .tab-content {
	padding: 0px;
}

#sberDatForm-settings > ul {
	position: absolute;
	top: 0px;
	right: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#sberDatForm-settings > ul > li {
	display: inline-block;
}

#pageSberIndexDatatable_customFilter {

}

#pageSberIndexDatatable_customFilter ul.buttons-checkbox > li.buttons-label .btn,
#pageSberIndexDatatable_customFilter ul.buttons-radio > li.buttons-label .btn,
#pageSberIndexDatatable_customFilter ul.buttons-checkbox > li .btn,
#pageSberIndexDatatable_customFilter ul.buttons-radio > li .btn {
	border-color: transparent;
	border-width: 4px;
	color: inherit;
}

#pageSberIndexDatatable_customFilter ul.buttons-checkbox > li.buttons-label .btn.active,
#pageSberIndexDatatable_customFilter ul.buttons-radio > li.buttons-label .btn.active,
#pageSberIndexDatatable_customFilter ul.buttons-checkbox > li .btn.active,
#pageSberIndexDatatable_customFilter ul.buttons-radio > li .btn.active {
	border-color: gray;
	background-color: #f5f5f5;
}

#pageSberIndexDatatable_customFilter ul.buttons-checkbox > li.all-ok.buttons-label .btn,
#pageSberIndexDatatable_customFilter ul.buttons-radio > li.all-ok.buttons-label .btn,
#pageSberIndexDatatable_customFilter ul.buttons-checkbox > li.all-ok .btn,
#pageSberIndexDatatable_customFilter ul.buttons-radio > li.all-ok .btn {
	background-color: #27C24C;
	color: white;
}

#pageSberIndexDatatable_customFilter ul.buttons-checkbox > li.all-ok.buttons-label .btn.active,
#pageSberIndexDatatable_customFilter ul.buttons-radio > li.all-ok.buttons-label .btn.active,
#pageSberIndexDatatable_customFilter ul.buttons-checkbox > li.all-ok .btn.active,
#pageSberIndexDatatable_customFilter ul.buttons-radio > li.all-ok .btn.active {
	border-color: green;
}

#sberDatForm tr.vyplneno > * {
	background-color: #D5F1CC;
}

#sberDatForm tr.nezastoupen > * {
	background-color: #EAF8E5;
}

#sberDatForm .ncs {
	white-space: nowrap;
}

#sberDatForm td.headline {
	background-color: #996530;
	color: black;
}

#sberDatForm .headline-region-label, #sberDatForm .headline-region-note {
	float: left;
	padding: 5px 5px 6px 5px;
}

#sberDatForm .headline-region-label {	
	width: 30%;
	font-weight: bold;
}

#sberDatForm .headline-region-note {
	width: 70%;
}

#sberDatForm .headline-region-note > * {
	width: 100%;
}

#sberDatForm .headline-region-note a {
	color: black;
}

#sberDatForm .headline-region-note .headline-region-link {
	text-align: right;
}

#sberDatForm .headline-region-note .headline-region-field > * {
	display: block;
	width: 100%;
}

textarea {
	resize: vertical;
}

#sberDatForm .headline-region-note .headline-region-field textarea {
	height: 50px;
	min-height: 50px;
}

.tooltip-inner {
    white-space:pre-wrap;
}

.tooltip-inner > *:last-child {
	margin-bottom: 0px;
}

.alert {
	margin-bottom: 8px;
}

.sweet-alert p {
	max-height: 200px;
	overflow: auto;
}

.sweet-alert-jsonMessageSimple p {
	text-align: left;
}

.sidebar {
	background-color: #3D4A53;
}

.sidebar > .nav > li > a,
.sidebar > .nav > li > .nav-item {
	color: white;
	position: relative;
}

.sidebar > .nav > li > a > span,
.sidebar > .nav > li > a > span {
	position: relative;
	padding-left: 30px;
}

.sidebar > .nav > li.active,
.sidebar > .nav > li.open,
.sidebar > .nav > li.active > a,
.sidebar > .nav > li.open > a,
.sidebar > .nav > li.active .nav,
.sidebar > .nav > li.open .nav {
	color: black;
}

.sidebar > .nav > li > a > em,
.sidebar > .nav > li > .nav-item > em {
	width: 30px;
	position: absolute;
	top: 15px;
}

.sidebar > .nav > li.active > a > em,
.sidebar > .nav > li.open > a > em {
	color: #996530;
	font-size: 160%;
	left: 18px;
	top: 10px;
}

.sidebar > .nav > li.active > a > span,
.sidebar > .nav > li.open > a > span {
	top: -2px;
	font-weight: bold;
}

.sidebar > .nav > li > a:focus,
.sidebar > .nav > li > .nav-item:focus,
.sidebar > .nav > li > a:hover,
.sidebar > .nav > li > .nav-item:hover {
	color: #996530;
}

.sidebar > .nav > li.active {
	border-left-color: #996530;
}

.sidebar-subnav {
	background-color: #3D4A53;
}

.sidebar-subnav > li > a:focus,
.sidebar-subnav > li > .nav-item:focus,
.sidebar-subnav > li > a:hover,
.sidebar-subnav > li > .nav-item:hover {
	color: #996530;
}

.sidebar-subnav > li > a,
.sidebar-subnav > li > .nav-item {
	color: white;
}

.sidebar-subnav > .sidebar-subnav-header {
	color: white;
}

.sidebar-subnav > li.active {
	background-color: white;
}

.sidebar-subnav > li.active > a,
.sidebar-subnav > li.active > .nav-item {
  color: black;
}

.sidebar-subnav > li > a:hover,
.sidebar-subnav > li > .nav-item:hover {
	
}

.sidebar-subnav > li > a > em,
.sidebar-subnav > li > .nav-item > em {
	width: 30px;
}

.sidebar-subnav > li.active > a > em,
.sidebar-subnav > li.active > .nav-item > em {
	color: #996530;
	font-size: 150%;
}

.sidebar-subnav > li.active > a > span,
.sidebar-subnav > li.active > .nav-item > span {
	position: relative;
	top: -2px;
}

.sidebar-subnav > li.active > a:after,
.sidebar-subnav > li.active > .nav-item:after {
  border-color: #996530;
  background-color: #996530;
}

.sidebar .nav-heading {
	color: #996530;
}


.nav-wrapper .navbar-nav.navbar-right > li > a {
	padding-top: 27px;
	padding-bottom: 7px;
}

#SESSION_EXPIRE_INFO {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px 15px 1px 15px;
	line-height: 22px;
	background-color: #3D4A53;
	color: white;
	border-bottom-left-radius: 3px;
}

#SESSION_EXPIRE_INFO.expire-warning {
	background-color: #f05050;
	font-weight: bold;
}

.form-filter-table td label {
	font-weight: normal;
}


.form-filter-table ul {
	margin: 0px;
	padding: 0px;
}

.form-filter-table tr > th {
	padding-right: 20px;
}

.form-filter-table tr > th > label {
	padding-top: 7px;
}

.form-filter-table tr > td {
	padding-bottom: 12px;
}

.form-filter-table tr > * {
	vertical-align: top;
}

.form-filter-table .checkbox-inline {
	margin: 0px;
	padding-left: 0px;
	padding-right: 16px;
}

.form-filter-table tbody>tr>th{
	min-width: 120px;
	width: 120px;
}

.form-filter-table tbody>tr>th p {
	font-weight: normal;
	margin: 0px;
}

table.table-reporting td {
	white-space: nowrap;
}

table.table-reporting-by-segment td.producer,
table.table-reporting-by-region td.producer {
	width: 8px;
	max-width: 8px;
}

.reporting-producer-headline {
	border-bottom: 3px solid transparent;
}

.reporting-li-bottom-plus li {
	margin-bottom: 8px !important;
}

.table.table-reporting > thead > * > * {
	background-color: #996530;
	color: black;
	font-size: 14px;
}

.nowrap {
	white-space: nowrap;
}

.extern, /* Pouze CSS */
.external { /* CSS + JS hook */
	position: relative;
	display: inline-block;
	padding-right: 20px;
}

.extern:after,
.external:after {
	/*
	//position: absolute;
	font-family: FontAwesome;
	content: '\f08e';
	right: 1px;
	bottom: -1px;
	display: inline;
	position: relative;
	top: 1px;
	left: 4px;
	*/
	position: absolute;
	font-family: FontAwesome;
	content: '\f08e';
	right: 1px;
	bottom: -1px;
}

.btn.extern:after,
.btn.external:after {
	bottom: 5px;
	right: 10px;
}

.btn.extern,
.btn.external {
	padding-right: 28px;
}

/*.extern:hover:after,
.external:hover:after {
	text-decoration: underline;
}*/

.gray {
	color: gray;
}

.red {
	color: red;
}

.green {
	color: green;
}

.graph-tooltip-headline {
	font-size: 14px;
	color: black;
}

.graph-tooltip-cell-label,
.graph-tooltip-cell-data {
	font-size:13px;
	padding: 0px 0px 1px 0px;
}

.graph-tooltip-cell-label {	
	padding-right: 8px;
}

.graph-tooltip-cell-data {
}


*[data-toggle="tooltip"] {
	cursor: help;
}

p *[data-toggle="tooltip"] {
	margin-left: 5px;
	margin-right: 5px;
	font-size: 120%;	
}

p.note > strong {
	border-bottom: 1px dashed gray;
}

#hp-box-custom .panel {
	position: relative;
}

#hp-box-custom .panel-heading {
	padding-right: 40px;
	background-color: #996530;
}

#hp-box-custom .panel-heading > .fa {
	cursor: move;
}

#hp-box-custom .panel-heading > a {
	color: black;
}

#hp-box-custom .panel-heading > a .fa {
	display: none;
}

#hp-box-custom .panel-heading > a:hover {
	text-decoration: underline !important;
}

#hp-box-custom .panel-heading > a:hover .fa {
	display: inline-block;
}

.panel-controls {
	position: absolute;
	top: 5px;
	right: 0px;	
	border-bottom-left-radius: 3px;
	padding: 3px 5px 4px 5px;
}

.panel-controls .btn.btn-del:hover {
	background-color: red;
	color: white;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

#hp-map img {
	width: 100%;
}

.graph-map {
	max-width: 100%;
	width: 100%;
	position: relative;
}

.graph-map > img {
	width: 100% !important;
}

.graph-map > .graph-map-content-wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	font-size: 12px;
}

.graph-map > .graph-map-content-wrapper > * {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background-color: white;

	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);

	position: absolute;
	margin-top: -30px;
	margin-left: -30px;
}

.graph-map > .graph-map-content-wrapper > * > * {
	display: block;
	text-align: center;
	color: black;
}

.graph-map > .graph-map-content-wrapper > * > .price {
	font-size: 120%;
	height: 40px;
	line-height: 25px;
	padding: 15px 0px 0px 0px;
}

.graph-map > .graph-map-content-wrapper > * > .price.price-2 {
	line-height: 30px;
	padding: 10px 0px 0px 0px;
	line-height: 15px;
}

.graph-map > .graph-map-content-wrapper > * > .currency {
	font-size: 80%;
	height: 20px;
	line-height: 20px;
	padding: 0px 0px 2px 0px;
}

@media (max-width: 600px) {

	/*.content-hp*/ .graph-map > .graph-map-content-wrapper {
		font-size: 8px;
	}

	/*.content-hp*/ .graph-map > .graph-map-content-wrapper > * {
		width: 40px;
		height: 40px;
		border-radius: 20px;
	}

	/*.content-hp*/ .graph-map > .graph-map-content-wrapper > * > .price {
		height: 30px;
		line-height: 20px;
		padding: 8px 0px 0px 0px;
	}

	/*.content-hp*/ .graph-map > .graph-map-content-wrapper > * > .price.price-1 {
		height: 25px;
	}

	/*.content-hp*/ .graph-map > .graph-map-content-wrapper > * > .price.price-2 {
		line-height: 20px;
		padding: 5px 0px 0px 0px;
		line-height: 12px;
	}

	/*.content-hp*/ .graph-map > .graph-map-content-wrapper > * > .currency {
		height: 10px;
		line-height: 10px;
	}
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-checkbox > label > em,
.c-radio > label > em {
	font-style: normal;
}

.media-box {
	text-align: left;
}

.note-wrapper,
.note-wrapper .panel-heading {
	color: gray;
}

.note-wrapper .panel {
	position: relative;
}

.panel-label {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 80%;
	padding: 1px 6px 4px 6px;
	background-color: #cfdbe2;
	border-bottom-left-radius: 4px;
}

.panel-label em {
	position: relative;
	top: 0px;
	margin-right: 1px;
}

.panel-heading {
	font-weight: bold;
}

.panel-heading .thin {
	font-weight: normal;
}

.note-wrapper .panel-body {
	padding-top: 0px;
}

.link-u {
	text-decoration: none !important;
}

.link-u .u {
	text-decoration: underline;
}

.link-u:hover .u {
	text-decoration: none;
}

.link-u .u-hover {
	text-decoration: none;
}

.link-u:hover .u-hover {
	text-decoration: underline !important;
}

.sweet-alert h2 {
	margin: 10px 0px 15px 0px;
}

.sweet-alert button {
	margin-top: 6px;
}

/*
Vysvětlení stylování disabled a readonly
----------------------------------------
JS komponenty rozlišují především disabled (na readonly reagují jako by tam omezení nebylo,
tj. nereagují), takže komponenty musejí mít při readonly i disabled, aby to fungovalo smysluplně
(readonly = nejde upravit, defakto stejně jako disabled = nejde upravit).
=> Základní styl je disabled, a readonly musí být vyšší prioritu (je dál v CSS kódu),
tj.:
- pokud je pouze disabled, pak vzhled 'disabled'
- pokud je pouze readonly, pak vzhled 'readonly'
- pokud je disabled i readonly, pak se form prvek tváří jako 'readonly' !!!
*/

input[disabled],
.form-control[disabled] {
	/* Správné disabled */
	background-color: #f4f4f4;
	border: 1px solid #ddd;
	color: #aaa;

	/* Přebráno z readonly, protože řada formulářových polí je postavená na disabled */
	background-color: #efefef;
	border: 1px solid #aaa;
	color: #888; /* .form-control #3a3f51 */
	cursor: default;
}

input[readonly],
.form-control[readonly] {
	background-color: #eee;
	border: 1px solid #aaa;
	color: #666; /* .form-control #3a3f51 */
	cursor: default;
}

.select2-container.select2-container-disabled .select2-choice {
	color: #aaa;
}

.select2-container.select2-container-disabled:not([readonly]) .select2-choice {
	cursor: not-allowed;
}

.select2-container.select2-container-disabled[readonly] .select2-choice {
	background-color: #eee;
	border: 1px solid #aaa;
	color: #666; /* .form-control #3a3f51 */
}

.select2-container.select2-container-disabled[readonly] .select2-choice .select2-arrow {
	background-color: #eee;
	color: #666; /* .form-control #3a3f51 */
}

.select2-container.select2-container-disabled:not([readonly]) .select2-choice .select2-arrow {
	cursor: not-allowed;
}

a.list-group-item.readed {
	color: #aaa;
}

.alert.alert-success a,
.alert.alert-info a,
.alert.alert-warning a,
.alert.alert-danger a {
	color: white;
	text-decoration: underline;
}

.modal-absolute {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

.modal-absolute > .modal-dialog {
	margin: 0px auto;
	margin: -2px 0px 0px -2px;
}

fieldset {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

legend.subheadline {
	font-size: 16px;
}

legend {
	/*color: #996530;*/
}

.panel-default {
	/*border-color: #996530;*/
}

a {
	color: #996530;
}

a:hover {
	color: #AD8359;
}

.content-heading .pull-right .btn-group .btn-default {
	background-color: #996530;
	border-color: #996530;
	color: white;
}

.content-heading .pull-right .btn-group .btn-default:hover {
	background-color: #AD8359;
	border-color: #AD8359;
}

/* ========================================================================== */

.c-checkbox input[type="radio"]:checked + span::before,
.c-radio input[type="radio"]:checked + span::before {
	color: white;
}

.c-checkbox input[type="checkbox"]:checked + span,
.c-radio input[type="checkbox"]:checked + span,
.c-checkbox input[type="radio"]:checked + span,
.c-radio input[type="radio"]:checked + span {
	background-color: #996530;
	border-color: #996530;	
}

.c-checkbox:hover input[type="checkbox"]:checked + span,
.c-radio:hover input[type="checkbox"]:checked + span,
.c-checkbox:hover input[type="radio"]:checked + span,
.c-radio:hover input[type="radio"]:checked + span {
	background-color: #AD8359;
}

.c-checkbox:hover span, .c-radio:hover span {
	border-color: #996530;
}

.c-checkbox input[type=checkbox][disabled]:checked + span,
.c-radio input[type=checkbox][disabled]:checked + span,
.c-checkbox input[type=radio][disabled]:checked + span,
.c-radio input[type=radio][disabled]:checked + span {
	border-color: #333 !important;
	cursor: not-allowed;
}

.c-checkbox input[type=checkbox][disabled]:checked + span:before,
.c-radio input[type=checkbox][disabled]:checked + span:before,
.c-checkbox input[type=radio][disabled]:checked + span:before,
.c-radio input[type=radio][disabled]:checked + span:before {
	color: black;
}

/* Proč? Něco v programu maže atribut disabled, takže zůstává jenom třída */
.c-checkbox input[type=checkbox].disabled:checked + span,
.c-radio input[type=checkbox].disabled:checked + span,
.c-checkbox input[type=radio].disabled:checked + span,
.c-radio input[type=radio].disabled:checked + span {
	border-color: #333 !important;
	cursor: not-allowed;
	background-color: #DDDDDD;
}

.c-checkbox input[type=checkbox].disabled:checked + span:before,
.c-radio input[type=checkbox].disabled:checked + span:before,
.c-checkbox input[type=radio].disabled:checked + span:before,
.c-radio input[type=radio].disabled:checked + span:before {
	color: black;
}

/* ========================================================================== */


.btn-primary {
	background-color: #996530;
	border-color: #996530;
}

.btn-primary:hover {
	background-color: #AD8359;
	border-color: #AD8359;
}

a.btn, a.btn:hover {
	text-decoration: none !important;
}

nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.content-wrapper > h3, .content-wrapper > .content-heading {
	margin-top: -28px;
	padding-bottom: 16px;
	margin-bottom: 15px;
}

nav.horizontal-menu-wrapper { /* KOPIE Z ".content-wrapper > h3, .content-wrapper > .content-heading" */
	margin: -15px -20px 15px -20px;
}

nav.horizontal-menu-wrapper > ul > li {
	float: left;
}

nav.horizontal-menu-wrapper > ul > li > a {
	border-top-style: none;
	border-left-style: none;
}

nav.horizontal-menu-wrapper > ul > li:first-child > a {
	/*border-left-style: solid;*/
	padding-left: 20px;
}

nav.horizontal-menu-wrapper > ul > li.type-divider-item > span {
	width: 1px;
	background-color: gray;
}

.content-switch > nav {
	position: relative;
	z-index: 1;
}

.content-switch > nav > ul {
}

.content-switch > nav > ul > li {
	float: left;
}

.content-switch > nav > ul > li > a {
	border: 1px solid #cfdbe2;
	border-left-style: none;
}

.content-switch > nav > ul > li:first-child > a {
	border-top-left-radius: 4px;
}

.content-switch > nav > ul > li:last-child > a {
	border-top-right-radius: 4px;
}

.content-switch > div {
	/*margin-top: -3px;*/
	position: relative;
	z-index: 0;
}

.content-switch > div > section > .panel {
	border-top-left-radius: 0px;
	
}

.content-switch > nav > ul > li:first-child > a {
	border-left-style: solid;
}

.nav-tab-like-item > ul > li {
	position: relative;
}

.nav-tab-like-item > ul > li > a {
	position: relative;
	display: block;
	border: 1px solid #cfdbe2;
	text-decoration: none;
}

.nav-tab-like-item > ul > li.item.type-divider-item > span {
	background-color: #cfdbe2;
	width: 2px;
	display: block;
	height: 39px;
}

.nav-tab-like-item > ul > li > a {
	padding: 8px 6px 9px 6px;
}

.nav-tab-like-item > ul > li.active > a {
	background-color: #996530;
	color: white;
	font-weight: bold;
}

.nav-tab-like-item > ul > li > a:hover {
	text-decoration: none;
	background-color: #AD8359;
	color: white;
}

.nav-tab-like-item > ul > li:first-child {
	/*padding-left: 10px;*/
}

.nav-tab-like-item > ul > li > .labels {
	position: absolute;
	top: -3px;
	right: -2px;
}

.nav-tab-like-item > ul > li > .labels > * {
	display: block;
}

.nav-tab-like-item > ul > li > .labels > .label-count {
	border-radius: 8px;
	min-width: 16px;
	height: 16px;
	line-height: 15px;
	text-align: center;
	background-color: white;
	border: 1px solid #999;
	background-color: #aaa;
	color: white;
	font-size: 9px;
	padding: 0px 3px;
}

nav.horizontal-menu-wrapper > ul > li:last-child > a {
	border-right-style: solid;
}


.dragsort-handler {
	cursor: pointer;
}

#nemovitost_list_table > tbody > tr:first-child > * {
	background-color: #DECDBC;
}

#client_list_table > tbody > tr:first-child > * {
	background-color: #DECDBC;
}

.bg-active > * {
	background-color: #996530 !important;
	color: white !important;
}

.bg-active > * a {
	color: white !important;
}

.form-control-text {
	border-color: white;
	border-color: transparent;
	background-color: transparent;
}

input[type='file'] {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.SimpleFormEditorBuilder > .table > tbody > tr > td {
	vertical-align: top;
}

.SimpleFormEditorBuilder > .table > tbody > tr > td > label {
	padding-top: 8px;
	padding-left: 6px;
}

.SimpleFormEditorBuilder label.require {
	position: relative;
}

.SimpleFormEditorBuilder label.require:before {
	position: absolute;
	top: 0px;
	left: -5px;
}

.SimpleFormEditorBuilder > table .hlaseni > *:first-child {
	margin-top: 8px;
}

.SimpleFormEditorBuilder .file-exists {
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 10px 15px;
	position: relative;
}

.SimpleFormEditorBuilder .file-exists-current {
	position: relative;
	margin-bottom: 8px;
}

.SimpleFormEditorBuilder .file-exists-new {
	position: relative;
}

.SimpleFormEditorBuilder .file-exists-new > * {
	display: block;
}

.SimpleFormEditorBuilder .file-exists-current-delete {
	position: absolute;
	top: -8px;
	right: -10px;
}

.SimpleFormEditorBuilder .file-exists-current-delete .checkbox {
	width: auto;
	padding: 0px;
}

.select2-container .select2-selection--single {
	height: 35px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0px 16px;
	line-height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 33px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #996530;
	color: white;
}

.select2-results .select2-highlighted .select2-result-label:hover {
	color: black;
}

.select2-results .ui-select-choices-row:hover {
    background-color: #9ab9eb;
	color: black;
}

.select2-results .ui-select-choices-row.select2-highlighted {
	background-color: #9ab9eb;
	color: black;
}

.plupload_container {
	padding: 0px;
}

.plupload_button.plupload_button_clear {
	padding-left: 10px;
}




tr.task-priority-low td.task-priority {
	background-color: #C1FFC1;
}

tr.task-priority-medium td.task-priority {
	background-color: #fcf28f;
}

tr.task-priority-high td.task-priority {
	background-color: #FFB2B2;
}

tr.deadline-over {
	color: red;
}


.ui-datepicker {
	padding: 5px 8px 6px 8px;
	/*border: 1px solid #ddd;*/
	/*background: url("../img/bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	background-color: #996530;
}

/*.form-control.datepicker-focus {
	border-bottom-left-radius: 0px;
}*/

/*body > .ui-datepicker {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}*/

.ui-datepicker .ui-datepicker-header > * {
	color: white;
}

.ui-datepicker .ui-datepicker-today {
	background-color: #3D4A53;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-state-default.ui-state-hover {
	background: none;
}

.ui-datepicker .ui-datepicker-today > a {
	color: white;
}

.ui-datepicker table {
	background-color: white;
}

.ui-datepicker th,
.ui-datepicker td {
	padding: 5px 7px;
	text-align: center;
	border: 1px solid #DDD;
}

.ui-datepicker thead td {
	background-color: #ddd;
}

.ui-datepicker thead td, .ui-datepicker thead td *,
.ui-datepicker tbody td.ui-datepicker-other-month, .ui-datepicker tbody td.ui-datepicker-other-month * {
	cursor: default;
}

.ui-datepicker tbody td:not(.ui-datepicker-other-month) {
	text-align: right;
	cursor: pointer;
}

.ui-datepicker td a:hover {
	text-decoration: none !important;
}

.ui-datepicker td.ui-datepicker-current-day {
	background-color: #996530;
}

.ui-datepicker td.ui-datepicker-current-day > * {
	border-style: none;
	background-color: transparent;
	color: white;
}

.ui-datepicker td:not(.ui-datepicker-other-month):not(.ui-state-disabled):hover {
	background-color: #AD8359;
}

.ui-datepicker td:not(.ui-datepicker-other-month):not(.ui-state-disabled):hover * {
	background-color: transparent !important;
	color: white !important;
}

.ui-datepicker tbody td.ui-state-disabled {
	cursor: not-allowed;
	background-color: #F0F0F0;
	color: #bbb !important;
}

.ui-datepicker tbody td.ui-state-disabled > span {
	background-color: inherit;
	color: inherit;
}

.ui-datepicker-title {
	text-transform: uppercase;
	padding: 5px 7px;
	text-align: center;
	font-weight: bold;
}

.ui-datepicker-prev, .ui-datepicker-next {
	width: 50%;
	display: inline-block;
	padding: 5px 0px;
	cursor: pointer;
}

.ui-datepicker-prev {
	text-align: left;
}

.ui-datepicker-next {
	text-align: right;
}

.ui-state-disabled {
	color: #CCC !important;
}

.ui-state-disabled:hover {
	text-decoration: none;
}


.btn-large {
	font-size: 20px;
	padding: 12px 30px;
}


.message-box-window-in > h2 {
	background-color: #996530;
	color: white;
}


.task-done-modal form > fieldset {
	padding-bottom: 0px;
}

.bg-active .row-link > a.btn,
.bg-active .task-done-link > a.btn {
	background-color: white;
	color: black !important;
}

.bg-active .row-link > a.btn:hover,
.bg-active .task-done-link > a.btn:hover {
	background-color: #ad8359;
    border-color: #ad8359;
}

.btn-fa {
	padding-left: 10px;
	padding-right: 10px;
}


.hlaseni-fixed {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 10000;
	background-color: black;
}

.hlaseni-fixed-in {
	margin: auto;
	width: 100%;
	max-width: 1024px;
	padding-top: 15px;
}

.hlaseni-fixed ul {
	list-style-type: none;
}

.hlaseni-fixed ul.hlaseni > li,
.hlaseni-fixed ul.hlaseni > li a {
	color: white;
}

.hlaseni-fixed ul > li {
	margin-bottom: 8px;
	padding: 5px 10px;
	text-align: center;
}

.form-horizontal .control-label.require {
	padding-top: 2px;
}

.SimpleFormEditorBuilder label.require:before,
.control-label.require > span {
    color: red;
    content: "*";
    font-family: "regular";
    font-size: 20px;
    font-weight: normal;
}

.control-label.isRequired {
	padding-left: 12px;
	position: relative;
}

.control-label.isRequired:before {
	position: absolute;
	top: -1px;
	left: 0px;
	content: '*';
	color: red;
	font-size: 100%;
	font-weight: bold;
}

.wizard {
	/*border: 1px solid #efefef;*/
	border-radius: 3px;
	background-color: white;
	/*padding: 10px 10px 15px 10px;*/
	padding: 0px;

	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}

.wizard > .content {
	padding: 0.8em;
}

.wizard > .steps ul {
	border-bottom: 3px solid #996530;
	/*margin: 0.5em;*/
}

.wizard > .steps ul > li {
}

.wizard > .steps ul > li > * {
	display: block;
}

.wizard > .steps button {
	display: block;
	width: 100%;
	border-style: none;
	padding: 0px;
}

.wizard > .steps .step-item,
.wizard > .steps .step-item:hover,
.wizard > .steps .step-item:active {
	margin: 0px 0px 0em 0px;
	vertical-align: top !important;
	display: block;
	height: 100%;
}

.wizard > .steps .current .step-item,
.wizard > .steps .current .step-item:hover,
.wizard > .steps .current .step-item:active {
	background-color: #996530;	
}

.wizard > .content {
	/*border: 1px solid #efefef;
	padding: 10px 10px 15px 10px;*/
}


.panel-table>*>*>.wizard {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}


.splatkovy-kalednar {
	margin-bottom: 20px;
}

.panel-table>.splatkovy-kalednar {
	margin-bottom: 0px;
}

.menu-btns > ul > li {
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #ccc;
	margin: 0px 0px 5px 0px;
}

.menu-btns > ul > li:last-child {
	border-bottom-style: none;
}

.menu-btns > ul > li a, .menu-btns > ul > li .btn-group {
	margin-bottom: 5px;
}


.map-container {
	position: relative;
	border: 1px solid #eee;
}

.map-container > img {
	width: 100%;
}

.map-container > a {
	position: absolute;
	display: block;
	right: 0px;
	bottom: 0px;
	background-color: white;
	color: black;
	padding: 3px 8px 4px 8px;
}


.form-control.highlight {
	background-color: #FFEE75;
}

.form-control.text-muted {
	color: #909fa7; /* dle .text-muted */
}

.input-group-addon.text-muted {
	color: #909fa7; /* dle .text-muted */
}

.table-cell-padding {
	padding: 8px;
}




.window-pripadFileNavrhAction .row-file-navrh-header,
.window-pripadFileSpisAction .row-file-spis-header {
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}

.window-pripadFileNavrhAction .row-link-info,
.window-pripadFileSpisAction .row-link-info {
	padding: 0px 0px 15px 0px;
}






.window-alert .window-alert-content {
	text-align: center;
	padding: 0px 0px 15px 0px;
}

.window-alert.window-alert-type-danger .message-box.message-box-window-in > h2 {
	background-color: #FF4C4C;
}

.window-alert.window-alert-type-danger .message-box.message-box-window-in .btn-primary {
	background-color: #FF4C4C;
}

.window-alert.window-alert-type-success .message-box.message-box-window-in > h2 {
	background-color: #27c24c;
}

.window-alert.window-alert-type-success .message-box.message-box-window-in .btn-primary {
	background-color: #27c24c;
}

.window-alert.window-alert-type-info .message-box.message-box-window-in > h2 {
	background-color: #23b7e5;
}

.window-alert.window-alert-type-info .message-box.message-box-window-in .btn-primary {
	background-color: #23b7e5;
}




ul.steps,
ul.steps > li {
	margin: 0px;
	padding: 0px;
}


ul.steps > li {
	list-style-type: none;
	margin: 0px 5px 5px 0px;
	float: left;
	position: relative;
}

ul.steps > li:last-child {
	margin-right: 0px;
}

ul.steps > li > .life-ukonceno-krizek,
ul.steps > li > .life-state {
	display: block;
}

ul.steps > li > .life-state {
	position: relative;
	border-radius: 10px;
	
	font-size: 13px;	
	background-color: #ccc !important;
	color: black !important;

	min-width: 20px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	padding: 0px 6px;
}

ul.steps > li.step-light > .life-state {
	background-color: #96BFF3 !important;
	color: white !important;
}

ul.steps > li.step-normal > .life-state {
	background-color: #5d9cec !important;
	color: white !important;
}

ul.steps > li.step-bold > .life-state {
	background-color: navy !important;
	color: white !important;
}

ul.steps > li.step-red > .life-state {
	background-color: red !important;
	color: white !important;
}

ul.steps > li.step-yellow > .life-state {
	background-color: yellow !important;
	color: black !important;
}

ul.steps > li.step-green > .life-state {
	background-color: green !important;
	color: white !important;
}

ul.steps > li > .life-ukonceno-krizek {
	position: absolute;
	color: red;
	z-index: 1;
	font-size: 17px;
	line-height: 1;
	top: -5px;
	right: 0px;
	font-weight: bold;
}



.step-circle {
	display: inline-block;
	position: relative;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	line-height: 18px;
	font-size: 13px;
	text-align: center;
	background-color: #ccc !important;
	color: black !important;
	margin-right: 4px;
}

.step-circle.step--blue-dark {
	background-color: #5d9cec !important;
	color: white !important;
}


.step-circle.step--blue-light {
	background-color: #96BFF3 !important;
	color: white !important;
}

.step-circle.step--light {
	background-color: #96BFF3 !important;
	color: white !important;
}



.note-top-separator {
	border-top: 1px solid #ccc;
}


.content-wrapper > h3 > small,
.content-wrapper > .content-heading > small {
	font-size: 75%;
	display: inline-block;
	padding: 0px 10px;
}

.message-box .row-task-deadline {
	width: 60%;
	float: left;
}

.message-box .row-task-priority {
	width: 40%;
	float: left;
}

.message-box .row-task-comment {
	width: 100%;
	float: left;
	margin: 10px 0px 0px 0px;
}

.message-box .row-task-comment textarea {
	min-height: 80px;
}

.message-box .row-container {
	margin: 0px -10px;
	margin-bottom: 15px;
}

.message-box .row-container > * {
	padding: 0px 10px;
}

.normal {

}

table.uver-splatky-waiting,
table.uver-splatky-waiting td,
table.uver-splatky-waiting th {
	border: 1px solid #ddd !important;
}

table.uver-splatky-waiting {
	margin-bottom: 20px !important;
}

table.table-simple {
	border: 1px solid #ccc;
}

table.table-simple tr > * {
	border: 1px solid #ccc;
}

.pripad-show .task-text {
	width: 120px;
	max-width: 120px;
}

.pripad-show .task-comment {
	width: 120px;
	max-width: 120px;
}

.page-nastenka .task-text {
	width: 240px;
	max-width: 240px;
}

.page-nastenka .task-comment {
	width: 240px;
	max-width: 240px;
}


.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.yes {
	color: green;
}

.col-yes-or-no {
	padding-left: 3px;
	padding-right: 3px;
}

.mark_isMarkInsolvence, .mark_isMarkZesplatnen,
.mark_CovidN, .mark_CovidZ {
	color: red;
}

.dluhyPoSplatnosti-with-null span {
	color: blue;
}

.dluhyPoSplatnosti-with-null strong {
	color: red;
}

.table-vycisleni-souhrn tr > * {
	line-height: 1.2;
	padding-top: 3px;
	padding-bottom: 4px;
}

.table-vycisleni-souhrn tr > td {
	vertical-align: bottom !important;
}

.table-vycisleni-souhrn table {
	width: 100%;
}

.table-vycisleni-souhrn table .number {
	padding-left: 20px;
}

.table-vycisleni-souhrn tfoot {
	font-size: 120%;
}


td.separator-t1-left {
	border-left: 3px solid gray !important;
}






.ukp-note-sidebar__container {
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	width: 520px;
	background-color: #FFF;
	/*color: white;*/
	transition: 0.3s;
	/*padding-top: 8px;*/
	overflow: hidden;
	z-index: 1000;
	border-left: 3px solid #AD8359;
	box-shadow: -4px 0 10px rgba(0, 0, 0, 0.3);
}

.ukp-note-sidebar__container .ukp-note-sidebar__btn-close {
	position: absolute;
	top: 0;
	right: 12px;
	font-size: 28px;
	background: none;
	border: none;
	color: #999;
	cursor: pointer;
}

.ukp-note-sidebar__container .ukp-note-sidebar__btn-close:hover {
	color: #666;
}

.ukp-note-sidebar__content {
	/*margin: 16px;*/
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden; /* Zabránění skrolování v tomto obalovém prvku */
	height: 100%;
}

@media screen and (min-width: 769px) {
	.ukp-note-sidebar__container {
		border-left: 3px solid #AD8359;
	}
}

@media screen and (max-width: 768px) {
	.ukp-note-sidebar__container {
		width: 100%;
	}
}

.ukp-note-sidebar__loader {

	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;

	/*flex-grow: 1;*/
	text-align: center;
	padding: 10% 16px 10% 16px;
	border-radius: 8px;
	background-color: #f9f9f9;
	border: 1px solid #efefef;
}

.ukp-note-sidebar__loader-icon {
	padding-bottom: 16px;
}

.ukp-note-sidebar__loader-label {
	margin-bottom: 10%;
}







.panel-xs .panel-heading {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
}

.panel-xs .panel-body {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
}


.panel-xs .panel-footer {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}

/* panel-xs-y je panel-xs pouze ve vertikální stylu */
.panel-xs-y .panel-heading {
	padding-top: 6px;
	padding-bottom: 6px;
}

.panel-xs-y .panel-body {
	padding-top: 6px;
	padding-bottom: 6px;
}

.panel-xs-y .panel-footer {
	padding-top: 4px;
	padding-bottom: 4px;
}




.label-button-group__container {

}

.label-button-group__list {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 8px;
}

.label-button-group__list--xs {
	padding-bottom: 4px;
	gap: 4px;
}

.label-button-group__item {
	
}

.label-button-group__group {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	border-radius: .25em;
	overflow: hidden;
	font-size: 85%;
	border: 1px solid #aaa;
}

.label-button-group__list--xs .label-button-group__group {
	font-size: 75%;
}

.label-button-group__group > * {
	padding: 6px 8px 5px 8px;
	line-height: 1;
	vertical-align: baseline;
}

.label-button-group__list--xs .label-button-group__group > * {
	padding: 3px 6px 2px 6px;
}

.label-button-group__name {
	font-weight: bold;
	background-color: #ddd;
}

.label-button-group__name + .label-button-group__value {
	border-left: 1px solid #aaa;
}

.label-button-group__value {
	font-weight: normal;
}

.tsk-table__table-main .cell-note {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}

.tsk-table__table-main .cell-note > * {
	flex-shrink: 0;
}

.tsk-table__table-main .tsk-cell__note-text {
	flex-grow: 1;
}

.tsk-table__table-main .cell-note>div.tsk-cell__note-buttons {
	padding: 5px 5px 0px 5px;
	display: flex;
	gap: 5px;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;	
}

.tsk-row--not-ukp-date-creation-passed {
	opacity: 0.75;
}

.tsk-cell__note-button--highlight {
	padding-left: 6px;
	padding-right: 6px;
}

.tsk-cell__note-button--highlight > i.fa {
	padding-right: 2px;
}

.tsk-cell__note-button--user {
	padding-left: 6px;
	padding-right: 6px;
}

.tsk-cell__note-button--user > i.fa {
	padding-right: 2px;
}

.tsk-cell__note-button--total {
	padding-left: 6px;
	padding-right: 6px;
}

.tsk-cell__note-button--total > i.fa {
	padding-right: 2px;
}

.tsk-cell__note-button--add {
	padding-left: 8px;
	padding-right: 8px;
}

@media screen {
	.tsk-table__table-main--std .tsk-cell__type-info {
		min-width: 230px;
	}
}

@media print {
	.tsk-table__table-main--std .tsk-cell__type-info {
		min-width: 115px;
	}
}

@media screen {
	

	.tsk-table__table-main .cell-note {
		padding: 0px;
	}

	.tsk-table__table-main .cell-note>div.tsk-cell__note-text {
		/*height: 100%;*/
		overflow: auto;
		padding: 0px 5px 5px 5px;
		max-height: 130px;
	}
}

.tsk-cell-action {
	width: 1%;
}

.tsk-table__table-main .tsk-table__income {
	color: black;
}

.tsk-table__table-main .tsk-table__income tr > * {
	padding: 1px 3px;
}


.table-striped > tbody > tr.bg-success:nth-of-type(2n+1) {
	/* .bg-success ... #27c24c => https://www.colorhexa.com/27c24c Shade Color Variation -1 */
    background-color: #24b246;
}

.table-striped > tbody > tr.bg-success-light:nth-of-type(2n+1) {
	/* .bg-success ... #43d967 => https://www.colorhexa.com/43d967 Thin variation -1 */
    background-color: #53dc74;
}

.table-striped > tbody > tr.bg-info:nth-of-type(2n+1) {
	background-color: #1FA4CE;
}

.table-striped > tbody > tr.bg-info-light:nth-of-type(2n+1) {
	/* .bg-success ... #1FA4CE => https://www.color-hex.com/color/4bb6d7 Thin variation -2 */
    background-color: #4bb6d7;
}

.table-striped > tbody > tr.bg-info-light:nth-of-type(2n+1) .text-muted {
	/* .text-muted ... #909fa7 => https://www.color-hex.com/color/909fa7 Shades +3 */
	color: #646f74;
}

.table-striped > tbody > tr.bg-warning:nth-of-type(2n+1) {
    background-color: #E58126;
}

.table-striped > tbody > tr.bg-warning-light:nth-of-type(2n+1) {
	/* .bg-success ... #E58126 => https://www.color-hex.com/color/e58126 Thin variation -2 */
    background-color: #ea9a51;
}

.table-striped > tbody > tr.bg-danger:nth-of-type(2n+1) {
    background-color: #d84848;
}

.table-striped > tbody > tr.bg-danger-light:nth-of-type(2n+1) {
	/* .bg-success ... #f47f7f => https://www.colorhexa.com/f47f7f Thin variation -1 */
	background-color: #f26d6d;
}

.table-striped > tbody > tr.bg-success a,
.table-striped > tbody > tr.bg-info a,
.table-striped > tbody > tr.bg-warning a,
.table-striped > tbody > tr.bg-danger a {
	color: white;
}




.table.table-bordered > * > tr > .cell-border-left-bold {
	border-left-style: solid;
	border-left-width: 3px !important;
	border-left-color: #888 !important;
}

.table.table-bordered > * > tr > .cell-border-left-black {
	border-left-style: solid;
	border-left-color: black !important;
}


.buttons-row {
	padding-top: 15px;
	padding-bottom: 20px;
}


.table thead > tr > * > span[data-toggle=tooltip],
.table tfoot > tr > * > span[data-toggle=tooltip] {
	border-bottom: 1px dotted gray;
}


.headline-prefix {
	float: left;
}

.headline-main-base {
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

.headline-main-main {
	padding: 0px 0px 0px 0px;
}

.headline-main-small {
	font-size: 85%;
	padding-top: 4px;
	padding-bottom: 4px;
}

.headline-main-base ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	/*margin-top: -6px;*/
}

.headline-main-base ul li {
	
}

.headline-main-base ul.marks li {
	float: left;
	margin: 6px 8px 0px 0px;
	cursor: default;
	font-size: 75%;
	color: black;
}

.headline-main-base ul.marks li:not(.unstyled) {
	border: 1px solid #ddd;
	border-radius: 2px;
	background-color: #FFF78B;
	padding: 2px 6px 3px 6px;
	color: #929292;
}

.headline-main-base ul.marks .archive-date-info {
	padding: 2px 6px 3px 6px;
}

.headline-main-base ul.marks li.type-stav-smluvniho-vztahu {
	background-color: #9AFF9D;
}

.headline-main-base ul.marks li.marks__mark--postoupen {
	background-color: #7df9ff;
}

.isMarkPostoupen {
	color: #00b7eb;
}

/*.form-pobocka-edit input:focus {
	border: 5px solid red;
}*/

.fixed-content-menu {
	display: none;
	position: fixed;
	top: 130px;
	right: 10px;
	z-index: 120;
	background-color: white;
	border: 1px solid #efefef;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	
	
}





.hp-nav {
	margin: 0px -10px 10px 0px;
	padding: 0px;
}

.hp-nav > li {
	float: left;
	width: 25%;
	list-style-type: none;
	padding: 0px 10px 10px 0px;
	margin: 0px;
}

.hp-nav.hp-nav-col-3 > li {
	width: 33.3334%;
}

.hp-nav.hp-nav-col-4 > li {
	width: 25%;
}

.hp-nav.hp-nav-col-5 > li {
	width: 20%;
}

.hp-nav.hp-nav-col-6 > li {
	width: 16.6667%;
}

.hp-nav.hp-nav-col-7 > li {
	width: 14.2857%;
}

.hp-nav.hp-nav-col-8 > li {
	width: 12.5%;
}

.hp-nav.hp-nav-col-12 > li {
	width: 8.3334%;
}

.hp-nav > li > a {
	display: block;
	color: black;
	border: 1px solid #dde6e9;
	background-color: #fcfcfc;
	border-radius: 6px;
	padding-top: 22px;
}

.hp-nav > li.active > * {
	background-color: #E1E1E1;
	border: 1px solid #C6CFD1;
}

.hp-nav > li > a > * {
	display: inline-block;
	text-align: center;
	width: 100%;
	vertical-align: middle;
}

.hp-nav > li > a > em {
	padding: 8px 20px 10px 20px;
	font-size: 50px;
	height: 78px;
}

.hp-nav > li > a > em.fa-barcode {
	font-size: 65px;
}

.hp-nav > li > a > span {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.4;
	padding: 0px 0px 30px 0px;
}

.hp-nav.hp-nav-col-5 > li > a > span {
	font-size: 18px;
}

.hp-nav.hp-nav-col-6 > li > a > span {
	font-size: 16px;
}

.hp-nav.hp-nav-col-7 > li > a > span {
	font-size: 15px;
}

.hp-nav.hp-nav-col-8 > li > a > span {
	font-size: 15px;
}

.hp-nav.hp-nav-col-9 > li > a > span {
	font-size: 14px;
}

.hp-nav.hp-nav-col-10 > li > a > span {
	font-size: 14px;
}

.hp-nav.hp-nav-col-11 > li > a > span {
	font-size: 12px;
}

.hp-nav.hp-nav-col-12 > li > a > span {
	font-size: 12px;
}

.hp-nav > li > a:hover {
	background-color: #eee;
	border-color: #ccc;
}

.hp-nav > li ul {
	/*display: none;*/
}

.hp-nav.hp-nav-brand > li {
	width: 33.3334%;
}

.hp-nav.hp-nav-brand > li > a:hover {
	opacity: 0.7;
}

/*.hp-nav.hp-nav-brand > li > a > span {
	padding: 35px 20px 40px 35px;
}*/

.hp-nav #devices-link em.fa.fa-mobile {
	font-size: 72px;
	position: relative;
	top: -8px;
}

@media (max-width: 960px) {
	.hp-nav > li,
	.hp-nav.hp-nav-col-4 > li,
	.hp-nav.hp-nav-col-5 > li,
	.hp-nav.hp-nav-col-6 > li {
		width: 33.3334%;
	}
}

@media (max-width: 680px) {
	.hp-nav > li,
	.hp-nav.hp-nav-col-4 > li,
	.hp-nav.hp-nav-col-5 > li,
	.hp-nav.hp-nav-col-6 > li {
		width: 50%;
	}
}

@media (max-width: 480px) {
	.hp-nav > li,
	.hp-nav.hp-nav-col-4 > li,
	.hp-nav.hp-nav-col-5 > li,
	.hp-nav.hp-nav-col-6 > li {
		width: 100%;
	}
}










.fixed-content-menu-scroll {
	overflow: auto;
}

.fixed-content-menu-scroll-in {
	padding: 0px 4px 8px 8px;
}

.fixed-content-menu ul {
	padding-left: 15px;
}

.fixed-content-menu h3 {
	background-color: #efefef;
	margin: 0px;
	padding: 8px 8px 10px 8px;
	font-size: 18px;
}

.fixed-content-menu h4 {
	font-size: 15px;
	margin-top: 15px;
	margin-bottom: 8px;
}

.file-button-large {
	background-color: white;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #eee;
	text-align: center;
	color: black;
	font-size: 30px;
	padding: 25px 25px 18px 25px;
	margin: 0px 10px;
}

.file-button-large:hover,
.file-button-large:hover > * {
	text-decoration: none;
}

.file-button-large > * {
	display: block;
}

.file-button-large > .fa {
	margin-bottom: 5px;
}

.dashboard-message-box {

}

.dashboard-message-box.active .panel {
	border: 2px solid #996530;
}

.dashboard-message-box.active .panel > .panel-heading {
	background-color: #996530;
	color: white;
}

.form-dashboard-message #field-message {
	min-height: 250px;
}

.paginator > a {
	padding: 4px 10px;
	border: 1px solid #ddd;

	background: url("../img/bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	margin-right: 2px;

	display: inline-block;
}

.paginator > a.active {
	background: none;
	background-color: #A37A4F;
	border-color: #A37A4F;
	color: white;
}

.paginator > a:hover {
	background: none;
	background-color: #673C10;
	border-color: #673C10;
	color: white;
	text-decoration: none;
}


.swal2-container {
	z-index: 5000;
}

.swal2-modal .swal2-content a.external:after {
	right: 0px;
	bottom: auto;
	font-size: 85%;
	top: 3px;
}


.table-client2019-baccounts input {
	padding: 6px 8px;
}

.table-client2019-baccounts .input-group-addon {
	padding: 6px 6px 6px 5px;
}


[date-picker-wrapper] + input[date-time] {
	border-bottom-left-radius: 0px;
}

.date-picker-date-time {
	border: 2px solid #ddd;
	border: 2px solid #66afe9;
	border-top-width: 1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	margin-top: -0px;
}

.bg-rf-id-11 {
	background-color: green;
	color: white;
}

.bg-rf-id-12 {
	background-color: yellow;
}

.bg-rf-id-13 {
	background-color: red;
	color: white;
}











.tabs > * {
	z-index: 1;
}

.tabs > ul, .tabs > ul > li {
	margin: 0px;
	padding: 0px;
}

.tabs > ul {
	list-style-type: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f7fa+0,efefef+80,efefef+80 */
	background: #f5f7fa; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f7fa 0%, #efefef 80%, #efefef 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f5f7fa 0%,#efefef 80%,#efefef 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5f7fa 0%,#efefef 80%,#efefef 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7fa', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

	/*padding-top: 5px;*/
	border-bottom: 1px solid #cfdbe2;
	z-index: 2;
}

.panel .tabs > ul {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,efefef+80,efefef+80 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 80%, #efefef 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 80%,#efefef 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#efefef 80%,#efefef 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

.tabs > ul > li {
	float: left;
}

.tabs > ul > li > a {
	padding: 9px 15px 10px 15px;
	background-color: #efefef;
	border: 1px solid #cfdbe2; /* Color PANEL BORDER */
	border-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	text-decoration: none;
	color: #3772d6; /* standardní modrá pro odkazy */
}

.tabs > ul > li.active > a,
.tabs > ul > li > a.active {
	background-color: white;
	color: black;
	font-weight: bold;
	position: relative;
	padding-bottom: 11px;
	margin-bottom: -1px;
	cursor: default;
}

.tabs > ul > li:first-child > a {
	border-left-style: solid;
}

.panel .tabs > ul > li:first-child > a {
	border-left-style: none;
}



.archive-date-info {
	padding: 1px 5px;
	border-radius: 3px;
	background-color: #aaa;
	border: 1px dotted #999;
	display: inline-block;
}

.archive-date-info span {
	color: #666; 
}

table[data-row-action] > tbody > tr:hover > * .archive-date-info,
table.dataTable > tbody > tr:hover > * .archive-date-info {
	color: black !important;
}



.form-control-postcode-short {
	padding-left: 2px;
	padding-right: 2px;
}


.table-insolvency-result .result-count-x {
	color: red;
	font-weight: bold;
}



.btn-table-ctrl {
	padding: 0px 3px;
	line-height: 1.34;
}

.btn-table-ctrl > .fa {
	margin-right: 1px;
}

td > .btn-table-ctrl {
	position: relative;
	top: -1px;
}





	.login-log-list-wrapper li {
		position: relative;
		padding-left: 12px;
	}

	.login-log-list-wrapper li:not(:last-child) {
		padding-bottom: 4px;
		border-bottom: 1px dashed #ccc;
		margin-bottom: 2px;
	}

	.login-log-list-wrapper li .dot {
		font-size: 22px;
		position: absolute;
		top: -6px;
		left: 0px;
	}

	.login-log-list-wrapper li .geo {
		cursor: default;
	}
	.login-log-list-wrapper li .is-valid-1 {
		color: green;
	}





/**
@see https://codepen.io/stepher/pen/yLOaEOP
 */
.chevron::before {
	border-style: solid;
	border-width: 0.10em 0.10em 0 0;
	content: '';
	display: inline-block;
	height: 0.35em;
	left: -0.1em;
	position: relative;
	top: 0.45em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.35em;
}

.chevron.right:before {
	left: 0;
	transform: rotate(45deg);
}

.chevron.bottom:before {
	top: 0.24em;
	transform: rotate(135deg);
}

.chevron.left:before {
	left: 0.25em;
	transform: rotate(-135deg);
}

.auth2fa-content__wrapper {
	min-height: 80vh;	/* Při skrytí nápovědy nebude skákat obrazovka */

}

.auth2fa-content__wrapper section {
	padding-bottom: 15px;
}

.auth2fa-content__wrapper h2 {
	font-size: 20px;
	font-weight: 400;
	position: relative;
	margin-bottom: 15px;
}

.auth2fa-content__wrapper .headline__success {
	color: #188961;
	padding-left: 38px;
	margin: 15px 0px 15px 0px;
}

/**
	@link https://stackoverflow.com/questions/21968531/how-to-draw-a-checkmark-tick-using-css
	@see https://stackoverflow.com/a/28777284
 */
.auth2fa-content__wrapper .headline__success:after {
	content: "";
	background-color: transparent;

	/* position the checkbox */
		position: absolute;
		left: 12px;
		top: 2px;

	/* setting the checkbox */
	/* short arm */
		width: 7px;
		border-bottom: 3px solid #188961;
	/* long arm */
		height: 13px;
		border-right: 3px solid #188961;

	/* rotate the mirrored L to make it a checkbox */
		transform: rotate(41deg);
		-o-transform: rotate(41deg);
		-ms-transform: rotate(41deg);
		-webkit-transform: rotate(41deg);
}

.auth2fa-content__wrapper,
.auth2fa-content__wrapper * {
	box-sizing: border-box;
}

.auth2fa-helpbox__wrapper {
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	max-width: 660px;
	width: 100%;
	margin-bottom: 15px;
}

.auth2fa-helpbox__headline {
	position: relative;
	background: #f5f5f5;
	border: 1px solid #DEDEDE;
	padding: 12px 56px 12px 24px;
	margin: 0px;
	cursor: pointer;
}

.auth2fa-helpbox__headline h3 {
	font-size: 16px;
	line-height: 24px;
	margin: 0px;
	font-weight: 500;
}

.auth2fa-helpbox__headline:hover h3 {
	text-decoration: underline;
	color: #666666;
}

.auth2fa-helpbox__handle {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 60px;
	line-height: 1;
	font-size: 3em;
	color: #1A1A1A;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	cursor: pointer;
}

.auth2fa-helpbox__handle .chevron {
	border-color: #1A1A1A;
}

.auth2fa-helpbox__headline:hover .auth2fa-helpbox__handle {
	color: #666666;
}

.auth2fa-helpbox__headline:hover .auth2fa-helpbox__handle .chevron {
	border-color: #666666;
}

.auth2fa-helpbox__handle-icon-open {
	display: block;
}

.auth2fa-helpbox__active .auth2fa-helpbox__handle-icon-open {
	display: none;
}

.auth2fa-helpbox__handle-icon-close {
	display: none;
}

.auth2fa-helpbox__active .auth2fa-helpbox__handle-icon-close {
	display: block;
}

.auth2fa-helpbox__content {
	display: none;
	padding: 18px 48px 20px 24px;
}

.auth2fa-helpbox__open .auth2fa-helpbox__content {
	display: block;
}

.auth2fa-helpbox__content p {
	margin: 0px;
	padding: 0px 0px 1em 0px;
}

.auth2fa-helpbox__content ol,
.auth2fa-helpbox__content ul {
	margin: 0px;
	padding: 0px 0px 1em 16px;
}

.auth2fa-helpbox__content ol ol,
.auth2fa-helpbox__content ol ul,
.auth2fa-helpbox__content ul ul,
.auth2fa-helpbox__content ul ol {
	padding: 2px 0px 1px 30px;
}

.auth2fa-helpbox__content li {
	padding: 0px 0px 3px 4px;
}

.auth2fa-helpbox__content li li {
	padding-bottom: 1px;
}

.auth2fa-helpbox__content li li:last-child {
	padding-bottom: 0px;
}

.auth2fa-helpbox__content > *:last-child {
	padding-bottom: 0px;
}

.auth2fa-note__wrapper {
	position: relative;
	color: #0A0B11;
	max-width: 700px;
	width: 100%;
}

.auth2fa-note__wrapper .auth2fa-note__icon {
	position: absolute;
	top: 0px;
	left: 6px;
	height: 100%;
	line-height: 0.98;
	cursor: default;
}

.auth2fa-note__wrapper .auth2fa-note__icon>em {
	position: absolute;
	top: 49%;
	margin-top: -10px;
	display: inline-block;
	font-style: normal;
	border: 1px solid #0A0B11;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 19px;
	padding-right: 0px;
	font-size: 1.1em;
}

.auth2fa-note__wrapper .auth2fa-note__icon+.auth2fa-note__content {
	padding-left: 38px;
}

.auth2fa-window__content {
}

.auth2fa-note__content p {
	margin: 0px;
	padding: 0px 0px 1em 0px;
}

.auth2fa-note__content p:last-child {
	padding-bottom: 0px;
}

.auth2fa-window__content .form-group--last {
	margin-bottom: 0px;
}

.auth2fa-window__content .form-group__buttons {
	margin-top: 16px;
}

.auth2fa-window__content .text-center {
	text-align: center;
}

.auth2fa-window__content .qr-code-headline {
	position: relative;
	z-index: 2;
}

.auth2fa-window__content .text-large {
	font-size: 1.5em;
}

.auth2fa-window__content .text-large--bottom-large {
	margin-bottom: 16px;
}

.auth2fa-window__content ol {
	margin: 0px;
	padding: 0px 0px 1em 16px;
}

.auth2fa-window__content ol li {
	padding: 0px 0px 3px 4px;
}

.auth2fa-infobox__qrcode-image {
	margin: 0px auto 8px auto;
	text-align: center;
	position: relative;
	padding: 1px; /* safe space pro perfektní překrytí IMG prvkem .auth2fa-infobox__qrcode-safeOverlay */
}

.auth2fa-infobox__qrcode-safeOverlay {
	width: 100%;
	height: 100%;
	z-index: 10000;
	top: 0px;
	left: 0px;
	position: absolute;
}

p+.auth2fa-infobox__qrcode-wrapper {
	margin-top: -1em;
}

.auth2fa-infobox__qrcode-image > * {
	margin: 0px auto;
	text-align: center;
}

.auth2fa-infobox__box-highlight {
	border-radius: 5px;
	padding: 12px 20px 14px 20px;
	background: #f5f5f5;
	margin-bottom: 16px;
}

.auth2fa-infobox__box-highlight > *:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.auth2fa-infobox__box-highlight p + ol {
	margin-top: -0.5em;
}



.user-role-clipboard .panel-heading {
	background-color: #f5f5f5;
	border-bottom: 1px solid #eeeeee;
}

.user-role-clipboard .panel-body {
	background-color: #f8f8f8;
}


.btn.btn-default.btn-xs.btn-ctrl {
	color: #333;
}

/*  btn-ctrl--i-t => i = icon, t = text */
.btn.btn--i-t {
	padding-left: 16px;
}
.btn.btn--i-t > i.fa {
	margin-right: 8px;
}

.btn.btn-xs.btn-ctrl--i-t > i.fa {
	margin-right: 4px;
}

th > .btn-ctrl,
td > .btn-ctrl {
	margin-bottom: 4px;
}

tr.bg-active > * > .btn-ctrl {
	border: 1px solid #ddd;
}

.dropdown-menu > li > a {
	color: #333 !important;
}

/* Kopie z PS */
.swal2-modal {
	padding-bottom: 30px !important;
}

.swal2-container {
	z-index: 5000;
}

.swal2-container .swal2-pre .swal2-content,
.swal2-container .text-pre .swal2-content {
	white-space: pre;
	text-align: left;
}

.swal2-container .swal2-pre .swal2-content {
	font-size: 100%;
}

.swal2-container .swal2-pre .swal2-content {
	display: block;
	padding: 10px;
	margin: 0 0 10.5px;
	font-size: 13px;
	line-height: 1.52857143;
	word-break: break-all;
	word-wrap: break-word;
	color: #3a3f51;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

.swal2-modal .swal2-confirm,
.swal2-modal .swal2-primary {
	background-color: rgb(48, 133, 214);
	border-left-color: rgb(48, 133, 214);
	border-right-color: rgb(48, 133, 214);
}

.swal2-modal .swal2-btn-custom {
	display: inline-block;
	padding-left: 16px;
	padding-right: 16px;
}

.swal2-modal button[type=button].extern {
	padding-right: 38px;
}

.swal2-modal button[type=button].extern:after {
	right: 16px;
	bottom: 10px;
}

.swal2-modal .swal2-std {
	background-color: #a5a5a5;
}

.swal2-modal .swal2-buttonswrapper {
	margin-top: 6px;
}


.select2-container .select2-choice { /* stejně jako .form-control */
	height: 35px;
	padding: 6px 16px;
	line-height: 1.52857143;
}

.select2-container .select2-choice .select2-arrow b {
	background-position: 0px 2px;
}




.tooltip {
	z-index: 10000;
}

.help-inline {
	border-bottom: 1px dotted #737373;
}











.panel-body-hidden .panel-body {
	display: none;
}

.panel-body-hidden.opened .panel-body {
	display: block;
}

.panel-body-hidden .panel-open {
	display: inline-block;
}

.panel-body-hidden .panel-close {
	display: none;
}

.panel-body-hidden.opened .panel-open {
	display: none;
}

.panel-body-hidden.opened .panel-close {
	display: inline-block;
}

.panel-body-hidden.opened .select2-container {
	width: 100% !important;
}

.table-uver-detail {
	table-layout: fixed;
}

.table-uver-detail th {
	width: 50%;
}

.table-uver-detail td {
	word-wrap: break-word;
}


.table-v_uzsp--top-table-cell {
	padding: 2px 3px !important;
	width: 400px;
}

.table-v_uzsp--top-table-cell .badge {
	margin-bottom: 4px;
	white-space: normal;
	padding: 2px 7px 5px 7px;
}

.table-v_uzsp--table {
	margin-bottom: 0px;
}

.table-v_uzsp--table thead > tr > * {
	color: #666 !important;
}

.table-v_uzsp--table tr > * {
	padding: 1px 2px !important;
	font-size: 12px;
}



.scib__init.scib__init--hide,
.scib__init.scib__init--hidden {
	display: none;
}

.scib__init.scib__init--inline {
	display: inline-block;
}




.panel-box-hero-icon__body {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}

.panel-box-hero-icon__icon-wraper {
	color: #909fa7;
	font-size: 100px;
	padding: 0px 2% 8px 2%;
	line-height: 1;
}

.panel-body>*>.panel-box-hero-icon__icon-wraper {
	padding-right: calc(2% + 15px - 1px);	/* 15px je .panel-body {padding-left}  */
}

.panel-box-hero-icon__icon {
	position: relative;
	top: -6px;
}

.panel-box-hero-icon__content {
	padding: 0px 6% 8px 0px;
	flex-grow: 1;
	font-size: 125%;
}

.print-tip__icon-wrapper {
	text-align: center;
	padding: 16px 40px 0px 40px;
}

.print-tip__icon {
	margin-bottom: 8px;
}





.print {
	display: none !important;
}

@media print {

	.print {
		display: block !important;
	}

	.no-print {
		display: none !important;
	}

	.text-muted--print,
	.text-muted--print:before,
	.text-muted--print *,
	.text-muted--print *:before {
		color: #909fa7 !important;
		-webkit-print-color-adjust: exact;
	}

	/* C:\www\inovate\bonafit\is2017\domains\is\www\_skin\_app\vendor\angular\angular-datepicker-master\app\styles\bootstrap.css:183 */
	a[href]:after {
        content: '';
    }
	
	a[href].print-href:after {
        content: " (" attr(href) ")";
    }

	.horizontal-menu-wrapper {
		display: none;
	}

	#fixed-content-menu {
		display: none !important;
	}

	.content-wrapper > h3, .content-wrapper > .content-heading {
		margin: 0px !important;
	}

	.tsk-table__table-main {
		font-size: 9px;
	}

	.tsk-table__table-main--ukp {
		font-size: 10px;
	}

	.tsk-table__table-main tr > * {
		padding: 2px 3px !important;
		min-height: 0 !important;
		line-height: 1.25 !important;
	}

	.tsk-table__table-main--std tr > * {
		padding: 1px 1px !important;
	}

	.tsk-table__table-main .tsk-cell__income {
		padding: 0px !important;		
	}

	.tsk-table__table-main .tsk-table__income {
		margin: -1px -1px 0px -1px !important;
		margin: 0px !important;
	}

	.tsk-table__table-main .tsk-table__income tr > * {
		padding: 1px 2px !important;
		line-height: 1.1 !important;
	}

	.tsk-table__table-main .tsk-table__income .badge {
		font-size: 90%;
		border: 1px solid #e4eaec;
		padding: 1px 2px !important;
	}

	.tsk-table__table-main .tsk-table__income--detail tr > * {

	}

	.tsk-table__table-main .tsk-table__income tr > .tsk-cell-action {
		width: 0px;
		min-width: 0px;
		max-width: 0px;
		padding: 0px !important;
	}

}